@base44/vite-plugin 0.2.28 → 0.2.30

package/src/visual-edit-plugin.ts

@@ -3,196 +3,31 @@ import { default as traverse } from "@babel/traverse";
 import { default as generate } from "@babel/generator";
 import * as t from "@babel/types";
 import type { Plugin } from "vite";
-import { StaticArrayProcessor } from "./processors/static-array-processor.js";
+import { JSXProcessor } from "./jsx-processor.js";
 import { JSXUtils } from "./jsx-utils.js";
 
-// Helper function to check if JSX element contains dynamic content
-export function checkIfElementHasDynamicContent(jsxElement: any) {
-  let hasDynamicContent = false;
-
-  // Helper function to check if any node contains dynamic patterns
-  function checkNodeForDynamicContent(node: any) {
-    // JSX expressions like {variable}, {func()}, {obj.prop}
-    if (t.isJSXExpressionContainer(node)) {
-      const expression = node.expression;
-
-      // Skip empty expressions {}
-      if (t.isJSXEmptyExpression(expression)) {
-        return false;
-      }
-
-      // Any non-literal expression is considered dynamic
-      if (!t.isLiteral(expression)) {
-        return true;
-      }
-    }
-
-    // Template literals with expressions `Hello ${name}`
-    if (t.isTemplateLiteral(node) && node.expressions.length > 0) {
-      return true;
-    }
-
-    // Member expressions like props.title, state.value
-    if (t.isMemberExpression(node)) {
-      return true;
-    }
-
-    // Function calls like getData(), format()
-    if (t.isCallExpression(node)) {
-      return true;
-    }
-
-    // Conditional expressions like condition ? "yes" : "no"
-    if (t.isConditionalExpression(node)) {
-      return true;
-    }
-
-    // Identifier references (could be props, state, variables)
-    if (t.isIdentifier(node)) {
-      // Common dynamic identifiers
-      const dynamicNames = [
-        "props",
-        "state",
-        "data",
-        "item",
-        "value",
-        "text",
-        "content",
-      ];
-      if (dynamicNames.some((name) => node.name.includes(name))) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  // Recursively traverse all child nodes
-  function traverseNode(node: any) {
-    if (checkNodeForDynamicContent(node)) {
-      hasDynamicContent = true;
-      return;
-    }
-
-    // Recursively check child nodes
-    Object.keys(node).forEach((key) => {
-      const value = node[key];
-
-      if (Array.isArray(value)) {
-        value.forEach((child) => {
-          if (child && typeof child === "object" && child.type) {
-            traverseNode(child);
-          }
-        });
-      } else if (value && typeof value === "object" && value.type) {
-        traverseNode(value);
-      }
-    });
-  }
-
-  // Check the element's own attributes for dynamic content
-  const attributes = jsxElement.openingElement?.attributes || [];
-  attributes.forEach((attr: any) => {
-    if (hasDynamicContent) return; // Early exit if already found dynamic content
-
-    // Spread attributes like {...props} are always dynamic
-    if (t.isJSXSpreadAttribute(attr)) {
-      hasDynamicContent = true;
-      return;
-    }
-
-    // Check attribute values for dynamic expressions
-    if (t.isJSXAttribute(attr) && attr.value) {
-      traverseNode(attr.value);
-    }
-  });
-
-  // Check all children of the JSX element
-  jsxElement.children.forEach((child: any) => {
-    if (hasDynamicContent) return; // Early exit if already found dynamic content
-    traverseNode(child);
-  });
-
-  return hasDynamicContent;
-}
-
 export function visualEditPlugin() {
   return {
     name: "visual-edit-transform",
     apply: (config) => config.mode === "development",
     enforce: "pre",
     order: "pre",
-    // Inject Tailwind CDN for visual editing capabilities
     transformIndexHtml(html: any) {
-      // Inject the Tailwind CSS CDN script right before the closing </head> tag
       const tailwindScript = `    <!-- Tailwind CSS CDN for visual editing -->\n    <script src="https://cdn.tailwindcss.com"></script>\n  `;
       return html.replace("</head>", tailwindScript + "</head>");
     },
     transform(code: any, id: any) {
-      // Skip node_modules and visual-edit-agent itself
       if (id.includes("node_modules") || id.includes("visual-edit-agent")) {
         return null;
       }
 
-      // Process JS/JSX/TS/TSX files
       if (!id.match(/\.(jsx?|tsx?)$/)) {
         return null;
       }
 
-      // Extract filename from path, preserving pages/ or components/ structure
-      const pathParts = id.split("/");
-      let filename;
-
-      // Check if this is a pages or components file
-      if (id.includes("/pages/")) {
-        const pagesIndex = pathParts.findIndex((part: any) => part === "pages");
-        if (pagesIndex >= 0 && pagesIndex < pathParts.length - 1) {
-          // Get all parts from 'pages' to the file, preserving nested structure
-          const relevantParts = pathParts.slice(pagesIndex, pathParts.length);
-          const lastPart = relevantParts[relevantParts.length - 1];
-          // Remove file extension from the last part
-          relevantParts[relevantParts.length - 1] = lastPart.includes(".")
-            ? lastPart.split(".")[0]
-            : lastPart;
-          filename = relevantParts.join("/");
-        } else {
-          filename = pathParts[pathParts.length - 1];
-          if (filename.includes(".")) {
-            filename = filename.split(".")[0];
-          }
-        }
-      } else if (id.includes("/components/")) {
-        const componentsIndex = pathParts.findIndex(
-          (part: any) => part === "components"
-        );
-        if (componentsIndex >= 0 && componentsIndex < pathParts.length - 1) {
-          // Get all parts from 'components' to the file, preserving nested structure
-          const relevantParts = pathParts.slice(
-            componentsIndex,
-            pathParts.length
-          );
-          const lastPart = relevantParts[relevantParts.length - 1];
-          // Remove file extension from the last part
-          relevantParts[relevantParts.length - 1] = lastPart.includes(".")
-            ? lastPart.split(".")[0]
-            : lastPart;
-          filename = relevantParts.join("/");
-        } else {
-          filename = pathParts[pathParts.length - 1];
-          if (filename.includes(".")) {
-            filename = filename.split(".")[0];
-          }
-        }
-      } else {
-        // For other files (like layout), just use the filename
-        filename = pathParts[pathParts.length - 1];
-        if (filename.includes(".")) {
-          filename = filename.split(".")[0];
-        }
-      }
+      const filename = extractFilename(id);
 
       try {
-        // Parse the code into an AST
         const ast = parse(code, {
           sourceType: "module",
           plugins: [
@@ -214,61 +49,17 @@ export function visualEditPlugin() {
           ],
         });
 
-        // Traverse the AST and add source location and dynamic content attributes to JSX elements
         JSXUtils.init(t);
-        const staticArrayProcessor = new StaticArrayProcessor(t);
-        let elementsProcessed = 0;
+        const processor = new JSXProcessor(t, filename);
+
         traverse.default(ast, {
           JSXElement(path) {
             const jsxElement = path.node;
-            const openingElement = jsxElement.openingElement;
-
-            // Skip fragments
             if (t.isJSXFragment(jsxElement)) return;
-
-            // Skip if already has source location attribute
-            const hasSourceLocation = openingElement.attributes.some(
-              (attr) =>
-                t.isJSXAttribute(attr) &&
-                t.isJSXIdentifier(attr.name) &&
-                attr.name.name === "data-source-location"
-            );
-
-            if (hasSourceLocation) return;
-
-            // Get line and column from AST node location
-            const { line, column } = openingElement.loc?.start || {
-              line: 1,
-              column: 0,
-            };
-
-            // Create the source location attribute
-            const sourceLocationAttr = t.jsxAttribute(
-              t.jsxIdentifier("data-source-location"),
-              t.stringLiteral(`${filename}:${line}:${column}`)
-            );
-
-            // Check if element has dynamic content
-            const isDynamic = checkIfElementHasDynamicContent(jsxElement);
-
-            // Create the dynamic content attribute
-            const dynamicContentAttr = t.jsxAttribute(
-              t.jsxIdentifier("data-dynamic-content"),
-              t.stringLiteral(isDynamic ? "true" : "false")
-            );
-
-            // Add both attributes to the beginning of the attributes array
-            openingElement.attributes.unshift(
-              sourceLocationAttr,
-              dynamicContentAttr
-            );
-
-            staticArrayProcessor.process(path.get("openingElement"));
-            elementsProcessed++;
+            processor.processJSXElement(path.get("openingElement"));
           },
         });
 
-        // Generate the code back from the AST
         const result = generate.default(ast, {
           compact: false,
           concise: false,
@@ -282,10 +73,38 @@ export function visualEditPlugin() {
       } catch (error) {
         console.error("Failed to add source location to JSX:", error);
         return {
-          code: code, // Return original code on failure
+          code: code,
           map: null,
         };
       }
     },
   } as Plugin;
 }
+
+function extractFilename(id: string): string {
+  const pathParts = id.split("/");
+
+  const segmentIndex = findSegmentIndex(pathParts, ["pages", "components"]);
+  if (segmentIndex >= 0 && segmentIndex < pathParts.length - 1) {
+    const relevantParts = pathParts.slice(segmentIndex);
+    const last = relevantParts[relevantParts.length - 1];
+    relevantParts[relevantParts.length - 1] = stripExtension(last ?? "");
+    return relevantParts.join("/");
+  }
+
+  const lastPart = pathParts[pathParts.length - 1] ?? "";
+  return stripExtension(lastPart);
+}
+
+function findSegmentIndex(parts: string[], segments: string[]): number {
+  for (const segment of segments) {
+    const idx = parts.findIndex((part) => part === segment);
+    if (idx >= 0) return idx;
+  }
+  return -1;
+}
+
+function stripExtension(filename: string): string {
+  const dotIndex = filename.indexOf(".");
+  return dotIndex >= 0 ? filename.substring(0, dotIndex) : filename;
+}

package/dist/processors/shared-utils.d.ts

@@ -1,19 +0,0 @@
-import type { NodePath } from "@babel/traverse";
-import type * as t from "@babel/types";
-export declare class JSXAttributeUtils {
-    private types;
-    constructor(types: typeof t);
-    hasAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string): boolean;
-    addStringAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string, value: string): void;
-    addExpressionAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string, expression: t.Expression): void;
-}
-export declare class StaticValueUtils {
-    private types;
-    constructor(types: typeof t);
-    isPrimitiveLiteral(path: NodePath<t.Node>): boolean;
-    isStaticValue(path: NodePath<t.Node>, visited?: Set<string>): boolean;
-    isStaticIdentifier(path: NodePath<t.Identifier>, visited?: Set<string>): boolean;
-    isStaticObject(path: NodePath<t.ObjectExpression>, visited?: Set<string>): boolean;
-    isStaticArrayExpression(arrayExpression: NodePath<t.ArrayExpression>, visited?: Set<string>): boolean;
-}
-//# sourceMappingURL=shared-utils.d.ts.map

package/dist/processors/shared-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-utils.d.ts","sourceRoot":"","sources":["../../src/processors/shared-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,CAAC,MAAM,cAAc,CAAC;AAGvC,qBAAa,iBAAiB;IAChB,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,OAAO,CAAC;IAEnC,YAAY,CACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,GACpB,OAAO;IAQV,kBAAkB,CAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,GACZ,IAAI;IAWP,sBAAsB,CACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,CAAC,CAAC,UAAU,GACvB,IAAI;CAUR;AAED,qBAAa,gBAAgB;IACf,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,OAAO,CAAC;IAEnC,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO;IASnD,aAAa,CACX,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EACtB,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IASV,kBAAkB,CAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5B,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IAoBV,cAAc,CACZ,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAClC,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IAOV,uBAAuB,CACrB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,EAC5C,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;CAMX"}

package/dist/processors/shared-utils.js

@@ -1,77 +0,0 @@
-import { JSXUtils } from "../jsx-utils.js";
-export class JSXAttributeUtils {
-    types;
-    constructor(types) {
-        this.types = types;
-    }
-    hasAttribute(path, attributeName) {
-        return path.node.attributes.some((attr) => this.types.isJSXAttribute(attr) &&
-            JSXUtils.getAttributeName(attr) === attributeName);
-    }
-    addStringAttribute(path, attributeName, value) {
-        if (!this.hasAttribute(path, attributeName)) {
-            path.node.attributes.push(this.types.jsxAttribute(this.types.jsxIdentifier(attributeName), this.types.stringLiteral(value)));
-        }
-    }
-    addExpressionAttribute(path, attributeName, expression) {
-        if (!this.hasAttribute(path, attributeName)) {
-            path.node.attributes.push(this.types.jsxAttribute(this.types.jsxIdentifier(attributeName), this.types.jsxExpressionContainer(expression)));
-        }
-    }
-}
-export class StaticValueUtils {
-    types;
-    constructor(types) {
-        this.types = types;
-    }
-    isPrimitiveLiteral(path) {
-        return (path.isStringLiteral() ||
-            path.isNumericLiteral() ||
-            path.isBooleanLiteral() ||
-            path.isNullLiteral());
-    }
-    isStaticValue(path, visited = new Set()) {
-        if (this.isPrimitiveLiteral(path))
-            return true;
-        if (path.isIdentifier())
-            return this.isStaticIdentifier(path, visited);
-        if (path.isObjectExpression())
-            return this.isStaticObject(path, visited);
-        if (path.isArrayExpression())
-            return this.isStaticArrayExpression(path, visited);
-        return false;
-    }
-    isStaticIdentifier(path, visited = new Set()) {
-        const binding = path.scope.getBinding(path.node.name);
-        if (!binding)
-            return false;
-        if (binding.kind === "module")
-            return true;
-        if (binding.kind === "const" && binding.path.isVariableDeclarator()) {
-            const name = path.node.name;
-            if (visited.has(name))
-                return false;
-            visited.add(name);
-            const init = binding.path.get("init");
-            if (init.hasNode()) {
-                return this.isStaticValue(init, visited);
-            }
-        }
-        return false;
-    }
-    isStaticObject(path, visited = new Set()) {
-        return path.get("properties").every((prop) => {
-            if (!prop.isObjectProperty())
-                return false;
-            return this.isStaticValue(prop.get("value"), visited);
-        });
-    }
-    isStaticArrayExpression(arrayExpression, visited = new Set()) {
-        return arrayExpression.get("elements").every((element) => {
-            if (!element.node || element.isSpreadElement())
-                return true;
-            return this.isStaticValue(element, visited);
-        });
-    }
-}
-//# sourceMappingURL=shared-utils.js.map

package/dist/processors/shared-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared-utils.js","sourceRoot":"","sources":["../../src/processors/shared-utils.ts"],"names":[],"mappings":"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"}

package/src/processors/shared-utils.ts

@@ -1,116 +0,0 @@
-import type { NodePath } from "@babel/traverse";
-import type * as t from "@babel/types";
-import { JSXUtils } from "../jsx-utils.js";
-
-export class JSXAttributeUtils {
-  constructor(private types: typeof t) {}
-
-  hasAttribute(
-    path: NodePath<t.JSXOpeningElement>,
-    attributeName: string
-  ): boolean {
-    return path.node.attributes.some(
-      (attr: t.JSXAttribute | t.JSXSpreadAttribute) =>
-        this.types.isJSXAttribute(attr) &&
-        JSXUtils.getAttributeName(attr) === attributeName
-    );
-  }
-
-  addStringAttribute(
-    path: NodePath<t.JSXOpeningElement>,
-    attributeName: string,
-    value: string
-  ): void {
-    if (!this.hasAttribute(path, attributeName)) {
-      path.node.attributes.push(
-        this.types.jsxAttribute(
-          this.types.jsxIdentifier(attributeName),
-          this.types.stringLiteral(value)
-        )
-      );
-    }
-  }
-
-  addExpressionAttribute(
-    path: NodePath<t.JSXOpeningElement>,
-    attributeName: string,
-    expression: t.Expression
-  ): void {
-    if (!this.hasAttribute(path, attributeName)) {
-      path.node.attributes.push(
-        this.types.jsxAttribute(
-          this.types.jsxIdentifier(attributeName),
-          this.types.jsxExpressionContainer(expression)
-        )
-      );
-    }
-  }
-}
-
-export class StaticValueUtils {
-  constructor(private types: typeof t) {}
-
-  isPrimitiveLiteral(path: NodePath<t.Node>): boolean {
-    return (
-      path.isStringLiteral() ||
-      path.isNumericLiteral() ||
-      path.isBooleanLiteral() ||
-      path.isNullLiteral()
-    );
-  }
-
-  isStaticValue(
-    path: NodePath<t.Node>,
-    visited: Set<string> = new Set()
-  ): boolean {
-    if (this.isPrimitiveLiteral(path)) return true;
-    if (path.isIdentifier()) return this.isStaticIdentifier(path, visited);
-    if (path.isObjectExpression()) return this.isStaticObject(path, visited);
-    if (path.isArrayExpression())
-      return this.isStaticArrayExpression(path, visited);
-    return false;
-  }
-
-  isStaticIdentifier(
-    path: NodePath<t.Identifier>,
-    visited: Set<string> = new Set()
-  ): boolean {
-    const binding = path.scope.getBinding(path.node.name);
-    if (!binding) return false;
-
-    if (binding.kind === "module") return true;
-
-    if (binding.kind === "const" && binding.path.isVariableDeclarator()) {
-      const name = path.node.name;
-      if (visited.has(name)) return false;
-      visited.add(name);
-
-      const init = binding.path.get("init");
-      if (init.hasNode()) {
-        return this.isStaticValue(init as NodePath<t.Node>, visited);
-      }
-    }
-
-    return false;
-  }
-
-  isStaticObject(
-    path: NodePath<t.ObjectExpression>,
-    visited: Set<string> = new Set()
-  ): boolean {
-    return path.get("properties").every((prop: NodePath) => {
-      if (!prop.isObjectProperty()) return false;
-      return this.isStaticValue(prop.get("value") as NodePath<t.Node>, visited);
-    });
-  }
-
-  isStaticArrayExpression(
-    arrayExpression: NodePath<t.ArrayExpression>,
-    visited: Set<string> = new Set()
-  ): boolean {
-    return arrayExpression.get("elements").every((element) => {
-      if (!element.node || element.isSpreadElement()) return true;
-      return this.isStaticValue(element as unknown as NodePath<t.Node>, visited);
-    });
-  }
-}