@lynx-js/react-rsbuild-plugin 0.18.0 → 0.18.2

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.18.2
+
+### Patch Changes
+
+- Add the experimental `experimental_transformBuiltinAttributeNames` option for transforming builtin element attribute names. `false` preserves attribute names. `true` transforms `onClick` to `bindtap`, `onCatchTap` to `catchtap`, other `onXXX` event names to `bindxxx`, and remaining camelCase names to dash-case. An object supports serializable custom rules through `mode`, `preserve`, and `rename`. Explicit JSX attributes are transformed during compilation, and spread attributes are transformed at runtime. ([#3274](https://github.com/lynx-family/lynx-stack/pull/3274))
+
+- Updated dependencies [[`4315634`](https://github.com/lynx-family/lynx-stack/commit/43156341e2449e48fd5badd6794937bad7c2b7c3), [`a03e15c`](https://github.com/lynx-family/lynx-stack/commit/a03e15cf157d3451b15987756c14ccd202597481), [`fa2ef9b`](https://github.com/lynx-family/lynx-stack/commit/fa2ef9b6fa2ff9e881a77ff5d80f300950fbca0d), [`7795a43`](https://github.com/lynx-family/lynx-stack/commit/7795a43797ac9daf59e5f18dc978e1596948f94b)]:
+  - @lynx-js/template-webpack-plugin@0.14.1
+  - @lynx-js/react-webpack-plugin@0.10.2
+  - @lynx-js/react-alias-rsbuild-plugin@0.18.2
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.4.1
+  - @lynx-js/css-extract-webpack-plugin@0.10.0
+
+## 0.18.1
+
+### Patch Changes
+
+- Updated dependencies [[`16248b5`](https://github.com/lynx-family/lynx-stack/commit/16248b55b37375402d63d2b53e40e832ab6544c6), [`08dd06a`](https://github.com/lynx-family/lynx-stack/commit/08dd06ae3a812155fa82d8d0356e5b7ae5395155), [`08dd06a`](https://github.com/lynx-family/lynx-stack/commit/08dd06ae3a812155fa82d8d0356e5b7ae5395155), [`811f2b5`](https://github.com/lynx-family/lynx-stack/commit/811f2b5bb40e472b577fed16b9142a3c36bd499f), [`ad2ed20`](https://github.com/lynx-family/lynx-stack/commit/ad2ed20aead82a7d23cd2fdc1dcffb2ef55b5fc3), [`d40a91f`](https://github.com/lynx-family/lynx-stack/commit/d40a91fe38730a5695cd0bcd8f14fcf5623b8d96), [`0d3623b`](https://github.com/lynx-family/lynx-stack/commit/0d3623bae7741223083b2723af87a0d32226d01e), [`f6e4548`](https://github.com/lynx-family/lynx-stack/commit/f6e454896a63c0b15a59c6c7674dc72b38ded5ff)]:
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.2.3
+  - @lynx-js/template-webpack-plugin@0.14.0
+  - @lynx-js/css-extract-webpack-plugin@0.10.0
+  - @lynx-js/react-webpack-plugin@0.10.1
+  - @lynx-js/react-alias-rsbuild-plugin@0.18.1
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.4.1
+
 ## 0.18.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -556,6 +556,27 @@ export declare interface PluginReactLynxOptions {
      * @defaultValue `false`
      */
     enableAccessibilityElement?: boolean;
+    /**
+     * Transform attribute names on Lynx builtin elements.
+     *
+     * @remarks
+     *
+     * `false` disables the conversion. `true` applies the default rule:
+     * `onClick` becomes `bindtap`, `onCatchTap` becomes `catchtap`, other
+     * `onXXX` names become `bindxxx`, and remaining camelCase names become
+     * dash-case. An object provides serializable custom rules. Exact entries in
+     * `rename` take precedence over `preserve`, followed by the fallback behavior
+     * selected by `mode`.
+     *
+     * Explicit JSX attributes are transformed at compile time. Attributes
+     * supplied through JSX spreads are transformed at runtime with the same
+     * rules.
+     *
+     * @defaultValue `false`
+     *
+     * @experimental
+     */
+    experimental_transformBuiltinAttributeNames?: boolean | TransformBuiltinAttributeNamesOptions;
     /**
      * enableCSSInheritance enables the default inheritance properties.
      *
@@ -860,4 +881,34 @@ export declare interface ShakeVisitorConfig {
 
 export { TemplateHooks }
 
+/**
+ * Serializable rules for transforming builtin element attribute names.
+ *
+ * Exact entries in `rename` take precedence over `preserve`, followed by the
+ * fallback behavior selected by `mode`.
+ *
+ * @public
+ */
+export declare interface TransformBuiltinAttributeNamesOptions {
+    /**
+     * The fallback behavior for attribute names not listed in `rename` or
+     * `preserve`.
+     *
+     * `'dash-case'` also applies the default React-style event mappings.
+     * `'mapping-only'` leaves all remaining names unchanged.
+     *
+     * @defaultValue `'dash-case'`
+     */
+    mode?: 'dash-case' | 'mapping-only'
+    /**
+     * Attribute names that should remain unchanged unless an exact `rename`
+     * entry is also present.
+     */
+    preserve?: ReadonlyArray<string>
+    /**
+     * Exact mappings from source attribute names to transformed attribute names.
+     */
+    rename?: Readonly<Record<string, string>>
+}
+
 export { }

package/dist/index.js

@@ -134,7 +134,7 @@ const DEFAULT_DIST_PATH_INTERMEDIATE = '.rspeedy';
 const DEFAULT_FILENAME_HASH = '.[contenthash:8]';
 const EMPTY_HASH = '';
 function applyEntry(api, options) {
-    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableRemoveCSSScope, firstScreenSyncTiming, globalPropsMode, enableSSR, removeDescendantSelectorScope, targetSdkVersion, extractStr: originalExtractStr, experimental_isLazyBundle } = options;
+    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableRemoveCSSScope, firstScreenSyncTiming, globalPropsMode, enableSSR, removeDescendantSelectorScope, targetSdkVersion, extractStr: originalExtractStr, experimental_isLazyBundle, experimental_transformBuiltinAttributeNames } = options;
     const lazyBundleFetcher = resolveLazyBundleFetcher(targetSdkVersion);
     api.modifyBundlerChain(async (chain, { environment, isDev, isProd })=>{
         const mainThreadChunks = [];
@@ -276,6 +276,7 @@ function applyEntry(api, options) {
                 extractStr,
                 experimental_isLazyBundle,
                 experimental_useElementTemplate: options.experimental_useElementTemplate,
+                experimental_transformBuiltinAttributeNames,
                 profile: getDefaultProfile(),
                 workletRuntimePath: await resolve(`@lynx-js/react/${isDev ? 'worklet-dev-runtime' : 'worklet-runtime'}`),
                 lazyBundleFetcher
@@ -369,7 +370,7 @@ const MAIN_THREAD_ENV_TARGETS = {
 function getLoaderOptions(api, options, isMainThread = false) {
     const { output } = api.getRsbuildConfig();
     const inlineSourcesContent = output?.sourceMap === true || !(output?.sourceMap === false || output?.sourceMap?.js === false || output?.sourceMap?.js?.includes('nosources'));
-    const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, enableUiSourceMap, experimental_isLazyBundle, experimental_useElementTemplate } = options;
+    const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, enableUiSourceMap, experimental_transformBuiltinAttributeNames, experimental_isLazyBundle, experimental_useElementTemplate } = options;
     return {
         compat,
         enableRemoveCSSScope,
@@ -377,6 +378,7 @@ function getLoaderOptions(api, options, isMainThread = false) {
         inlineSourcesContent,
         defineDCE,
         engineVersion,
+        experimental_transformBuiltinAttributeNames,
         experimental_useElementTemplate,
         ...isMainThread ? {
             enableUiSourceMap,
@@ -643,7 +645,7 @@ const _assertGuard = (exceptionable, props, factory)=>{
     return false;
 };
 const validateConfig = (()=>{
-    const _io0 = (input, _exceptionable = true)=>(void 0 === input.enableUiSourceMap || "boolean" == typeof input.enableUiSourceMap) && (void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming || "manual" === input.firstScreenSyncTiming) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io4(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io5(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && null !== input.extractStr && (void 0 === input.extractStr || "boolean" == typeof input.extractStr || "object" == typeof input.extractStr && null !== input.extractStr && false === Array.isArray(input.extractStr) && _io7(input.extractStr, _exceptionable)) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && (void 0 === input.experimental_useElementTemplate || "boolean" == typeof input.experimental_useElementTemplate) && null !== input.optimizeBundleSize && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || "object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) && _io8(input.optimizeBundleSize, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io0 = (input, _exceptionable = true)=>(void 0 === input.enableUiSourceMap || "boolean" == typeof input.enableUiSourceMap) && (void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && null !== input.experimental_transformBuiltinAttributeNames && (void 0 === input.experimental_transformBuiltinAttributeNames || "boolean" == typeof input.experimental_transformBuiltinAttributeNames || "object" == typeof input.experimental_transformBuiltinAttributeNames && null !== input.experimental_transformBuiltinAttributeNames && false === Array.isArray(input.experimental_transformBuiltinAttributeNames) && _io4(input.experimental_transformBuiltinAttributeNames, _exceptionable)) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming || "manual" === input.firstScreenSyncTiming) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io6(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io7(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.globalPropsMode || "reactive" === input.globalPropsMode || "event" === input.globalPropsMode) && null !== input.extractStr && (void 0 === input.extractStr || "boolean" == typeof input.extractStr || "object" == typeof input.extractStr && null !== input.extractStr && false === Array.isArray(input.extractStr) && _io9(input.extractStr, _exceptionable)) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && (void 0 === input.experimental_useElementTemplate || "boolean" == typeof input.experimental_useElementTemplate) && null !== input.optimizeBundleSize && (void 0 === input.optimizeBundleSize || "boolean" == typeof input.optimizeBundleSize || "object" == typeof input.optimizeBundleSize && null !== input.optimizeBundleSize && false === Array.isArray(input.optimizeBundleSize) && _io10(input.optimizeBundleSize, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "enableUiSourceMap",
                 "compat",
@@ -651,6 +653,7 @@ const validateConfig = (()=>{
                 "debugInfoOutside",
                 "defaultDisplayLinear",
                 "enableAccessibilityElement",
+                "experimental_transformBuiltinAttributeNames",
                 "enableCSSInheritance",
                 "enableCSSInvalidation",
                 "enableCSSSelector",
@@ -707,7 +710,22 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
-    const _io4 = (input, _exceptionable = true)=>(void 0 === input.pkgName || Array.isArray(input.pkgName) && input.pkgName.every((elem, _index5)=>"string" == typeof elem)) && (void 0 === input.retainProp || Array.isArray(input.retainProp) && input.retainProp.every((elem, _index6)=>"string" == typeof elem)) && (void 0 === input.removeCall || Array.isArray(input.removeCall) && input.removeCall.every((elem, _index7)=>"string" == typeof elem)) && (void 0 === input.removeCallParams || Array.isArray(input.removeCallParams) && input.removeCallParams.every((elem, _index8)=>"string" == typeof elem)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io4 = (input, _exceptionable = true)=>(void 0 === input.mode || "dash-case" === input.mode || "mapping-only" === input.mode) && (void 0 === input.preserve || Array.isArray(input.preserve) && input.preserve.every((elem, _index5)=>"string" == typeof elem)) && (void 0 === input.rename || "object" == typeof input.rename && null !== input.rename && false === Array.isArray(input.rename) && _io5(input.rename, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+            if ([
+                "mode",
+                "preserve",
+                "rename"
+            ].some((prop)=>key === prop)) return true;
+            const value = input[key];
+            if (void 0 === value) return true;
+            return false;
+        }));
+    const _io5 = (input, _exceptionable = true)=>Object.keys(input).every((key)=>{
+            const value = input[key];
+            if (void 0 === value) return true;
+            return "string" == typeof value;
+        });
+    const _io6 = (input, _exceptionable = true)=>(void 0 === input.pkgName || Array.isArray(input.pkgName) && input.pkgName.every((elem, _index6)=>"string" == typeof elem)) && (void 0 === input.retainProp || Array.isArray(input.retainProp) && input.retainProp.every((elem, _index7)=>"string" == typeof elem)) && (void 0 === input.removeCall || Array.isArray(input.removeCall) && input.removeCall.every((elem, _index8)=>"string" == typeof elem)) && (void 0 === input.removeCallParams || Array.isArray(input.removeCallParams) && input.removeCallParams.every((elem, _index9)=>"string" == typeof elem)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "pkgName",
                 "retainProp",
@@ -718,7 +736,7 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
-    const _io5 = (input, _exceptionable = true)=>(void 0 === input.define || "object" == typeof input.define && null !== input.define && false === Array.isArray(input.define) && _io6(input.define, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io7 = (input, _exceptionable = true)=>(void 0 === input.define || "object" == typeof input.define && null !== input.define && false === Array.isArray(input.define) && _io8(input.define, _exceptionable)) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "define"
             ].some((prop)=>key === prop)) return true;
@@ -726,12 +744,12 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
-    const _io6 = (input, _exceptionable = true)=>Object.keys(input).every((key)=>{
+    const _io8 = (input, _exceptionable = true)=>Object.keys(input).every((key)=>{
             const value = input[key];
             if (void 0 === value) return true;
             return "string" == typeof value;
         });
-    const _io7 = (input, _exceptionable = true)=>(void 0 === input.strLength || "number" == typeof input.strLength) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io9 = (input, _exceptionable = true)=>(void 0 === input.strLength || "number" == typeof input.strLength) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "strLength"
             ].some((prop)=>key === prop)) return true;
@@ -739,7 +757,7 @@ const validateConfig = (()=>{
             if (void 0 === value) return true;
             return false;
         }));
-    const _io8 = (input, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread) && (void 0 === input.background || "boolean" == typeof input.background) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io10 = (input, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread) && (void 0 === input.background || "boolean" == typeof input.background) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "mainThread",
                 "background"
@@ -768,9 +786,9 @@ const validateConfig = (()=>{
             path: _path + ".customCSSInheritanceList",
             expected: "(Array<string> | undefined)",
             value: input.customCSSInheritanceList
-        }, _errorFactory)) && input.customCSSInheritanceList.every((elem, _index9)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.customCSSInheritanceList.every((elem, _index10)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".customCSSInheritanceList[" + _index9 + "]",
+                path: _path + ".customCSSInheritanceList[" + _index10 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -793,6 +811,21 @@ const validateConfig = (()=>{
             path: _path + ".enableAccessibilityElement",
             expected: "(boolean | undefined)",
             value: input.enableAccessibilityElement
+        }, _errorFactory)) && (null !== input.experimental_transformBuiltinAttributeNames || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".experimental_transformBuiltinAttributeNames",
+            expected: "(TransformBuiltinAttributeNamesOptions | boolean | undefined)",
+            value: input.experimental_transformBuiltinAttributeNames
+        }, _errorFactory)) && (void 0 === input.experimental_transformBuiltinAttributeNames || "boolean" == typeof input.experimental_transformBuiltinAttributeNames || ("object" == typeof input.experimental_transformBuiltinAttributeNames && null !== input.experimental_transformBuiltinAttributeNames && false === Array.isArray(input.experimental_transformBuiltinAttributeNames) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".experimental_transformBuiltinAttributeNames",
+            expected: "(TransformBuiltinAttributeNamesOptions | boolean | undefined)",
+            value: input.experimental_transformBuiltinAttributeNames
+        }, _errorFactory)) && _ao4(input.experimental_transformBuiltinAttributeNames, _path + ".experimental_transformBuiltinAttributeNames", _exceptionable) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".experimental_transformBuiltinAttributeNames",
+            expected: "(TransformBuiltinAttributeNamesOptions | boolean | undefined)",
+            value: input.experimental_transformBuiltinAttributeNames
         }, _errorFactory)) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".enableCSSInheritance",
@@ -838,7 +871,7 @@ const validateConfig = (()=>{
             path: _path + ".shake",
             expected: "(Partial<ShakeVisitorConfig> | undefined)",
             value: input.shake
-        }, _errorFactory)) && _ao4(input.shake, _path + ".shake", _exceptionable) || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && _ao6(input.shake, _path + ".shake", _exceptionable) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".shake",
             expected: "(Partial<ShakeVisitorConfig> | undefined)",
@@ -848,7 +881,7 @@ const validateConfig = (()=>{
             path: _path + ".defineDCE",
             expected: "(Partial<DefineDceVisitorConfig> | undefined)",
             value: input.defineDCE
-        }, _errorFactory)) && _ao5(input.defineDCE, _path + ".defineDCE", _exceptionable) || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && _ao7(input.defineDCE, _path + ".defineDCE", _exceptionable) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".defineDCE",
             expected: "(Partial<DefineDceVisitorConfig> | undefined)",
@@ -878,7 +911,7 @@ const validateConfig = (()=>{
             path: _path + ".extractStr",
             expected: "(Partial<ExtractStrConfig> | boolean | undefined)",
             value: input.extractStr
-        }, _errorFactory)) && _ao7(input.extractStr, _path + ".extractStr", _exceptionable) || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && _ao9(input.extractStr, _path + ".extractStr", _exceptionable) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".extractStr",
             expected: "(Partial<ExtractStrConfig> | boolean | undefined)",
@@ -903,7 +936,7 @@ const validateConfig = (()=>{
             path: _path + ".optimizeBundleSize",
             expected: "(__type | boolean | undefined)",
             value: input.optimizeBundleSize
-        }, _errorFactory)) && _ao8(input.optimizeBundleSize, _path + ".optimizeBundleSize", _exceptionable) || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && _ao10(input.optimizeBundleSize, _path + ".optimizeBundleSize", _exceptionable) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".optimizeBundleSize",
             expected: "(__type | boolean | undefined)",
@@ -916,6 +949,7 @@ const validateConfig = (()=>{
                 "debugInfoOutside",
                 "defaultDisplayLinear",
                 "enableAccessibilityElement",
+                "experimental_transformBuiltinAttributeNames",
                 "enableCSSInheritance",
                 "enableCSSInvalidation",
                 "enableCSSSelector",
@@ -948,9 +982,9 @@ const validateConfig = (()=>{
             path: _path + ".componentsPkg",
             expected: "(Array<string> | undefined)",
             value: input.componentsPkg
-        }, _errorFactory)) && input.componentsPkg.every((elem, _index10)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.componentsPkg.every((elem, _index11)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".componentsPkg[" + _index10 + "]",
+                path: _path + ".componentsPkg[" + _index11 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -963,9 +997,9 @@ const validateConfig = (()=>{
             path: _path + ".oldRuntimePkg",
             expected: "(Array<string> | undefined)",
             value: input.oldRuntimePkg
-        }, _errorFactory)) && input.oldRuntimePkg.every((elem, _index11)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.oldRuntimePkg.every((elem, _index12)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".oldRuntimePkg[" + _index11 + "]",
+                path: _path + ".oldRuntimePkg[" + _index12 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -983,9 +1017,9 @@ const validateConfig = (()=>{
             path: _path + ".additionalComponentAttributes",
             expected: "(Array<string> | undefined)",
             value: input.additionalComponentAttributes
-        }, _errorFactory)) && input.additionalComponentAttributes.every((elem, _index12)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.additionalComponentAttributes.every((elem, _index13)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".additionalComponentAttributes[" + _index12 + "]",
+                path: _path + ".additionalComponentAttributes[" + _index13 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -1107,14 +1141,69 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         }));
-    const _ao4 = (input, _path, _exceptionable = true)=>(void 0 === input.pkgName || (Array.isArray(input.pkgName) || _assertGuard(_exceptionable, {
+    const _ao4 = (input, _path, _exceptionable = true)=>(void 0 === input.mode || "dash-case" === input.mode || "mapping-only" === input.mode || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".mode",
+            expected: "(\"dash-case\" | \"mapping-only\" | undefined)",
+            value: input.mode
+        }, _errorFactory)) && (void 0 === input.preserve || (Array.isArray(input.preserve) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".preserve",
+            expected: "(ReadonlyArray<string> | undefined)",
+            value: input.preserve
+        }, _errorFactory)) && input.preserve.every((elem, _index14)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+                method: "typia.createAssertEquals",
+                path: _path + ".preserve[" + _index14 + "]",
+                expected: "string",
+                value: elem
+            }, _errorFactory)) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".preserve",
+            expected: "(ReadonlyArray<string> | undefined)",
+            value: input.preserve
+        }, _errorFactory)) && (void 0 === input.rename || ("object" == typeof input.rename && null !== input.rename && false === Array.isArray(input.rename) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".rename",
+            expected: "(Readonly<Record<string, string>> | undefined)",
+            value: input.rename
+        }, _errorFactory)) && _ao5(input.rename, _path + ".rename", _exceptionable) || _assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".rename",
+            expected: "(Readonly<Record<string, string>> | undefined)",
+            value: input.rename
+        }, _errorFactory)) && (0 === Object.keys(input).length || false === _exceptionable || Object.keys(input).every((key)=>{
+            if ([
+                "mode",
+                "preserve",
+                "rename"
+            ].some((prop)=>key === prop)) return true;
+            const value = input[key];
+            if (void 0 === value) return true;
+            return _assertGuard(_exceptionable, {
+                method: "typia.createAssertEquals",
+                path: _path + _accessExpressionAsString(key),
+                expected: "undefined",
+                value: value
+            }, _errorFactory);
+        }));
+    const _ao5 = (input, _path, _exceptionable = true)=>false === _exceptionable || Object.keys(input).every((key)=>{
+            const value = input[key];
+            if (void 0 === value) return true;
+            return "string" == typeof value || _assertGuard(_exceptionable, {
+                method: "typia.createAssertEquals",
+                path: _path + _accessExpressionAsString(key),
+                expected: "string",
+                value: value
+            }, _errorFactory);
+        });
+    const _ao6 = (input, _path, _exceptionable = true)=>(void 0 === input.pkgName || (Array.isArray(input.pkgName) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".pkgName",
             expected: "(Array<string> | undefined)",
             value: input.pkgName
-        }, _errorFactory)) && input.pkgName.every((elem, _index13)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.pkgName.every((elem, _index15)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".pkgName[" + _index13 + "]",
+                path: _path + ".pkgName[" + _index15 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -1127,9 +1216,9 @@ const validateConfig = (()=>{
             path: _path + ".retainProp",
             expected: "(Array<string> | undefined)",
             value: input.retainProp
-        }, _errorFactory)) && input.retainProp.every((elem, _index14)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.retainProp.every((elem, _index16)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".retainProp[" + _index14 + "]",
+                path: _path + ".retainProp[" + _index16 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -1142,9 +1231,9 @@ const validateConfig = (()=>{
             path: _path + ".removeCall",
             expected: "(Array<string> | undefined)",
             value: input.removeCall
-        }, _errorFactory)) && input.removeCall.every((elem, _index15)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.removeCall.every((elem, _index17)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".removeCall[" + _index15 + "]",
+                path: _path + ".removeCall[" + _index17 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -1157,9 +1246,9 @@ const validateConfig = (()=>{
             path: _path + ".removeCallParams",
             expected: "(Array<string> | undefined)",
             value: input.removeCallParams
-        }, _errorFactory)) && input.removeCallParams.every((elem, _index16)=>"string" == typeof elem || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && input.removeCallParams.every((elem, _index18)=>"string" == typeof elem || _assertGuard(_exceptionable, {
                 method: "typia.createAssertEquals",
-                path: _path + ".removeCallParams[" + _index16 + "]",
+                path: _path + ".removeCallParams[" + _index18 + "]",
                 expected: "string",
                 value: elem
             }, _errorFactory)) || _assertGuard(_exceptionable, {
@@ -1183,12 +1272,12 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         }));
-    const _ao5 = (input, _path, _exceptionable = true)=>(void 0 === input.define || ("object" == typeof input.define && null !== input.define && false === Array.isArray(input.define) || _assertGuard(_exceptionable, {
+    const _ao7 = (input, _path, _exceptionable = true)=>(void 0 === input.define || ("object" == typeof input.define && null !== input.define && false === Array.isArray(input.define) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".define",
             expected: "(Record<string, string> | undefined)",
             value: input.define
-        }, _errorFactory)) && _ao6(input.define, _path + ".define", _exceptionable) || _assertGuard(_exceptionable, {
+        }, _errorFactory)) && _ao8(input.define, _path + ".define", _exceptionable) || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".define",
             expected: "(Record<string, string> | undefined)",
@@ -1206,7 +1295,7 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         }));
-    const _ao6 = (input, _path, _exceptionable = true)=>false === _exceptionable || Object.keys(input).every((key)=>{
+    const _ao8 = (input, _path, _exceptionable = true)=>false === _exceptionable || Object.keys(input).every((key)=>{
             const value = input[key];
             if (void 0 === value) return true;
             return "string" == typeof value || _assertGuard(_exceptionable, {
@@ -1216,7 +1305,7 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         });
-    const _ao7 = (input, _path, _exceptionable = true)=>(void 0 === input.strLength || "number" == typeof input.strLength || _assertGuard(_exceptionable, {
+    const _ao9 = (input, _path, _exceptionable = true)=>(void 0 === input.strLength || "number" == typeof input.strLength || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".strLength",
             expected: "(number | undefined)",
@@ -1234,7 +1323,7 @@ const validateConfig = (()=>{
                 value: value
             }, _errorFactory);
         }));
-    const _ao8 = (input, _path, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread || _assertGuard(_exceptionable, {
+    const _ao10 = (input, _path, _exceptionable = true)=>(void 0 === input.mainThread || "boolean" == typeof input.mainThread || _assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".mainThread",
             expected: "(boolean | undefined)",
@@ -1316,6 +1405,7 @@ function pluginReactLynx(userOptions) {
         extractStr: false,
         globalPropsMode: 'reactive',
         experimental_isLazyBundle: false,
+        experimental_transformBuiltinAttributeNames: false,
         experimental_useElementTemplate: false,
         optimizeBundleSize: false,
         enableUiSourceMap: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,33 +33,33 @@
   ],
   "dependencies": {
     "tiny-invariant": "^1.3.3",
-    "@lynx-js/css-extract-webpack-plugin": "0.9.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.18.0",
+    "@lynx-js/css-extract-webpack-plugin": "0.10.0",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.18.2",
     "@lynx-js/react-refresh-webpack-plugin": "0.4.1",
-    "@lynx-js/react-webpack-plugin": "0.10.0",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.2.2",
-    "@lynx-js/template-webpack-plugin": "0.13.0",
+    "@lynx-js/react-webpack-plugin": "0.10.2",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.2.3",
+    "@lynx-js/template-webpack-plugin": "0.14.1",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.58.2",
-    "@rsbuild/core": "2.1.4",
-    "@rsbuild/plugin-sass": "1.5.2",
-    "@rsbuild/plugin-typed-css-modules": "1.2.2",
-    "@rstest/core": "0.11.0",
+    "@microsoft/api-extractor": "7.58.12",
+    "@rsbuild/core": "2.1.7",
+    "@rsbuild/plugin-sass": "2.0.1",
+    "@rsbuild/plugin-typed-css-modules": "1.2.4",
+    "@rstest/core": "0.11.3",
     "rsbuild-plugin-arethetypeswrong": "0.3.1",
-    "rsbuild-plugin-publint": "0.3.4",
+    "rsbuild-plugin-publint": "1.0.0",
     "source-map": "^0.7.6",
     "tailwindcss": "^3.4.19",
-    "type-fest": "^5.4.4",
+    "type-fest": "^5.8.0",
     "typia": "12.1.1",
     "typia-rspack-plugin": "3.0.1",
+    "@lynx-js/config-rsbuild-plugin": "0.2.1",
     "@lynx-js/debug-metadata": "0.1.0",
-    "@lynx-js/react": "0.123.0",
-    "@lynx-js/config-rsbuild-plugin": "0.1.1",
+    "@lynx-js/react": "0.123.2",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.16.0",
+    "@lynx-js/rspeedy": "0.16.2",
     "@lynx-js/test-tools": "0.0.0"
   },
   "peerDependencies": {