uivisor 0.1.0

package/dist/vite/index.d.ts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vite';
+
+interface UivisorOptions {
+    /** Files to annotate with source locations. Default: /\.[jt]sx$/ */
+    include?: RegExp;
+    /** Custom data attribute name. Default: "data-uiv-src" */
+    attr?: string;
+    /** Force-enable outside dev (not recommended). Default: dev only. */
+    force?: boolean;
+}
+declare function uivisor(options?: UivisorOptions): Plugin;
+
+export { type UivisorOptions, uivisor as default };

package/dist/vite/index.js

@@ -0,0 +1,80 @@
+import {
+  uivisorBabel
+} from "../chunk-4XKGGP26.js";
+
+// src/vite/index.ts
+import { transformSync } from "@babel/core";
+var warned = false;
+function warnOrder() {
+  if (warned) return;
+  warned = true;
+  console.warn(
+    "\n[uivisor] Source locations are disabled because another plugin transformed JSX first.\n[uivisor] Place uivisor() BEFORE react() in your Vite `plugins` array:\n[uivisor]   plugins: [uivisor(), react()]\n"
+  );
+}
+var VIRTUAL = "virtual:uivisor-overlay";
+var RESOLVED = "\0" + VIRTUAL;
+function uivisor(options = {}) {
+  const include = options.include ?? /\.[jt]sx$/;
+  const attr = options.attr ?? "data-uiv-src";
+  let enabled = false;
+  return {
+    name: "uivisor",
+    enforce: "pre",
+    apply: options.force ? void 0 : "serve",
+    resolveId(id) {
+      if (id === VIRTUAL) return RESOLVED;
+      return null;
+    },
+    load(id) {
+      if (id === RESOLVED) return `import "uivisor/overlay";`;
+      return null;
+    },
+    configResolved(config) {
+      enabled = options.force === true || config.command === "serve";
+    },
+    transform(code, id) {
+      if (!enabled) return null;
+      const file = id.split("?")[0];
+      if (file.includes("/node_modules/")) return null;
+      if (!include.test(file)) return null;
+      if (!code.includes("<")) return null;
+      if (/@react-refresh|_jsxDEV|jsxDEV\(/.test(code.slice(0, 400))) {
+        warnOrder();
+        return null;
+      }
+      try {
+        const result = transformSync(code, {
+          filename: file,
+          cwd: process.cwd(),
+          babelrc: false,
+          configFile: false,
+          sourceMaps: true,
+          parserOpts: {
+            plugins: ["jsx", "typescript"],
+            sourceType: "module"
+          },
+          generatorOpts: { retainLines: true },
+          plugins: [[uivisorBabel, { attr }]]
+        });
+        if (!result?.code) return null;
+        return { code: result.code, map: result.map };
+      } catch {
+        return null;
+      }
+    },
+    transformIndexHtml() {
+      if (!enabled) return;
+      return [
+        {
+          tag: "script",
+          attrs: { type: "module", src: `/@id/${RESOLVED.replace("\0", "__x00__")}` },
+          injectTo: "body"
+        }
+      ];
+    }
+  };
+}
+export {
+  uivisor as default
+};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "uivisor",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Dev-only visual UI tweaker that turns mouse edits into a precise, breakpoint-aware prompt for your AI coding agent — without touching your source.",
+  "license": "MIT",
+  "keywords": ["vite-plugin", "react", "devtools", "ai", "visual-editing", "tailwind"],
+  "exports": {
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js",
+      "default": "./dist/vite/index.js"
+    },
+    "./babel": {
+      "types": "./dist/babel/index.d.ts",
+      "import": "./dist/babel/index.js",
+      "default": "./dist/babel/index.js"
+    },
+    "./overlay": {
+      "types": "./dist/overlay/index.d.ts",
+      "import": "./dist/overlay/index.js",
+      "default": "./dist/overlay/index.js"
+    },
+    "./next": {
+      "types": "./dist/next/index.d.cts",
+      "import": "./dist/next/index.cjs",
+      "require": "./dist/next/index.cjs",
+      "default": "./dist/next/index.cjs"
+    },
+    "./next/loader": {
+      "require": "./dist/next/loader.cjs",
+      "default": "./dist/next/loader.cjs"
+    }
+  },
+  "files": ["dist"],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "workspaces": ["demo", "demo-next"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "demo": "npm run build && npm --workspace demo run dev",
+    "prepublishOnly": "npm run build && vitest run"
+  },
+  "peerDependencies": {
+    "vite": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "vite": { "optional": true }
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0"
+  },
+  "devDependencies": {
+    "@babel/types": "^7.24.0",
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^20.11.0",
+    "jsdom": "^24.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^1.6.0"
+  }
+}