@infly/vue2-vite 1.0.0 → 1.0.1

package/src/compat/sass-export.mjs

@@ -1,112 +1,112 @@
-/**
- * Sass :export 兼容插件
- *
- * 将 `import styles from "./file.scss"` 转换为 SCSS 导入 + 导出变量的 JS 对象。
- * 从 @infly/libs/adapters/vue2/vite/index.js 迁移（95% 可复用）。
- */
-
-import fs from 'node:fs';
-import path from 'node:path';
-
-/**
- * 解析应用内的 SCSS 导入路径
- */
-function resolveAppScssImport(importPath, importer, projectRoot) {
-  const cleanImporter = importer.replace(/[?#].*$/, '');
-  if (importPath.startsWith('@/')) {
-    return path.resolve(projectRoot, 'src', importPath.slice(2));
-  }
-  if (importPath.startsWith('./') || importPath.startsWith('../')) {
-    return path.resolve(path.dirname(cleanImporter), importPath);
-  }
-  if (path.isAbsolute(importPath)) return path.resolve(importPath);
-  return null;
-}
-
-/**
- * 转换 import varName from "./file.scss" → import "./file.scss"; const varName = {...}
- *
- * @param {string} code - 源文件内容
- * @param {string} importer - 导入方文件路径
- * @param {object} options - { projectRoot, readFile? }
- * @returns {string} 转换后的代码
- */
-export function transformScssExportImports(code, importer, options) {
-  const { projectRoot, readFile = (file) => fs.readFileSync(file, 'utf8') } = options;
-
-  return code.replace(
-    /import\s+([\w$]+)\s+from\s+(["'])([^"'?]+\.scss)\2\s*;?/g,
-    (statement, binding, quote, importPath) => {
-      const resolved = resolveAppScssImport(importPath, importer, projectRoot);
-      if (!resolved) return statement;
-
-      let scss;
-      try {
-        scss = readFile(resolved);
-      } catch (_) {
-        return statement;
-      }
-      if (typeof scss !== 'string') return statement;
-
-      const exportBlock = scss.match(/:export\s*\{([\s\S]*?)\}/);
-      if (!exportBlock) return statement;
-
-      const variables = new Map();
-      for (const match of scss.matchAll(/^\s*\$([\w-]+)\s*:\s*([^;]+);/gm)) {
-        variables.set(match[1], match[2].trim());
-      }
-
-      const exported = {};
-      for (const match of exportBlock[1].matchAll(/([\w-]+)\s*:\s*([^;]+);/g)) {
-        const rawValue = match[2].trim();
-        const variableName = rawValue.match(/^\$([\w-]+)$/);
-        exported[match[1]] = variableName && variables.has(variableName[1])
-          ? variables.get(variableName[1])
-          : rawValue;
-      }
-
-      return `import ${quote}${importPath}${quote};\nconst ${binding} = ${JSON.stringify(exported)};`;
-    },
-  );
-}
-
-/**
- * 创建 SCSS :export 兼容 Vite 插件
- *
- * @param {string} projectRoot - 项目根目录
- * @returns {import('vite').Plugin}
- */
-export function createScssExportCompatPlugin(projectRoot) {
-  return {
-    name: 'infly-vue2:scss-export-compat',
-    enforce: 'pre',
-    transform(code, id) {
-      if (
-        id.includes('node_modules')
-        || (!id.includes('.vue') && !/\.[cm]?[jt]sx?(?:[?#].*)?$/.test(id))
-        || !/import\s+[\w$]+\s+from\s+["'][^"']+\.scss["']/.test(code)
-      ) return null;
-
-      const transformed = transformScssExportImports(code, id, { projectRoot });
-      return transformed === code ? null : { code: transformed, map: null };
-    },
-  };
-}
-
-/**
- * 将项目根目录添加到 Sass loadPaths
- *
- * @param {object} css - Vite CSS 配置对象
- * @param {string} projectRoot
- * @returns {object}
- */
-export function addAppRootSassLoadPath(css, projectRoot) {
-  if (!css.preprocessorOptions) css.preprocessorOptions = {};
-  if (!css.preprocessorOptions.scss) css.preprocessorOptions.scss = {};
-  const loadPaths = css.preprocessorOptions.scss.loadPaths || [];
-  const resolvedProjectRoot = path.resolve(projectRoot);
-  css.preprocessorOptions.scss.loadPaths = loadPaths.includes(resolvedProjectRoot)
-    ? loadPaths
-    : [...loadPaths, resolvedProjectRoot];
-  return css;
-}
+/**
+ * Sass :export 兼容插件
+ *
+ * 将 `import styles from "./file.scss"` 转换为 SCSS 导入 + 导出变量的 JS 对象。
+ * 从 @infly/libs/adapters/vue2/vite/index.js 迁移（95% 可复用）。
+ */
+
+import fs from 'node:fs';
+import path from 'node:path';
+
+/**
+ * 解析应用内的 SCSS 导入路径
+ */
+function resolveAppScssImport(importPath, importer, projectRoot) {
+  const cleanImporter = importer.replace(/[?#].*$/, '');
+  if (importPath.startsWith('@/')) {
+    return path.resolve(projectRoot, 'src', importPath.slice(2));
+  }
+  if (importPath.startsWith('./') || importPath.startsWith('../')) {
+    return path.resolve(path.dirname(cleanImporter), importPath);
+  }
+  if (path.isAbsolute(importPath)) return path.resolve(importPath);
+  return null;
+}
+
+/**
+ * 转换 import varName from "./file.scss" → import "./file.scss"; const varName = {...}
+ *
+ * @param {string} code - 源文件内容
+ * @param {string} importer - 导入方文件路径
+ * @param {object} options - { projectRoot, readFile? }
+ * @returns {string} 转换后的代码
+ */
+export function transformScssExportImports(code, importer, options) {
+  const { projectRoot, readFile = (file) => fs.readFileSync(file, 'utf8') } = options;
+
+  return code.replace(
+    /import\s+([\w$]+)\s+from\s+(["'])([^"'?]+\.scss)\2\s*;?/g,
+    (statement, binding, quote, importPath) => {
+      const resolved = resolveAppScssImport(importPath, importer, projectRoot);
+      if (!resolved) return statement;
+
+      let scss;
+      try {
+        scss = readFile(resolved);
+      } catch {
+        return statement;
+      }
+      if (typeof scss !== 'string') return statement;
+
+      const exportBlock = scss.match(/:export\s*\{([\s\S]*?)\}/);
+      if (!exportBlock) return statement;
+
+      const variables = new Map();
+      for (const match of scss.matchAll(/^\s*\$([\w-]+)\s*:\s*([^;]+);/gm)) {
+        variables.set(match[1], match[2].trim());
+      }
+
+      const exported = {};
+      for (const match of exportBlock[1].matchAll(/([\w-]+)\s*:\s*([^;]+);/g)) {
+        const rawValue = match[2].trim();
+        const variableName = rawValue.match(/^\$([\w-]+)$/);
+        exported[match[1]] = variableName && variables.has(variableName[1])
+          ? variables.get(variableName[1])
+          : rawValue;
+      }
+
+      return `import ${quote}${importPath}${quote};\nconst ${binding} = ${JSON.stringify(exported)};`;
+    },
+  );
+}
+
+/**
+ * 创建 SCSS :export 兼容 Vite 插件
+ *
+ * @param {string} projectRoot - 项目根目录
+ * @returns {import('vite').Plugin}
+ */
+export function createScssExportCompatPlugin(projectRoot) {
+  return {
+    name: 'infly-vue2:scss-export-compat',
+    enforce: 'pre',
+    transform(code, id) {
+      if (
+        id.includes('node_modules')
+        || (!id.includes('.vue') && !/\.[cm]?[jt]sx?(?:[?#].*)?$/.test(id))
+        || !/import\s+[\w$]+\s+from\s+["'][^"']+\.scss["']/.test(code)
+      ) return null;
+
+      const transformed = transformScssExportImports(code, id, { projectRoot });
+      return transformed === code ? null : { code: transformed, map: null };
+    },
+  };
+}
+
+/**
+ * 将项目根目录添加到 Sass loadPaths
+ *
+ * @param {object} css - Vite CSS 配置对象
+ * @param {string} projectRoot
+ * @returns {object}
+ */
+export function addAppRootSassLoadPath(css, projectRoot) {
+  if (!css.preprocessorOptions) css.preprocessorOptions = {};
+  if (!css.preprocessorOptions.scss) css.preprocessorOptions.scss = {};
+  const loadPaths = css.preprocessorOptions.scss.loadPaths || [];
+  const resolvedProjectRoot = path.resolve(projectRoot);
+  css.preprocessorOptions.scss.loadPaths = loadPaths.includes(resolvedProjectRoot)
+    ? loadPaths
+    : [...loadPaths, resolvedProjectRoot];
+  return css;
+}