@builder.io/dev-tools 0.2.31 → 0.11.33-dev.202509151402.6aa9b1f64

package/package.json

@@ -1,71 +1,122 @@
 {
   "name": "@builder.io/dev-tools",
-  "version": "0.2.31",
+  "version": "0.11.33-dev.202509151402.6aa9b1f64",
   "description": "Builder.io Visual CMS Devtools",
   "type": "module",
   "main": "./core/index.cjs",
   "module": "./core/index.mjs",
   "types": "./core/index.d.ts",
   "exports": {
+    ".": {
+      "types": "./core/index.d.ts",
+      "import": "./core/index.mjs",
+      "require": "./core/index.cjs"
+    },
     "./core": {
+      "types": "./core/index.d.ts",
       "import": "./core/index.mjs",
-      "require": "./core/index.cjs",
-      "types": "./core/index.d.ts"
+      "require": "./core/index.cjs"
+    },
+    "./figma": {
+      "types": "./figma/index.d.ts",
+      "import": "./figma/index.mjs",
+      "require": "./figma/index.cjs"
+    },
+    "./figma/jsx-runtime": {
+      "types": "./figma/jsx-runtime/index.d.ts",
+      "import": "./figma/jsx-runtime/index.mjs",
+      "require": "./figma/jsx-runtime/index.cjs"
     },
     "./next": {
+      "types": "./next/index.d.ts",
       "import": "./next/index.mjs",
-      "require": "./next/index.cjs",
-      "types": "./next/index.d.ts"
+      "require": "./next/index.cjs"
     },
     "./node": {
+      "types": "./node/index.d.ts",
       "import": "./node/index.mjs",
-      "require": "./node/index.cjs",
-      "types": "./node/index.d.ts"
+      "require": "./node/index.cjs"
     },
     "./remix": {
+      "types": "./remix/index.d.ts",
       "import": "./remix/index.mjs",
-      "require": "./remix/index.cjs",
-      "types": "./remix/index.d.ts"
+      "require": "./remix/index.cjs"
     },
     "./remix/server-build": {
+      "types": "./remix/server-build/index.d.ts",
       "import": "./remix/server-build/index.mjs",
-      "require": "./remix/server-build/index.cjs",
-      "types": "./remix/server-build/index.d.ts"
+      "require": "./remix/server-build/index.cjs"
     },
     "./server": {
+      "types": "./server/index.d.ts",
       "import": "./server/index.mjs",
-      "require": "./server/index.cjs",
-      "types": "./server/index.d.ts"
+      "require": "./server/index.cjs"
     },
     "./vite": {
+      "types": "./vite/index.d.ts",
       "import": "./vite/index.mjs",
-      "require": "./vite/index.cjs",
-      "types": "./vite/index.d.ts"
+      "require": "./vite/index.cjs"
     },
     "./webpack": {
+      "types": "./webpack/index.d.ts",
       "import": "./webpack/index.mjs",
-      "require": "./webpack/index.cjs",
-      "types": "./webpack/index.d.ts"
+      "require": "./webpack/index.cjs"
+    },
+    "./angular": {
+      "types": "./angular/index.d.ts",
+      "import": "./angular/index.mjs",
+      "require": "./angular/index.cjs"
     }
   },
+  "bin": {
+    "builder-dev-tools": "cli/main.cjs",
+    "builder.io": "cli/main.cjs",
+    "builderio": "cli/main.cjs"
+  },
   "files": [
     "core",
+    "cli",
     "next",
     "node",
     "remix",
     "server",
     "types",
     "vite",
-    "webpack"
+    "webpack",
+    "angular",
+    "figma"
   ],
   "dependencies": {
+    "@amplitude/analytics-node": "^1.3.8",
+    "@clack/prompts": "^0.10.1",
+    "@sentry/node": "^9.16.0",
+    "@lvce-editor/ripgrep": "1.6.0",
+    "bufferutil": "^4.0.8",
+    "chokidar": "^4.0.1",
+    "cli-progress": "^3.12.0",
+    "cookie-parser": "^1.4.7",
+    "detect-port": "^2.1.0",
+    "express": "^4.18.2",
+    "get-port": "^7.1.0",
+    "glob": "10.4",
+    "http-proxy": "^1.18.1",
+    "http-proxy-middleware": "^2.0.6",
+    "ignore": "^6.0.2",
     "launch-editor": "^2.6.0",
-    "prettier": "^2.8.8",
-    "typescript": "^5.1.6"
+    "micromatch": "^4.0.5",
+    "open": "^10.1.0",
+    "prettier": "^3.3.3",
+    "prompts": "^2.4.2",
+    "tsx": "^4.19.3",
+    "typescript": "^5.1.6",
+    "undici": "^5.14.0",
+    "utf-8-validate": "^6.0.3",
+    "ws": "^8.16.0"
   },
   "homepage": "https://builder.io/",
   "keywords": [
     "builder.io",
+    "builderio",
     "dev-tools",
     "devtools",
     "visual editor",
@@ -75,7 +126,21 @@
     "react",
     "remix",
     "next",
-    "qwik"
+    "qwik",
+    "vcp",
+    "visual copilot",
+    "figma to code",
+    "design to code",
+    "figma to react",
+    "figma"
   ],
-  "license": "MIT"
+  "engines": {
+    "node": ">=18"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@figma/rest-api-spec": "^0.31.0",
+    "@types/cli-progress": "^3.11.6",
+    "node-fetch": "^2.7.0"
+  }
 }

package/remix/build.cjs

@@ -1 +1,132 @@
-"use strict";var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var w=(r,e)=>{for(var o in e)f(r,o,{get:e[o],enumerable:!0})},D=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of S(e))!y.call(r,i)&&i!==o&&f(r,i,{get:()=>e[i],enumerable:!(t=b(e,i))||t.enumerable});return r};var R=r=>D(f({},"__esModule",{value:!0}),r);var T={};w(T,{default:()=>P});module.exports=R(T);var h=require("../core/index.cjs"),p=require("../node/index.cjs"),m=require("../server/index.cjs"),n=require("path"),s=require("fs");var P=(r={})=>e=>{if(r.enabled==null&&(r.enabled=process.env.NODE_ENV!=="production"),r.enabled===!1)return e;let o={...e},t=E(process.cwd()),i=(0,n.dirname)(t);process.env.BUILDER_REMIX_DEVTOOLS_URL="http://localhost:5273/",o.watchPaths=async()=>{let l=await(0,p.createDevToolsNodeSys)({getRootDir:()=>i}),c=await(0,h.createDevTools)(l),a=await(0,m.createDevToolsServer)({...c,getClientId:()=>"remix-builder-dev-tools",closeAppServer:async()=>{},restartAppServer:async()=>{l.debug("restart server");let d=(0,s.readFileSync)(t,"utf-8");(0,s.writeFileSync)(t,d)},enableAppWatch:async d=>d,...l,...r});return process.env.BUILDER_REMIX_DEVTOOLS_URL=a.getUrl(),typeof e.watchPaths=="function"?e.watchPaths():e.watchPaths?e.watchPaths:[]};let v;v=__dirname;let u=(0,n.join)(v,"server-build","index.mjs");if(!(0,s.existsSync)(u))return console.log(`Builder Devtools unable to run: "${u}" not found`),e;if(typeof e.server=="string"){let l=(0,n.resolve)((0,n.dirname)(t),e.server);if(!(0,s.existsSync)(l))return console.log(`Builder Devtools unable to run: "${l}" set from "${e.server}" server config not found`),e;let c=!1,a=(0,s.readFileSync)(l,"utf-8");for(;a.includes("@remix-run/dev/server-build");)a=a.replace("@remix-run/dev/server-build","@builder.io/dev-tools/remix/server-build"),c=!0;c&&(0,s.writeFileSync)(l,a)}else o.server=u;return o};function E(r){let e=(0,n.resolve)("/");for(let o=0;o<20;o++){let t=(0,n.join)(r,"remix.config.js");if((0,s.existsSync)(t)||(t=(0,n.join)(r,"remix.config.ts"),(0,s.existsSync)(t)))return t;if(r===e)break;r=(0,n.dirname)(r)}throw new Error("Could not find Remix config")}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/dev-tools/remix/index.ts
+var remix_exports = {};
+__export(remix_exports, {
+  default: () => remix_default
+});
+module.exports = __toCommonJS(remix_exports);
+var import_core = require("../core/index.cjs");
+var import_node = require("../node/index.cjs");
+var import_server = require("../server/index.cjs");
+var import_node_path = require("path");
+var import_node_fs = require("fs");
+var remix_default = (devToolsOpts = {}) => {
+  return (remixConfig) => {
+    if (devToolsOpts.enabled == null) {
+      devToolsOpts.enabled = process.env.NODE_ENV !== "production";
+    }
+    if (devToolsOpts.enabled === false) {
+      return remixConfig;
+    }
+    const withBuilderConfig = { ...remixConfig };
+    const configPath = findRemixConfigPath(process.cwd());
+    const rootDir = (0, import_node_path.dirname)(configPath);
+    process.env.BUILDER_REMIX_DEVTOOLS_URL = `http://localhost:5273/`;
+    withBuilderConfig.watchPaths = async () => {
+      const sys = await (0, import_node.createDevToolsNodeSys)({
+        cwd: rootDir
+      });
+      const devTools = await (0, import_core.createDevTools)(sys);
+      const devToolsServer = await (0, import_server.createDevToolsServer)({
+        ...devTools,
+        getClientId: () => "remix-builder-dev-tools",
+        closeAppServer: async () => {
+        },
+        restartAppServer: async () => {
+          sys.debug("restart server");
+          const content = (0, import_node_fs.readFileSync)(configPath, "utf-8");
+          (0, import_node_fs.writeFileSync)(configPath, content);
+        },
+        enableAppWatch: async (enable) => {
+          return enable;
+        },
+        ...sys,
+        ...devToolsOpts
+      });
+      process.env.BUILDER_REMIX_DEVTOOLS_URL = devToolsServer.getUrl();
+      if (typeof remixConfig.watchPaths === "function") {
+        return remixConfig.watchPaths();
+      }
+      if (remixConfig.watchPaths) {
+        return remixConfig.watchPaths;
+      }
+      return [];
+    };
+    let dir;
+    if (true) {
+      dir = __dirname;
+    } else {
+      dir = (0, import_node_path.dirname)(fileURLToPath(import_meta.url));
+    }
+    const devToolServerEntryPath = (0, import_node_path.join)(dir, "server-build", "index.mjs");
+    if (!(0, import_node_fs.existsSync)(devToolServerEntryPath)) {
+      console.log(
+        `Builder Devtools unable to run: "${devToolServerEntryPath}" not found`
+      );
+      return remixConfig;
+    }
+    if (typeof remixConfig.server === "string") {
+      const userServerEntryPath = (0, import_node_path.resolve)(
+        (0, import_node_path.dirname)(configPath),
+        remixConfig.server
+      );
+      if (!(0, import_node_fs.existsSync)(userServerEntryPath)) {
+        console.log(
+          `Builder Devtools unable to run: "${userServerEntryPath}" set from "${remixConfig.server}" server config not found`
+        );
+        return remixConfig;
+      }
+      let madeChanges = false;
+      let userServerEntryContent = (0, import_node_fs.readFileSync)(userServerEntryPath, "utf-8");
+      while (userServerEntryContent.includes("@remix-run/dev/server-build")) {
+        userServerEntryContent = userServerEntryContent.replace(
+          `@remix-run/dev/server-build`,
+          `@builder.io/dev-tools/remix/server-build`
+        );
+        madeChanges = true;
+      }
+      if (madeChanges) {
+        (0, import_node_fs.writeFileSync)(userServerEntryPath, userServerEntryContent);
+      }
+    } else {
+      withBuilderConfig.server = devToolServerEntryPath;
+    }
+    return withBuilderConfig;
+  };
+};
+function findRemixConfigPath(dir) {
+  const fsRoot = (0, import_node_path.resolve)("/");
+  for (let i = 0; i < 20; i++) {
+    let configPath = (0, import_node_path.join)(dir, "remix.config.js");
+    if ((0, import_node_fs.existsSync)(configPath)) {
+      return configPath;
+    }
+    configPath = (0, import_node_path.join)(dir, "remix.config.ts");
+    if ((0, import_node_fs.existsSync)(configPath)) {
+      return configPath;
+    }
+    if (dir === fsRoot) {
+      break;
+    }
+    dir = (0, import_node_path.dirname)(dir);
+  }
+  throw new Error(`Could not find Remix config`);
+}

package/remix/index.mjs

@@ -1 +1,114 @@
-import{createDevTools as b}from"../core/index.mjs";import{createDevToolsNodeSys as S}from"../node/index.mjs";import{createDevToolsServer as y}from"../server/index.mjs";import{dirname as i,join as d,resolve as h}from"path";import{existsSync as a,readFileSync as f,writeFileSync as p}from"fs";import{fileURLToPath as w}from"url";var B=(r={})=>e=>{if(r.enabled==null&&(r.enabled=process.env.NODE_ENV!=="production"),r.enabled===!1)return e;let n={...e},t=D(process.cwd()),m=i(t);process.env.BUILDER_REMIX_DEVTOOLS_URL="http://localhost:5273/",n.watchPaths=async()=>{let o=await S({getRootDir:()=>m}),l=await b(o),s=await y({...l,getClientId:()=>"remix-builder-dev-tools",closeAppServer:async()=>{},restartAppServer:async()=>{o.debug("restart server");let u=f(t,"utf-8");p(t,u)},enableAppWatch:async u=>u,...o,...r});return process.env.BUILDER_REMIX_DEVTOOLS_URL=s.getUrl(),typeof e.watchPaths=="function"?e.watchPaths():e.watchPaths?e.watchPaths:[]};let v;v=i(w(import.meta.url));let c=d(v,"server-build","index.mjs");if(!a(c))return console.log(`Builder Devtools unable to run: "${c}" not found`),e;if(typeof e.server=="string"){let o=h(i(t),e.server);if(!a(o))return console.log(`Builder Devtools unable to run: "${o}" set from "${e.server}" server config not found`),e;let l=!1,s=f(o,"utf-8");for(;s.includes("@remix-run/dev/server-build");)s=s.replace("@remix-run/dev/server-build","@builder.io/dev-tools/remix/server-build"),l=!0;l&&p(o,s)}else n.server=c;return n};function D(r){let e=h("/");for(let n=0;n<20;n++){let t=d(r,"remix.config.js");if(a(t)||(t=d(r,"remix.config.ts"),a(t)))return t;if(r===e)break;r=i(r)}throw new Error("Could not find Remix config")}export{B as default};
+import { createRequire } from 'module'; const require = createRequire(import.meta.url);
+
+// packages/dev-tools/remix/index.ts
+import { createDevTools } from "../core/index.mjs";
+import { createDevToolsNodeSys } from "../node/index.mjs";
+import { createDevToolsServer } from "../server/index.mjs";
+import { dirname, join, resolve } from "path";
+import { existsSync, readFileSync, writeFileSync } from "fs";
+import { fileURLToPath } from "url";
+var remix_default = (devToolsOpts = {}) => {
+  return (remixConfig) => {
+    if (devToolsOpts.enabled == null) {
+      devToolsOpts.enabled = process.env.NODE_ENV !== "production";
+    }
+    if (devToolsOpts.enabled === false) {
+      return remixConfig;
+    }
+    const withBuilderConfig = { ...remixConfig };
+    const configPath = findRemixConfigPath(process.cwd());
+    const rootDir = dirname(configPath);
+    process.env.BUILDER_REMIX_DEVTOOLS_URL = `http://localhost:5273/`;
+    withBuilderConfig.watchPaths = async () => {
+      const sys = await createDevToolsNodeSys({
+        cwd: rootDir
+      });
+      const devTools = await createDevTools(sys);
+      const devToolsServer = await createDevToolsServer({
+        ...devTools,
+        getClientId: () => "remix-builder-dev-tools",
+        closeAppServer: async () => {
+        },
+        restartAppServer: async () => {
+          sys.debug("restart server");
+          const content = readFileSync(configPath, "utf-8");
+          writeFileSync(configPath, content);
+        },
+        enableAppWatch: async (enable) => {
+          return enable;
+        },
+        ...sys,
+        ...devToolsOpts
+      });
+      process.env.BUILDER_REMIX_DEVTOOLS_URL = devToolsServer.getUrl();
+      if (typeof remixConfig.watchPaths === "function") {
+        return remixConfig.watchPaths();
+      }
+      if (remixConfig.watchPaths) {
+        return remixConfig.watchPaths;
+      }
+      return [];
+    };
+    let dir;
+    if (false) {
+      dir = __dirname;
+    } else {
+      dir = dirname(fileURLToPath(import.meta.url));
+    }
+    const devToolServerEntryPath = join(dir, "server-build", "index.mjs");
+    if (!existsSync(devToolServerEntryPath)) {
+      console.log(
+        `Builder Devtools unable to run: "${devToolServerEntryPath}" not found`
+      );
+      return remixConfig;
+    }
+    if (typeof remixConfig.server === "string") {
+      const userServerEntryPath = resolve(
+        dirname(configPath),
+        remixConfig.server
+      );
+      if (!existsSync(userServerEntryPath)) {
+        console.log(
+          `Builder Devtools unable to run: "${userServerEntryPath}" set from "${remixConfig.server}" server config not found`
+        );
+        return remixConfig;
+      }
+      let madeChanges = false;
+      let userServerEntryContent = readFileSync(userServerEntryPath, "utf-8");
+      while (userServerEntryContent.includes("@remix-run/dev/server-build")) {
+        userServerEntryContent = userServerEntryContent.replace(
+          `@remix-run/dev/server-build`,
+          `@builder.io/dev-tools/remix/server-build`
+        );
+        madeChanges = true;
+      }
+      if (madeChanges) {
+        writeFileSync(userServerEntryPath, userServerEntryContent);
+      }
+    } else {
+      withBuilderConfig.server = devToolServerEntryPath;
+    }
+    return withBuilderConfig;
+  };
+};
+function findRemixConfigPath(dir) {
+  const fsRoot = resolve("/");
+  for (let i = 0; i < 20; i++) {
+    let configPath = join(dir, "remix.config.js");
+    if (existsSync(configPath)) {
+      return configPath;
+    }
+    configPath = join(dir, "remix.config.ts");
+    if (existsSync(configPath)) {
+      return configPath;
+    }
+    if (dir === fsRoot) {
+      break;
+    }
+    dir = dirname(dir);
+  }
+  throw new Error(`Could not find Remix config`);
+}
+export {
+  remix_default as default
+};

package/remix/server-build/index.mjs

@@ -1,3 +1,4 @@
+import { createRequire } from 'module'; const require = createRequire(import.meta.url);
 import * as remixBuild from "@remix-run/dev/server-build";
 import * as React from "react";
 const assets = remixBuild.assets;