@rsbuild/plugin-solid 0.0.0-next-20231207110454

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present Bytedance, Inc. and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+<p align="center">
+  <a href="https://rsbuild.dev" target="blank"><img src="https://github.com/web-infra-dev/rsbuild/assets/7237365/84abc13e-b620-468f-a90b-dbf28e7e9427" alt="Rsbuild Logo" /></a>
+</p>
+
+# Rsbuild
+
+Unleash the power of Rspack with the out-of-the-box build tool.
+
+## Documentation
+
+https://rsbuild.dev/
+
+## Contributing
+
+Please read the [Contributing Guide](https://github.com/web-infra-dev/rsbuild/blob/main/CONTRIBUTING.md).
+
+## License
+
+Rsbuild is [MIT licensed](https://github.com/web-infra-dev/rsbuild/blob/main/LICENSE).

package/dist/index.d.ts

@@ -0,0 +1,77 @@
+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 seemless 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 PluginSolidPresetOptions = {
+    solidPresetOptions?: SolidPresetOptions;
+};
+declare function pluginSolid(options?: PluginSolidPresetOptions): RsbuildPlugin;
+
+export { PluginSolidPresetOptions, pluginSolid };

package/dist/index.js

@@ -0,0 +1,74 @@
+"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, {
+  pluginSolid: () => pluginSolid
+});
+module.exports = __toCommonJS(src_exports);
+function pluginSolid(options = {}) {
+  return {
+    name: "rsbuild:solid",
+    pre: ["rsbuild:babel"],
+    setup(api) {
+      api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
+        [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI].forEach((ruleId) => {
+          if (chain.module.rules.has(ruleId)) {
+            const rsbuildConfig = api.getNormalizedConfig();
+            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 || {}
+                ]);
+                if (!isProd && rsbuildConfig.dev.hmr) {
+                  babelConfig.plugins ?? (babelConfig.plugins = []);
+                  babelConfig.plugins.push([
+                    require.resolve("solid-refresh/babel")
+                  ]);
+                  chain.resolve.alias.merge({
+                    "solid-refresh": require.resolve("solid-refresh/dist/solid-refresh.mjs")
+                  });
+                }
+                return babelConfig;
+              });
+            }
+          }
+        });
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginSolid
+});

package/dist/index.mjs

@@ -0,0 +1,57 @@
+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.41.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
+import { fileURLToPath } from "url";
+import path from "path";
+
+// ../../scripts/requireShims.js
+import { createRequire } from "module";
+global.require = createRequire(import.meta.url);
+
+// src/index.ts
+function pluginSolid(options = {}) {
+  return {
+    name: "rsbuild:solid",
+    pre: ["rsbuild:babel"],
+    setup(api) {
+      api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
+        [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI].forEach((ruleId) => {
+          if (chain.module.rules.has(ruleId)) {
+            const rsbuildConfig = api.getNormalizedConfig();
+            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 || {}
+                ]);
+                if (!isProd && rsbuildConfig.dev.hmr) {
+                  babelConfig.plugins ?? (babelConfig.plugins = []);
+                  babelConfig.plugins.push([
+                    __require.resolve("solid-refresh/babel")
+                  ]);
+                  chain.resolve.alias.merge({
+                    "solid-refresh": __require.resolve(
+                      "solid-refresh/dist/solid-refresh.mjs"
+                    )
+                  });
+                }
+                return babelConfig;
+              });
+            }
+          }
+        });
+      });
+    }
+  };
+}
+export {
+  pluginSolid
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@rsbuild/plugin-solid",
+  "version": "0.0.0-next-20231207110454",
+  "description": "Solid plugin for Rsbuild",
+  "homepage": "https://rsbuild.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/web-infra-dev/rsbuild",
+    "directory": "packages/plugin-solid"
+  },
+  "license": "MIT",
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "babel-preset-solid": "^1.8.6",
+    "solid-refresh": "^0.6.0",
+    "@rsbuild/shared": "0.0.0-next-20231207110454"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.3",
+    "typescript": "^5.3.0",
+    "@rsbuild/core": "0.0.0-next-20231207110454",
+    "@rsbuild/plugin-babel": "0.0.0-next-20231207110454",
+    "@rsbuild/test-helper": "0.0.0-next-20231207110454",
+    "@rsbuild/webpack": "0.0.0-next-20231207110454"
+  },
+  "peerDependencies": {
+    "@rsbuild/core": "0.0.0-next-20231207110454"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "modern build",
+    "dev": "modern build --watch"
+  }
+}