@lynx-js/react-webpack-plugin 0.7.0 → 0.7.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.7.2
+
+### Patch Changes
+
+- Pass sourcemap generated by rspack to swc transformer. ([#1910](https://github.com/lynx-family/lynx-stack/pull/1910))
+
+- When engineVersion is greater than or equal to 3.1, use `__SetAttribute` to set text attribute for text node instead of creating a raw text node. ([#1880](https://github.com/lynx-family/lynx-stack/pull/1880))
+
+## 0.7.1
+
+### Patch Changes
+
+- Supports `@lynx-js/template-webpack-plugin` 0.9.0. ([#1705](https://github.com/lynx-family/lynx-stack/pull/1705))
+
 ## 0.7.0
 
 ### Minor Changes

package/lib/loaders/background.d.ts

@@ -1,4 +1,4 @@
-import type { LoaderContext } from '@rspack/core';
+import type { LoaderDefinitionFunction } from '@rspack/core';
 import type { ReactLoaderOptions } from './options.js';
-declare function backgroundLoader(this: LoaderContext<ReactLoaderOptions>, content: string): void;
+declare const backgroundLoader: LoaderDefinitionFunction<ReactLoaderOptions>;
 export default backgroundLoader;

package/lib/loaders/background.js

@@ -3,11 +3,20 @@
 // LICENSE file in the root directory of this source tree.
 import { createRequire } from 'node:module';
 import { getBackgroundTransformOptions } from './options.js';
-function backgroundLoader(content) {
+const backgroundLoader = function (content, sourceMap) {
     const require = createRequire(import.meta.url);
     const { transformPath = '@lynx-js/react/transform' } = this.getOptions();
     const { transformReactLynxSync } = require(transformPath);
-    const result = transformReactLynxSync(content, getBackgroundTransformOptions.call(this));
+    let swcInputSourceMap;
+    if (this.sourceMap && sourceMap) {
+        if (typeof sourceMap === 'string') {
+            swcInputSourceMap = sourceMap;
+        }
+        else {
+            swcInputSourceMap = JSON.stringify(sourceMap);
+        }
+    }
+    const result = transformReactLynxSync(content, getBackgroundTransformOptions.call(this, swcInputSourceMap));
     if (result.errors.length > 0) {
         for (const error of result.errors) {
             if (this.experiments?.emitDiagnostic) {
@@ -67,6 +76,6 @@ function backgroundLoader(content) {
         }
     }
     this.callback(null, result.code, result.map);
-}
+};
 export default backgroundLoader;
 //# sourceMappingURL=background.js.map

package/lib/loaders/main-thread.d.ts

@@ -1,4 +1,4 @@
-import type { LoaderContext } from '@rspack/core';
+import type { LoaderDefinitionFunction } from '@rspack/core';
 import type { ReactLoaderOptions } from './options.js';
-declare function mainThreadLoader(this: LoaderContext<ReactLoaderOptions>, content: string): void;
+declare const mainThreadLoader: LoaderDefinitionFunction<ReactLoaderOptions>;
 export default mainThreadLoader;

package/lib/loaders/main-thread.js

@@ -3,11 +3,20 @@
 // LICENSE file in the root directory of this source tree.
 import { createRequire } from 'node:module';
 import { getMainThreadTransformOptions } from './options.js';
-function mainThreadLoader(content) {
+const mainThreadLoader = function (content, sourceMap) {
     const require = createRequire(import.meta.url);
     const { transformPath = '@lynx-js/react/transform' } = this.getOptions();
     const { transformReactLynxSync } = require(transformPath);
-    const result = transformReactLynxSync(content, getMainThreadTransformOptions.call(this));
+    let swcInputSourceMap;
+    if (this.sourceMap && sourceMap) {
+        if (typeof sourceMap === 'string') {
+            swcInputSourceMap = sourceMap;
+        }
+        else {
+            swcInputSourceMap = JSON.stringify(sourceMap);
+        }
+    }
+    const result = transformReactLynxSync(content, getMainThreadTransformOptions.call(this, swcInputSourceMap));
     if (result.errors.length > 0) {
         for (const error of result.errors) {
             if (this.experiments?.emitDiagnostic) {
@@ -81,6 +90,6 @@ function mainThreadLoader(content) {
   }
 `
         : ''), result.map);
-}
+};
 export default mainThreadLoader;
 //# sourceMappingURL=main-thread.js.map

package/lib/loaders/options.d.ts

@@ -33,6 +33,10 @@ export interface ReactLoaderOptions {
      * Generate inline source content in source-map.
      */
     inlineSourcesContent?: boolean | undefined;
+    /**
+     * The engine version.
+     */
+    engineVersion?: string | undefined;
 }
-export declare function getMainThreadTransformOptions(this: LoaderContext<ReactLoaderOptions>): TransformNodiffOptions;
-export declare function getBackgroundTransformOptions(this: LoaderContext<ReactLoaderOptions>): TransformNodiffOptions;
+export declare function getMainThreadTransformOptions(this: LoaderContext<ReactLoaderOptions>, inputSourceMap: string | undefined): TransformNodiffOptions;
+export declare function getBackgroundTransformOptions(this: LoaderContext<ReactLoaderOptions>, inputSourceMap: string | undefined): TransformNodiffOptions;

package/lib/loaders/options.js

@@ -14,9 +14,9 @@ const COMPONENT_PKG = '@lynx-js/react-components';
 function normalizeSlashes(file) {
     return file.replaceAll(path.win32.sep, '/');
 }
-function getCommonOptions() {
+function getCommonOptions(inputSourceMap) {
     const filename = normalizeSlashes(path.relative(this.rootContext, this.resourcePath));
-    const { compat, enableRemoveCSSScope, inlineSourcesContent, isDynamicComponent, defineDCE = { define: {} }, } = this.getOptions();
+    const { compat, enableRemoveCSSScope, inlineSourcesContent, isDynamicComponent, engineVersion, defineDCE = { define: {} }, } = this.getOptions();
     const syntax = (/\.[mc]?tsx?$/.exec(this.resourcePath))
         ? 'typescript'
         : 'ecmascript';
@@ -58,6 +58,7 @@ function getCommonOptions() {
         // See: https://github.com/swc-project/pkgs/blob/d096fdc1ac372ac045894bdda3180ef99bbcbe33/packages/swc-loader/src/index.js#L42
         sourceFileName: this.resourcePath,
         sourcemap: this.sourceMap,
+        ...(inputSourceMap && { inputSourceMap }),
         sourceMapColumns: this.sourceMap && !this.hot,
         inlineSourcesContent: inlineSourcesContent ?? !this.hot,
         snapshot: {
@@ -73,6 +74,7 @@ function getCommonOptions() {
             filename,
             isDynamicComponent: isDynamicComponent ?? false,
         },
+        engineVersion: engineVersion ?? '',
         syntaxConfig: JSON.stringify({
             syntax,
             decorators: true,
@@ -94,8 +96,8 @@ function getCommonOptions() {
     };
     return commonOptions;
 }
-export function getMainThreadTransformOptions() {
-    const commonOptions = getCommonOptions.call(this);
+export function getMainThreadTransformOptions(inputSourceMap) {
+    const commonOptions = getCommonOptions.call(this, inputSourceMap);
     const { shake } = this.getOptions();
     return {
         ...commonOptions,
@@ -170,8 +172,8 @@ export function getMainThreadTransformOptions() {
         },
     };
 }
-export function getBackgroundTransformOptions() {
-    const commonOptions = getCommonOptions.call(this);
+export function getBackgroundTransformOptions(inputSourceMap) {
+    const commonOptions = getCommonOptions.call(this, inputSourceMap);
     return {
         ...commonOptions,
         compat: typeof commonOptions.compat === 'object'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -37,19 +37,19 @@
     "@lynx-js/webpack-runtime-globals": "0.0.6"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.11",
-    "@rspack/core": "1.5.2",
+    "@microsoft/api-extractor": "7.52.15",
+    "@rspack/core": "1.6.1",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
-    "webpack": "^5.101.3",
-    "@lynx-js/css-extract-webpack-plugin": "0.6.2",
-    "@lynx-js/react": "0.113.0",
-    "@lynx-js/template-webpack-plugin": "0.8.6",
+    "webpack": "^5.102.0",
+    "@lynx-js/react": "0.114.4",
+    "@lynx-js/template-webpack-plugin": "0.9.1",
     "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/vitest-setup": "0.0.0"
+    "@lynx-js/vitest-setup": "0.0.0",
+    "@lynx-js/css-extract-webpack-plugin": "0.6.4"
   },
   "peerDependencies": {
-    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0 || ^0.8.0"
+    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0 || ^0.8.0 || ^0.9.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {