@comergehq/studio 0.1.3 → 0.1.4

package/dist/index.d.mts

@@ -3,21 +3,13 @@ import { ViewStyle } from 'react-native';
 import { SupabaseClient } from '@supabase/supabase-js';
 
 type ComergeStudioProps = {
-    /**
-     * App to open in the runtime and studio.
-     */
     appId: string;
-    /**
-     * App root key exposed by the bundle (defaults to MicroMain).
-     */
+    apiKey: string;
     appKey?: string;
-    /**
-     * Optional callback for a “home” button.
-     */
     onNavigateHome?: () => void;
     style?: ViewStyle;
 };
-declare function ComergeStudio({ appId, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.d.ts

@@ -3,21 +3,13 @@ import { ViewStyle } from 'react-native';
 import { SupabaseClient } from '@supabase/supabase-js';
 
 type ComergeStudioProps = {
-    /**
-     * App to open in the runtime and studio.
-     */
     appId: string;
-    /**
-     * App root key exposed by the bundle (defaults to MicroMain).
-     */
+    apiKey: string;
     appKey?: string;
-    /**
-     * Optional callback for a “home” button.
-     */
     onNavigateHome?: () => void;
     style?: ViewStyle;
 };
-declare function ComergeStudio({ appId, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.js

@@ -214,6 +214,39 @@ function Text({
 // src/studio/bootstrap/useStudioBootstrap.ts
 var React = __toESM(require("react"));
 
+// src/core/services/http/public.ts
+var import_axios = __toESM(require("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 = import_axios.default.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
 var import_supabase_js = require("@supabase/supabase-js");
 var clientSingleton = null;
@@ -284,22 +317,6 @@ var BaseRepository = class {
   }
 };
 
-// src/core/services/http/public.ts
-var import_axios = __toESM(require("axios"));
-
-// src/core/services/http/baseUrl.ts
-var BASE_URL = "http://192.168.8.175:8080";
-
-// src/core/services/http/public.ts
-var publicApi = import_axios.default.create({
-  baseURL: BASE_URL,
-  timeout: 3e4,
-  headers: {
-    Accept: "application/json",
-    "Content-Type": "application/json"
-  }
-});
-
 // src/data/base-remote.ts
 var BaseRemote = class {
 };
@@ -337,6 +354,7 @@ function useStudioBootstrap(options) {
     let cancelled = false;
     (async () => {
       try {
+        setClientApiKey(options.apiKey);
         const requireAuth = isSupabaseClientInjected();
         if (!requireAuth) {
           const cfg = await studioConfigRepository.get();
@@ -354,14 +372,14 @@ function useStudioBootstrap(options) {
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [options.apiKey]);
   return state;
 }
 
 // src/studio/bootstrap/StudioBootstrap.tsx
 var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: renderError ? renderError(error) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { variant: "bodyMuted", children: error.message }) });
   }
@@ -6255,6 +6273,7 @@ function StudioOverlay({
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function ComergeStudio({
   appId,
+  apiKey,
   appKey = "MicroMain",
   onNavigateHome,
   style
@@ -6269,7 +6288,7 @@ function ComergeStudio({
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
   const captureTargetRef = React38.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StudioBootstrap, { children: ({ userId }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_bottom_sheet6.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StudioBootstrap, { apiKey, children: ({ userId }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_bottom_sheet6.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     ComergeStudioInner,
     {
       userId,