npm - @leadconnector/vibe-tagger - Versions diffs - 0.1.0 → 0.2.0 - Mend

@leadconnector/vibe-tagger 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -1,55 +1,9 @@
-# vibe-tagger
+# Vite Plugin Component Tagger
-Vite plugin that instruments React JSX elements with source-location metadata for visual editing workflows.
+A Vite plugin that automatically tags JSX/TSX components with source location metadata for easier debugging and tracking.
-## Install
+## Installation
 ```bash
-npm install -D vibe-tagger
-# or
-bun add -D vibe-tagger
-# or
-yarn add -D vibe-tagger
+npm install @leadconnector/vibe-tagger
 ```
-## Usage
-```ts
-// vite.config.ts
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react-swc";
-import { componentTagger } from "vibe-tagger";
-export default defineConfig(({ mode }) => ({
-  plugins: [
-    react(),
-    mode === "development" && componentTagger(),
-  ].filter(Boolean),
-}));
-```
-## What it does
-In development mode, the plugin intercepts React's `jsx-dev-runtime` to:
-1. Attach `Symbol.for("__jsxSource__")` to every DOM element with `{ fileName, lineNumber, columnNumber, displayName }`
-2. Maintain a global `window.sourceElementMap` (`Map<string, Set<WeakRef<Element>>>`) for fast source-to-element lookups
-This enables visual editing tools to map clicked elements back to their source code location.
-## API
-### `componentTagger(options?): Plugin`
-Returns a Vite plugin. Uses `enforce: "pre"` to run before other plugins.
-#### Options
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| `jsxSource` | `boolean` | `true` | Enable JSX source tagging |
-| `debug` | `boolean` | `false` | Enable debug logging |
-## License
-MIT

package/dist/index.cjs CHANGED Viewed

@@ -1,7 +1,9 @@
 "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 __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
 // src/index.ts
@@ -181,33 +191,221 @@ function createJsxTaggerFeature() {
   };
 }
+// src/features/tailwindConfig.ts
+var esbuild = __toESM(require("esbuild"), 1);
+var import_promises = __toESM(require("fs/promises"), 1);
+var import_path = __toESM(require("path"), 1);
+var import_resolveConfig = __toESM(require("tailwindcss/resolveConfig.js"), 1);
+var V4_CSS_CANDIDATES = [
+  "src/styles.css",
+  "src/index.css",
+  "src/globals.css",
+  "src/app.css"
+];
+var V4_NAMESPACES = {
+  colors: "--color",
+  screens: "--breakpoint",
+  spacing: "--spacing",
+  borderRadius: "--radius",
+  fontFamily: "--font",
+  opacity: "--opacity"
+};
+var OUTFILE_RELATIVE = "./src/tailwind.config.vibe.json";
+var INTERMEDIATE_RELATIVE = "./.vibe.tailwind.config.js";
+var V3_CONFIG_RELATIVE = "./tailwind.config.ts";
+async function findV4CssEntry(projectRoot) {
+  for (const candidate of V4_CSS_CANDIDATES) {
+    const abs = import_path.default.resolve(projectRoot, candidate);
+    try {
+      const contents = await import_promises.default.readFile(abs, "utf8");
+      if (/@import\s+["']tailwindcss/.test(contents))
+        return abs;
+    } catch {
+    }
+  }
+  return null;
+}
+async function loadDesignSystemFromProject() {
+  try {
+    const modName = "@tailwindcss/node";
+    const mod = await import(modName);
+    return mod.__unstable__loadDesignSystem ?? null;
+  } catch {
+    return null;
+  }
+}
+function parseRootVars(css) {
+  const vars = {};
+  const rootMatch = css.match(/:root\s*\{([^}]*)\}/s);
+  if (!rootMatch)
+    return vars;
+  for (const decl of rootMatch[1].split(";")) {
+    const trimmed = decl.trim();
+    if (!trimmed.startsWith("--"))
+      continue;
+    const colon = trimmed.indexOf(":");
+    if (colon === -1)
+      continue;
+    const key = trimmed.slice(0, colon).trim();
+    const value = trimmed.slice(colon + 1).trim();
+    if (key && value)
+      vars[key] = value;
+  }
+  return vars;
+}
+function resolveVars(value, rootVars, depth = 0) {
+  if (depth > 8)
+    return value;
+  return value.replace(
+    /var\(\s*(--[\w-]+)(?:\s*,\s*([^)]+))?\s*\)/g,
+    (match, name, fallback) => {
+      const resolved = rootVars[name];
+      if (resolved !== void 0)
+        return resolveVars(resolved, rootVars, depth + 1);
+      return fallback ?? match;
+    }
+  );
+}
+async function generateV4Config(cssEntry, outfile, load) {
+  const css = await import_promises.default.readFile(cssEntry, "utf8");
+  const ds = await load(css, { base: import_path.default.dirname(cssEntry) });
+  const rootVars = parseRootVars(css);
+  const theme = {};
+  for (const [configKey, namespace] of Object.entries(V4_NAMESPACES)) {
+    const entries = {};
+    for (const [key, rawValue] of ds.theme.namespace(namespace)) {
+      if (key === null)
+        continue;
+      entries[key] = resolveVars(rawValue, rootVars);
+    }
+    theme[configKey] = entries;
+  }
+  await import_promises.default.mkdir(import_path.default.dirname(outfile), { recursive: true });
+  await import_promises.default.writeFile(outfile, JSON.stringify({ theme }, null, 2));
+}
+async function generateV3Config(tailwindInputFile, tailwindIntermediateFile, tailwindJsonOutfile) {
+  await esbuild.build({
+    entryPoints: [tailwindInputFile],
+    outfile: tailwindIntermediateFile,
+    bundle: true,
+    format: "esm",
+    banner: {
+      js: 'import { createRequire } from "module"; const require = createRequire(import.meta.url);'
+    }
+  });
+  try {
+    const userConfig = await import(tailwindIntermediateFile + "?update=" + Date.now());
+    if (!userConfig || !userConfig.default) {
+      throw new Error("Invalid Tailwind config structure");
+    }
+    const resolved = (0, import_resolveConfig.default)(userConfig.default);
+    await import_promises.default.writeFile(tailwindJsonOutfile, JSON.stringify(resolved, null, 2));
+  } finally {
+    await import_promises.default.unlink(tailwindIntermediateFile).catch(() => {
+    });
+  }
+}
+function createTailwindConfigFeature() {
+  let projectRoot = "";
+  const run = async () => {
+    if (!projectRoot)
+      return;
+    const outfile = import_path.default.resolve(projectRoot, OUTFILE_RELATIVE);
+    const cssEntry = await findV4CssEntry(projectRoot);
+    if (cssEntry) {
+      const load = await loadDesignSystemFromProject();
+      if (load) {
+        try {
+          await generateV4Config(cssEntry, outfile, load);
+          console.log(`[vibe-tagger] wrote ${outfile}`);
+          return;
+        } catch (error) {
+          console.error("[vibe-tagger] Error generating v4 tailwind config:", error);
+          return;
+        }
+      }
+    }
+    const v3ConfigFile = import_path.default.resolve(projectRoot, V3_CONFIG_RELATIVE);
+    try {
+      await import_promises.default.access(v3ConfigFile);
+    } catch {
+      return;
+    }
+    const intermediate = import_path.default.resolve(projectRoot, INTERMEDIATE_RELATIVE);
+    try {
+      await generateV3Config(v3ConfigFile, intermediate, outfile);
+      console.log(`[vibe-tagger] wrote ${outfile}`);
+    } catch (error) {
+      console.error("[vibe-tagger] Error generating v3 tailwind config:", error);
+    }
+  };
+  return {
+    onConfigResolved(config) {
+      projectRoot = config.root;
+    },
+    async onBuildStart() {
+      await run();
+    },
+    onConfigureServer(server) {
+      try {
+        const v3ConfigFile = import_path.default.resolve(projectRoot, V3_CONFIG_RELATIVE);
+        const v4Candidates = V4_CSS_CANDIDATES.map(
+          (c) => import_path.default.resolve(projectRoot, c)
+        );
+        const watchPaths = [v3ConfigFile, ...v4Candidates];
+        for (const p of watchPaths)
+          server.watcher.add(p);
+        const normalized = new Set(watchPaths.map((p) => import_path.default.normalize(p)));
+        server.watcher.on("change", async (changedPath) => {
+          if (normalized.has(import_path.default.normalize(changedPath)))
+            await run();
+        });
+      } catch (error) {
+        console.error("[vibe-tagger] Error adding tailwind watcher:", error);
+      }
+    }
+  };
+}
 // src/plugin.ts
 function vibeTagger({
   jsxSource = true,
-  debug = false
+  tailwindConfig = false,
+  debug: _debug = false
 } = {}) {
   const features = [];
-  if (jsxSource) {
+  if (jsxSource)
     features.push(createJsxTaggerFeature());
-  }
+  if (tailwindConfig)
+    features.push(createTailwindConfigFeature());
   return {
     name: "vibe-tagger",
     enforce: "pre",
+    configResolved(config) {
+      for (const feature of features)
+        feature.onConfigResolved?.(config);
+    },
+    async buildStart() {
+      for (const feature of features)
+        await feature.onBuildStart?.();
+    },
+    configureServer(server) {
+      for (const feature of features)
+        feature.onConfigureServer?.(server);
+    },
     resolveId(id, importer) {
       for (const feature of features) {
         const result = feature.resolveId?.(id, importer);
-        if (result !== null && result !== void 0) {
+        if (result !== null && result !== void 0)
           return result;
-        }
       }
       return null;
     },
     load(id) {
       for (const feature of features) {
         const result = feature.load?.(id);
-        if (result !== null && result !== void 0) {
+        if (result !== null && result !== void 0)
           return result;
-        }
       }
       return null;
     }

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/devRuntimeCode.ts","../src/features/jsxSource.ts","../src/plugin.ts"],"sourcesContent":["export { vibeTagger as componentTagger } from \"./plugin\";\nexport type { VibeTaggerOptions } from \"./plugin\";\n","// Runtime code that replaces react/jsx-dev-runtime in the browser.\n// Served as a virtual module by the Vite plugin.\n\nconst devRuntimeCode = [\n 'import * as React from \"react\";',\n 'import * as ReactJSXDevRuntime from \"react/jsx-dev-runtime\";',\n \"\",\n \"const _jsxDEV = ReactJSXDevRuntime.jsxDEV;\",\n \"export const Fragment = ReactJSXDevRuntime.Fragment;\",\n \"\",\n 'const SOURCE_KEY = Symbol.for(\"__jsxSource__\");',\n \"\",\n \"const cleanFileName = (fileName) => {\",\n ' if (!fileName) return \"\";',\n ' if (fileName.includes(\"dev_server\")) {',\n ' fileName = fileName.split(\"dev_server\")[1].slice(1);',\n \" }\",\n ' if (fileName.includes(\"sandbox-scheduler/sandbox\")) {',\n ' const sandboxPart = fileName.split(\"sandbox-scheduler/\")[1];',\n ' fileName = sandboxPart.split(\"/\").slice(1).join(\"/\");',\n \" }\",\n ' return fileName.replace(/^\\\\/dev-server\\\\//, \"\");',\n \"};\",\n \"\",\n \"const sourceElementMap = new Map();\",\n \"window.sourceElementMap = sourceElementMap;\",\n \"\",\n \"function getSourceKey(sourceInfo) {\",\n \" return `${cleanFileName(sourceInfo.fileName)}:${sourceInfo.lineNumber}:${sourceInfo.columnNumber}`;\",\n \"}\",\n \"\",\n \"function unregisterElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" const refs = sourceElementMap.get(key);\",\n \" if (refs) {\",\n \" for (const ref of refs) {\",\n \" if (ref.deref() === node) {\",\n \" refs.delete(ref);\",\n \" break;\",\n \" }\",\n \" }\",\n \" if (refs.size === 0) {\",\n \" sourceElementMap.delete(key);\",\n \" }\",\n \" }\",\n \"}\",\n \"\",\n \"function registerElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" if (!sourceElementMap.has(key)) {\",\n \" sourceElementMap.set(key, new Set());\",\n \" }\",\n \" sourceElementMap.get(key).add(new WeakRef(node));\",\n \"}\",\n \"\",\n \"function getTypeName(type) {\",\n ' if (typeof type === \"string\") return type;',\n ' if (typeof type === \"function\") return type.displayName \|\| type.name \|\| \"Unknown\";',\n ' if (typeof type === \"object\" && type !== null) {',\n ' return type.displayName \|\| type.render?.displayName \|\| type.render?.name \|\| \"Unknown\";',\n \" }\",\n ' return \"Unknown\";',\n \"}\",\n \"\",\n \"export function jsxDEV(type, props, key, isStatic, source, self) {\",\n \" // For custom components (like <Icon />, <Button />), tag their rendered output\",\n \" // This captures the JSX element name for library components that don't have source info\",\n ' if (source?.fileName && typeof type !== \"string\" && type !== Fragment) {',\n \" const typeName = getTypeName(type);\",\n \" const jsxSourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: typeName,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" // Only tag if this element doesn't already have source info\",\n \" // (library components won't have it, user components will)\",\n \" if (!node[SOURCE_KEY]) {\",\n \" node[SOURCE_KEY] = jsxSourceInfo;\",\n \" registerElement(node, jsxSourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \"\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" // For host elements (div, span, etc.), tag with component context\",\n ' if (source?.fileName && typeof type === \"string\") {',\n \" const sourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: type,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \"\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" const existingSource = node[SOURCE_KEY];\",\n \" if (existingSource) {\",\n \" if (getSourceKey(existingSource) !== getSourceKey(sourceInfo)) {\",\n \" unregisterElement(node, existingSource);\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" } else {\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" return _jsxDEV(type, props, key, isStatic, source, self);\",\n \"}\",\n].join(\"\\n\");\n\nexport default devRuntimeCode;\n","import devRuntimeCode from \"../devRuntimeCode\";\n\nexport interface JsxSourceFeature {\n resolveId(id: string, importer?: string): string \| null;\n load(id: string): string \| null;\n}\n\nexport function createJsxTaggerFeature(): JsxSourceFeature {\n return {\n resolveId(id: string, importer?: string): string \| null {\n if (id === \"react/jsx-dev-runtime\" && !importer?.includes(\"\\0jsx-source\")) {\n return \"\\0jsx-source/jsx-dev-runtime\";\n }\n return null;\n },\n load(id: string): string \| null {\n if (id === \"\\0jsx-source/jsx-dev-runtime\") {\n return devRuntimeCode;\n }\n return null;\n },\n };\n}\n","import type { Plugin } from \"vite\";\nimport { createJsxTaggerFeature } from \"./features/jsxSource\";\n\nexport interface VibeTaggerOptions {\n /** Enable JSX source tagging. Default: true /\n jsxSource?: boolean;\n /* Enable debug logging. Default: false */\n debug?: boolean;\n}\n\nexport function vibeTagger({\n jsxSource = true,\n debug = false,\n}: VibeTaggerOptions = {}): Plugin {\n const features: ReturnType<typeof createJsxTaggerFeature>[] = [];\n\n if (jsxSource) {\n features.push(createJsxTaggerFeature());\n }\n\n return {\n name: \"vibe-tagger\",\n enforce: \"pre\",\n\n resolveId(id: string, importer?: string) {\n for (const feature of features) {\n const result = feature.resolveId?.(id, importer);\n if (result !== null && result !== undefined) {\n return result;\n }\n }\n return null;\n },\n\n load(id: string) {\n for (const feature of features) {\n const result = feature.load?.(id);\n if (result !== null && result !== undefined) {\n return result;\n }\n }\n return null;\n },\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGA,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI;AAEX,IAAO,yBAAQ;;;ACrIR,SAAS,yBAA2C;AACzD,SAAO;AAAA,IACL,UAAU,IAAY,UAAkC;AACtD,UAAI,OAAO,2BAA2B,CAAC,UAAU,SAAS,cAAc,GAAG;AACzE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAA2B;AAC9B,UAAI,OAAO,gCAAgC;AACzC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;;;ACZO,SAAS,WAAW;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ;AACV,IAAuB,CAAC,GAAW;AACjC,QAAM,WAAwD,CAAC;AAE/D,MAAI,WAAW;AACb,aAAS,KAAK,uBAAuB,CAAC;AAAA,EACxC;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,UAAU,IAAY,UAAmB;AACvC,iBAAW,WAAW,UAAU;AAC9B,cAAM,SAAS,QAAQ,YAAY,IAAI,QAAQ;AAC/C,YAAI,WAAW,QAAQ,WAAW,QAAW;AAC3C,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IAEA,KAAK,IAAY;AACf,iBAAW,WAAW,UAAU;AAC9B,cAAM,SAAS,QAAQ,OAAO,EAAE;AAChC,YAAI,WAAW,QAAQ,WAAW,QAAW;AAC3C,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}
1	+ {"version":3,"sources":["../src/index.ts","../src/devRuntimeCode.ts","../src/features/jsxSource.ts","../src/features/tailwindConfig.ts","../src/plugin.ts"],"sourcesContent":["export { vibeTagger as componentTagger } from \"./plugin\";\nexport type { VibeTaggerOptions } from \"./plugin\";\n","// Runtime code that replaces react/jsx-dev-runtime in the browser.\n// Served as a virtual module by the Vite plugin.\n\nconst devRuntimeCode = [\n 'import * as React from \"react\";',\n 'import * as ReactJSXDevRuntime from \"react/jsx-dev-runtime\";',\n \"\",\n \"const _jsxDEV = ReactJSXDevRuntime.jsxDEV;\",\n \"export const Fragment = ReactJSXDevRuntime.Fragment;\",\n \"\",\n 'const SOURCE_KEY = Symbol.for(\"__jsxSource__\");',\n \"\",\n \"const cleanFileName = (fileName) => {\",\n ' if (!fileName) return \"\";',\n ' if (fileName.includes(\"dev_server\")) {',\n ' fileName = fileName.split(\"dev_server\")[1].slice(1);',\n \" }\",\n ' if (fileName.includes(\"sandbox-scheduler/sandbox\")) {',\n ' const sandboxPart = fileName.split(\"sandbox-scheduler/\")[1];',\n ' fileName = sandboxPart.split(\"/\").slice(1).join(\"/\");',\n \" }\",\n ' return fileName.replace(/^\\\\/dev-server\\\\//, \"\");',\n \"};\",\n \"\",\n \"const sourceElementMap = new Map();\",\n \"window.sourceElementMap = sourceElementMap;\",\n \"\",\n \"function getSourceKey(sourceInfo) {\",\n \" return `${cleanFileName(sourceInfo.fileName)}:${sourceInfo.lineNumber}:${sourceInfo.columnNumber}`;\",\n \"}\",\n \"\",\n \"function unregisterElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" const refs = sourceElementMap.get(key);\",\n \" if (refs) {\",\n \" for (const ref of refs) {\",\n \" if (ref.deref() === node) {\",\n \" refs.delete(ref);\",\n \" break;\",\n \" }\",\n \" }\",\n \" if (refs.size === 0) {\",\n \" sourceElementMap.delete(key);\",\n \" }\",\n \" }\",\n \"}\",\n \"\",\n \"function registerElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" if (!sourceElementMap.has(key)) {\",\n \" sourceElementMap.set(key, new Set());\",\n \" }\",\n \" sourceElementMap.get(key).add(new WeakRef(node));\",\n \"}\",\n \"\",\n \"function getTypeName(type) {\",\n ' if (typeof type === \"string\") return type;',\n ' if (typeof type === \"function\") return type.displayName \|\| type.name \|\| \"Unknown\";',\n ' if (typeof type === \"object\" && type !== null) {',\n ' return type.displayName \|\| type.render?.displayName \|\| type.render?.name \|\| \"Unknown\";',\n \" }\",\n ' return \"Unknown\";',\n \"}\",\n \"\",\n \"export function jsxDEV(type, props, key, isStatic, source, self) {\",\n \" // For custom components (like <Icon />, <Button />), tag their rendered output\",\n \" // This captures the JSX element name for library components that don't have source info\",\n ' if (source?.fileName && typeof type !== \"string\" && type !== Fragment) {',\n \" const typeName = getTypeName(type);\",\n \" const jsxSourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: typeName,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" // Only tag if this element doesn't already have source info\",\n \" // (library components won't have it, user components will)\",\n \" if (!node[SOURCE_KEY]) {\",\n \" node[SOURCE_KEY] = jsxSourceInfo;\",\n \" registerElement(node, jsxSourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \"\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" // For host elements (div, span, etc.), tag with component context\",\n ' if (source?.fileName && typeof type === \"string\") {',\n \" const sourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: type,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \"\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" const existingSource = node[SOURCE_KEY];\",\n \" if (existingSource) {\",\n \" if (getSourceKey(existingSource) !== getSourceKey(sourceInfo)) {\",\n \" unregisterElement(node, existingSource);\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" } else {\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" return _jsxDEV(type, props, key, isStatic, source, self);\",\n \"}\",\n].join(\"\\n\");\n\nexport default devRuntimeCode;\n","import devRuntimeCode from \"../devRuntimeCode\";\n\nexport interface JsxSourceFeature {\n resolveId(id: string, importer?: string): string \| null;\n load(id: string): string \| null;\n}\n\nexport function createJsxTaggerFeature(): JsxSourceFeature {\n return {\n resolveId(id: string, importer?: string): string \| null {\n if (id === \"react/jsx-dev-runtime\" && !importer?.includes(\"\\0jsx-source\")) {\n return \"\\0jsx-source/jsx-dev-runtime\";\n }\n return null;\n },\n load(id: string): string \| null {\n if (id === \"\\0jsx-source/jsx-dev-runtime\") {\n return devRuntimeCode;\n }\n return null;\n },\n };\n}\n","import type { ResolvedConfig, ViteDevServer } from \"vite\";\nimport * as esbuild from \"esbuild\";\nimport fs from \"fs/promises\";\nimport path from \"path\";\nimport resolveConfig from \"tailwindcss/resolveConfig.js\";\n\nexport interface TailwindConfigFeature {\n onConfigResolved(config: ResolvedConfig): void;\n onBuildStart(): Promise<void>;\n onConfigureServer(server: ViteDevServer): void;\n}\n\nconst V4_CSS_CANDIDATES = [\n \"src/styles.css\",\n \"src/index.css\",\n \"src/globals.css\",\n \"src/app.css\",\n];\n\nconst V4_NAMESPACES: Record<string, string> = {\n colors: \"--color\",\n screens: \"--breakpoint\",\n spacing: \"--spacing\",\n borderRadius: \"--radius\",\n fontFamily: \"--font\",\n opacity: \"--opacity\",\n};\n\nconst OUTFILE_RELATIVE = \"./src/tailwind.config.vibe.json\";\nconst INTERMEDIATE_RELATIVE = \"./.vibe.tailwind.config.js\";\nconst V3_CONFIG_RELATIVE = \"./tailwind.config.ts\";\n\nasync function findV4CssEntry(projectRoot: string): Promise<string \| null> {\n for (const candidate of V4_CSS_CANDIDATES) {\n const abs = path.resolve(projectRoot, candidate);\n try {\n const contents = await fs.readFile(abs, \"utf8\");\n if (/@import\\s+[\"']tailwindcss/.test(contents)) return abs;\n } catch {\n // missing file — try next\n }\n }\n return null;\n}\n\ntype LoadDesignSystem = (\n css: string,\n opts: { base: string },\n) => Promise<{\n theme: {\n namespace(ns: string): Iterable<[string \| null, string]>;\n };\n}>;\n\nasync function loadDesignSystemFromProject(): Promise<LoadDesignSystem \| null> {\n try {\n // Dynamic import so consumers not on v4 don't need the package installed.\n const modName = \"@tailwindcss/node\";\n const mod = (await import(modName)) as {\n __unstable__loadDesignSystem?: LoadDesignSystem;\n };\n return mod.__unstable__loadDesignSystem ?? null;\n } catch {\n return null;\n }\n}\n\nfunction parseRootVars(css: string): Record<string, string> {\n const vars: Record<string, string> = {};\n const rootMatch = css.match(/:root\\s\\{([^}])\\}/s);\n if (!rootMatch) return vars;\n for (const decl of rootMatch[1]!.split(\";\")) {\n const trimmed = decl.trim();\n if (!trimmed.startsWith(\"--\")) continue;\n const colon = trimmed.indexOf(\":\");\n if (colon === -1) continue;\n const key = trimmed.slice(0, colon).trim();\n const value = trimmed.slice(colon + 1).trim();\n if (key && value) vars[key] = value;\n }\n return vars;\n}\n\nfunction resolveVars(\n value: string,\n rootVars: Record<string, string>,\n depth = 0,\n): string {\n if (depth > 8) return value;\n return value.replace(\n /var\$\\s(--[\\w-]+)(?:\\s,\\s([^)]+))?\\s\$/g,\n (match, name: string, fallback: string \| undefined) => {\n const resolved = rootVars[name];\n if (resolved !== undefined) return resolveVars(resolved, rootVars, depth + 1);\n return fallback ?? match;\n },\n );\n}\n\nasync function generateV4Config(\n cssEntry: string,\n outfile: string,\n load: LoadDesignSystem,\n): Promise<void> {\n const css = await fs.readFile(cssEntry, \"utf8\");\n const ds = await load(css, { base: path.dirname(cssEntry) });\n const rootVars = parseRootVars(css);\n const theme: Record<string, Record<string, string>> = {};\n for (const [configKey, namespace] of Object.entries(V4_NAMESPACES)) {\n const entries: Record<string, string> = {};\n for (const [key, rawValue] of ds.theme.namespace(namespace)) {\n if (key === null) continue;\n entries[key] = resolveVars(rawValue, rootVars);\n }\n theme[configKey] = entries;\n }\n await fs.mkdir(path.dirname(outfile), { recursive: true });\n await fs.writeFile(outfile, JSON.stringify({ theme }, null, 2));\n}\n\nasync function generateV3Config(\n tailwindInputFile: string,\n tailwindIntermediateFile: string,\n tailwindJsonOutfile: string,\n): Promise<void> {\n await esbuild.build({\n entryPoints: [tailwindInputFile],\n outfile: tailwindIntermediateFile,\n bundle: true,\n format: \"esm\",\n banner: {\n js: 'import { createRequire } from \"module\"; const require = createRequire(import.meta.url);',\n },\n });\n try {\n const userConfig = (await import(\n tailwindIntermediateFile + \"?update=\" + Date.now()\n )) as { default?: unknown };\n if (!userConfig \|\| !userConfig.default) {\n throw new Error(\"Invalid Tailwind config structure\");\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const resolved = (resolveConfig as any)(userConfig.default);\n await fs.writeFile(tailwindJsonOutfile, JSON.stringify(resolved, null, 2));\n } finally {\n await fs.unlink(tailwindIntermediateFile).catch(() => {});\n }\n}\n\nexport function createTailwindConfigFeature(): TailwindConfigFeature {\n let projectRoot = \"\";\n\n const run = async (): Promise<void> => {\n if (!projectRoot) return;\n const outfile = path.resolve(projectRoot, OUTFILE_RELATIVE);\n\n // Prefer v4 when the CSS entry uses `@import \"tailwindcss\"` and\n // @tailwindcss/node is available.\n const cssEntry = await findV4CssEntry(projectRoot);\n if (cssEntry) {\n const load = await loadDesignSystemFromProject();\n if (load) {\n try {\n await generateV4Config(cssEntry, outfile, load);\n console.log(`[vibe-tagger] wrote ${outfile}`);\n return;\n } catch (error) {\n console.error(\"[vibe-tagger] Error generating v4 tailwind config:\", error);\n return;\n }\n }\n }\n\n // Fall back to v3: compile tailwind.config.ts via esbuild, then resolveConfig.\n const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);\n try {\n await fs.access(v3ConfigFile);\n } catch {\n return;\n }\n const intermediate = path.resolve(projectRoot, INTERMEDIATE_RELATIVE);\n try {\n await generateV3Config(v3ConfigFile, intermediate, outfile);\n console.log(`[vibe-tagger] wrote ${outfile}`);\n } catch (error) {\n console.error(\"[vibe-tagger] Error generating v3 tailwind config:\", error);\n }\n };\n\n return {\n onConfigResolved(config) {\n projectRoot = config.root;\n },\n async onBuildStart() {\n await run();\n },\n onConfigureServer(server) {\n try {\n const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);\n const v4Candidates = V4_CSS_CANDIDATES.map((c) =>\n path.resolve(projectRoot, c),\n );\n const watchPaths = [v3ConfigFile, ...v4Candidates];\n for (const p of watchPaths) server.watcher.add(p);\n const normalized = new Set(watchPaths.map((p) => path.normalize(p)));\n server.watcher.on(\"change\", async (changedPath) => {\n if (normalized.has(path.normalize(changedPath))) await run();\n });\n } catch (error) {\n console.error(\"[vibe-tagger] Error adding tailwind watcher:\", error);\n }\n },\n };\n}\n","import type { Plugin, ResolvedConfig, ViteDevServer } from \"vite\";\nimport { createJsxTaggerFeature } from \"./features/jsxSource\";\nimport { createTailwindConfigFeature } from \"./features/tailwindConfig\";\n\nexport interface VibeTaggerOptions {\n /** Enable JSX source tagging. Default: true /\n jsxSource?: boolean;\n /\n Emit a resolved Tailwind theme JSON to `src/tailwind.config.vibe.json`\n * on build start and on config-file changes. Supports Tailwind v3\n * (reads `tailwind.config.ts`) and v4 (reads `src/styles.css` etc.).\n * Default: false\n /\n tailwindConfig?: boolean;\n /* Enable debug logging. Default: false */\n debug?: boolean;\n}\n\ninterface Feature {\n resolveId?(id: string, importer?: string): string \| null;\n load?(id: string): string \| null;\n onConfigResolved?(config: ResolvedConfig): void;\n onBuildStart?(): void \| Promise<void>;\n onConfigureServer?(server: ViteDevServer): void;\n}\n\nexport function vibeTagger({\n jsxSource = true,\n tailwindConfig = false,\n debug: _debug = false,\n}: VibeTaggerOptions = {}): Plugin {\n const features: Feature[] = [];\n\n if (jsxSource) features.push(createJsxTaggerFeature());\n if (tailwindConfig) features.push(createTailwindConfigFeature());\n\n return {\n name: \"vibe-tagger\",\n enforce: \"pre\",\n\n configResolved(config) {\n for (const feature of features) feature.onConfigResolved?.(config);\n },\n\n async buildStart() {\n for (const feature of features) await feature.onBuildStart?.();\n },\n\n configureServer(server) {\n for (const feature of features) feature.onConfigureServer?.(server);\n },\n\n resolveId(id: string, importer?: string) {\n for (const feature of features) {\n const result = feature.resolveId?.(id, importer);\n if (result !== null && result !== undefined) return result;\n }\n return null;\n },\n\n load(id: string) {\n for (const feature of features) {\n const result = feature.load?.(id);\n if (result !== null && result !== undefined) return result;\n }\n return null;\n },\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGA,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,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","names":["path","fs","resolveConfig"]}

package/dist/index.d.cts CHANGED Viewed

@@ -3,9 +3,16 @@ import { Plugin } from 'vite';
 interface VibeTaggerOptions {
     /** Enable JSX source tagging. Default: true */
     jsxSource?: boolean;
+    /**
+     * Emit a resolved Tailwind theme JSON to `src/tailwind.config.vibe.json`
+     * on build start and on config-file changes. Supports Tailwind v3
+     * (reads `tailwind.config.ts`) and v4 (reads `src/styles.css` etc.).
+     * Default: false
+     */
+    tailwindConfig?: boolean;
     /** Enable debug logging. Default: false */
     debug?: boolean;
 }
-declare function vibeTagger({ jsxSource, debug, }?: VibeTaggerOptions): Plugin;
+declare function vibeTagger({ jsxSource, tailwindConfig, debug: _debug, }?: VibeTaggerOptions): Plugin;
 export { type VibeTaggerOptions, vibeTagger as componentTagger };

package/dist/index.d.ts CHANGED Viewed

@@ -3,9 +3,16 @@ import { Plugin } from 'vite';
 interface VibeTaggerOptions {
     /** Enable JSX source tagging. Default: true */
     jsxSource?: boolean;
+    /**
+     * Emit a resolved Tailwind theme JSON to `src/tailwind.config.vibe.json`
+     * on build start and on config-file changes. Supports Tailwind v3
+     * (reads `tailwind.config.ts`) and v4 (reads `src/styles.css` etc.).
+     * Default: false
+     */
+    tailwindConfig?: boolean;
     /** Enable debug logging. Default: false */
     debug?: boolean;
 }
-declare function vibeTagger({ jsxSource, debug, }?: VibeTaggerOptions): Plugin;
+declare function vibeTagger({ jsxSource, tailwindConfig, debug: _debug, }?: VibeTaggerOptions): Plugin;
 export { type VibeTaggerOptions, vibeTagger as componentTagger };

package/dist/index.js CHANGED Viewed

@@ -155,33 +155,221 @@ function createJsxTaggerFeature() {
   };
 }
+// src/features/tailwindConfig.ts
+import * as esbuild from "esbuild";
+import fs from "fs/promises";
+import path from "path";
+import resolveConfig from "tailwindcss/resolveConfig.js";
+var V4_CSS_CANDIDATES = [
+  "src/styles.css",
+  "src/index.css",
+  "src/globals.css",
+  "src/app.css"
+];
+var V4_NAMESPACES = {
+  colors: "--color",
+  screens: "--breakpoint",
+  spacing: "--spacing",
+  borderRadius: "--radius",
+  fontFamily: "--font",
+  opacity: "--opacity"
+};
+var OUTFILE_RELATIVE = "./src/tailwind.config.vibe.json";
+var INTERMEDIATE_RELATIVE = "./.vibe.tailwind.config.js";
+var V3_CONFIG_RELATIVE = "./tailwind.config.ts";
+async function findV4CssEntry(projectRoot) {
+  for (const candidate of V4_CSS_CANDIDATES) {
+    const abs = path.resolve(projectRoot, candidate);
+    try {
+      const contents = await fs.readFile(abs, "utf8");
+      if (/@import\s+["']tailwindcss/.test(contents))
+        return abs;
+    } catch {
+    }
+  }
+  return null;
+}
+async function loadDesignSystemFromProject() {
+  try {
+    const modName = "@tailwindcss/node";
+    const mod = await import(modName);
+    return mod.__unstable__loadDesignSystem ?? null;
+  } catch {
+    return null;
+  }
+}
+function parseRootVars(css) {
+  const vars = {};
+  const rootMatch = css.match(/:root\s*\{([^}]*)\}/s);
+  if (!rootMatch)
+    return vars;
+  for (const decl of rootMatch[1].split(";")) {
+    const trimmed = decl.trim();
+    if (!trimmed.startsWith("--"))
+      continue;
+    const colon = trimmed.indexOf(":");
+    if (colon === -1)
+      continue;
+    const key = trimmed.slice(0, colon).trim();
+    const value = trimmed.slice(colon + 1).trim();
+    if (key && value)
+      vars[key] = value;
+  }
+  return vars;
+}
+function resolveVars(value, rootVars, depth = 0) {
+  if (depth > 8)
+    return value;
+  return value.replace(
+    /var\(\s*(--[\w-]+)(?:\s*,\s*([^)]+))?\s*\)/g,
+    (match, name, fallback) => {
+      const resolved = rootVars[name];
+      if (resolved !== void 0)
+        return resolveVars(resolved, rootVars, depth + 1);
+      return fallback ?? match;
+    }
+  );
+}
+async function generateV4Config(cssEntry, outfile, load) {
+  const css = await fs.readFile(cssEntry, "utf8");
+  const ds = await load(css, { base: path.dirname(cssEntry) });
+  const rootVars = parseRootVars(css);
+  const theme = {};
+  for (const [configKey, namespace] of Object.entries(V4_NAMESPACES)) {
+    const entries = {};
+    for (const [key, rawValue] of ds.theme.namespace(namespace)) {
+      if (key === null)
+        continue;
+      entries[key] = resolveVars(rawValue, rootVars);
+    }
+    theme[configKey] = entries;
+  }
+  await fs.mkdir(path.dirname(outfile), { recursive: true });
+  await fs.writeFile(outfile, JSON.stringify({ theme }, null, 2));
+}
+async function generateV3Config(tailwindInputFile, tailwindIntermediateFile, tailwindJsonOutfile) {
+  await esbuild.build({
+    entryPoints: [tailwindInputFile],
+    outfile: tailwindIntermediateFile,
+    bundle: true,
+    format: "esm",
+    banner: {
+      js: 'import { createRequire } from "module"; const require = createRequire(import.meta.url);'
+    }
+  });
+  try {
+    const userConfig = await import(tailwindIntermediateFile + "?update=" + Date.now());
+    if (!userConfig || !userConfig.default) {
+      throw new Error("Invalid Tailwind config structure");
+    }
+    const resolved = resolveConfig(userConfig.default);
+    await fs.writeFile(tailwindJsonOutfile, JSON.stringify(resolved, null, 2));
+  } finally {
+    await fs.unlink(tailwindIntermediateFile).catch(() => {
+    });
+  }
+}
+function createTailwindConfigFeature() {
+  let projectRoot = "";
+  const run = async () => {
+    if (!projectRoot)
+      return;
+    const outfile = path.resolve(projectRoot, OUTFILE_RELATIVE);
+    const cssEntry = await findV4CssEntry(projectRoot);
+    if (cssEntry) {
+      const load = await loadDesignSystemFromProject();
+      if (load) {
+        try {
+          await generateV4Config(cssEntry, outfile, load);
+          console.log(`[vibe-tagger] wrote ${outfile}`);
+          return;
+        } catch (error) {
+          console.error("[vibe-tagger] Error generating v4 tailwind config:", error);
+          return;
+        }
+      }
+    }
+    const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);
+    try {
+      await fs.access(v3ConfigFile);
+    } catch {
+      return;
+    }
+    const intermediate = path.resolve(projectRoot, INTERMEDIATE_RELATIVE);
+    try {
+      await generateV3Config(v3ConfigFile, intermediate, outfile);
+      console.log(`[vibe-tagger] wrote ${outfile}`);
+    } catch (error) {
+      console.error("[vibe-tagger] Error generating v3 tailwind config:", error);
+    }
+  };
+  return {
+    onConfigResolved(config) {
+      projectRoot = config.root;
+    },
+    async onBuildStart() {
+      await run();
+    },
+    onConfigureServer(server) {
+      try {
+        const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);
+        const v4Candidates = V4_CSS_CANDIDATES.map(
+          (c) => path.resolve(projectRoot, c)
+        );
+        const watchPaths = [v3ConfigFile, ...v4Candidates];
+        for (const p of watchPaths)
+          server.watcher.add(p);
+        const normalized = new Set(watchPaths.map((p) => path.normalize(p)));
+        server.watcher.on("change", async (changedPath) => {
+          if (normalized.has(path.normalize(changedPath)))
+            await run();
+        });
+      } catch (error) {
+        console.error("[vibe-tagger] Error adding tailwind watcher:", error);
+      }
+    }
+  };
+}
 // src/plugin.ts
 function vibeTagger({
   jsxSource = true,
-  debug = false
+  tailwindConfig = false,
+  debug: _debug = false
 } = {}) {
   const features = [];
-  if (jsxSource) {
+  if (jsxSource)
     features.push(createJsxTaggerFeature());
-  }
+  if (tailwindConfig)
+    features.push(createTailwindConfigFeature());
   return {
     name: "vibe-tagger",
     enforce: "pre",
+    configResolved(config) {
+      for (const feature of features)
+        feature.onConfigResolved?.(config);
+    },
+    async buildStart() {
+      for (const feature of features)
+        await feature.onBuildStart?.();
+    },
+    configureServer(server) {
+      for (const feature of features)
+        feature.onConfigureServer?.(server);
+    },
     resolveId(id, importer) {
       for (const feature of features) {
         const result = feature.resolveId?.(id, importer);
-        if (result !== null && result !== void 0) {
+        if (result !== null && result !== void 0)
           return result;
-        }
       }
       return null;
     },
     load(id) {
       for (const feature of features) {
         const result = feature.load?.(id);
-        if (result !== null && result !== void 0) {
+        if (result !== null && result !== void 0)
           return result;
-        }
       }
       return null;
     }

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/devRuntimeCode.ts","../src/features/jsxSource.ts","../src/plugin.ts"],"sourcesContent":["// Runtime code that replaces react/jsx-dev-runtime in the browser.\n// Served as a virtual module by the Vite plugin.\n\nconst devRuntimeCode = [\n 'import * as React from \"react\";',\n 'import * as ReactJSXDevRuntime from \"react/jsx-dev-runtime\";',\n \"\",\n \"const _jsxDEV = ReactJSXDevRuntime.jsxDEV;\",\n \"export const Fragment = ReactJSXDevRuntime.Fragment;\",\n \"\",\n 'const SOURCE_KEY = Symbol.for(\"__jsxSource__\");',\n \"\",\n \"const cleanFileName = (fileName) => {\",\n ' if (!fileName) return \"\";',\n ' if (fileName.includes(\"dev_server\")) {',\n ' fileName = fileName.split(\"dev_server\")[1].slice(1);',\n \" }\",\n ' if (fileName.includes(\"sandbox-scheduler/sandbox\")) {',\n ' const sandboxPart = fileName.split(\"sandbox-scheduler/\")[1];',\n ' fileName = sandboxPart.split(\"/\").slice(1).join(\"/\");',\n \" }\",\n ' return fileName.replace(/^\\\\/dev-server\\\\//, \"\");',\n \"};\",\n \"\",\n \"const sourceElementMap = new Map();\",\n \"window.sourceElementMap = sourceElementMap;\",\n \"\",\n \"function getSourceKey(sourceInfo) {\",\n \" return `${cleanFileName(sourceInfo.fileName)}:${sourceInfo.lineNumber}:${sourceInfo.columnNumber}`;\",\n \"}\",\n \"\",\n \"function unregisterElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" const refs = sourceElementMap.get(key);\",\n \" if (refs) {\",\n \" for (const ref of refs) {\",\n \" if (ref.deref() === node) {\",\n \" refs.delete(ref);\",\n \" break;\",\n \" }\",\n \" }\",\n \" if (refs.size === 0) {\",\n \" sourceElementMap.delete(key);\",\n \" }\",\n \" }\",\n \"}\",\n \"\",\n \"function registerElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" if (!sourceElementMap.has(key)) {\",\n \" sourceElementMap.set(key, new Set());\",\n \" }\",\n \" sourceElementMap.get(key).add(new WeakRef(node));\",\n \"}\",\n \"\",\n \"function getTypeName(type) {\",\n ' if (typeof type === \"string\") return type;',\n ' if (typeof type === \"function\") return type.displayName \|\| type.name \|\| \"Unknown\";',\n ' if (typeof type === \"object\" && type !== null) {',\n ' return type.displayName \|\| type.render?.displayName \|\| type.render?.name \|\| \"Unknown\";',\n \" }\",\n ' return \"Unknown\";',\n \"}\",\n \"\",\n \"export function jsxDEV(type, props, key, isStatic, source, self) {\",\n \" // For custom components (like <Icon />, <Button />), tag their rendered output\",\n \" // This captures the JSX element name for library components that don't have source info\",\n ' if (source?.fileName && typeof type !== \"string\" && type !== Fragment) {',\n \" const typeName = getTypeName(type);\",\n \" const jsxSourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: typeName,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" // Only tag if this element doesn't already have source info\",\n \" // (library components won't have it, user components will)\",\n \" if (!node[SOURCE_KEY]) {\",\n \" node[SOURCE_KEY] = jsxSourceInfo;\",\n \" registerElement(node, jsxSourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \"\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" // For host elements (div, span, etc.), tag with component context\",\n ' if (source?.fileName && typeof type === \"string\") {',\n \" const sourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: type,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \"\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" const existingSource = node[SOURCE_KEY];\",\n \" if (existingSource) {\",\n \" if (getSourceKey(existingSource) !== getSourceKey(sourceInfo)) {\",\n \" unregisterElement(node, existingSource);\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" } else {\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" return _jsxDEV(type, props, key, isStatic, source, self);\",\n \"}\",\n].join(\"\\n\");\n\nexport default devRuntimeCode;\n","import devRuntimeCode from \"../devRuntimeCode\";\n\nexport interface JsxSourceFeature {\n resolveId(id: string, importer?: string): string \| null;\n load(id: string): string \| null;\n}\n\nexport function createJsxTaggerFeature(): JsxSourceFeature {\n return {\n resolveId(id: string, importer?: string): string \| null {\n if (id === \"react/jsx-dev-runtime\" && !importer?.includes(\"\\0jsx-source\")) {\n return \"\\0jsx-source/jsx-dev-runtime\";\n }\n return null;\n },\n load(id: string): string \| null {\n if (id === \"\\0jsx-source/jsx-dev-runtime\") {\n return devRuntimeCode;\n }\n return null;\n },\n };\n}\n","import type { Plugin } from \"vite\";\nimport { createJsxTaggerFeature } from \"./features/jsxSource\";\n\nexport interface VibeTaggerOptions {\n /** Enable JSX source tagging. Default: true /\n jsxSource?: boolean;\n /* Enable debug logging. Default: false */\n debug?: boolean;\n}\n\nexport function vibeTagger({\n jsxSource = true,\n debug = false,\n}: VibeTaggerOptions = {}): Plugin {\n const features: ReturnType<typeof createJsxTaggerFeature>[] = [];\n\n if (jsxSource) {\n features.push(createJsxTaggerFeature());\n }\n\n return {\n name: \"vibe-tagger\",\n enforce: \"pre\",\n\n resolveId(id: string, importer?: string) {\n for (const feature of features) {\n const result = feature.resolveId?.(id, importer);\n if (result !== null && result !== undefined) {\n return result;\n }\n }\n return null;\n },\n\n load(id: string) {\n for (const feature of features) {\n const result = feature.load?.(id);\n if (result !== null && result !== undefined) {\n return result;\n }\n }\n return null;\n },\n };\n}\n"],"mappings":";AAGA,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,IAAI;AAEX,IAAO,yBAAQ;;;ACrIR,SAAS,yBAA2C;AACzD,SAAO;AAAA,IACL,UAAU,IAAY,UAAkC;AACtD,UAAI,OAAO,2BAA2B,CAAC,UAAU,SAAS,cAAc,GAAG;AACzE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAA2B;AAC9B,UAAI,OAAO,gCAAgC;AACzC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;;;ACZO,SAAS,WAAW;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ;AACV,IAAuB,CAAC,GAAW;AACjC,QAAM,WAAwD,CAAC;AAE/D,MAAI,WAAW;AACb,aAAS,KAAK,uBAAuB,CAAC;AAAA,EACxC;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,UAAU,IAAY,UAAmB;AACvC,iBAAW,WAAW,UAAU;AAC9B,cAAM,SAAS,QAAQ,YAAY,IAAI,QAAQ;AAC/C,YAAI,WAAW,QAAQ,WAAW,QAAW;AAC3C,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IAEA,KAAK,IAAY;AACf,iBAAW,WAAW,UAAU;AAC9B,cAAM,SAAS,QAAQ,OAAO,EAAE;AAChC,YAAI,WAAW,QAAQ,WAAW,QAAW;AAC3C,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}
1	+ {"version":3,"sources":["../src/devRuntimeCode.ts","../src/features/jsxSource.ts","../src/features/tailwindConfig.ts","../src/plugin.ts"],"sourcesContent":["// Runtime code that replaces react/jsx-dev-runtime in the browser.\n// Served as a virtual module by the Vite plugin.\n\nconst devRuntimeCode = [\n 'import * as React from \"react\";',\n 'import * as ReactJSXDevRuntime from \"react/jsx-dev-runtime\";',\n \"\",\n \"const _jsxDEV = ReactJSXDevRuntime.jsxDEV;\",\n \"export const Fragment = ReactJSXDevRuntime.Fragment;\",\n \"\",\n 'const SOURCE_KEY = Symbol.for(\"__jsxSource__\");',\n \"\",\n \"const cleanFileName = (fileName) => {\",\n ' if (!fileName) return \"\";',\n ' if (fileName.includes(\"dev_server\")) {',\n ' fileName = fileName.split(\"dev_server\")[1].slice(1);',\n \" }\",\n ' if (fileName.includes(\"sandbox-scheduler/sandbox\")) {',\n ' const sandboxPart = fileName.split(\"sandbox-scheduler/\")[1];',\n ' fileName = sandboxPart.split(\"/\").slice(1).join(\"/\");',\n \" }\",\n ' return fileName.replace(/^\\\\/dev-server\\\\//, \"\");',\n \"};\",\n \"\",\n \"const sourceElementMap = new Map();\",\n \"window.sourceElementMap = sourceElementMap;\",\n \"\",\n \"function getSourceKey(sourceInfo) {\",\n \" return `${cleanFileName(sourceInfo.fileName)}:${sourceInfo.lineNumber}:${sourceInfo.columnNumber}`;\",\n \"}\",\n \"\",\n \"function unregisterElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" const refs = sourceElementMap.get(key);\",\n \" if (refs) {\",\n \" for (const ref of refs) {\",\n \" if (ref.deref() === node) {\",\n \" refs.delete(ref);\",\n \" break;\",\n \" }\",\n \" }\",\n \" if (refs.size === 0) {\",\n \" sourceElementMap.delete(key);\",\n \" }\",\n \" }\",\n \"}\",\n \"\",\n \"function registerElement(node, sourceInfo) {\",\n \" const key = getSourceKey(sourceInfo);\",\n \" if (!sourceElementMap.has(key)) {\",\n \" sourceElementMap.set(key, new Set());\",\n \" }\",\n \" sourceElementMap.get(key).add(new WeakRef(node));\",\n \"}\",\n \"\",\n \"function getTypeName(type) {\",\n ' if (typeof type === \"string\") return type;',\n ' if (typeof type === \"function\") return type.displayName \|\| type.name \|\| \"Unknown\";',\n ' if (typeof type === \"object\" && type !== null) {',\n ' return type.displayName \|\| type.render?.displayName \|\| type.render?.name \|\| \"Unknown\";',\n \" }\",\n ' return \"Unknown\";',\n \"}\",\n \"\",\n \"export function jsxDEV(type, props, key, isStatic, source, self) {\",\n \" // For custom components (like <Icon />, <Button />), tag their rendered output\",\n \" // This captures the JSX element name for library components that don't have source info\",\n ' if (source?.fileName && typeof type !== \"string\" && type !== Fragment) {',\n \" const typeName = getTypeName(type);\",\n \" const jsxSourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: typeName,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" // Only tag if this element doesn't already have source info\",\n \" // (library components won't have it, user components will)\",\n \" if (!node[SOURCE_KEY]) {\",\n \" node[SOURCE_KEY] = jsxSourceInfo;\",\n \" registerElement(node, jsxSourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \"\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" // For host elements (div, span, etc.), tag with component context\",\n ' if (source?.fileName && typeof type === \"string\") {',\n \" const sourceInfo = {\",\n \" fileName: cleanFileName(source.fileName),\",\n \" lineNumber: source.lineNumber,\",\n \" columnNumber: source.columnNumber,\",\n \" displayName: type,\",\n \" };\",\n \"\",\n \" const originalRef = props?.ref;\",\n \"\",\n \" const enhancedProps = {\",\n \" ...props,\",\n \" ref: (node) => {\",\n \" if (node) {\",\n \" const existingSource = node[SOURCE_KEY];\",\n \" if (existingSource) {\",\n \" if (getSourceKey(existingSource) !== getSourceKey(sourceInfo)) {\",\n \" unregisterElement(node, existingSource);\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" } else {\",\n \" node[SOURCE_KEY] = sourceInfo;\",\n \" registerElement(node, sourceInfo);\",\n \" }\",\n \" }\",\n ' if (typeof originalRef === \"function\") {',\n \" originalRef(node);\",\n ' } else if (originalRef && typeof originalRef === \"object\") {',\n \" originalRef.current = node;\",\n \" }\",\n \" },\",\n \" };\",\n \" return _jsxDEV(type, enhancedProps, key, isStatic, source, self);\",\n \" }\",\n \"\",\n \" return _jsxDEV(type, props, key, isStatic, source, self);\",\n \"}\",\n].join(\"\\n\");\n\nexport default devRuntimeCode;\n","import devRuntimeCode from \"../devRuntimeCode\";\n\nexport interface JsxSourceFeature {\n resolveId(id: string, importer?: string): string \| null;\n load(id: string): string \| null;\n}\n\nexport function createJsxTaggerFeature(): JsxSourceFeature {\n return {\n resolveId(id: string, importer?: string): string \| null {\n if (id === \"react/jsx-dev-runtime\" && !importer?.includes(\"\\0jsx-source\")) {\n return \"\\0jsx-source/jsx-dev-runtime\";\n }\n return null;\n },\n load(id: string): string \| null {\n if (id === \"\\0jsx-source/jsx-dev-runtime\") {\n return devRuntimeCode;\n }\n return null;\n },\n };\n}\n","import type { ResolvedConfig, ViteDevServer } from \"vite\";\nimport * as esbuild from \"esbuild\";\nimport fs from \"fs/promises\";\nimport path from \"path\";\nimport resolveConfig from \"tailwindcss/resolveConfig.js\";\n\nexport interface TailwindConfigFeature {\n onConfigResolved(config: ResolvedConfig): void;\n onBuildStart(): Promise<void>;\n onConfigureServer(server: ViteDevServer): void;\n}\n\nconst V4_CSS_CANDIDATES = [\n \"src/styles.css\",\n \"src/index.css\",\n \"src/globals.css\",\n \"src/app.css\",\n];\n\nconst V4_NAMESPACES: Record<string, string> = {\n colors: \"--color\",\n screens: \"--breakpoint\",\n spacing: \"--spacing\",\n borderRadius: \"--radius\",\n fontFamily: \"--font\",\n opacity: \"--opacity\",\n};\n\nconst OUTFILE_RELATIVE = \"./src/tailwind.config.vibe.json\";\nconst INTERMEDIATE_RELATIVE = \"./.vibe.tailwind.config.js\";\nconst V3_CONFIG_RELATIVE = \"./tailwind.config.ts\";\n\nasync function findV4CssEntry(projectRoot: string): Promise<string \| null> {\n for (const candidate of V4_CSS_CANDIDATES) {\n const abs = path.resolve(projectRoot, candidate);\n try {\n const contents = await fs.readFile(abs, \"utf8\");\n if (/@import\\s+[\"']tailwindcss/.test(contents)) return abs;\n } catch {\n // missing file — try next\n }\n }\n return null;\n}\n\ntype LoadDesignSystem = (\n css: string,\n opts: { base: string },\n) => Promise<{\n theme: {\n namespace(ns: string): Iterable<[string \| null, string]>;\n };\n}>;\n\nasync function loadDesignSystemFromProject(): Promise<LoadDesignSystem \| null> {\n try {\n // Dynamic import so consumers not on v4 don't need the package installed.\n const modName = \"@tailwindcss/node\";\n const mod = (await import(modName)) as {\n __unstable__loadDesignSystem?: LoadDesignSystem;\n };\n return mod.__unstable__loadDesignSystem ?? null;\n } catch {\n return null;\n }\n}\n\nfunction parseRootVars(css: string): Record<string, string> {\n const vars: Record<string, string> = {};\n const rootMatch = css.match(/:root\\s\\{([^}])\\}/s);\n if (!rootMatch) return vars;\n for (const decl of rootMatch[1]!.split(\";\")) {\n const trimmed = decl.trim();\n if (!trimmed.startsWith(\"--\")) continue;\n const colon = trimmed.indexOf(\":\");\n if (colon === -1) continue;\n const key = trimmed.slice(0, colon).trim();\n const value = trimmed.slice(colon + 1).trim();\n if (key && value) vars[key] = value;\n }\n return vars;\n}\n\nfunction resolveVars(\n value: string,\n rootVars: Record<string, string>,\n depth = 0,\n): string {\n if (depth > 8) return value;\n return value.replace(\n /var\$\\s(--[\\w-]+)(?:\\s,\\s([^)]+))?\\s\$/g,\n (match, name: string, fallback: string \| undefined) => {\n const resolved = rootVars[name];\n if (resolved !== undefined) return resolveVars(resolved, rootVars, depth + 1);\n return fallback ?? match;\n },\n );\n}\n\nasync function generateV4Config(\n cssEntry: string,\n outfile: string,\n load: LoadDesignSystem,\n): Promise<void> {\n const css = await fs.readFile(cssEntry, \"utf8\");\n const ds = await load(css, { base: path.dirname(cssEntry) });\n const rootVars = parseRootVars(css);\n const theme: Record<string, Record<string, string>> = {};\n for (const [configKey, namespace] of Object.entries(V4_NAMESPACES)) {\n const entries: Record<string, string> = {};\n for (const [key, rawValue] of ds.theme.namespace(namespace)) {\n if (key === null) continue;\n entries[key] = resolveVars(rawValue, rootVars);\n }\n theme[configKey] = entries;\n }\n await fs.mkdir(path.dirname(outfile), { recursive: true });\n await fs.writeFile(outfile, JSON.stringify({ theme }, null, 2));\n}\n\nasync function generateV3Config(\n tailwindInputFile: string,\n tailwindIntermediateFile: string,\n tailwindJsonOutfile: string,\n): Promise<void> {\n await esbuild.build({\n entryPoints: [tailwindInputFile],\n outfile: tailwindIntermediateFile,\n bundle: true,\n format: \"esm\",\n banner: {\n js: 'import { createRequire } from \"module\"; const require = createRequire(import.meta.url);',\n },\n });\n try {\n const userConfig = (await import(\n tailwindIntermediateFile + \"?update=\" + Date.now()\n )) as { default?: unknown };\n if (!userConfig \|\| !userConfig.default) {\n throw new Error(\"Invalid Tailwind config structure\");\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const resolved = (resolveConfig as any)(userConfig.default);\n await fs.writeFile(tailwindJsonOutfile, JSON.stringify(resolved, null, 2));\n } finally {\n await fs.unlink(tailwindIntermediateFile).catch(() => {});\n }\n}\n\nexport function createTailwindConfigFeature(): TailwindConfigFeature {\n let projectRoot = \"\";\n\n const run = async (): Promise<void> => {\n if (!projectRoot) return;\n const outfile = path.resolve(projectRoot, OUTFILE_RELATIVE);\n\n // Prefer v4 when the CSS entry uses `@import \"tailwindcss\"` and\n // @tailwindcss/node is available.\n const cssEntry = await findV4CssEntry(projectRoot);\n if (cssEntry) {\n const load = await loadDesignSystemFromProject();\n if (load) {\n try {\n await generateV4Config(cssEntry, outfile, load);\n console.log(`[vibe-tagger] wrote ${outfile}`);\n return;\n } catch (error) {\n console.error(\"[vibe-tagger] Error generating v4 tailwind config:\", error);\n return;\n }\n }\n }\n\n // Fall back to v3: compile tailwind.config.ts via esbuild, then resolveConfig.\n const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);\n try {\n await fs.access(v3ConfigFile);\n } catch {\n return;\n }\n const intermediate = path.resolve(projectRoot, INTERMEDIATE_RELATIVE);\n try {\n await generateV3Config(v3ConfigFile, intermediate, outfile);\n console.log(`[vibe-tagger] wrote ${outfile}`);\n } catch (error) {\n console.error(\"[vibe-tagger] Error generating v3 tailwind config:\", error);\n }\n };\n\n return {\n onConfigResolved(config) {\n projectRoot = config.root;\n },\n async onBuildStart() {\n await run();\n },\n onConfigureServer(server) {\n try {\n const v3ConfigFile = path.resolve(projectRoot, V3_CONFIG_RELATIVE);\n const v4Candidates = V4_CSS_CANDIDATES.map((c) =>\n path.resolve(projectRoot, c),\n );\n const watchPaths = [v3ConfigFile, ...v4Candidates];\n for (const p of watchPaths) server.watcher.add(p);\n const normalized = new Set(watchPaths.map((p) => path.normalize(p)));\n server.watcher.on(\"change\", async (changedPath) => {\n if (normalized.has(path.normalize(changedPath))) await run();\n });\n } catch (error) {\n console.error(\"[vibe-tagger] Error adding tailwind watcher:\", error);\n }\n },\n };\n}\n","import type { Plugin, ResolvedConfig, ViteDevServer } from \"vite\";\nimport { createJsxTaggerFeature } from \"./features/jsxSource\";\nimport { createTailwindConfigFeature } from \"./features/tailwindConfig\";\n\nexport interface VibeTaggerOptions {\n /** Enable JSX source tagging. Default: true /\n jsxSource?: boolean;\n /\n Emit a resolved Tailwind theme JSON to `src/tailwind.config.vibe.json`\n * on build start and on config-file changes. Supports Tailwind v3\n * (reads `tailwind.config.ts`) and v4 (reads `src/styles.css` etc.).\n * Default: false\n /\n tailwindConfig?: boolean;\n /* Enable debug logging. Default: false */\n debug?: boolean;\n}\n\ninterface Feature {\n resolveId?(id: string, importer?: string): string \| null;\n load?(id: string): string \| null;\n onConfigResolved?(config: ResolvedConfig): void;\n onBuildStart?(): void \| Promise<void>;\n onConfigureServer?(server: ViteDevServer): void;\n}\n\nexport function vibeTagger({\n jsxSource = true,\n tailwindConfig = false,\n debug: _debug = false,\n}: VibeTaggerOptions = {}): Plugin {\n const features: Feature[] = [];\n\n if (jsxSource) features.push(createJsxTaggerFeature());\n if (tailwindConfig) features.push(createTailwindConfigFeature());\n\n return {\n name: \"vibe-tagger\",\n enforce: \"pre\",\n\n configResolved(config) {\n for (const feature of features) feature.onConfigResolved?.(config);\n },\n\n async buildStart() {\n for (const feature of features) await feature.onBuildStart?.();\n },\n\n configureServer(server) {\n for (const feature of features) feature.onConfigureServer?.(server);\n },\n\n resolveId(id: string, importer?: string) {\n for (const feature of features) {\n const result = feature.resolveId?.(id, importer);\n if (result !== null && result !== undefined) return result;\n }\n return null;\n },\n\n load(id: string) {\n for (const feature of features) {\n const result = feature.load?.(id);\n if (result !== null && result !== undefined) return result;\n }\n return null;\n },\n };\n}\n"],"mappings":";AAGA,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;A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","names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@leadconnector/vibe-tagger",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Vite plugin that instruments React JSX elements with source-location metadata for visual editing",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,6 +31,15 @@
   "peerDependencies": {
     "vite": ">=5.0.0 <8.0.0"
   },
+  "peerDependenciesMeta": {
+    "@tailwindcss/node": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "esbuild": "^0.25.0",
+    "tailwindcss": "^3.4.0"
+  },
   "devDependencies": {
     "@types/node": "^22.5.5",
     "rimraf": "^5.0.10",