@rsbuild/plugin-solid 0.7.10 → 1.0.0-alpha.1

package/dist/index.cjs

@@ -35,36 +35,38 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_plugin_babel = require("@rsbuild/plugin-babel");
-var import_shared = require("@rsbuild/shared");
 var PLUGIN_SOLID_NAME = "rsbuild:solid";
 function pluginSolid(options = {}) {
   return {
     name: PLUGIN_SOLID_NAME,
     setup(api) {
-      api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd, target }) => {
-        const rsbuildConfig = api.getNormalizedConfig();
-        (0, import_plugin_babel.modifyBabelLoaderOptions)({
-          chain,
-          CHAIN_ID,
-          modifier: (babelOptions) => {
-            babelOptions.presets ??= [];
-            babelOptions.presets.push([
-              require.resolve("babel-preset-solid"),
-              options.solidPresetOptions || {}
-            ]);
-            if ((0, import_shared.isUsingHMR)(rsbuildConfig, { isProd, target })) {
-              babelOptions.plugins ??= [];
-              babelOptions.plugins.push([
-                require.resolve("solid-refresh/babel")
+      api.modifyBundlerChain(
+        async (chain, { CHAIN_ID, environment, isProd, target }) => {
+          const environmentConfig = environment.config;
+          (0, import_plugin_babel.modifyBabelLoaderOptions)({
+            chain,
+            CHAIN_ID,
+            modifier: (babelOptions) => {
+              babelOptions.presets ??= [];
+              babelOptions.presets.push([
+                require.resolve("babel-preset-solid"),
+                options.solidPresetOptions || {}
               ]);
-              chain.resolve.alias.merge({
-                "solid-refresh": require.resolve("solid-refresh/dist/solid-refresh.mjs")
-              });
+              const usingHMR = !isProd && environmentConfig.dev.hmr && target === "web";
+              if (usingHMR) {
+                babelOptions.plugins ??= [];
+                babelOptions.plugins.push([
+                  require.resolve("solid-refresh/babel")
+                ]);
+                chain.resolve.alias.merge({
+                  "solid-refresh": require.resolve("solid-refresh/dist/solid-refresh.mjs")
+                });
+              }
+              return babelOptions;
             }
-            return babelOptions;
-          }
-        });
-      });
+          });
+        }
+      );
     }
   };
 }

package/dist/index.d.ts

@@ -1,82 +1,11 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-
-/**
- * babel-preset-solid options
- *
- * https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid/index.js
- *
- * https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions/README.md
- */
-type SolidPresetOptions = {
-    /**
-     * The name of the runtime module to import the methods from.
-     */
-    moduleName?: string;
-    /**
-     * The output mode of the compiler. Can be "dom"(default), "ssr". "dom" is standard output. "ssr" is for server side rendering of strings.
-     * @default 'dom'
-     */
-    generate?: 'dom' | 'ssr';
-    /**
-     * Indicate whether the output should contain hydratable markers.
-     * @default false
-     */
-    hydratable?: boolean;
-    /**
-     * Boolean to indicate whether to enable automatic event delegation on camelCase.
-     * @default true
-     */
-    delegateEvents?: boolean;
-    /**
-     * Boolean indicates whether smart conditional detection should be used. This optimizes simple boolean expressions and ternaries in JSX.
-     * @default true
-     */
-    wrapConditionals?: boolean;
-    /**
-     * Boolean indicates whether to set current render context on Custom Elements and slots. Useful for seamless Context API with Web Components.
-     * @default false
-     */
-    contextToCustomElements?: boolean;
-    /**
-     * Array of Component exports from module, that aren't included by default with the library. This plugin will automatically import them if it comes across them in the JSX.
-     * @default string[]
-     */
-    builtIns?: string[];
-    /**
-     * This plugin leverages a heuristic for reactive wrapping and lazy evaluation of JSX expressions.
-     * @default 'effect'
-     */
-    effectWrapper?: string;
-    /**
-     * Comment decorator string indicates the static expression, used to tell the compiler not to wrap them by effect function
-     * @default '@once'
-     */
-    staticMarker?: string;
-    /**
-     * Memos let you efficiently use a derived value in many reactive computations. This option indicates the memo function name
-     * @default 'memo'
-     */
-    memoWrapper?: string;
-    /**
-     * Checks for properly formed HTML by checking for elements that would not be allowed in certain parent elements.
-     * @default true
-     */
-    validate?: boolean;
-    /**
-     * Removes unnecessary closing tags from the template output.
-     * @default true
-     */
-    omitNestedClosingTags?: boolean;
-};
-
-type PluginSolidOptions = {
+import type { RsbuildPlugin } from '@rsbuild/core';
+import type { SolidPresetOptions } from './types';
+export type PluginSolidOptions = {
     /**
      * Options passed to `babel-preset-solid`.
      * @see https://www.npmjs.com/package/babel-preset-solid
      */
     solidPresetOptions?: SolidPresetOptions;
 };
-declare const PLUGIN_SOLID_NAME = "rsbuild:solid";
-declare function pluginSolid(options?: PluginSolidOptions): RsbuildPlugin;
-
-export { PLUGIN_SOLID_NAME, type PluginSolidOptions, pluginSolid };
+export declare const PLUGIN_SOLID_NAME = "rsbuild:solid";
+export declare function pluginSolid(options?: PluginSolidOptions): RsbuildPlugin;

package/dist/index.js

@@ -9,44 +9,46 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.5.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.5_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
 // src/index.ts
 import { modifyBabelLoaderOptions } from "@rsbuild/plugin-babel";
-import { isUsingHMR } from "@rsbuild/shared";
 var PLUGIN_SOLID_NAME = "rsbuild:solid";
 function pluginSolid(options = {}) {
   return {
     name: PLUGIN_SOLID_NAME,
     setup(api) {
-      api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd, target }) => {
-        const rsbuildConfig = api.getNormalizedConfig();
-        modifyBabelLoaderOptions({
-          chain,
-          CHAIN_ID,
-          modifier: (babelOptions) => {
-            babelOptions.presets ??= [];
-            babelOptions.presets.push([
-              __require.resolve("babel-preset-solid"),
-              options.solidPresetOptions || {}
-            ]);
-            if (isUsingHMR(rsbuildConfig, { isProd, target })) {
-              babelOptions.plugins ??= [];
-              babelOptions.plugins.push([
-                __require.resolve("solid-refresh/babel")
+      api.modifyBundlerChain(
+        async (chain, { CHAIN_ID, environment, isProd, target }) => {
+          const environmentConfig = environment.config;
+          modifyBabelLoaderOptions({
+            chain,
+            CHAIN_ID,
+            modifier: (babelOptions) => {
+              babelOptions.presets ??= [];
+              babelOptions.presets.push([
+                __require.resolve("babel-preset-solid"),
+                options.solidPresetOptions || {}
               ]);
-              chain.resolve.alias.merge({
-                "solid-refresh": __require.resolve(
-                  "solid-refresh/dist/solid-refresh.mjs"
-                )
-              });
+              const usingHMR = !isProd && environmentConfig.dev.hmr && target === "web";
+              if (usingHMR) {
+                babelOptions.plugins ??= [];
+                babelOptions.plugins.push([
+                  __require.resolve("solid-refresh/babel")
+                ]);
+                chain.resolve.alias.merge({
+                  "solid-refresh": __require.resolve(
+                    "solid-refresh/dist/solid-refresh.mjs"
+                  )
+                });
+              }
+              return babelOptions;
             }
-            return babelOptions;
-          }
-        });
-      });
+          });
+        }
+      );
     }
   };
 }

package/dist/types.d.ts

@@ -0,0 +1,68 @@
+/**
+ * babel-preset-solid options
+ *
+ * https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid/index.js
+ *
+ * https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions/README.md
+ */
+export type SolidPresetOptions = {
+    /**
+     * The name of the runtime module to import the methods from.
+     */
+    moduleName?: string;
+    /**
+     * The output mode of the compiler. Can be "dom"(default), "ssr". "dom" is standard output. "ssr" is for server side rendering of strings.
+     * @default 'dom'
+     */
+    generate?: 'dom' | 'ssr';
+    /**
+     * Indicate whether the output should contain hydratable markers.
+     * @default false
+     */
+    hydratable?: boolean;
+    /**
+     * Boolean to indicate whether to enable automatic event delegation on camelCase.
+     * @default true
+     */
+    delegateEvents?: boolean;
+    /**
+     * Boolean indicates whether smart conditional detection should be used. This optimizes simple boolean expressions and ternaries in JSX.
+     * @default true
+     */
+    wrapConditionals?: boolean;
+    /**
+     * Boolean indicates whether to set current render context on Custom Elements and slots. Useful for seamless Context API with Web Components.
+     * @default false
+     */
+    contextToCustomElements?: boolean;
+    /**
+     * Array of Component exports from module, that aren't included by default with the library. This plugin will automatically import them if it comes across them in the JSX.
+     * @default string[]
+     */
+    builtIns?: string[];
+    /**
+     * This plugin leverages a heuristic for reactive wrapping and lazy evaluation of JSX expressions.
+     * @default 'effect'
+     */
+    effectWrapper?: string;
+    /**
+     * Comment decorator string indicates the static expression, used to tell the compiler not to wrap them by effect function
+     * @default '@once'
+     */
+    staticMarker?: string;
+    /**
+     * Memos let you efficiently use a derived value in many reactive computations. This option indicates the memo function name
+     * @default 'memo'
+     */
+    memoWrapper?: string;
+    /**
+     * Checks for properly formed HTML by checking for elements that would not be allowed in certain parent elements.
+     * @default true
+     */
+    validate?: boolean;
+    /**
+     * Removes unnecessary closing tags from the template output.
+     * @default true
+     */
+    omitNestedClosingTags?: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-solid",
-  "version": "0.7.10",
+  "version": "1.0.0-alpha.1",
   "description": "Solid plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -23,19 +23,18 @@
     "dist"
   ],
   "dependencies": {
-    "babel-preset-solid": "^1.8.17",
+    "babel-preset-solid": "^1.8.18",
     "solid-refresh": "0.6.3",
-    "@rsbuild/plugin-babel": "0.7.10",
-    "@rsbuild/shared": "0.7.10"
+    "@rsbuild/plugin-babel": "1.0.0-alpha.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
-    "typescript": "^5.4.2",
-    "@rsbuild/core": "0.7.10",
-    "@scripts/test-helper": "0.7.10"
+    "typescript": "^5.5.2",
+    "@rsbuild/core": "1.0.0-alpha.0",
+    "@scripts/test-helper": "1.0.0-alpha.1"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.7.10"
+    "@rsbuild/core": "^1.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public",