@archie/devtools 0.0.47 → 0.1.0

package/dist/index.js

@@ -205,6 +205,7 @@ function babelPluginDndAuto({ types: t }, opts = {}) {
 }
 
 // src/babel-plugin-editor-meta.ts
+var import_editor_protocol = require("@8base-archie/editor-protocol");
 var nodePath = __toESM(require("path"));
 function meaningfulChildren(t, children) {
   return children.filter((child) => {
@@ -260,7 +261,8 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
     instrumentImported = true,
     includeHostSourceRef = false,
     origin = "screen",
-    templateOrigin = false
+    templateOrigin = false,
+    allowLegacyIds = true
   } = opts;
   function getJSXTagName(el) {
     const { name } = el;
@@ -308,6 +310,77 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
   function computeNodeId(file, line, col, componentName) {
     return `${file}:${line}:${col}:${componentName}`;
   }
+  function readVidAttr(attrs) {
+    for (const attr of attrs) {
+      if (!t.isJSXAttribute(attr)) continue;
+      if (!t.isJSXIdentifier(attr.name, { name: import_editor_protocol.VID_ATTR })) continue;
+      const { value } = attr;
+      let raw = null;
+      if (t.isStringLiteral(value)) {
+        raw = value.value;
+      } else if (t.isJSXExpressionContainer(value) && t.isStringLiteral(value.expression)) {
+        raw = value.expression.value;
+      }
+      if (raw !== null && import_editor_protocol.VID_PATTERN.test(raw)) return raw;
+      return null;
+    }
+    return null;
+  }
+  function computeDynamicType(path) {
+    let current = path.parentPath;
+    while (current) {
+      if (current.isJSXExpressionContainer()) {
+        const expr = current.node.expression;
+        if (t.isConditionalExpression(expr) || t.isLogicalExpression(expr)) {
+          return "CONDITIONAL";
+        }
+      }
+      if (current.isArrowFunctionExpression() || current.isFunctionExpression()) {
+        const call = current.parentPath;
+        if (call?.isCallExpression()) {
+          const callee = call.node.callee;
+          if (t.isMemberExpression(callee) && !callee.computed && t.isIdentifier(callee.property) && /^(map|flatMap|forEach)$/.test(callee.property.name)) {
+            return "ARRAY";
+          }
+        }
+        break;
+      }
+      if (current.isFunctionDeclaration()) break;
+      current = current.parentPath;
+    }
+    return "STATIC";
+  }
+  const SHELL_FILE_RE = /(^|\/)shell\.jsx$/;
+  const SHELL_DIR_RE = /(^|\/)components\/shell\//;
+  const CHROME_ANCESTOR_TAGS = /* @__PURE__ */ new Set(["nav", "aside", "header"]);
+  function computeIsChrome(file, path) {
+    if (SHELL_FILE_RE.test(file) || SHELL_DIR_RE.test(file)) return true;
+    let current = path.parentPath;
+    while (current) {
+      if (current.isJSXElement()) {
+        const tag = getJSXTagName(current.node.openingElement);
+        if (CHROME_ANCESTOR_TAGS.has(tag)) return true;
+      }
+      current = current.parentPath;
+    }
+    return false;
+  }
+  function computeContainerKind(path) {
+    const elPath = path.parentPath;
+    if (!elPath?.isJSXElement()) return "none";
+    const children = meaningfulChildren(t, elPath.node.children);
+    if (children.length === 0) return "none";
+    const allPlain = children.every((c) => t.isJSXElement(c) || t.isJSXText(c));
+    return allPlain ? "plain" : "expression";
+  }
+  function computeLockReason(isKitOrigin, isChrome, dynamicType, containerKind) {
+    if (isKitOrigin) return "KIT_INTERNAL";
+    if (isChrome) return "CHROME_STRUCTURAL";
+    if (dynamicType === "ARRAY") return "DYNAMIC_ARRAY";
+    if (dynamicType === "CONDITIONAL") return "DYNAMIC_CONDITIONAL";
+    if (containerKind === "expression") return "EXPRESSION_CONTAINER";
+    return void 0;
+  }
   function isMovable(path) {
     const elPath = path.parentPath;
     if (!elPath) return false;
@@ -325,6 +398,9 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
     while (ancestor) {
       if (ancestor.isJSXElement()) {
         const opening = ancestor.node.openingElement;
+        const parentVid = readVidAttr(opening.attributes);
+        if (parentVid) return parentVid;
+        if (!allowLegacyIds) return null;
         const loc = opening.loc?.start;
         if (loc) {
           const tag = getJSXTagName(opening);
@@ -951,7 +1027,9 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
               return;
           }
         }
-        const nodeId = computeNodeId(file, line, col, componentName);
+        const vid = readVidAttr(path.node.attributes);
+        if (!vid && !allowLegacyIds) return;
+        const nodeId = vid ?? computeNodeId(file, line, col, componentName);
         const isKitOrigin = origin === "kit" || hasSlotAttr;
         const movable = isKitOrigin ? false : isMovable(path);
         const parentNodeId = getParentNodeId(path, file);
@@ -973,6 +1051,24 @@ function babelPluginEditorMeta({ types: t }, opts = {}) {
             parentNodeId ? t.stringLiteral(parentNodeId) : t.nullLiteral()
           )
         ]);
+        if (vid) {
+          const dynamicType = computeDynamicType(path);
+          const isChrome = computeIsChrome(file, path);
+          const containerKind = computeContainerKind(path);
+          const lockReason = computeLockReason(isKitOrigin, isChrome, dynamicType, containerKind);
+          metaObj.properties.push(
+            t.objectProperty(t.identifier("vid"), t.stringLiteral(vid)),
+            t.objectProperty(t.identifier("isKitOrigin"), t.booleanLiteral(isKitOrigin)),
+            t.objectProperty(t.identifier("dynamicType"), t.stringLiteral(dynamicType)),
+            t.objectProperty(t.identifier("isChrome"), t.booleanLiteral(isChrome)),
+            t.objectProperty(t.identifier("containerKind"), t.stringLiteral(containerKind))
+          );
+          if (lockReason) {
+            metaObj.properties.push(
+              t.objectProperty(t.identifier("lockReason"), t.stringLiteral(lockReason))
+            );
+          }
+        }
         if (isKitOrigin) {
           if (templateOrigin) {
             metaObj.properties.push(

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   __dirname,
   babelPluginEditorMeta
-} from "./chunk-P5XMHBFS.mjs";
+} from "./chunk-THKKWDMJ.mjs";
 
 // src/index.ts
 import { readFileSync } from "fs";