@copilotkitnext/react 0.0.29 → 0.0.31

package/dist/index.d.mts

@@ -632,6 +632,14 @@ interface CopilotKitProviderProps {
     children: ReactNode;
     runtimeUrl?: string;
     headers?: Record<string, string>;
+    /**
+     * The Copilot Cloud public API key.
+     */
+    publicApiKey?: string;
+    /**
+     * Alias for `publicApiKey`
+     **/
+    publicLicenseKey?: string;
     properties?: Record<string, unknown>;
     useSingleEndpoint?: boolean;
     agents__unsafe_dev_only?: Record<string, AbstractAgent>;

package/dist/index.d.ts

@@ -632,6 +632,14 @@ interface CopilotKitProviderProps {
     children: ReactNode;
     runtimeUrl?: string;
     headers?: Record<string, string>;
+    /**
+     * The Copilot Cloud public API key.
+     */
+    publicApiKey?: string;
+    /**
+     * Alias for `publicApiKey`
+     **/
+    publicLicenseKey?: string;
     properties?: Record<string, unknown>;
     useSingleEndpoint?: boolean;
     agents__unsafe_dev_only?: Record<string, AbstractAgent>;

package/dist/index.js

@@ -1484,26 +1484,34 @@ var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
 var React4 = __toESM(require("react"));
 var import_react5 = require("@lit-labs/react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CopilotKitInspectorBase = React4.lazy(() => {
-  if (typeof window === "undefined") {
-    const NullComponent = () => null;
-    return Promise.resolve({ default: NullComponent });
-  }
-  return import("@copilotkitnext/web-inspector").then((mod) => {
-    mod.defineWebInspector?.();
-    const Component = (0, import_react5.createComponent)({
-      tagName: mod.WEB_INSPECTOR_TAG,
-      elementClass: mod.WebInspectorElement,
-      react: React4
+var CopilotKitInspector = ({ core, ...rest }) => {
+  const [InspectorComponent, setInspectorComponent] = React4.useState(null);
+  React4.useEffect(() => {
+    let mounted = true;
+    import("@copilotkitnext/web-inspector").then((mod) => {
+      mod.defineWebInspector?.();
+      const Component = (0, import_react5.createComponent)({
+        tagName: mod.WEB_INSPECTOR_TAG,
+        elementClass: mod.WebInspectorElement,
+        react: React4
+      });
+      if (mounted) {
+        setInspectorComponent(() => Component);
+      }
     });
-    return { default: Component };
-  });
-});
-var CopilotKitInspector = ({ core, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(React4.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotKitInspectorBase, { ...rest, core: core ?? null }) });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  if (!InspectorComponent) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InspectorComponent, { ...rest, core: core ?? null });
+};
 CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var HEADER_NAME = "X-CopilotCloud-Public-Api-Key";
+var COPILOT_CLOUD_CHAT_URL = "https://api.cloud.copilotkit.ai/copilotkit/v1";
 var CopilotKitContext = (0, import_react6.createContext)({
   copilotkit: null
 });
@@ -1522,6 +1530,8 @@ var CopilotKitProvider = ({
   children,
   runtimeUrl,
   headers = {},
+  publicApiKey,
+  publicLicenseKey,
   properties = {},
   agents__unsafe_dev_only: agents = {},
   renderToolCalls,
@@ -1571,6 +1581,25 @@ var CopilotKitProvider = ({
     renderActivityMessages,
     "renderActivityMessages must be a stable array."
   );
+  const resolvedPublicKey = publicApiKey ?? publicLicenseKey;
+  const hasLocalAgents = agents && Object.keys(agents).length > 0;
+  const mergedHeaders = (0, import_react6.useMemo)(() => {
+    if (!resolvedPublicKey) return headers;
+    if (headers[HEADER_NAME]) return headers;
+    return {
+      ...headers,
+      [HEADER_NAME]: resolvedPublicKey
+    };
+  }, [headers, resolvedPublicKey]);
+  if (!runtimeUrl && !resolvedPublicKey && !hasLocalAgents) {
+    const message = "Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'";
+    if (process.env.NODE_ENV === "production") {
+      throw new Error(message);
+    } else {
+      console.warn(message);
+    }
+  }
+  const chatApiEndpoint = runtimeUrl ?? (resolvedPublicKey ? COPILOT_CLOUD_CHAT_URL : void 0);
   const frontendToolsList = useStableArrayProp(
     frontendTools,
     "frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead."
@@ -1633,9 +1662,9 @@ var CopilotKitProvider = ({
   }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);
   const copilotkit = (0, import_react6.useMemo)(() => {
     const copilotkit2 = new CopilotKitCoreReact({
-      runtimeUrl,
+      runtimeUrl: chatApiEndpoint,
       runtimeTransport: useSingleEndpoint ? "single" : "rest",
-      headers,
+      headers: mergedHeaders,
       properties,
       agents__unsafe_dev_only: agents,
       tools: allTools,
@@ -1657,12 +1686,12 @@ var CopilotKitProvider = ({
     };
   }, [copilotkit]);
   (0, import_react6.useEffect)(() => {
-    copilotkit.setRuntimeUrl(runtimeUrl);
+    copilotkit.setRuntimeUrl(chatApiEndpoint);
     copilotkit.setRuntimeTransport(useSingleEndpoint ? "single" : "rest");
-    copilotkit.setHeaders(headers);
+    copilotkit.setHeaders(mergedHeaders);
     copilotkit.setProperties(properties);
     copilotkit.setAgents__unsafe_dev_only(agents);
-  }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);
+  }, [chatApiEndpoint, mergedHeaders, properties, agents, useSingleEndpoint]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     CopilotKitContext.Provider,
     {