npm - @rsbuild/plugin-svelte - Versions diffs - 2.0.0-alpha.3 → 2.0.0 - Mend

@rsbuild/plugin-svelte 2.0.0-alpha.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -5,27 +5,23 @@ export type AutoPreprocessOptions = NonNullable<Parameters<typeof sveltePreproce
 export 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;
+   * Extra HMR options, the defaults are completely fine\
+   * You can safely omit hotOptions altogether
+   */ hotOptions?: {
+        /** Preserve local component state */ preserveLocalState?: boolean;
         [key: string]: unknown;
     };
     [key: string]: unknown;
 }
 export type PluginSvelteOptions = {
     /**
-     * The options of svelte-loader
-     * @see https://github.com/sveltejs/svelte-loader
-     */
-    svelteLoaderOptions?: SvelteLoaderOptions;
+   * The options of svelte-loader
+   * @see https://github.com/sveltejs/svelte-loader
+   */ svelteLoaderOptions?: SvelteLoaderOptions;
     /**
-     * The options of svelte-preprocess.
-     * @see https://github.com/sveltejs/svelte-preprocess
-     */
-    preprocessOptions?: AutoPreprocessOptions;
+   * The options of svelte-preprocess.
+   * @see https://github.com/sveltejs/svelte-preprocess
+   */ preprocessOptions?: AutoPreprocessOptions;
 };
-export declare const PLUGIN_SVELTE_NAME = "rsbuild:svelte";
+export declare const PLUGIN_SVELTE_NAME = 'rsbuild:svelte';
 export declare function pluginSvelte(options?: PluginSvelteOptions): RsbuildPlugin;

package/dist/index.js CHANGED Viewed

@@ -1,41 +1,35 @@
-import { promises } from "node:fs";
+import { readFileSync } from "node:fs";
 import { createRequire } from "node:module";
-import node_path from "node:path";
-import { logger } from "@rsbuild/core";
 import { sveltePreprocess } from "svelte-preprocess";
-let src_require = createRequire(import.meta.url), PLUGIN_SVELTE_NAME = 'rsbuild:svelte', isSvelte5 = async (sveltePath)=>{
-    try {
-        let pkgPath = node_path.join(sveltePath, 'package.json'), pkgRaw = await promises.readFile(pkgPath, 'utf-8');
-        return JSON.parse(pkgRaw).version.startsWith('5.');
-    } catch  {
-        return !1;
-    }
-};
+let src_require = createRequire(import.meta.url), PLUGIN_SVELTE_NAME = 'rsbuild:svelte';
 function pluginSvelte(options = {}) {
     return {
         name: PLUGIN_SVELTE_NAME,
         setup (api) {
-            let sveltePath = '';
-            try {
-                sveltePath = node_path.dirname(src_require.resolve('svelte/package.json', {
-                    paths: [
-                        api.context.rootPath
-                    ]
-                }));
-            } catch (err) {
-                throw logger.error('Cannot resolve `svelte` package under the project directory, did you forget to install it?'), Error('[rsbuild:svelte] Failed to resolve `svelte` package', {
-                    cause: err
-                });
-            }
-            api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>mergeEnvironmentConfig({
+            ((rootPath)=>{
+                let pkgPath;
+                try {
+                    pkgPath = src_require.resolve('svelte/package.json', {
+                        paths: [
+                            rootPath
+                        ]
+                    });
+                } catch (err) {
+                    throw Error('Cannot resolve `svelte` package under the project directory, did you forget to install it?', {
+                        cause: err
+                    });
+                }
+                let { version } = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+                if (!((version ? Number(version.split('.')[0]) : 0) >= 5)) throw Error(`"@rsbuild/plugin-svelte" requires svelte >= 5.0.0, but found ${version || 'unknown'}.`);
+            })(api.context.rootPath), api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>mergeEnvironmentConfig({
                     source: {
                         include: [
                             /node_modules[\\/]svelte[\\/]/
                         ]
                     }
-                }, config)), api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev, isProd })=>{
-                let svelte5 = await isSvelte5(sveltePath), environmentConfig = environment.config;
-                svelte5 || chain.resolve.alias.set('svelte', node_path.join(sveltePath, 'src/runtime')), chain.resolve.extensions.add('.svelte'), chain.resolve.mainFields.add('svelte').add('...'), chain.resolve.conditionNames.add('svelte').add('...');
+                }, config)), api.modifyBundlerChain((chain, { CHAIN_ID, environment, isDev, isProd })=>{
+                let environmentConfig = environment.config;
+                chain.resolve.extensions.add('.svelte'), chain.resolve.mainFields.add('svelte').add('...'), chain.resolve.conditionNames.add('svelte').add('...');
                 let loaderPath = src_require.resolve('svelte-loader');
                 chain.resolveLoader.alias.set('svelte-loader', loaderPath);
                 let userLoaderOptions = options.svelteLoaderOptions ?? {}, svelteLoaderOptions = {
@@ -48,10 +42,9 @@ function pluginSvelte(options = {}) {
                         ...userLoaderOptions.compilerOptions
                     }
                 }, jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS), swcUse = jsRule.oneOfs.get(CHAIN_ID.ONE_OF.JS_MAIN).uses.get(CHAIN_ID.USE.SWC), svelteRule = chain.module.rule(CHAIN_ID.RULE.SVELTE).test(/\.svelte$/);
-                if (svelte5 && jsRule && svelteRule.use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options')), svelteRule.use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end(), svelte5 && jsRule) {
-                    let regexp = /\.(?:svelte\.js|svelte\.ts)$/;
-                    jsRule.exclude.add(regexp), chain.module.rule('svelte-js').test(regexp).use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end().use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options'));
-                }
+                svelteRule.use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options')), svelteRule.use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end();
+                let regexp = /\.(?:svelte\.js|svelte\.ts)$/;
+                jsRule.exclude.add(regexp), chain.module.rule('svelte-js').test(regexp).use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end().use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options'));
             });
         }
     };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svelte",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0",
   "description": "Svelte plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -12,37 +12,40 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     }
   },
-  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
     "svelte-loader": "3.2.4",
-    "svelte-preprocess": "^6.0.3"
+    "svelte-preprocess": "6.0.5"
   },
   "devDependencies": {
-    "@rslib/core": "0.19.3",
-    "@types/node": "^24.10.9",
-    "svelte": "^5.48.2",
-    "typescript": "^5.9.3",
-    "@rsbuild/core": "2.0.0-alpha.3",
-    "@scripts/test-helper": "1.0.1"
+    "@rslib/core": "0.22.0",
+    "@types/node": "^24.12.4",
+    "svelte": "^5.55.9",
+    "typescript": "^6.0.3",
+    "@rsbuild/core": "2.0.9",
+    "@scripts/test-helper": "1.0.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^2.0.0-0"
+    "@rsbuild/core": "^2.0.0",
+    "svelte": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@rsbuild/core": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build -w",
-    "bump": "pnpx bumpp --no-tag"
+    "build": "rslib",
+    "dev": "rslib -w"
   }
 }

package/dist/index.cjs DELETED Viewed

@@ -1,87 +0,0 @@
-"use strict";
-const __rslib_import_meta_url__ = "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
-var __webpack_require__ = {};
-__webpack_require__.n = (module)=>{
-    var getter = module && module.__esModule ? ()=>module.default : ()=>module;
-    return __webpack_require__.d(getter, {
-        a: getter
-    }), getter;
-}, __webpack_require__.d = (exports1, definition)=>{
-    for(var key in definition)__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key) && Object.defineProperty(exports1, key, {
-        enumerable: !0,
-        get: definition[key]
-    });
-}, __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop), __webpack_require__.r = (exports1)=>{
-    "u" > typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
-        value: 'Module'
-    }), Object.defineProperty(exports1, '__esModule', {
-        value: !0
-    });
-};
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
-    PLUGIN_SVELTE_NAME: ()=>PLUGIN_SVELTE_NAME,
-    pluginSvelte: ()=>pluginSvelte
-});
-const external_node_fs_namespaceObject = require("node:fs"), external_node_module_namespaceObject = require("node:module"), external_node_path_namespaceObject = require("node:path");
-var external_node_path_default = __webpack_require__.n(external_node_path_namespaceObject);
-const core_namespaceObject = require("@rsbuild/core"), external_svelte_preprocess_namespaceObject = require("svelte-preprocess"), src_require = (0, external_node_module_namespaceObject.createRequire)(__rslib_import_meta_url__), PLUGIN_SVELTE_NAME = 'rsbuild:svelte', isSvelte5 = async (sveltePath)=>{
-    try {
-        let pkgPath = external_node_path_default().join(sveltePath, 'package.json'), pkgRaw = await external_node_fs_namespaceObject.promises.readFile(pkgPath, 'utf-8');
-        return JSON.parse(pkgRaw).version.startsWith('5.');
-    } catch  {
-        return !1;
-    }
-};
-function pluginSvelte(options = {}) {
-    return {
-        name: PLUGIN_SVELTE_NAME,
-        setup (api) {
-            let sveltePath = '';
-            try {
-                sveltePath = external_node_path_default().dirname(src_require.resolve('svelte/package.json', {
-                    paths: [
-                        api.context.rootPath
-                    ]
-                }));
-            } catch (err) {
-                throw core_namespaceObject.logger.error('Cannot resolve `svelte` package under the project directory, did you forget to install it?'), Error('[rsbuild:svelte] Failed to resolve `svelte` package', {
-                    cause: err
-                });
-            }
-            api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>mergeEnvironmentConfig({
-                    source: {
-                        include: [
-                            /node_modules[\\/]svelte[\\/]/
-                        ]
-                    }
-                }, config)), api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev, isProd })=>{
-                let svelte5 = await isSvelte5(sveltePath), environmentConfig = environment.config;
-                svelte5 || chain.resolve.alias.set('svelte', external_node_path_default().join(sveltePath, 'src/runtime')), chain.resolve.extensions.add('.svelte'), chain.resolve.mainFields.add('svelte').add('...'), chain.resolve.conditionNames.add('svelte').add('...');
-                let loaderPath = src_require.resolve('svelte-loader');
-                chain.resolveLoader.alias.set('svelte-loader', loaderPath);
-                let userLoaderOptions = options.svelteLoaderOptions ?? {}, svelteLoaderOptions = {
-                    preprocess: (0, external_svelte_preprocess_namespaceObject.sveltePreprocess)(options.preprocessOptions),
-                    emitCss: isProd && !environmentConfig.output.injectStyles,
-                    hotReload: isDev && environmentConfig.dev.hmr,
-                    ...userLoaderOptions,
-                    compilerOptions: {
-                        dev: isDev,
-                        ...userLoaderOptions.compilerOptions
-                    }
-                }, jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS), swcUse = jsRule.oneOfs.get(CHAIN_ID.ONE_OF.JS_MAIN).uses.get(CHAIN_ID.USE.SWC), svelteRule = chain.module.rule(CHAIN_ID.RULE.SVELTE).test(/\.svelte$/);
-                if (svelte5 && jsRule && svelteRule.use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options')), svelteRule.use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end(), svelte5 && jsRule) {
-                    let regexp = /\.(?:svelte\.js|svelte\.ts)$/;
-                    jsRule.exclude.add(regexp), chain.module.rule('svelte-js').test(regexp).use(CHAIN_ID.USE.SVELTE).loader(loaderPath).options(svelteLoaderOptions).end().use(CHAIN_ID.USE.SWC).loader(swcUse.get('loader')).options(swcUse.get('options'));
-                }
-            });
-        }
-    };
-}
-for(var __rspack_i in exports.PLUGIN_SVELTE_NAME = __webpack_exports__.PLUGIN_SVELTE_NAME, exports.pluginSvelte = __webpack_exports__.pluginSvelte, __webpack_exports__)-1 === [
-    "PLUGIN_SVELTE_NAME",
-    "pluginSvelte"
-].indexOf(__rspack_i) && (exports[__rspack_i] = __webpack_exports__[__rspack_i]);
-Object.defineProperty(exports, '__esModule', {
-    value: !0
-});