tw-migrate 0.1.0 → 0.2.0

package/native.js

@@ -1,12 +1,12 @@
-import { createRequire } from 'node:module';
+import { createRequire } from "node:module";
 
 const require = createRequire(import.meta.url);
 const targets = {
-  'darwin-arm64': 'darwin-arm64',
-  'darwin-x64': 'darwin-x64',
-  'linux-arm64': 'linux-arm64-gnu',
-  'linux-x64': 'linux-x64-gnu',
-  'win32-x64': 'win32-x64-msvc',
+  "darwin-arm64": "darwin-arm64",
+  "darwin-x64": "darwin-x64",
+  "linux-arm64": "linux-arm64-gnu",
+  "linux-x64": "linux-x64-gnu",
+  "win32-x64": "win32-x64-msvc",
 };
 const target = targets[`${process.platform}-${process.arch}`];
 
@@ -21,14 +21,21 @@ for (const load of [
     binding = load();
     break;
   } catch (error) {
-    if (error.code !== 'MODULE_NOT_FOUND') throw error;
+    if (error.code !== "MODULE_NOT_FOUND") throw error;
   }
 }
 
 if (!binding) {
-  throw new Error(`No tw-migrate native addon was found for ${target}. Reinstall the package or build it locally.`);
+  throw new Error(
+    `No tw-migrate native addon was found for ${target}. Reinstall the package or build it locally.`,
+  );
 }
 
-export const decodeSourceMap = binding.decodeSourceMap;
-export const planBatchMigration = binding.planBatchMigration;
-export const validateCss = binding.validateCss;
+export const {
+  decodeSourceMap,
+  planBatchMigration,
+  staticImportBindings,
+  staticImports,
+  staticStringExpression,
+  validateCss,
+} = binding;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-migrate",
-  "version": "0.1.0",
-  "description": "Preview and migrate React CSS to Tailwind utilities",
+  "version": "0.2.0",
+  "description": "Preview and migrate React, Vue, and HTML CSS to Tailwind utilities",
   "keywords": [
     "codemod",
     "css",
@@ -10,7 +10,8 @@
     "napi-rs",
     "react",
     "tailwind",
-    "tailwindcss"
+    "tailwindcss",
+    "vue"
   ],
   "homepage": "https://github.com/jong-kyung/tw-migrate#readme",
   "bugs": {
@@ -31,8 +32,8 @@
     "index.js",
     "index.d.ts",
     "native.js",
-    "rfcs",
-    "style-compiler.js"
+    "style-compiler.js",
+    "vue.js"
   ],
   "type": "module",
   "main": "index.js",
@@ -41,7 +42,7 @@
     "build": "napi build --manifest-path crates/tw_migrate/Cargo.toml --package-json-path package.json --output-dir . --platform --release --no-js --dts binding.d.ts",
     "build:debug": "napi build --manifest-path crates/tw_migrate/Cargo.toml --package-json-path package.json --output-dir . --platform --no-js --dts binding.d.ts",
     "artifacts": "napi artifacts --output-dir . --npm-dir npm",
-    "test": "cargo test && pnpm build:debug && node --test",
+    "test": "cargo test && pnpm build:debug && vp test",
     "test:ecosystem": "node ecosystem-ci/run.ts",
     "test:rust": "cargo test",
     "typecheck": "tsc --noEmit",
@@ -64,14 +65,15 @@
     "verdaccio": "6.8.0",
     "vite": "catalog:",
     "vite-plus": "catalog:",
-    "vitest": "catalog:"
+    "vitest": "catalog:",
+    "vue": "3.5.40"
   },
   "optionalDependencies": {
-    "tw-migrate-darwin-arm64": "0.1.0",
-    "tw-migrate-darwin-x64": "0.1.0",
-    "tw-migrate-linux-arm64-gnu": "0.1.0",
-    "tw-migrate-linux-x64-gnu": "0.1.0",
-    "tw-migrate-win32-x64-msvc": "0.1.0"
+    "tw-migrate-darwin-arm64": "0.2.0",
+    "tw-migrate-darwin-x64": "0.2.0",
+    "tw-migrate-linux-arm64-gnu": "0.2.0",
+    "tw-migrate-linux-x64-gnu": "0.2.0",
+    "tw-migrate-win32-x64-msvc": "0.2.0"
   },
   "napi": {
     "binaryName": "tw-migrate",

package/style-compiler.js

@@ -1,22 +1,22 @@
-import { realpath } from 'node:fs/promises';
-import { createRequire } from 'node:module';
-import { basename, dirname, extname, isAbsolute, join, resolve } from 'node:path';
-import { fileURLToPath, pathToFileURL } from 'node:url';
+import { realpath } from "node:fs/promises";
+import { createRequire } from "node:module";
+import { basename, dirname, extname, isAbsolute, join, resolve } from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
 
-import { decodeSourceMap } from './native.js';
+import { decodeSourceMap } from "./native.js";
 
-const SASS_EXTENSIONS = new Set(['.scss', '.sass']);
+const SASS_EXTENSIONS = new Set([".scss", ".sass"]);
 
 export function isSassPath(path) {
   return SASS_EXTENSIONS.has(extname(path));
 }
 
 export function isPreprocessorPath(path) {
-  return isSassPath(path) || extname(path) === '.less';
+  return isSassPath(path) || extname(path) === ".less";
 }
 
 async function loadProjectModule(packageRoot, name, errorMessage) {
-  const projectRequire = createRequire(join(packageRoot, 'package.json'));
+  const projectRequire = createRequire(join(packageRoot, "package.json"));
   let modulePath;
   try {
     modulePath = projectRequire.resolve(name);
@@ -28,34 +28,36 @@ async function loadProjectModule(packageRoot, name, errorMessage) {
 }
 
 export function loadProjectSass(packageRoot) {
-  return loadProjectModule(packageRoot, 'sass', 'Sass must be installed in the target project.');
+  return loadProjectModule(packageRoot, "sass", "Sass must be installed in the target project.");
 }
 
 export function loadProjectLess(packageRoot) {
-  return loadProjectModule(packageRoot, 'less', 'Less must be installed in the target project.');
+  return loadProjectModule(packageRoot, "less", "Less must be installed in the target project.");
 }
 
-export async function compileSassEntry(sass, entryPath, source) {
+export async function compileSassEntry(sass, entryPath, source, { virtualEntry = false } = {}) {
   const options = {
     sourceMap: true,
     sourceMapIncludeSources: true,
   };
-  const result = source === undefined
-    ? await sass.compileAsync(entryPath, options)
-    : await sass.compileStringAsync(source, {
-      ...options,
-      url: pathToFileURL(entryPath),
-      syntax: extname(entryPath) === '.sass' ? 'indented' : 'scss',
-    });
+  const result =
+    source === undefined
+      ? await sass.compileAsync(entryPath, options)
+      : await sass.compileStringAsync(source, {
+          ...options,
+          url: pathToFileURL(entryPath),
+          syntax: extname(entryPath) === ".sass" ? "indented" : "scss",
+        });
 
   if (!result.sourceMap) throw new Error(`Sass did not produce a source map for ${entryPath}`);
   const loadedPaths = result.loadedUrls
-    .filter((url) => url.protocol === 'file:')
+    .filter((url) => url.protocol === "file:")
     .map(fileURLToPath);
   const mappings = sourceMappings(result.sourceMap);
   const normalizedPaths = await normalizeEntryPaths(
     [...loadedPaths, ...mappings.map((mapping) => mapping.sourcePath)],
     entryPath,
+    virtualEntry,
   );
   return {
     css: result.css,
@@ -67,16 +69,22 @@ export async function compileSassEntry(sass, entryPath, source) {
   };
 }
 
-async function normalizeEntryPaths(paths, entryPath) {
-  const canonicalEntryPath = await realpath(entryPath);
-  return new Map(await Promise.all([...new Set(paths)].map(async (path) => {
-    if (path === entryPath) return [path, path];
-    try {
-      return [path, await realpath(path) === canonicalEntryPath ? entryPath : path];
-    } catch {
-      return [path, path];
-    }
-  })));
+async function normalizeEntryPaths(paths, entryPath, virtualEntry) {
+  // A virtual SFC block entry never exists on disk; a real entry that
+  // vanished mid-run must keep failing as a source-integrity error.
+  const canonicalEntryPath = virtualEntry ? entryPath : await realpath(entryPath);
+  return new Map(
+    await Promise.all(
+      [...new Set(paths)].map(async (path) => {
+        if (path === entryPath) return [path, path];
+        try {
+          return [path, (await realpath(path)) === canonicalEntryPath ? entryPath : path];
+        } catch {
+          return [path, path];
+        }
+      }),
+    ),
+  );
 }
 
 export async function compileLessEntry(less, entryPath, source) {
@@ -85,21 +93,28 @@ export async function compileLessEntry(less, entryPath, source) {
     sourceMap: {
       outputSourceFiles: true,
       sourceMapBasepath: dirname(entryPath),
-      sourceMapOutputFilename: `${basename(entryPath, '.less')}.css`,
+      sourceMapOutputFilename: `${basename(entryPath, ".less")}.css`,
     },
   });
   return {
     css: result.css,
-    loadedPaths: result.imports.map((path) => isAbsolute(path) ? path : resolve(dirname(entryPath), path)),
+    loadedPaths: result.imports.map((path) =>
+      isAbsolute(path) ? path : resolve(dirname(entryPath), path),
+    ),
     sourceMappings: result.map ? sourceMappings(JSON.parse(result.map), dirname(entryPath)) : [],
   };
 }
 
 export function sourceMappings(sourceMap, sourceBase) {
-  return JSON.parse(decodeSourceMap(JSON.stringify(sourceMap))).flatMap(({ source, ...mapping }) => {
-    const sourcePath = sourcePathFromMap(sourceReferenceFromMap(source, sourceMap.sourceRoot), sourceBase);
-    return sourcePath ? [{ ...mapping, sourcePath }] : [];
-  });
+  return JSON.parse(decodeSourceMap(JSON.stringify(sourceMap))).flatMap(
+    ({ source, ...mapping }) => {
+      const sourcePath = sourcePathFromMap(
+        sourceReferenceFromMap(source, sourceMap.sourceRoot),
+        sourceBase,
+      );
+      return sourcePath ? [{ ...mapping, sourcePath }] : [];
+    },
+  );
 }
 
 function sourceReferenceFromMap(source, sourceRoot) {
@@ -107,7 +122,7 @@ function sourceReferenceFromMap(source, sourceRoot) {
   if (isAbsolute(sourceRoot)) return resolve(sourceRoot, source);
   try {
     const root = new URL(sourceRoot);
-    root.pathname = `${root.pathname.replace(/\/+$/, '')}/`;
+    root.pathname = `${root.pathname.replace(/\/+$/, "")}/`;
     return new URL(source, root).href;
   } catch {
     return join(sourceRoot, source);
@@ -118,7 +133,7 @@ function sourcePathFromMap(source, sourceBase) {
   if (isAbsolute(source)) return resolve(source);
   try {
     const url = new URL(source);
-    return url.protocol === 'file:' ? resolve(fileURLToPath(url)) : undefined;
+    return url.protocol === "file:" ? resolve(fileURLToPath(url)) : undefined;
   } catch {
     return sourceBase ? resolve(sourceBase, source) : undefined;
   }