@webinex/vite 0.0.1-beta3 → 0.0.1-beta5

package/dist/scss-path-plugin/index.cjs

@@ -1,28 +1,47 @@
 'use strict';
 
 const path = require('path');
+const MagicString = require('magic-string');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
+const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 
 function scssPathPlugin(options) {
   const { replace } = options;
   const regExp = new RegExp(`@use '${replace.key}/`, "g");
-  const plugin = {
-    name: "@custom/scss-path-plugin",
+  return {
+    name: "@webinex/vite/scss-path-plugin",
     transform: {
       order: "pre",
       handler(src, filePath) {
         if (!filePath.endsWith(".scss") && !filePath.endsWith(".sass")) {
-          return src;
+          return null;
         }
         const relative = path__default.relative(path__default.dirname(filePath), replace.path).replace(/\\/g, "/");
-        return src.replace(regExp, `@use '${relative}/`);
+        if (!regExp.test(src)) {
+          return null;
+        }
+        const ms = new MagicString__default(src);
+        let match;
+        regExp.lastIndex = 0;
+        while ((match = regExp.exec(src)) !== null) {
+          const start = match.index;
+          const end = start + match[0].length;
+          ms.overwrite(start, end, `@use '${relative}/`);
+        }
+        return {
+          code: ms.toString(),
+          map: ms.generateMap({
+            hires: true,
+            source: filePath,
+            includeContent: true
+          })
+        };
       }
     }
   };
-  return plugin;
 }
 
 exports.scssPathPlugin = scssPathPlugin;

package/dist/scss-path-plugin/index.d.cts

@@ -6,7 +6,7 @@ interface ScssPathPluginOptions {
         path: string;
     };
 }
-declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin;
 
 export { scssPathPlugin };
 export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.d.mts

@@ -6,7 +6,7 @@ interface ScssPathPluginOptions {
         path: string;
     };
 }
-declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin;
 
 export { scssPathPlugin };
 export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.d.ts

@@ -6,7 +6,7 @@ interface ScssPathPluginOptions {
         path: string;
     };
 }
-declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin<any>;
+declare function scssPathPlugin(options: ScssPathPluginOptions): Plugin;
 
 export { scssPathPlugin };
 export type { ScssPathPluginOptions };

package/dist/scss-path-plugin/index.mjs

@@ -1,22 +1,40 @@
 import path from 'path';
+import MagicString from 'magic-string';
 
 function scssPathPlugin(options) {
   const { replace } = options;
   const regExp = new RegExp(`@use '${replace.key}/`, "g");
-  const plugin = {
-    name: "@custom/scss-path-plugin",
+  return {
+    name: "@webinex/vite/scss-path-plugin",
     transform: {
       order: "pre",
       handler(src, filePath) {
         if (!filePath.endsWith(".scss") && !filePath.endsWith(".sass")) {
-          return src;
+          return null;
         }
         const relative = path.relative(path.dirname(filePath), replace.path).replace(/\\/g, "/");
-        return src.replace(regExp, `@use '${relative}/`);
+        if (!regExp.test(src)) {
+          return null;
+        }
+        const ms = new MagicString(src);
+        let match;
+        regExp.lastIndex = 0;
+        while ((match = regExp.exec(src)) !== null) {
+          const start = match.index;
+          const end = start + match[0].length;
+          ms.overwrite(start, end, `@use '${relative}/`);
+        }
+        return {
+          code: ms.toString(),
+          map: ms.generateMap({
+            hires: true,
+            source: filePath,
+            includeContent: true
+          })
+        };
       }
     }
   };
-  return plugin;
 }
 
 export { scssPathPlugin };

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@webinex/vite",
   "private": false,
-  "version": "0.0.1-beta3",
+  "version": "0.0.1-beta5",
   "type": "module",
   "exports": {
     "./external-plugin": {
       "types": "./dist/external-plugin/index.d.ts",
       "import": {
-        "types": "./dist/external-plugin/index.d.ts",
+        "types": "./dist/external-plugin/index.d.mts",
         "default": "./dist/external-plugin/index.mjs"
       },
       "require": {
-        "types": "./dist/external-plugin/index.d.ts",
+        "types": "./dist/external-plugin/index.d.cts",
         "default": "./dist/external-plugin/index.cjs"
       }
     },
     "./i18next-resources-plugin": {
       "types": "./dist/i18next-resources-plugin/index.d.ts",
       "import": {
-        "types": "./dist/i18next-resources-plugin/index.d.ts",
+        "types": "./dist/i18next-resources-plugin/index.d.mts",
         "default": "./dist/i18next-resources-plugin/index.mjs"
       },
       "require": {
-        "types": "./dist/i18next-resources-plugin/index.d.ts",
+        "types": "./dist/i18next-resources-plugin/index.d.cts",
         "default": "./dist/i18next-resources-plugin/index.cjs"
       }
     },
@@ -32,11 +32,11 @@
     "./scss-path-plugin": {
       "types": "./dist/scss-path-plugin/index.d.ts",
       "import": {
-        "types": "./dist/scss-path-plugin/index.d.ts",
+        "types": "./dist/scss-path-plugin/index.d.mts",
         "default": "./dist/scss-path-plugin/index.mjs"
       },
       "require": {
-        "types": "./dist/scss-path-plugin/index.d.ts",
+        "types": "./dist/scss-path-plugin/index.d.cts",
         "default": "./dist/scss-path-plugin/index.cjs"
       }
     }
@@ -54,6 +54,7 @@
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.7.9",
     "eslint": "^9.13.0",
+    "magic-string": "^0.30.17",
     "prettier": "^3.4.2",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.10.0",

package/src/scss-path-plugin/index.ts

@@ -1,5 +1,6 @@
 import path from 'path';
 import { Plugin } from 'vite';
+import MagicString from 'magic-string';
 
 export interface ScssPathPluginOptions {
   replace: {
@@ -8,24 +9,48 @@ export interface ScssPathPluginOptions {
   };
 }
 
-export function scssPathPlugin(options: ScssPathPluginOptions) {
+export function scssPathPlugin(options: ScssPathPluginOptions): Plugin {
   const { replace } = options;
   const regExp = new RegExp(`@use '${replace.key}/`, 'g');
 
-  const plugin: Plugin = {
-    name: '@custom/scss-path-plugin',
+  return {
+    name: '@webinex/vite/scss-path-plugin',
+
     transform: {
       order: 'pre',
-      handler(this, src, filePath) {
+
+      handler(src, filePath) {
         if (!filePath.endsWith('.scss') && !filePath.endsWith('.sass')) {
-          return src;
+          return null;
         }
 
         const relative = path.relative(path.dirname(filePath), replace.path).replace(/\\/g, '/');
-        return src.replace(regExp, `@use '${relative}/`);
+
+        if (!regExp.test(src)) {
+          return null;
+        }
+
+        const ms = new MagicString(src);
+
+        let match: RegExpExecArray | null;
+        regExp.lastIndex = 0;
+
+        while ((match = regExp.exec(src)) !== null) {
+          const start = match.index;
+          const end = start + match[0].length;
+
+          ms.overwrite(start, end, `@use '${relative}/`);
+        }
+
+        return {
+          code: ms.toString(),
+          map: ms.generateMap({
+            hires: true,
+            source: filePath,
+            includeContent: true,
+          }),
+        };
       },
     },
   };
-
-  return plugin;
 }