@rsbuild/plugin-solid 1.0.0 → 1.0.1-beta.0

package/README.md

@@ -4,7 +4,7 @@
 
 # Rsbuild
 
-Unleash the power of Rspack with the out-of-the-box build tool.
+The Rspack-based build tool. It's fast, out-of-the-box and extensible.
 
 ## Documentation
 

package/dist/index.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PLUGIN_SOLID_NAME: () => PLUGIN_SOLID_NAME,
+  pluginSolid: () => pluginSolid
+});
+module.exports = __toCommonJS(src_exports);
+var import_plugin_babel = require("@rsbuild/plugin-babel");
+var PLUGIN_SOLID_NAME = "rsbuild:solid";
+function pluginSolid(options = {}) {
+  return {
+    name: PLUGIN_SOLID_NAME,
+    setup(api) {
+      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 = [
+                [
+                  require.resolve("babel-preset-solid"),
+                  options.solidPresetOptions || {}
+                ]
+              ];
+              babelOptions.parserOpts = { plugins: ["jsx", "typescript"] };
+              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;
+            }
+          });
+        }
+      );
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PLUGIN_SOLID_NAME,
+  pluginSolid
+});

package/dist/index.d.ts

@@ -1,8 +1,11 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-
-type PluginSolidPresetOptions = {
-    solidPresetOptions?: any;
+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 function pluginSolid(options?: PluginSolidPresetOptions): RsbuildPlugin;
-
-export { PluginSolidPresetOptions, pluginSolid };
+export declare const PLUGIN_SOLID_NAME = "rsbuild:solid";
+export declare function pluginSolid(options?: PluginSolidOptions): RsbuildPlugin;

package/dist/index.js

@@ -1,65 +1,60 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+import { createRequire } from 'module';
+var require = createRequire(import.meta['url']);
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  pluginSolid: () => pluginSolid
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
 });
-module.exports = __toCommonJS(src_exports);
+
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.6_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";
+var PLUGIN_SOLID_NAME = "rsbuild:solid";
 function pluginSolid(options = {}) {
   return {
-    name: "rsbuild:solid",
-    pre: ["rsbuild:babel", "rsbuild-webpack:babel"],
+    name: PLUGIN_SOLID_NAME,
     setup(api) {
-      api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
-        [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI].forEach((ruleId) => {
-          if (chain.module.rules.has(ruleId)) {
-            const rule = chain.module.rule(ruleId);
-            if (rule.uses.has(CHAIN_ID.USE.BABEL)) {
-              rule.use(CHAIN_ID.USE.BABEL).tap((babelConfig) => {
-                var _a;
-                (_a = babelConfig.presets) != null ? _a : babelConfig.presets = [];
-                babelConfig.presets.push([
-                  require.resolve("babel-preset-solid"),
+      api.modifyBundlerChain(
+        async (chain, { CHAIN_ID, environment, isProd, target }) => {
+          const environmentConfig = environment.config;
+          modifyBabelLoaderOptions({
+            chain,
+            CHAIN_ID,
+            modifier: (babelOptions) => {
+              babelOptions.presets = [
+                [
+                  __require.resolve("babel-preset-solid"),
                   options.solidPresetOptions || {}
+                ]
+              ];
+              babelOptions.parserOpts = { plugins: ["jsx", "typescript"] };
+              const usingHMR = !isProd && environmentConfig.dev.hmr && target === "web";
+              if (usingHMR) {
+                babelOptions.plugins ??= [];
+                babelOptions.plugins.push([
+                  __require.resolve("solid-refresh/babel")
                 ]);
-                return babelConfig;
-              });
+                chain.resolve.alias.merge({
+                  "solid-refresh": __require.resolve(
+                    "solid-refresh/dist/solid-refresh.mjs"
+                  )
+                });
+              }
+              return babelOptions;
             }
-          }
-        });
-      });
+          });
+        }
+      );
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
+  PLUGIN_SOLID_NAME,
   pluginSolid
-});
+};

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": "1.0.0",
+  "version": "1.0.1-beta.0",
   "description": "Solid plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -9,31 +9,32 @@
     "directory": "packages/plugin-solid"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "babel-preset-solid": "^1.8.4"
+    "babel-preset-solid": "^1.8.18",
+    "solid-refresh": "0.6.3",
+    "@rsbuild/plugin-babel": "1.0.1-beta.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "typescript": "^5.3.0",
-    "@rsbuild/plugin-babel": "1.0.0",
-    "@rsbuild/core": "1.0.0",
-    "@rsbuild/test-helper": "1.0.0",
-    "@rsbuild/webpack": "1.0.0"
+    "@types/babel__core": "^7.20.5",
+    "typescript": "^5.5.2",
+    "@rsbuild/core": "1.0.1-beta.0",
+    "@scripts/test-helper": "1.0.1-beta.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^1.0.0"
+    "@rsbuild/core": "^1.0.1-beta.0"
   },
   "publishConfig": {
     "access": "public",

package/dist/index.mjs

@@ -1,45 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
-import { fileURLToPath } from "url";
-import path from "path";
-
-// ../../scripts/require_shims.js
-import { createRequire } from "module";
-global.require = createRequire(import.meta.url);
-
-// src/index.ts
-function pluginSolid(options = {}) {
-  return {
-    name: "rsbuild:solid",
-    pre: ["rsbuild:babel", "rsbuild-webpack:babel"],
-    setup(api) {
-      api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
-        [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI].forEach((ruleId) => {
-          if (chain.module.rules.has(ruleId)) {
-            const rule = chain.module.rule(ruleId);
-            if (rule.uses.has(CHAIN_ID.USE.BABEL)) {
-              rule.use(CHAIN_ID.USE.BABEL).tap((babelConfig) => {
-                babelConfig.presets ?? (babelConfig.presets = []);
-                babelConfig.presets.push([
-                  __require.resolve("babel-preset-solid"),
-                  options.solidPresetOptions || {}
-                ]);
-                return babelConfig;
-              });
-            }
-          }
-        });
-      });
-    }
-  };
-}
-export {
-  pluginSolid
-};