next-ai-editor 0.2.2 → 0.2.3

package/dist/{AIEditorProvider-IjMydA1Y.cjs → AIEditorProvider-CLgf1Vwa.cjs}

@@ -1134,26 +1134,40 @@ async function resolveSourceLocation(source) {
 const EditorContext = react.createContext(null);
 function AIEditorProvider({
   children,
-  theme = "dark"
+  theme = "dark",
+  enabled
 }) {
+  const [serverEnabled, setServerEnabled] = react.useState(null);
+  react.useEffect(() => {
+    if (enabled !== void 0) return;
+    fetch("/api/ai-editor/config").then((res) => res.json()).then((data) => {
+      setServerEnabled(data.enabled === true);
+    }).catch(() => {
+      setServerEnabled(false);
+    });
+  }, [enabled]);
+  const isEditorEnabled = enabled ?? serverEnabled;
   const [isEnabled, setEnabled] = react.useState(false);
   const [isHistoryOpen, setHistoryOpen] = react.useState(false);
   const [taskHistory, setTaskHistory] = react.useState([]);
   const [isChatExpanded, setChatExpanded] = react.useState(false);
   const [activeTool, setActiveTool] = react.useState(null);
   const [attachedContext, setAttachedContext] = react.useState(null);
-  react.useCallback((taskUpdate) => {
-    setTaskHistory((prev) => {
-      const existing = prev.find((t) => t.id === taskUpdate.id);
-      if (existing) {
-        return prev.map(
-          (t) => t.id === taskUpdate.id ? { ...t, ...taskUpdate } : t
-        );
-      } else {
-        return [...prev, taskUpdate];
-      }
-    });
-  }, []);
+  react.useCallback(
+    (taskUpdate) => {
+      setTaskHistory((prev) => {
+        const existing = prev.find((t) => t.id === taskUpdate.id);
+        if (existing) {
+          return prev.map(
+            (t) => t.id === taskUpdate.id ? { ...t, ...taskUpdate } : t
+          );
+        } else {
+          return [...prev, taskUpdate];
+        }
+      });
+    },
+    []
+  );
   const handleChatToggle = react.useCallback(() => {
     setChatExpanded((prev) => !prev);
   }, []);
@@ -1185,7 +1199,7 @@ function AIEditorProvider({
     window.addEventListener("keydown", handleKey);
     return () => window.removeEventListener("keydown", handleKey);
   }, [isHistoryOpen]);
-  if (process.env.NODE_ENV !== "development") {
+  if (!isEditorEnabled) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1215,28 +1229,34 @@ function AIEditorProvider({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `editor-container ai-editor-ui ${isChatExpanded ? "expanded" : "collapsed"} ${theme}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ChatPanel,
-            {
-              isExpanded: isChatExpanded,
-              onToggle: handleChatToggle,
-              activeTool,
-              onToolChange: handleToolChange,
-              attachedContext,
-              onClearContext: handleClearContext,
-              theme
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ControlPill,
-            {
-              isExpanded: isChatExpanded,
-              onToggle: handleChatToggle,
-              activeTool
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `editor-container ai-editor-ui ${isChatExpanded ? "expanded" : "collapsed"} ${theme}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ChatPanel,
+                {
+                  isExpanded: isChatExpanded,
+                  onToggle: handleChatToggle,
+                  activeTool,
+                  onToolChange: handleToolChange,
+                  attachedContext,
+                  onClearContext: handleClearContext,
+                  theme
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ControlPill,
+                {
+                  isExpanded: isChatExpanded,
+                  onToggle: handleChatToggle,
+                  activeTool
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           TaskHistoryPanel,
           {
@@ -1251,7 +1271,9 @@ function AIEditorProvider({
 }
 function EditorOverlay({ theme, onComponentSelect }) {
   var _a;
-  const [hoveredSource, setHoveredSource] = react.useState(null);
+  const [hoveredSource, setHoveredSource] = react.useState(
+    null
+  );
   const [hoveredElement, setHoveredElement] = react.useState(null);
   const [hoveredRect, setHoveredRect] = react.useState(null);
   const [mousePos, setMousePos] = react.useState({ x: 0, y: 0 });
@@ -1259,7 +1281,10 @@ function EditorOverlay({ theme, onComponentSelect }) {
   const lastHoverStateRef = react.useRef(null);
   react.useEffect(() => {
     if (hoveredSource && hoveredElement) {
-      lastHoverStateRef.current = { source: hoveredSource, element: hoveredElement };
+      lastHoverStateRef.current = {
+        source: hoveredSource,
+        element: hoveredElement
+      };
     }
   }, [hoveredSource, hoveredElement]);
   const isDark = theme === "dark";
@@ -1334,123 +1359,130 @@ function EditorOverlay({ theme, onComponentSelect }) {
       cancelAnimationFrame(raf);
     };
   }, [onComponentSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ai-editor-ui", style: { fontFamily: "system-ui, sans-serif" }, children: [
-    hoveredRect && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          left: hoveredRect.left - 2,
-          top: hoveredRect.top - 2,
-          width: hoveredRect.width + 4,
-          height: hoveredRect.height + 4,
-          border: `2px solid ${c.accent}`,
-          borderRadius: 6,
-          background: `${c.accent}15`,
-          pointerEvents: "none",
-          zIndex: 99998
-        }
-      }
-    ),
-    hoveredSource && !isResolvingSource && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          left: Math.min(mousePos.x + 14, window.innerWidth - 340),
-          top: mousePos.y + 14,
-          background: c.bg,
-          color: c.text,
-          border: `1px solid ${c.border}`,
-          borderRadius: 10,
-          padding: "12px 16px",
-          fontSize: 12,
-          fontFamily: "ui-monospace, monospace",
-          zIndex: 99999,
-          boxShadow: `0 8px 30px rgba(0,0,0,${isDark ? 0.5 : 0.15})`,
-          maxWidth: 320,
-          pointerEvents: "none"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              style: {
-                fontWeight: 700,
-                color: c.accent,
-                marginBottom: 4,
-                fontSize: 14
-              },
-              children: [
-                "<",
-                hoveredSource.componentName,
-                " />"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: c.muted, fontSize: 11 }, children: [
-            hoveredSource.filePath,
-            ":",
-            hoveredSource.lineNumber
-          ] }),
-          ((_a = hoveredSource.elementContext) == null ? void 0 : _a.textContent) && /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              style: {
-                color: c.muted,
-                fontSize: 10,
-                marginTop: 4,
-                fontStyle: "italic"
-              },
-              children: [
-                '"',
-                hoveredSource.elementContext.textContent,
-                '"'
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          bottom: 20,
-          right: 20,
-          background: c.bg,
-          color: c.success,
-          padding: "10px 16px",
-          borderRadius: 20,
-          fontSize: 13,
-          fontWeight: 600,
-          zIndex: 99997,
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          border: `1px solid ${c.border}`,
-          boxShadow: `0 4px 20px rgba(0,0,0,${isDark ? 0.4 : 0.1})`
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              style: {
-                width: 8,
-                height: 8,
-                borderRadius: "50%",
-                background: c.success
-              }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "ai-editor-ui",
+      style: { fontFamily: "system-ui, sans-serif" },
+      children: [
+        hoveredRect && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              left: hoveredRect.left - 2,
+              top: hoveredRect.top - 2,
+              width: hoveredRect.width + 4,
+              height: hoveredRect.height + 4,
+              border: `2px solid ${c.accent}`,
+              borderRadius: 6,
+              background: `${c.accent}15`,
+              pointerEvents: "none",
+              zIndex: 99998
             }
-          ),
-          "Select Component"
-        ]
-      }
-    )
-  ] });
+          }
+        ),
+        hoveredSource && !isResolvingSource && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              left: Math.min(mousePos.x + 14, window.innerWidth - 340),
+              top: mousePos.y + 14,
+              background: c.bg,
+              color: c.text,
+              border: `1px solid ${c.border}`,
+              borderRadius: 10,
+              padding: "12px 16px",
+              fontSize: 12,
+              fontFamily: "ui-monospace, monospace",
+              zIndex: 99999,
+              boxShadow: `0 8px 30px rgba(0,0,0,${isDark ? 0.5 : 0.15})`,
+              maxWidth: 320,
+              pointerEvents: "none"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: {
+                    fontWeight: 700,
+                    color: c.accent,
+                    marginBottom: 4,
+                    fontSize: 14
+                  },
+                  children: [
+                    "<",
+                    hoveredSource.componentName,
+                    " />"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: c.muted, fontSize: 11 }, children: [
+                hoveredSource.filePath,
+                ":",
+                hoveredSource.lineNumber
+              ] }),
+              ((_a = hoveredSource.elementContext) == null ? void 0 : _a.textContent) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: {
+                    color: c.muted,
+                    fontSize: 10,
+                    marginTop: 4,
+                    fontStyle: "italic"
+                  },
+                  children: [
+                    '"',
+                    hoveredSource.elementContext.textContent,
+                    '"'
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              bottom: 20,
+              right: 20,
+              background: c.bg,
+              color: c.success,
+              padding: "10px 16px",
+              borderRadius: 20,
+              fontSize: 13,
+              fontWeight: 600,
+              zIndex: 99997,
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              border: `1px solid ${c.border}`,
+              boxShadow: `0 4px 20px rgba(0,0,0,${isDark ? 0.4 : 0.1})`
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  style: {
+                    width: 8,
+                    height: 8,
+                    borderRadius: "50%",
+                    background: c.success
+                  }
+                }
+              ),
+              "Select Component"
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 exports.AIEditorProvider = AIEditorProvider;
 exports.ChatPanel = ChatPanel;
 exports.ControlPill = ControlPill;
-//# sourceMappingURL=AIEditorProvider-IjMydA1Y.cjs.map
+//# sourceMappingURL=AIEditorProvider-CLgf1Vwa.cjs.map