npm - @rsbuild/plugin-vue - Versions diffs - 1.0.1 → 1.0.2 - Mend

@rsbuild/plugin-vue 1.0.1 → 1.0.2

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 (6) hide show

package/dist/index.cjs +124 -129
package/dist/index.js +83 -111
package/{dist-types → dist}/splitChunks.d.ts +1 -1
package/package.json +11 -12
package/dist-types/package.json +0 -1
/package/{dist-types → dist}/index.d.ts +0 -0

package/dist/index.cjs CHANGED Viewed

@@ -1,136 +1,131 @@
 "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_VUE_NAME: () => PLUGIN_VUE_NAME,
-  pluginVue: () => pluginVue
+// The require scope
+var __webpack_require__ = {};
+/************************************************************************/ // webpack/runtime/define_property_getters
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+// webpack/runtime/has_own_property
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+// webpack/runtime/make_namespace_object
+(()=>{
+    // define __esModule on exports
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+/************************************************************************/ var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+    pluginVue: ()=>/* binding */ pluginVue,
+    PLUGIN_VUE_NAME: ()=>/* binding */ PLUGIN_VUE_NAME
 });
-module.exports = __toCommonJS(src_exports);
-var import_vue_loader = require("vue-loader");
-// src/splitChunks.ts
-var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
-var applySplitChunksRule = (api, options = {
-  vue: true,
-  router: true
-}) => {
-  api.modifyBundlerChain((chain, { environment }) => {
-    const { config } = environment;
-    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
-      return;
-    }
-    const currentConfig = chain.optimization.splitChunks.values();
-    if (!isPlainObject(currentConfig)) {
-      return;
-    }
-    const extraGroups = {};
-    if (options.vue) {
-      extraGroups.vue = {
-        name: "lib-vue",
-        test: /node_modules[\\/](?:vue|vue-loader|@vue[\\/]shared|@vue[\\/]reactivity|@vue[\\/]runtime-dom|@vue[\\/]runtime-core)[\\/]/,
-        priority: 0
-      };
-    }
-    if (options.router) {
-      extraGroups.router = {
-        name: "lib-router",
-        test: /node_modules[\\/]vue-router[\\/]/,
-        priority: 0
-      };
-    }
-    if (!Object.keys(extraGroups).length) {
-      return;
-    }
-    chain.optimization.splitChunks({
-      ...currentConfig,
-      cacheGroups: {
-        ...currentConfig.cacheGroups,
-        ...extraGroups
-      }
-    });
-  });
-};
-// src/index.ts
-var PLUGIN_VUE_NAME = "rsbuild:vue";
-function pluginVue(options = {}) {
-  return {
-    name: PLUGIN_VUE_NAME,
-    setup(api) {
-      const VUE_REGEXP = /\.vue$/;
-      const CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
-      api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig }) => {
-        const extraConfig = {
-          source: {
-            define: {
-              // https://link.vuejs.org/feature-flags
-              __VUE_OPTIONS_API__: true,
-              __VUE_PROD_DEVTOOLS__: false,
-              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
-            }
-          }
+const external_node_module_namespaceObject = require("node:module");
+const external_vue_loader_namespaceObject = require("vue-loader");
+const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
+const applySplitChunksRule = function(api) {
+    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
+        vue: true,
+        router: true
+    };
+    api.modifyBundlerChain((chain, param)=>{
+        let { environment } = param;
+        const { config } = environment;
+        if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
+        const currentConfig = chain.optimization.splitChunks.values();
+        if (!isPlainObject(currentConfig)) return;
+        const extraGroups = {};
+        if (options.vue) extraGroups.vue = {
+            name: 'lib-vue',
+            test: /node_modules[\\/](?:vue|vue-loader|@vue[\\/]shared|@vue[\\/]reactivity|@vue[\\/]runtime-dom|@vue[\\/]runtime-core)[\\/]/,
+            priority: 0
         };
-        const merged = mergeEnvironmentConfig(extraConfig, config);
-        if (merged.output.cssModules.auto === true) {
-          merged.output.cssModules.auto = (path, query) => {
-            if (VUE_REGEXP.test(path)) {
-              return query.includes("type=style") && query.includes("module=true");
+        if (options.router) extraGroups.router = {
+            name: 'lib-router',
+            test: /node_modules[\\/]vue-router[\\/]/,
+            priority: 0
+        };
+        if (!Object.keys(extraGroups).length) return;
+        chain.optimization.splitChunks({
+            ...currentConfig,
+            cacheGroups: {
+                ...currentConfig.cacheGroups,
+                ...extraGroups
             }
-            return CSS_MODULES_REGEX.test(path);
-          };
+        });
+    });
+};
+const src_require = (0, external_node_module_namespaceObject.createRequire)(/*#__PURE__*/ function() {
+    return 'undefined' == typeof document ? new (module.require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
+}());
+const PLUGIN_VUE_NAME = 'rsbuild:vue';
+function pluginVue() {
+    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    return {
+        name: PLUGIN_VUE_NAME,
+        setup (api) {
+            const VUE_REGEXP = /\.vue$/;
+            const CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
+            api.modifyEnvironmentConfig((config, param)=>{
+                let { mergeEnvironmentConfig } = param;
+                const extraConfig = {
+                    source: {
+                        define: {
+                            // https://link.vuejs.org/feature-flags
+                            __VUE_OPTIONS_API__: true,
+                            __VUE_PROD_DEVTOOLS__: false,
+                            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+                        }
+                    }
+                };
+                const merged = mergeEnvironmentConfig(extraConfig, config);
+                // Support `<style module>` in Vue SFC
+                if (true === merged.output.cssModules.auto) merged.output.cssModules.auto = (path, query)=>{
+                    if (VUE_REGEXP.test(path)) return query.includes('type=style') && query.includes('module=true');
+                    return CSS_MODULES_REGEX.test(path);
+                };
+                return merged;
+            });
+            api.modifyBundlerChain(async (chain, param)=>{
+                let { CHAIN_ID } = param;
+                chain.resolve.extensions.add('.vue');
+                const userLoaderOptions = options.vueLoaderOptions ?? {};
+                const compilerOptions = {
+                    preserveWhitespace: false,
+                    ...userLoaderOptions.compilerOptions
+                };
+                const vueLoaderOptions = {
+                    experimentalInlineMatchResource: true,
+                    ...userLoaderOptions,
+                    compilerOptions
+                };
+                chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(src_require.resolve('vue-loader')).options(vueLoaderOptions);
+                // Support for lang="postcss" and lang="pcss" in SFC
+                chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
+                chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(external_vue_loader_namespaceObject.VueLoaderPlugin);
+            });
+            applySplitChunksRule(api, options.splitChunks);
         }
-        return merged;
-      });
-      api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
-        chain.resolve.extensions.add(".vue");
-        const userLoaderOptions = options.vueLoaderOptions ?? {};
-        const compilerOptions = {
-          preserveWhitespace: false,
-          ...userLoaderOptions.compilerOptions
-        };
-        const vueLoaderOptions = {
-          experimentalInlineMatchResource: true,
-          ...userLoaderOptions,
-          compilerOptions
-        };
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
-        chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
-        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(import_vue_loader.VueLoaderPlugin);
-      });
-      applySplitChunksRule(api, options.splitChunks);
-    }
-  };
+    };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PLUGIN_VUE_NAME,
-  pluginVue
+var __webpack_export_target__ = exports;
+for(var i in __webpack_exports__)__webpack_export_target__[i] = __webpack_exports__[i];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
 });

package/dist/index.js CHANGED Viewed

@@ -1,115 +1,87 @@
-import { createRequire } from 'module';
-var require = createRequire(import.meta['url']);
-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.59.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
-import path from "path";
-import { fileURLToPath } from "url";
-// src/index.ts
-import { VueLoaderPlugin } from "vue-loader";
-// src/splitChunks.ts
-var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
-var applySplitChunksRule = (api, options = {
-  vue: true,
-  router: true
-}) => {
-  api.modifyBundlerChain((chain, { environment }) => {
-    const { config } = environment;
-    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
-      return;
-    }
-    const currentConfig = chain.optimization.splitChunks.values();
-    if (!isPlainObject(currentConfig)) {
-      return;
-    }
-    const extraGroups = {};
-    if (options.vue) {
-      extraGroups.vue = {
-        name: "lib-vue",
-        test: /node_modules[\\/](?:vue|vue-loader|@vue[\\/]shared|@vue[\\/]reactivity|@vue[\\/]runtime-dom|@vue[\\/]runtime-core)[\\/]/,
-        priority: 0
-      };
-    }
-    if (options.router) {
-      extraGroups.router = {
-        name: "lib-router",
-        test: /node_modules[\\/]vue-router[\\/]/,
-        priority: 0
-      };
-    }
-    if (!Object.keys(extraGroups).length) {
-      return;
-    }
-    chain.optimization.splitChunks({
-      ...currentConfig,
-      cacheGroups: {
-        ...currentConfig.cacheGroups,
-        ...extraGroups
-      }
-    });
-  });
-};
-// src/index.ts
-var PLUGIN_VUE_NAME = "rsbuild:vue";
-function pluginVue(options = {}) {
-  return {
-    name: PLUGIN_VUE_NAME,
-    setup(api) {
-      const VUE_REGEXP = /\.vue$/;
-      const CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
-      api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig }) => {
-        const extraConfig = {
-          source: {
-            define: {
-              // https://link.vuejs.org/feature-flags
-              __VUE_OPTIONS_API__: true,
-              __VUE_PROD_DEVTOOLS__: false,
-              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
-            }
-          }
+import * as __WEBPACK_EXTERNAL_MODULE_node_module__ from "node:module";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_loader__ from "vue-loader";
+const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
+const applySplitChunksRule = function(api) {
+    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
+        vue: true,
+        router: true
+    };
+    api.modifyBundlerChain((chain, param)=>{
+        let { environment } = param;
+        const { config } = environment;
+        if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
+        const currentConfig = chain.optimization.splitChunks.values();
+        if (!isPlainObject(currentConfig)) return;
+        const extraGroups = {};
+        if (options.vue) extraGroups.vue = {
+            name: 'lib-vue',
+            test: /node_modules[\\/](?:vue|vue-loader|@vue[\\/]shared|@vue[\\/]reactivity|@vue[\\/]runtime-dom|@vue[\\/]runtime-core)[\\/]/,
+            priority: 0
         };
-        const merged = mergeEnvironmentConfig(extraConfig, config);
-        if (merged.output.cssModules.auto === true) {
-          merged.output.cssModules.auto = (path2, query) => {
-            if (VUE_REGEXP.test(path2)) {
-              return query.includes("type=style") && query.includes("module=true");
+        if (options.router) extraGroups.router = {
+            name: 'lib-router',
+            test: /node_modules[\\/]vue-router[\\/]/,
+            priority: 0
+        };
+        if (!Object.keys(extraGroups).length) return;
+        chain.optimization.splitChunks({
+            ...currentConfig,
+            cacheGroups: {
+                ...currentConfig.cacheGroups,
+                ...extraGroups
             }
-            return CSS_MODULES_REGEX.test(path2);
-          };
+        });
+    });
+};
+const src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module__.createRequire)(import.meta.url);
+const PLUGIN_VUE_NAME = 'rsbuild:vue';
+function pluginVue() {
+    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    return {
+        name: PLUGIN_VUE_NAME,
+        setup (api) {
+            const VUE_REGEXP = /\.vue$/;
+            const CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
+            api.modifyEnvironmentConfig((config, param)=>{
+                let { mergeEnvironmentConfig } = param;
+                const extraConfig = {
+                    source: {
+                        define: {
+                            // https://link.vuejs.org/feature-flags
+                            __VUE_OPTIONS_API__: true,
+                            __VUE_PROD_DEVTOOLS__: false,
+                            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+                        }
+                    }
+                };
+                const merged = mergeEnvironmentConfig(extraConfig, config);
+                // Support `<style module>` in Vue SFC
+                if (true === merged.output.cssModules.auto) merged.output.cssModules.auto = (path, query)=>{
+                    if (VUE_REGEXP.test(path)) return query.includes('type=style') && query.includes('module=true');
+                    return CSS_MODULES_REGEX.test(path);
+                };
+                return merged;
+            });
+            api.modifyBundlerChain(async (chain, param)=>{
+                let { CHAIN_ID } = param;
+                chain.resolve.extensions.add('.vue');
+                const userLoaderOptions = options.vueLoaderOptions ?? {};
+                const compilerOptions = {
+                    preserveWhitespace: false,
+                    ...userLoaderOptions.compilerOptions
+                };
+                const vueLoaderOptions = {
+                    experimentalInlineMatchResource: true,
+                    ...userLoaderOptions,
+                    compilerOptions
+                };
+                chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(src_require.resolve('vue-loader')).options(vueLoaderOptions);
+                // Support for lang="postcss" and lang="pcss" in SFC
+                chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
+                chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(__WEBPACK_EXTERNAL_MODULE_vue_loader__.VueLoaderPlugin);
+            });
+            applySplitChunksRule(api, options.splitChunks);
         }
-        return merged;
-      });
-      api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
-        chain.resolve.extensions.add(".vue");
-        const userLoaderOptions = options.vueLoaderOptions ?? {};
-        const compilerOptions = {
-          preserveWhitespace: false,
-          ...userLoaderOptions.compilerOptions
-        };
-        const vueLoaderOptions = {
-          experimentalInlineMatchResource: true,
-          ...userLoaderOptions,
-          compilerOptions
-        };
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
-        chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
-        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
-      });
-      applySplitChunksRule(api, options.splitChunks);
-    }
-  };
+    };
 }
-export {
-  PLUGIN_VUE_NAME,
-  pluginVue
-};
+export { PLUGIN_VUE_NAME, pluginVue };

package/{dist-types → dist}/splitChunks.d.ts RENAMED Viewed

@@ -1,3 +1,3 @@
 import type { RsbuildPluginAPI } from '@rsbuild/core';
-import type { SplitVueChunkOptions } from '.';
+import type { SplitVueChunkOptions } from './index.js';
 export declare const applySplitChunksRule: (api: RsbuildPluginAPI, options?: SplitVueChunkOptions) => void;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Vue 3 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -12,26 +12,25 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist-types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
-  "types": "./dist-types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "dist-types"
+    "dist"
   ],
   "dependencies": {
     "vue-loader": "^17.4.2",
-    "webpack": "^5.94.0"
+    "webpack": "^5.95.0"
   },
   "devDependencies": {
-    "typescript": "^5.5.2",
-    "vue": "^3.5.3",
-    "webpack": "^5.94.0",
-    "@rsbuild/core": "1.0.1",
+    "typescript": "^5.6.3",
+    "vue": "^3.5.12",
+    "webpack": "^5.95.0",
+    "@rsbuild/core": "1.0.14",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {
@@ -43,7 +42,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build --watch"
+    "build": "rslib build",
+    "dev": "rslib build --watch"
   }
 }

package/dist-types/package.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {"//":"This file is for making TypeScript work with moduleResolution node16+.","version":"1.0.0"}

/package/{dist-types → dist}/index.d.ts RENAMED Viewed

File without changes