tw-migrate 0.2.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tw-migrate",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Preview and migrate React, Vue, and HTML CSS to Tailwind utilities",
   "keywords": [
     "codemod",
@@ -24,56 +24,49 @@
     "url": "git+https://github.com/jong-kyung/tw-migrate.git"
   },
   "bin": {
-    "tw-migrate": "bin/tw-migrate.js"
+    "tw-migrate": "dist/bin.js"
   },
   "files": [
-    "bin",
-    "html.js",
-    "index.js",
-    "index.d.ts",
-    "native.js",
-    "style-compiler.js",
-    "vue.js"
+    "dist"
   ],
   "type": "module",
-  "main": "index.js",
-  "types": "index.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
-    "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": "vp pack && 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",
+    "artifacts": "node -e \"const fs=require('node:fs'); const files=fs.readdirSync('.').filter((file)=>file.startsWith('tw-migrate.')&&file.endsWith('.node')); if(files.length===0) throw new Error('no tw-migrate.*.node artifact in the package root; run build first'); for(const file of files) fs.copyFileSync(file, 'npm/'+file.slice('tw-migrate.'.length, -'.node'.length)+'/'+file)\"",
     "test": "cargo test && pnpm build:debug && vp test",
     "test:ecosystem": "node ecosystem-ci/run.ts",
-    "test:rust": "cargo test",
     "typecheck": "tsc --noEmit",
     "snapshots:prepare": "node -e \"const fs=require('node:fs'); for(const dir of fs.readdirSync('npm')) for(const file of fs.readdirSync('npm/'+dir)) if(file.endsWith('.node')) fs.rmSync('npm/'+dir+'/'+file)\" && pnpm build && pnpm artifacts",
     "test:snapshots": "pnpm snapshots:prepare && cargo test -p tw-migrate-snapshots",
     "prepare": "vp config"
   },
   "dependencies": {
-    "parse5": "7.3.0"
+    "parse5": "8.0.1"
   },
   "devDependencies": {
-    "@napi-rs/cli": "3.7.3",
-    "@types/node": "22.20.1",
+    "@napi-rs/cli": "catalog:",
+    "@types/node": "catalog:",
     "@vitest/browser-playwright": "catalog:",
-    "less": "4.7.0",
-    "playwright": "1.61.1",
-    "sass": "1.101.3",
-    "tailwindcss": "4.3.3",
-    "typescript": "7.0.2",
-    "verdaccio": "6.8.0",
+    "less": "catalog:",
+    "playwright": "catalog:",
+    "sass": "catalog:",
+    "tailwindcss": "catalog:",
+    "typescript": "catalog:",
+    "verdaccio": "catalog:",
     "vite": "catalog:",
     "vite-plus": "catalog:",
     "vitest": "catalog:",
-    "vue": "3.5.40"
+    "vue": "catalog:"
   },
   "optionalDependencies": {
-    "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"
+    "tw-migrate-darwin-arm64": "0.4.0",
+    "tw-migrate-darwin-x64": "0.4.0",
+    "tw-migrate-linux-arm64-gnu": "0.4.0",
+    "tw-migrate-linux-x64-gnu": "0.4.0",
+    "tw-migrate-win32-x64-msvc": "0.4.0"
   },
   "napi": {
     "binaryName": "tw-migrate",
@@ -86,7 +79,7 @@
     ]
   },
   "engines": {
-    "node": ">=22.18.0"
+    "node": ">=22.23.2"
   },
-  "packageManager": "pnpm@11.15.1"
+  "packageManager": "pnpm@11.20.0"
 }

package/bin/tw-migrate.js

@@ -1,51 +0,0 @@
-#!/usr/bin/env node
-
-import { migrate } from "../index.js";
-
-const usage =
-  "Usage: tw-migrate [style-file] [--tailwind-css <entry.css>] [--workspaces] [--force] [--write]";
-
-async function main() {
-  const args = process.argv.slice(2);
-  let styleFile;
-  let tailwindCss;
-  let write = false;
-  let force = false;
-  let workspaces = false;
-
-  for (let index = 0; index < args.length; index += 1) {
-    const argument = args[index];
-    if (argument === "--write") write = true;
-    else if (argument === "--force") force = true;
-    else if (argument === "--workspaces") workspaces = true;
-    else if (argument === "--tailwind-css") {
-      tailwindCss = args[++index];
-      if (!tailwindCss) throw new Error(`${usage}\n--tailwind-css requires a path.`);
-    } else if (argument === "--help" || argument === "-h") {
-      console.log(usage);
-      return;
-    } else if (argument.startsWith("-")) {
-      throw new Error(`Unknown option: ${argument}`);
-    } else if (!styleFile) styleFile = argument;
-    else throw new Error(`Unexpected argument: ${argument}`);
-  }
-
-  const report = await migrate({ styleFile, tailwindCss, write, force, workspaces });
-  if (report.diff) process.stdout.write(report.diff);
-  for (const warning of report.warnings) {
-    console.warn(
-      `warning[${warning.code}] ${warning.file}:${warning.start}-${warning.end} ${warning.message}`,
-    );
-  }
-  for (const failure of report.failures) {
-    console.warn(`skipped[${failure.package}] ${failure.message}`);
-  }
-  console.log(
-    `${write ? "Applied" : "Previewed"} ${report.changedFiles.length} file(s); ${report.convertedRules} rule(s) converted, ${report.retainedRules} retained.`,
-  );
-}
-
-main().catch((error) => {
-  console.error(`tw-migrate: ${error.message}`);
-  process.exitCode = 1;
-});

package/html.js

@@ -1,191 +0,0 @@
-import { parse } from "parse5";
-
-const RECOVERABLE_PARSE_ERRORS = new Set(["missing-doctype"]);
-const TEMPLATE_MARKERS = /\{\{|\}\}|\$\{|<%|%>|<#|#>|\[%|%\]/;
-
-export function parseHtmlSource(path, source) {
-  const errors = [];
-  const document = parse(source, {
-    sourceCodeLocationInfo: true,
-    onParseError(error) {
-      if (!RECOVERABLE_PARSE_ERRORS.has(error.code)) errors.push(error);
-    },
-  });
-  if (errors.length > 0) {
-    throw new Error(`Failed to parse ${path}: ${errors.map((error) => error.code).join(", ")}`);
-  }
-
-  const links = [];
-  const bases = [];
-  const elements = [];
-  const dynamicAttributes = [];
-  const scriptTexts = [];
-
-  function visit(node) {
-    if (node.tagName === "script") {
-      for (const child of node.childNodes ?? []) {
-        if (child.nodeName === "#text" && child.value) scriptTexts.push(child.value);
-      }
-    }
-    if (node.tagName) {
-      const attributes = new Map(node.attrs.map((attribute) => [attribute.name, attribute.value]));
-      const locations = node.sourceCodeLocation?.attrs;
-      if (locations) {
-        if (
-          node.tagName === "link" &&
-          stylesheetRel(attributes.get("rel")) &&
-          !attributes.has("disabled")
-        ) {
-          const href = locatedAttribute(source, locations.href, attributes.get("href"));
-          const media = locatedAttribute(source, locations.media, attributes.get("media"));
-          const tag = node.sourceCodeLocation?.startTag ?? node.sourceCodeLocation;
-          if (href && tag) {
-            links.push({
-              href: href.value,
-              media: media?.value ?? "",
-              start: href.start,
-              end: href.end,
-              tagStart: tag.startOffset,
-              tagEnd: tag.endOffset,
-            });
-          }
-        }
-        if (node.tagName === "base" && bases.length === 0) {
-          const href = locatedAttribute(source, locations.href, attributes.get("href"));
-          if (href)
-            bases.push({
-              href: href.value,
-              writable: href.writable,
-              start: href.start,
-              end: href.end,
-            });
-        }
-
-        let classAttribute = locatedAttribute(source, locations.class, attributes.get("class"));
-        const idAttribute = locatedAttribute(source, locations.id, attributes.get("id"));
-        // A class attribute that exists but cannot be located as a writable
-        // value (e.g. valueless `<main class>`) must not look absent, or the
-        // id-only branch would synthesize a duplicate class attribute.
-        const unparsedClass =
-          !classAttribute && idAttribute && locations.class
-            ? { start: locations.class.startOffset, end: locations.class.endOffset }
-            : undefined;
-        const dynamic =
-          unparsedClass ??
-          [classAttribute, idAttribute].find(
-            (attribute) =>
-              attribute && (!attribute.writable || TEMPLATE_MARKERS.test(attribute.value)),
-          ) ??
-          (classAttribute && !classAttribute.quoted ? classAttribute : undefined);
-        if (dynamic) {
-          dynamicAttributes.push({ start: dynamic.start, end: dynamic.end });
-        } else if (classAttribute || idAttribute) {
-          if (!classAttribute && idAttribute) {
-            const insertion = classInsertionOffset(source, node.sourceCodeLocation?.startTag);
-            if (insertion !== undefined) {
-              classAttribute = { value: "", start: insertion, end: insertion, synthetic: true };
-            }
-          }
-          elements.push({ classAttribute, idAttribute });
-        }
-      }
-    }
-
-    for (const child of node.childNodes ?? []) visit(child);
-    if (node.content) visit(node.content);
-  }
-
-  visit(document);
-  return {
-    ...toByteOffsets(source, { links, bases, elements, dynamicAttributes }),
-    scriptText: scriptTexts.join("\n"),
-  };
-}
-
-// Map UTF-16 string indices to UTF-8 byte offsets in one source pass, so
-// large documents stay linear instead of rescanning the prefix per site.
-export function utf8OffsetMap(source, indices) {
-  const sorted = [...new Set(indices)].sort((left, right) => left - right);
-  const map = new Map();
-  let lastIndex = 0;
-  let bytes = 0;
-  for (const index of sorted) {
-    bytes += Buffer.byteLength(source.slice(lastIndex, index));
-    lastIndex = index;
-    map.set(index, bytes);
-  }
-  return map;
-}
-
-function toByteOffsets(source, parsed) {
-  const offsets = utf8OffsetMap(source, [
-    ...parsed.links.flatMap((link) => [link.start, link.end, link.tagStart, link.tagEnd]),
-    ...parsed.bases.flatMap((base) => [base.start, base.end]),
-    ...parsed.elements.flatMap((element) =>
-      [element.classAttribute, element.idAttribute]
-        .filter(Boolean)
-        .flatMap((value) => [value.start, value.end]),
-    ),
-    ...parsed.dynamicAttributes.flatMap((value) => [value.start, value.end]),
-  ]);
-  const offset = (index) => offsets.get(index);
-  const attribute = (value) =>
-    value && { ...value, start: offset(value.start), end: offset(value.end) };
-  return {
-    links: parsed.links.map((link) => ({
-      ...link,
-      start: offset(link.start),
-      end: offset(link.end),
-      tagStart: offset(link.tagStart),
-      tagEnd: offset(link.tagEnd),
-    })),
-    bases: parsed.bases.map(attribute),
-    elements: parsed.elements.map((element) => ({
-      classAttribute: attribute(element.classAttribute),
-      idAttribute: attribute(element.idAttribute),
-    })),
-    dynamicAttributes: parsed.dynamicAttributes.map(attribute),
-  };
-}
-
-function classInsertionOffset(source, startTag) {
-  if (!startTag) return undefined;
-  let offset = startTag.endOffset - 1;
-  if (source[offset] !== ">") return undefined;
-  while (offset > startTag.startOffset && /\s/.test(source[offset - 1])) offset -= 1;
-  if (source[offset - 1] === "/") offset -= 1;
-  return offset;
-}
-
-function stylesheetRel(value = "") {
-  const tokens = value.toLowerCase().split(/\s+/);
-  return tokens.includes("stylesheet") && !tokens.includes("alternate");
-}
-
-function locatedAttribute(source, location, parsedValue) {
-  if (!location || parsedValue === undefined) return undefined;
-  const raw = source.slice(location.startOffset, location.endOffset);
-  const equals = raw.indexOf("=");
-  if (equals < 0) return undefined;
-  let start = equals + 1;
-  while (/\s/.test(raw[start] ?? "")) start += 1;
-  const quote = raw[start];
-  let end;
-  const quoted = quote === '"' || quote === "'";
-  if (quoted) {
-    start += 1;
-    end = raw.lastIndexOf(quote);
-    if (end < start) return undefined;
-  } else {
-    end = start;
-    while (end < raw.length && !/\s/.test(raw[end])) end += 1;
-  }
-  const value = raw.slice(start, end);
-  return {
-    value: value.includes("&") ? parsedValue : value,
-    quoted,
-    writable: !value.includes("&"),
-    start: location.startOffset + start,
-    end: location.startOffset + end,
-  };
-}