@rsbuild/plugin-svelte 0.2.17 → 0.3.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.d.ts

@@ -1,13 +1,35 @@
 import { RsbuildPlugin } from '@rsbuild/core';
+import { CompileOptions } from 'svelte/compiler';
+import { AutoPreprocessOptions } from 'svelte-preprocess/dist/types';
+export { AutoPreprocessOptions, Transformer } from 'svelte-preprocess/dist/types';
 
+interface SvelteLoaderOptions {
+    compilerOptions?: Omit<CompileOptions, 'filename' | 'format' | 'generate'>;
+    /**
+     * Extra HMR options, the defaults are completely fine\
+     * You can safely omit hotOptions altogether
+     */
+    hotOptions?: {
+        /** Preserve local component state */
+        preserveLocalState?: boolean;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
 type PluginSvelteOptions = {
     /**
      * The options of svelte-loader
      *
      * See https://github.com/sveltejs/svelte-loader
      */
-    svelteLoaderOptions?: Record<string, any>;
+    svelteLoaderOptions?: SvelteLoaderOptions;
+    /**
+     * The options of svelte-preprocess
+     *
+     * See https://github.com/sveltejs/svelte-preprocess
+     */
+    preprocessOptions?: AutoPreprocessOptions;
 };
 declare function pluginSvelte(options?: PluginSvelteOptions): RsbuildPlugin;
 
-export { PluginSvelteOptions, pluginSvelte };
+export { PluginSvelteOptions, SvelteLoaderOptions, pluginSvelte };

package/dist/index.js

@@ -49,9 +49,9 @@ function pluginSvelte(options = {}) {
         );
       } catch (err) {
         import_core.logger.error(
-          `Cannot resolve \`svelte\` package under the project directory, did you forget to install it?`
+          "Cannot resolve `svelte` package under the project directory, did you forget to install it?"
         );
-        throw new Error(`Cannot resolve \`svelte\` package`, {
+        throw new Error("Cannot resolve `svelte` package", {
           cause: err
         });
       }
@@ -75,7 +75,7 @@ function pluginSvelte(options = {}) {
             compilerOptions: {
               dev: !isProd
             },
-            preprocess: sveltePreprocess(),
+            preprocess: sveltePreprocess(options.preprocessOptions),
             emitCss: !rsbuildConfig.output.injectStyles,
             hotReload: !isProd && rsbuildConfig.dev.hmr
           },

package/dist/index.mjs

@@ -31,9 +31,9 @@ function pluginSvelte(options = {}) {
         );
       } catch (err) {
         logger.error(
-          `Cannot resolve \`svelte\` package under the project directory, did you forget to install it?`
+          "Cannot resolve `svelte` package under the project directory, did you forget to install it?"
         );
-        throw new Error(`Cannot resolve \`svelte\` package`, {
+        throw new Error("Cannot resolve `svelte` package", {
           cause: err
         });
       }
@@ -57,7 +57,7 @@ function pluginSvelte(options = {}) {
             compilerOptions: {
               dev: !isProd
             },
-            preprocess: sveltePreprocess(),
+            preprocess: sveltePreprocess(options.preprocessOptions),
             emitCss: !rsbuildConfig.output.injectStyles,
             hotReload: !isProd && rsbuildConfig.dev.hmr
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svelte",
-  "version": "0.2.17",
+  "version": "0.3.0",
   "description": "Svelte plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -24,13 +24,14 @@
   "dependencies": {
     "svelte-loader": "3.1.9",
     "svelte-preprocess": "^5.0.4",
-    "@rsbuild/shared": "0.2.17"
+    "@rsbuild/shared": "0.3.0"
   },
   "devDependencies": {
     "@types/node": "16.x",
+    "svelte": "^4.2.2",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.2.17",
-    "@rsbuild/test-helper": "0.2.17"
+    "@rsbuild/core": "0.3.0",
+    "@rsbuild/test-helper": "0.3.0"
   },
   "publishConfig": {
     "access": "public",