@rsbuild/plugin-vue2 0.6.15 → 0.7.0-beta.0

package/dist/VueLoader15PitchFixPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { Rspack } from '@rsbuild/shared';
+/**
+ * this plugin is a quick fix for issue https://github.com/web-infra-dev/rsbuild/issues/2093
+ */
+export declare class VueLoader15PitchFixPlugin implements Rspack.RspackPluginInstance {
+    readonly name = "VueLoader15PitchFixPlugin";
+    apply(compiler: Rspack.Compiler): void;
+}

package/dist/{index.mjs → index.cjs}

@@ -1,27 +1,45 @@
-import { createRequire } from 'module';
-var require = createRequire(import.meta['url']);
-
+"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 __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-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');
-});
+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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.49.3_eslint@8.57.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
-import { fileURLToPath } from "url";
-import path from "path";
-
 // src/index.ts
-import { deepmerge } from "@rsbuild/shared";
-import { VueLoaderPlugin } from "vue-loader";
+var src_exports = {};
+__export(src_exports, {
+  pluginVue2: () => pluginVue2
+});
+module.exports = __toCommonJS(src_exports);
+var import_shared2 = require("@rsbuild/shared");
+var import_vue_loader = require("vue-loader");
 
 // src/VueLoader15PitchFixPlugin.ts
 var VueLoader15PitchFixPlugin = class {
@@ -63,10 +81,7 @@ var VueLoader15PitchFixPlugin = class {
 };
 
 // src/splitChunks.ts
-import {
-  createCacheGroups,
-  isPlainObject
-} from "@rsbuild/shared";
+var import_shared = require("@rsbuild/shared");
 var applySplitChunksRule = (api, options = {
   vue: true,
   router: true
@@ -77,7 +92,7 @@ var applySplitChunksRule = (api, options = {
       return;
     }
     const currentConfig = chain.optimization.splitChunks.values();
-    if (!isPlainObject(currentConfig)) {
+    if (!(0, import_shared.isPlainObject)(currentConfig)) {
       return;
     }
     const extraGroups = {};
@@ -95,7 +110,7 @@ var applySplitChunksRule = (api, options = {
       // @ts-expect-error Rspack and Webpack uses different cacheGroups type
       cacheGroups: {
         ...currentConfig.cacheGroups,
-        ...createCacheGroups(extraGroups)
+        ...(0, import_shared.createCacheGroups)(extraGroups)
       }
     });
   });
@@ -111,7 +126,7 @@ function pluginVue2(options = {}) {
         if (!chain.resolve.alias.get("vue$")) {
           chain.resolve.alias.set("vue$", "vue/dist/vue.runtime.esm.js");
         }
-        const vueLoaderOptions = deepmerge(
+        const vueLoaderOptions = (0, import_shared2.deepmerge)(
           {
             compilerOptions: {
               preserveWhitespace: false
@@ -120,14 +135,15 @@ function pluginVue2(options = {}) {
           },
           options.vueLoaderOptions ?? {}
         );
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
-        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
+        chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
+        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(import_vue_loader.VueLoaderPlugin);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_15_PITCH_FIX_PLUGIN).use(VueLoader15PitchFixPlugin);
       });
       applySplitChunksRule(api, options.splitChunks);
     }
   };
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   pluginVue2
-};
+});

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-import { VueLoaderOptions } from 'vue-loader';
-
-type SplitVueChunkOptions = {
+import type { RsbuildPlugin } from '@rsbuild/core';
+import type { VueLoaderOptions } from 'vue-loader';
+export type SplitVueChunkOptions = {
     /**
      * Whether to enable split chunking for Vue-related dependencies (e.g., vue, vue-loader).
      * @default true
@@ -13,7 +12,7 @@ type SplitVueChunkOptions = {
      */
     router?: boolean;
 };
-type PluginVueOptions = {
+export type PluginVueOptions = {
     /**
      * Options passed to `vue-loader`.
      * @see https://vue-loader.vuejs.org/
@@ -24,6 +23,4 @@ type PluginVueOptions = {
      */
     splitChunks?: SplitVueChunkOptions;
 };
-declare function pluginVue2(options?: PluginVueOptions): RsbuildPlugin;
-
-export { type PluginVueOptions, type SplitVueChunkOptions, pluginVue2 };
+export declare function pluginVue2(options?: PluginVueOptions): RsbuildPlugin;

package/dist/index.js

@@ -1,45 +1,27 @@
-"use strict";
-var __create = Object.create;
+import { createRequire } from 'module';
+var require = createRequire(import.meta['url']);
+
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-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);
+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');
+});
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.49.3_eslint@8.57.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+import { fileURLToPath } from "url";
+import path from "path";
+
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  pluginVue2: () => pluginVue2
-});
-module.exports = __toCommonJS(src_exports);
-var import_shared2 = require("@rsbuild/shared");
-var import_vue_loader = require("vue-loader");
+import { deepmerge } from "@rsbuild/shared";
+import { VueLoaderPlugin } from "vue-loader";
 
 // src/VueLoader15PitchFixPlugin.ts
 var VueLoader15PitchFixPlugin = class {
@@ -81,7 +63,10 @@ var VueLoader15PitchFixPlugin = class {
 };
 
 // src/splitChunks.ts
-var import_shared = require("@rsbuild/shared");
+import {
+  createCacheGroups,
+  isPlainObject
+} from "@rsbuild/shared";
 var applySplitChunksRule = (api, options = {
   vue: true,
   router: true
@@ -92,7 +77,7 @@ var applySplitChunksRule = (api, options = {
       return;
     }
     const currentConfig = chain.optimization.splitChunks.values();
-    if (!(0, import_shared.isPlainObject)(currentConfig)) {
+    if (!isPlainObject(currentConfig)) {
       return;
     }
     const extraGroups = {};
@@ -110,7 +95,7 @@ var applySplitChunksRule = (api, options = {
       // @ts-expect-error Rspack and Webpack uses different cacheGroups type
       cacheGroups: {
         ...currentConfig.cacheGroups,
-        ...(0, import_shared.createCacheGroups)(extraGroups)
+        ...createCacheGroups(extraGroups)
       }
     });
   });
@@ -126,7 +111,7 @@ function pluginVue2(options = {}) {
         if (!chain.resolve.alias.get("vue$")) {
           chain.resolve.alias.set("vue$", "vue/dist/vue.runtime.esm.js");
         }
-        const vueLoaderOptions = (0, import_shared2.deepmerge)(
+        const vueLoaderOptions = deepmerge(
           {
             compilerOptions: {
               preserveWhitespace: false
@@ -135,15 +120,14 @@ function pluginVue2(options = {}) {
           },
           options.vueLoaderOptions ?? {}
         );
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
-        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(import_vue_loader.VueLoaderPlugin);
+        chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
+        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_15_PITCH_FIX_PLUGIN).use(VueLoader15PitchFixPlugin);
       });
       applySplitChunksRule(api, options.splitChunks);
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   pluginVue2
-});
+};

package/dist/splitChunks.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "0.6.15",
+  "version": "0.7.0-beta.0",
   "description": "Vue 2 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -9,15 +9,15 @@
     "directory": "packages/plugin-vue2"
   },
   "license": "MIT",
-  "type": "commonjs",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -25,16 +25,16 @@
   "dependencies": {
     "vue-loader": "^15.11.1",
     "webpack": "^5.91.0",
-    "@rsbuild/shared": "0.6.15"
+    "@rsbuild/shared": "0.7.0-beta.0"
   },
   "devDependencies": {
     "typescript": "^5.4.2",
     "webpack": "^5.91.0",
-    "@rsbuild/core": "0.6.15",
-    "@scripts/test-helper": "0.6.15"
+    "@rsbuild/core": "0.7.0-beta.0",
+    "@scripts/test-helper": "0.7.0-beta.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.6.15"
+    "@rsbuild/core": "^0.7.0-beta.0"
   },
   "publishConfig": {
     "access": "public",