@rsbuild/plugin-svelte 0.0.16 → 0.0.18

package/dist/index.d.ts

@@ -1,10 +1,13 @@
-import type { RsbuildPlugin, RsbuildPluginAPI } from '@rsbuild/core';
-export type PluginSvelteOptions = {
-  /**
-   * The options of svelte-loader
-   *
-   * See https://github.com/sveltejs/svelte-loader
-   */
-  svelteLoaderOptions?: Record<string, any>;
+import { RsbuildPlugin, RsbuildPluginAPI } from '@rsbuild/core';
+
+type PluginSvelteOptions = {
+    /**
+     * The options of svelte-loader
+     *
+     * See https://github.com/sveltejs/svelte-loader
+     */
+    svelteLoaderOptions?: Record<string, any>;
 };
-export declare function pluginSvelte(options?: PluginSvelteOptions): RsbuildPlugin<RsbuildPluginAPI>;
+declare function pluginSvelte(options?: PluginSvelteOptions): RsbuildPlugin<RsbuildPluginAPI>;
+
+export { PluginSvelteOptions, pluginSvelte };

package/dist/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
 var src_exports = {};
 __export(src_exports, {
   pluginSvelte: () => pluginSvelte
@@ -55,7 +57,7 @@ function pluginSvelte(options = {}) {
       }
       api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
         var _a;
-        const { default: sveltePreprocess } = await Promise.resolve().then(() => __toESM(require("svelte-preprocess")));
+        const { default: sveltePreprocess } = await import("svelte-preprocess");
         const rsbuildConfig = api.getNormalizedConfig();
         chain.resolve.alias.set("svelte", import_path.default.join(sveltePath, "src/runtime")).end().extensions.add(".svelte").end().mainFields.prepend("svelte").end().set("conditionNames", ["svelte", "browser", "import"]);
         const loaderPath = require.resolve("svelte-loader");

package/dist/index.mjs

@@ -0,0 +1,70 @@
+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.39.2_typescript@5.2.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
+import path2 from "path";
+import { logger } from "@rsbuild/shared";
+import { deepmerge } from "@rsbuild/shared/deepmerge";
+function pluginSvelte(options = {}) {
+  return {
+    name: "plugin-svelte",
+    setup(api) {
+      let sveltePath = "";
+      try {
+        sveltePath = path2.dirname(
+          __require.resolve("svelte/package.json", {
+            paths: [api.context.rootPath]
+          })
+        );
+      } catch (err) {
+        logger.error(
+          `Cannot resolve \`svelte\` package under the project directory, did you forget to install it?`
+        );
+        throw new Error(`Cannot resolve \`svelte\` package`, {
+          cause: err
+        });
+      }
+      api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
+        const { default: sveltePreprocess } = await import("svelte-preprocess");
+        const rsbuildConfig = api.getNormalizedConfig();
+        chain.resolve.alias.set("svelte", path2.join(sveltePath, "src/runtime")).end().extensions.add(".svelte").end().mainFields.prepend("svelte").end().set("conditionNames", ["svelte", "browser", "import"]);
+        const loaderPath = __require.resolve("svelte-loader");
+        chain.merge({
+          resolveLoader: {
+            alias: {
+              "svelte-loader": loaderPath
+            }
+          }
+        });
+        const svelteLoaderOptions = deepmerge(
+          {
+            compilerOptions: {
+              dev: !isProd
+            },
+            preprocess: sveltePreprocess(),
+            emitCss: !rsbuildConfig.output.disableCssExtract,
+            hotReload: !isProd && rsbuildConfig.dev.hmr
+          },
+          options.svelteLoaderOptions ?? {}
+        );
+        chain.module.rule(CHAIN_ID.RULE.SVELTE).test(/\.svelte$/).use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions);
+      });
+    }
+  };
+}
+export {
+  pluginSvelte
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svelte",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Svelte plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -11,6 +11,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },
@@ -22,13 +23,13 @@
   "dependencies": {
     "svelte-loader": "3.1.9",
     "svelte-preprocess": "^5.0.4",
-    "@rsbuild/shared": "0.0.16"
+    "@rsbuild/shared": "0.0.18"
   },
   "devDependencies": {
     "@types/node": "^16",
     "typescript": "^5.2.2",
-    "@rsbuild/core": "0.0.16",
-    "@rsbuild/test-helper": "0.0.16"
+    "@rsbuild/core": "0.0.18",
+    "@rsbuild/test-helper": "0.0.18"
   },
   "publishConfig": {
     "access": "public",