@comergehq/studio 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -184,6 +184,39 @@ function Text({
 // src/studio/bootstrap/useStudioBootstrap.ts
 import * as React from "react";
 
+// src/core/services/http/public.ts
+import axios from "axios";
+
+// src/core/services/http/baseUrl.ts
+var BASE_URL = "http://192.168.8.175:8080";
+
+// src/core/services/http/public.ts
+var CLIENT_KEY_HEADER = "x-comerge-api-key";
+var clientApiKey = null;
+var publicApi = axios.create({
+  baseURL: BASE_URL,
+  timeout: 3e4,
+  headers: {
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  }
+});
+function setClientApiKey(apiKey) {
+  var _a;
+  const trimmed = ((_a = apiKey == null ? void 0 : apiKey.trim) == null ? void 0 : _a.call(apiKey)) ?? "";
+  if (!trimmed) {
+    throw new Error("comerge-studio: apiKey is required");
+  }
+  clientApiKey = trimmed;
+  publicApi.defaults.headers.common[CLIENT_KEY_HEADER] = trimmed;
+}
+publicApi.interceptors.request.use((config) => {
+  if (!clientApiKey) return config;
+  config.headers = config.headers ?? {};
+  config.headers[CLIENT_KEY_HEADER] = clientApiKey;
+  return config;
+});
+
 // src/core/services/supabase/client.ts
 import { createClient } from "@supabase/supabase-js";
 var clientSingleton = null;
@@ -254,22 +287,6 @@ var BaseRepository = class {
   }
 };
 
-// src/core/services/http/public.ts
-import axios from "axios";
-
-// src/core/services/http/baseUrl.ts
-var BASE_URL = "http://192.168.8.175:8080";
-
-// src/core/services/http/public.ts
-var publicApi = axios.create({
-  baseURL: BASE_URL,
-  timeout: 3e4,
-  headers: {
-    Accept: "application/json",
-    "Content-Type": "application/json"
-  }
-});
-
 // src/data/base-remote.ts
 var BaseRemote = class {
 };
@@ -307,6 +324,7 @@ function useStudioBootstrap(options) {
     let cancelled = false;
     (async () => {
       try {
+        setClientApiKey(options.apiKey);
         const requireAuth = isSupabaseClientInjected();
         if (!requireAuth) {
           const cfg = await studioConfigRepository.get();
@@ -324,14 +342,14 @@ function useStudioBootstrap(options) {
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [options.apiKey]);
   return state;
 }
 
 // src/studio/bootstrap/StudioBootstrap.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-function StudioBootstrap({ children, fallback, renderError }) {
-  const { ready, error, userId } = useStudioBootstrap({});
+function StudioBootstrap({ children, fallback, renderError, apiKey }) {
+  const { ready, error, userId } = useStudioBootstrap({ apiKey });
   if (error) {
     return /* @__PURE__ */ jsx2(View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: renderError ? renderError(error) : /* @__PURE__ */ jsx2(Text, { variant: "bodyMuted", children: error.message }) });
   }
@@ -6285,6 +6303,7 @@ function StudioOverlay({
 import { jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
 function ComergeStudio({
   appId,
+  apiKey,
   appKey = "MicroMain",
   onNavigateHome,
   style
@@ -6299,7 +6318,7 @@ function ComergeStudio({
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
   const captureTargetRef = React38.useRef(null);
-  return /* @__PURE__ */ jsx56(StudioBootstrap, { children: ({ userId }) => /* @__PURE__ */ jsx56(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx56(StudioBootstrap, { apiKey, children: ({ userId }) => /* @__PURE__ */ jsx56(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx56(
     ComergeStudioInner,
     {
       userId,