chore: bump @rspack & some dependencies (#572)

* chore: bump @rspack & some dependencies

* add runtime compat

* Change files

* fix lint

change/@griffel-webpack-extraction-plugin-9d9a6948-0b2a-4705-b29a-00ec16f36389.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: improve compat with Rspack",
+  "packageName": "@griffel/webpack-extraction-plugin",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

package.json

@@ -47,8 +47,8 @@
     "@nx/web": "17.2.8",
     "@nx/webpack": "17.2.8",
     "@nx/workspace": "17.2.8",
-    "@rspack/cli": "0.5.0",
-    "@rspack/core": "0.5.0",
+    "@rspack/cli": "0.7.5",
+    "@rspack/core": "0.7.5",
     "@storybook/addon-essentials": "7.6.8",
     "@storybook/core-server": "7.6.8",
     "@storybook/react-webpack5": "7.6.8",

packages/webpack-extraction-plugin/src/GriffelCSSExtractionPlugin.ts

@@ -1,8 +1,8 @@
 import type { GriffelRenderer } from '@griffel/core';
 import { defaultCompareMediaQueries } from '@griffel/core';
-import { Compilation, NormalModule } from 'webpack';
-import type { Chunk, Compiler, Module, sources } from 'webpack';
+import type { Compilation, Chunk, Compiler, Module, sources } from 'webpack';
 
+import { getBundlerRuntime } from './getBundlerRuntime';
 import { parseCSSRules } from './parseCSSRules';
 import { sortCSSRules } from './sortCSSRules';
 import { PLUGIN_NAME, GriffelCssLoaderContextKey, type SupplementedLoaderContext } from './constants';
@@ -118,6 +118,7 @@ export class GriffelCSSExtractionPlugin {
 
   apply(compiler: Compiler): void {
     const IS_RSPACK = Object.prototype.hasOwnProperty.call(compiler.webpack, 'rspackVersion');
+    const { Compilation, NormalModule } = getBundlerRuntime(IS_RSPACK ? 'rspack' : 'webpack');
 
     // WHAT?
     //   Prevents ".griffel.css" files from being tree shaken by forcing "sideEffects" setting.

packages/webpack-extraction-plugin/src/getBundlerRuntime.ts

@@ -0,0 +1,17 @@
+import type { Compilation, NormalModule } from 'webpack';
+
+type BundlerRuntime = {
+  Compilation: typeof Compilation;
+  NormalModule: typeof NormalModule;
+};
+
+let bundlerRuntime: BundlerRuntime | null = null;
+
+export function getBundlerRuntime(type: 'webpack' | 'rspack'): BundlerRuntime {
+  if (bundlerRuntime === null) {
+    // eslint-disable-next-line import/no-extraneous-dependencies
+    bundlerRuntime = type === 'webpack' ? require('webpack') : require('@rspack/core');
+  }
+
+  return bundlerRuntime!;
+}