@kittl/sdk 0.0.8 → 1.0.0-alpha.1

package/dist/{kittl-sdk.js → editorScriptRunner/sdk.js}

@@ -3,8 +3,19 @@
 
 "use strict";
 (() => {
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/shared/commands.js
+  // src/api/utils.ts
+  function unwrapResult(result) {
+    if (result.isOk) {
+      return result.result;
+    }
+    throw result.error;
+  }
+
   var FROM_EXTENSION_COMMANDS = {
+    /** Capability-owned AI callback registration. */
+    AI_GENERATOR_SUBSCRIBE: "ai-generator-subscribe",
+    /** Capability-owned AI callback teardown. */
+    AI_GENERATOR_UNSUBSCRIBE: "ai-generator-unsubscribe",
     /** SDK API call */
     SDK_CALL: "sdk-call",
     /** AI handler registration */
@@ -53,6 +64,8 @@
     LOADED: "loaded"
   };
   var TO_EXTENSION_COMMANDS = {
+    /** Callback payload for generator or pending-set subscriptions. */
+    AI_GENERATOR_UPDATE: "ai-generator-update",
     /** SDK API response */
     SDK_RESPONSE: "sdk-response",
     /** File browser fetch content request */
@@ -69,7 +82,10 @@
     APP_STATE_UPDATE: "app-state-update"
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/types/toExtensions.js
+  function isAIGeneratorUpdateMessage(data) {
+    return !!data && typeof data === "object" && "command" in data && data.command === "ai-generator-update" && "subscriptionId" in data && typeof data.subscriptionId === "string";
+  }
+
   var isSDKResponseMessage = (data) => {
     return typeof data === "object" && data !== null && "command" in data && data.command === TO_EXTENSION_COMMANDS.SDK_RESPONSE && "messageId" in data && typeof data.messageId === "string";
   };
@@ -92,7 +108,13 @@
     return typeof data === "object" && data !== null && "command" in data && data.command === TO_EXTENSION_COMMANDS.FILE_BROWSER_FETCH_CONTENT_REQUEST && "requestId" in data && typeof data.requestId === "string" && "subscriptionId" in data && typeof data.subscriptionId === "string";
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/shared/createApiProxyCore.js
+  var generateMessageId = () => {
+    if (crypto?.randomUUID && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+    return Math.random().toString(36).substring(7);
+  };
+
   var buildMethodPath = (rootPrefix, pathSegments) => {
     if (!rootPrefix) {
       return pathSegments.join(".");
@@ -128,16 +150,15 @@
     return createNode([]);
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/shared/index.js
-  var EDITOR_URL = typeof window !== "undefined" ? window.location?.origin : "";
-
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/utils/approvedDomain/approvedDomain.js
   var parentDomain;
   var APPROVED_EXTENSION_COMMUNICATION_DOMAINS = [
     "https://app.stagingdesigner.com",
     "https://*.stagingdesigner.com",
     "http://localhost:3000",
-    "https://app.kittl.com"
+    "https://app.kittl.com",
+    // website, for sandboxed standalone dashboard pages
+    "http://localhost:3003",
+    "https://www.kittl.com"
   ];
   var toOrigin = (value) => {
     if (!value) {
@@ -191,16 +212,16 @@
     return parentDomain;
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/messageSender.js
   var pendingRequests = /* @__PURE__ */ new Map();
-  var generateMessageId = () => {
-    if (crypto?.randomUUID && typeof crypto.randomUUID === "function") {
-      return crypto.randomUUID();
-    }
-    return Math.random().toString(36).substring(7);
-  };
+  var sdkVersion;
+  function setSDKVersion(version2) {
+    sdkVersion = version2;
+  }
   var postMessageToParent = (message) => {
-    window.parent.postMessage(message, getParentDomain());
+    window.parent.postMessage(
+      sdkVersion === void 0 ? message : { ...message, sdkVersion },
+      getParentDomain()
+    );
   };
   var sendMessage = (message) => {
     postMessageToParent(message);
@@ -222,8 +243,28 @@
     postMessageToParent(message);
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/apiProxy/index.js
   var createSDKCallMessage = {
+    aiGenerator: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "aiGenerator"
+    }),
+    mockup: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "mockup"
+    }),
+    fileBrowser: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "fileBrowser"
+    }),
     ai: (dots, args, messageId) => ({
       command: FROM_EXTENSION_COMMANDS.SDK_CALL,
       dots,
@@ -245,6 +286,13 @@
       messageId,
       apiType: "design"
     }),
+    export: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "export"
+    }),
     font: (dots, args, messageId) => ({
       command: FROM_EXTENSION_COMMANDS.SDK_CALL,
       dots,
@@ -252,6 +300,13 @@
       messageId,
       apiType: "font"
     }),
+    project: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "project"
+    }),
     state: (dots, args, messageId) => ({
       command: FROM_EXTENSION_COMMANDS.SDK_CALL,
       dots,
@@ -272,6 +327,27 @@
       args,
       messageId,
       apiType: "data"
+    }),
+    brandKit: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "brandKit"
+    }),
+    openMicroEditor: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "openMicroEditor"
+    }),
+    openMainEditor: (dots, args, messageId) => ({
+      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+      dots,
+      args,
+      messageId,
+      apiType: "openMainEditor"
     })
   };
   function createApiProxy(apiType) {
@@ -288,7 +364,64 @@
     });
   }
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/apiProxy/aiApiProxy.js
+  function createAIGeneratorBridgeApi() {
+    const callbacks = /* @__PURE__ */ new Map();
+    const proxy = createApiProxy("aiGenerator");
+    async function subscribe(request, callback) {
+      const subscriptionId = generateMessageId();
+      callbacks.set(subscriptionId, callback);
+      let response;
+      try {
+        response = await sendMessage({
+          command: "ai-generator-subscribe",
+          ...request,
+          subscriptionId,
+          messageId: generateMessageId()
+        });
+      } catch (error) {
+        callbacks.delete(subscriptionId);
+        throw error;
+      }
+      if (!response.isOk) {
+        callbacks.delete(subscriptionId);
+        throw new Error(response.error.message);
+      }
+      return () => {
+        callbacks.delete(subscriptionId);
+        postMessageToParent({
+          command: "ai-generator-unsubscribe",
+          subscriptionId
+        });
+      };
+    }
+    const methods = {
+      registerGenerator: (id, callback) => subscribe({ method: "registerGenerator", args: [id] }, (update) => {
+        if (update) callback(update);
+      }),
+      subscribeToGenerationUpdates: (ids, callback) => subscribe(
+        { method: "subscribeToGenerationUpdates", args: [ids] },
+        (update) => {
+          if (update) callback(update);
+        }
+      ),
+      subscribeToPendingGenerations: (callback) => subscribe(
+        { method: "subscribeToPendingGenerations", args: [] },
+        () => callback()
+      ),
+      /** Callers may reuse richer internal submission objects; never send their local abort callbacks. */
+      cancelGenerations: (submission) => proxy.cancelGenerations({
+        generationIds: submission.generationIds,
+        until: submission.until
+      })
+    };
+    return {
+      api: new Proxy(proxy, {
+        get: (target, property, receiver) => property in methods ? methods[property] : Reflect.get(target, property, receiver)
+      }),
+      dispatch: (message) => callbacks.get(message.subscriptionId)?.(message.update)
+    };
+  }
+
   var generationHandlers = /* @__PURE__ */ new Map();
   var generationSubscriptions = /* @__PURE__ */ new Map();
   var dispatchAIGenerationUpdate = (subscriptionId, update) => {
@@ -390,9 +523,11 @@
     };
   }
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/apiProxy/fileBrowserApiProxy.js
   var fetchContentHandlers = /* @__PURE__ */ new Map();
   var tabIdToSubscriptionId = /* @__PURE__ */ new Map();
+  var removeSubscriptionHandlers = (subscriptionId) => {
+    fetchContentHandlers.delete(subscriptionId);
+  };
   var dispatchFileBrowserFetchContentRequest = (requestId, subscriptionId, params) => {
     const handler = fetchContentHandlers.get(subscriptionId);
     if (!handler) {
@@ -412,12 +547,12 @@
         next: result.next
       };
       postMessageToParent(responseMessage);
-    }).catch((e) => {
+    }).catch((error) => {
       const responseMessage = {
         command: FROM_EXTENSION_COMMANDS.FILE_BROWSER_FETCH_CONTENT_RESPONSE,
         requestId,
         content: [],
-        error: e instanceof Error ? e.message : "Unknown error"
+        error: error instanceof Error ? error.message : "Unknown error"
       };
       postMessageToParent(responseMessage);
     });
@@ -428,7 +563,7 @@
         const subscriptionId = generateMessageId();
         const existingSubscriptionId = tabIdToSubscriptionId.get(tab.id);
         if (existingSubscriptionId) {
-          fetchContentHandlers.delete(existingSubscriptionId);
+          removeSubscriptionHandlers(existingSubscriptionId);
         }
         fetchContentHandlers.set(subscriptionId, tab.fetchContent);
         tabIdToSubscriptionId.set(tab.id, subscriptionId);
@@ -437,12 +572,14 @@
           messageId: generateMessageId(),
           tabId: tab.id,
           label: tab.label,
+          order: tab.order,
+          emptyState: tab.emptyState,
           subscriptionId
         };
         try {
           const response = await sendMessage(registerMessage);
           if (!response.isOk) {
-            fetchContentHandlers.delete(subscriptionId);
+            removeSubscriptionHandlers(subscriptionId);
             tabIdToSubscriptionId.delete(tab.id);
             return {
               isOk: false,
@@ -454,7 +591,8 @@
             result: void 0
           };
         } catch {
-          fetchContentHandlers.delete(subscriptionId);
+          removeSubscriptionHandlers(subscriptionId);
+          tabIdToSubscriptionId.delete(tab.id);
           return {
             isOk: false,
             error: {
@@ -467,7 +605,6 @@
     };
   }
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/appState/index.js
   var sendUnsubscribe = (selectorIds) => {
     const message = {
       command: FROM_EXTENSION_COMMANDS.APP_STATE_UNSUBSCRIBE,
@@ -532,106 +669,127 @@
     return { subscribe, dispatch };
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/authBridge/index.js
-  var hashPKCECode = async (input) => {
-    const textAsBuffer = new TextEncoder().encode(input);
-    const hashBuffer = await window.crypto.subtle.digest("SHA-256", textAsBuffer);
-    const hashArray = new Uint8Array(hashBuffer);
-    const binaryString = String.fromCharCode(...hashArray);
-    const base64 = btoa(binaryString);
-    return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-  };
-  var generatePKCECode = () => {
-    if (!window.crypto) {
-      throw new Error("Crypto API not available");
+  var SandboxedAuthClient = class {
+    /**
+     * Binds the public start method because the exported SDK API may pass it
+     * around without its client object as the receiver.
+     */
+    constructor() {
+      this.startAuth = this.startAuth.bind(this);
     }
-    const array = new Uint32Array(56);
-    window.crypto.getRandomValues(array);
-    return Array.from(array, (dec) => `0${dec.toString(16)}`.slice(-2)).join("");
-  };
-  var createAuthBridgeApi = () => {
-    return {
-      startAuth: async (request) => {
-        const state = generateMessageId();
-        let pkceCode = "";
-        let code_verifier = "";
-        if (request.generatePKCE) {
-          code_verifier = generatePKCECode();
-          pkceCode = await hashPKCECode(code_verifier);
+    /**
+     * Starts provider authentication and optionally adds an RFC 7636 PKCE
+     * challenge to the request. Successful responses include the verifier that
+     * the caller must pass to {@link exchangeCode}.
+     */
+    async startAuth(request) {
+      const state = generateMessageId();
+      let pkceCode = "";
+      let code_verifier = "";
+      if (request.generatePKCE) {
+        code_verifier = this.generatePKCECode();
+        pkceCode = await this.hashPKCECode(code_verifier);
+      }
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_START,
+        messageId: generateMessageId(),
+        state,
+        provider: request.provider,
+        params: {
+          ...request.params,
+          ...pkceCode ? {
+            code_challenge: pkceCode,
+            code_challenge_method: "S256"
+          } : {}
         }
-        const message = {
-          command: FROM_EXTENSION_COMMANDS.AUTH_START,
-          messageId: generateMessageId(),
-          state,
-          provider: request.provider,
-          params: {
-            ...request.params,
-            ...pkceCode ? {
-              code_challenge: pkceCode,
-              code_challenge_method: "S256"
-            } : {}
-          }
-        };
-        const response = await sendMessage(message);
-        if (!response.isOk) {
-          return response;
+      };
+      const response = await sendMessage(message);
+      if (!response.isOk) {
+        return response;
+      }
+      return {
+        ...response,
+        result: {
+          ...response.result,
+          code_verifier
         }
-        return {
-          ...response,
-          result: {
-            ...response.result,
-            code_verifier
-          }
-        };
-      },
-      exchangeCode: (request) => {
-        const message = {
-          command: FROM_EXTENSION_COMMANDS.AUTH_EXCHANGE,
-          messageId: generateMessageId(),
-          code: request.code,
-          code_verifier: request.code_verifier,
-          provider: request.provider,
-          params: request.params,
-          headers: request.headers
-        };
-        return sendMessage(message);
-      },
-      getAuthToken: (request) => {
-        const message = {
-          command: FROM_EXTENSION_COMMANDS.AUTH_GET_TOKEN,
-          messageId: generateMessageId(),
-          provider: request.provider
-        };
-        return sendMessage(message);
-      },
-      refreshToken: (request) => {
-        const message = {
-          command: FROM_EXTENSION_COMMANDS.AUTH_REFRESH,
-          messageId: generateMessageId(),
-          provider: request.provider
-        };
-        return sendMessage(message);
-      },
-      logout: (request) => {
-        const message = {
-          command: FROM_EXTENSION_COMMANDS.AUTH_LOGOUT,
-          messageId: generateMessageId(),
-          provider: request.provider
-        };
-        return sendMessage(message);
-      },
-      getUserToken: () => {
-        const message = {
-          command: "auth-get-user-token",
-          messageId: generateMessageId()
-        };
-        return sendMessage(message);
+      };
+    }
+    /** Exchanges the provider authorization code for an auth token. */
+    exchangeCode(request) {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_EXCHANGE,
+        messageId: generateMessageId(),
+        code: request.code,
+        code_verifier: request.code_verifier,
+        provider: request.provider,
+        params: request.params,
+        headers: request.headers
+      };
+      return sendMessage(message);
+    }
+    /** Requests the current auth token for a provider. */
+    getAuthToken(request) {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_GET_TOKEN,
+        messageId: generateMessageId(),
+        provider: request.provider
+      };
+      return sendMessage(message);
+    }
+    /** Refreshes the auth token for a provider. */
+    refreshToken(request) {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_REFRESH,
+        messageId: generateMessageId(),
+        provider: request.provider
+      };
+      return sendMessage(message);
+    }
+    /** Logs the current user out of a provider. */
+    logout(request) {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_LOGOUT,
+        messageId: generateMessageId(),
+        provider: request.provider
+      };
+      return sendMessage(message);
+    }
+    /** Requests the authenticated user's user token from the parent window. */
+    getUserToken() {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.AUTH_GET_USER_TOKEN,
+        messageId: generateMessageId()
+      };
+      return sendMessage(message);
+    }
+    /** Hashes a PKCE verifier and encodes the SHA-256 digest as Base64URL. */
+    async hashPKCECode(input) {
+      const subtle = window.crypto?.subtle;
+      if (!subtle) {
+        throw new Error("Web Crypto SubtleCrypto API not available");
       }
-    };
+      const textAsBuffer = new TextEncoder().encode(input);
+      const hashBuffer = await subtle.digest("SHA-256", textAsBuffer);
+      const hashArray = new Uint8Array(hashBuffer);
+      const binaryString = String.fromCharCode(...hashArray);
+      const base64 = btoa(binaryString);
+      return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+    }
+    /** Generates a high-entropy RFC 7636-compatible PKCE verifier. */
+    generatePKCECode() {
+      if (!window.crypto) {
+        throw new Error("Crypto API not available");
+      }
+      const array = new Uint32Array(56);
+      window.crypto.getRandomValues(array);
+      return Array.from(array, (dec) => `0${dec.toString(16)}`.slice(-2)).join(
+        ""
+      );
+    }
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/batch/index.js
-  var createBatch = async () => {
+  var createBatchFor = async (apiType) => {
     const response = await sendMessage({
       command: FROM_EXTENSION_COMMANDS.BATCH_CREATE,
       messageId: generateMessageId()
@@ -640,14 +798,17 @@
       throw response.error;
     }
     const { batchKey } = response.result;
-    const sendDesignCall = (dots, args) => sendMessage({
-      command: FROM_EXTENSION_COMMANDS.SDK_CALL,
-      dots,
-      args,
-      messageId: generateMessageId(),
-      apiType: "design",
-      batchKey
-    });
+    const sendDesignCall = (dots, args) => {
+      const message = {
+        command: FROM_EXTENSION_COMMANDS.SDK_CALL,
+        dots: apiType === "project" ? ["design", "api", ...dots] : dots,
+        args,
+        messageId: generateMessageId(),
+        apiType,
+        batchKey
+      };
+      return sendMessage(message);
+    };
     const commit = async () => {
       const res = await sendMessage({
         command: FROM_EXTENSION_COMMANDS.BATCH_COMMIT,
@@ -674,8 +835,9 @@
     };
     return buildNode([]);
   };
+  var createBatch = () => createBatchFor("design");
+  var createProjectBatch = () => createBatchFor("project");
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/context/contextBridge.js
   var createContextBridgeApi = () => {
     const contextProxy = createApiProxy("context");
     const subscriptionCallbacks = /* @__PURE__ */ new Map();
@@ -722,7 +884,6 @@
     return { api, dispatch };
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/designState/index.js
   var sendUnsubscribe2 = (selectorIds) => {
     const message = {
       command: FROM_EXTENSION_COMMANDS.DESIGN_STATE_UNSUBSCRIBE,
@@ -789,7 +950,6 @@
     return { subscribe, dispatch };
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/stateless/index.js
   var createStatelessBridgeApi = () => {
     const subscribers = /* @__PURE__ */ new Map();
     return {
@@ -839,11 +999,12 @@
     };
   };
 
-  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers.js
   var statelessApi = createStatelessBridgeApi();
   var designStateApi = createDesignStateBridgeApi();
   var appStateApi = createAppStateBridgeApi();
   var { api: contextApi, dispatch: dispatchContextUpdate } = createContextBridgeApi();
+  var authClient = new SandboxedAuthClient();
+  var aiGeneratorBridge = createAIGeneratorBridgeApi();
   var handleIncomingMessage = (event) => {
     const parent = window.parent;
     if (!parent || parent === window) {
@@ -866,6 +1027,10 @@
       statelessApi.dispatch(data.type, data.payload);
       return;
     }
+    if (isAIGeneratorUpdateMessage(data)) {
+      aiGeneratorBridge.dispatch(data);
+      return;
+    }
     if (isAIGenerationUpdatePushMessage(data)) {
       dispatchAIGenerationUpdate(data.subscriptionId, data.update);
       return;
@@ -890,30 +1055,49 @@
       );
     }
   };
+  var projectProxy = createApiProxy("project");
+  var projectApi = {
+    design: {
+      state: {
+        getState: projectProxy.design.state.getState,
+        subscribe: designStateApi.subscribe
+      },
+      api: projectProxy.design.api,
+      createBatch: createProjectBatch
+    },
+    app: {
+      state: {
+        getState: projectProxy.app.state.getState,
+        subscribe: appStateApi.subscribe
+      },
+      api: projectProxy.app.api
+    }
+  };
   var bridgeHandlers = {
+    aiGenerator: aiGeneratorBridge.api,
+    brandKit: createApiProxy("brandKit"),
+    mockup: createApiProxy("mockup"),
     ai: createAIApiProxy(),
     context: contextApi,
     data: createApiProxy("data"),
     design: createApiProxy("design"),
     designStore: designStateApi,
     appStore: appStateApi,
+    export: createApiProxy("export"),
     font: createApiProxy("font"),
+    project: projectApi,
     state: createApiProxy("state"),
     upload: createApiProxy("upload"),
-    fileBrowser: createFileBrowserApiProxy(),
-    auth: createAuthBridgeApi(),
+    fileBrowser: { getFiles: createApiProxy("fileBrowser").getFiles },
+    fileBrowserRegistration: createFileBrowserApiProxy(),
+    openMicroEditor: createApiProxy("openMicroEditor"),
+    openMainEditor: createApiProxy("openMainEditor"),
+    auth: authClient,
     stateless: statelessApi,
-    createBatch
+    createBatch,
+    createProjectBatch
   };
 
-  // src/api/utils.ts
-  function unwrapResult(result) {
-    if (result.isOk) {
-      return result.result;
-    }
-    throw result.error;
-  }
-
   // src/api/dragAndDrop/DragAndDropApi.ts
   var HIDDEN_DRAG_PREVIEW_OFFSET_PX = "-9999px";
   var DragAndDropApi = class {
@@ -946,7 +1130,7 @@
     async dropImage(input) {
       let objectId = null;
       try {
-        const offset = unwrapResult(await this.context.get()).dragAndDrop.offset;
+        const offset = unwrapResult(await this.context.get()).iframeOffset;
         const params = this.buildDropImageParams(input, offset);
         objectId = await this.addDroppedImage(params);
         if (input.persistImage) {
@@ -1175,6 +1359,33 @@
     }
   };
 
+  // src/createEditorSDKAPIs.ts
+  function createEditorSDKAPIs() {
+    const { project } = bridgeHandlers;
+    const dragAndDrop = new DragAndDropApi({
+      state: project.app.api,
+      context: bridgeHandlers.context,
+      design: project.design.api,
+      upload: bridgeHandlers.upload
+    });
+    return {
+      aiGenerator: bridgeHandlers.aiGenerator,
+      mockup: bridgeHandlers.mockup,
+      project,
+      export: bridgeHandlers.export,
+      helpers: { dragAndDrop },
+      dragAndDrop,
+      auth: bridgeHandlers.auth,
+      upload: bridgeHandlers.upload,
+      stateless: bridgeHandlers.stateless,
+      font: bridgeHandlers.font,
+      fileBrowser: bridgeHandlers.fileBrowser
+    };
+  }
+
+  // package.json
+  var version = "1.0.0";
+
   // src/utils/syncHtmlDataThemeFromHostContext.ts
   async function syncHtmlDataThemeFromHostContext(kittl2) {
     if (typeof document === "undefined") {
@@ -1193,44 +1404,53 @@
     });
   }
 
-  // src/index.ts
-  var kittl = {
-    onLoadedCallback: null,
-    loaded: false,
-    onReady: (cb) => {
-      if (kittl.loaded) {
-        cb();
-        return;
-      }
-      kittl.onLoadedCallback = cb;
-    },
-    ...bridgeHandlers,
-    dragAndDrop: new DragAndDropApi({
-      state: bridgeHandlers.state,
-      context: bridgeHandlers.context,
-      design: bridgeHandlers.design,
-      upload: bridgeHandlers.upload
-    })
-  };
-  var initSdk = () => {
-    kittl.loaded = true;
-    window.addEventListener(
-      "message",
-      (event) => {
-        handleIncomingMessage(event);
+  // src/createKittlSDK.ts
+  function createKittlSDK(apis) {
+    const kittl2 = {
+      onLoadedCallback: null,
+      loaded: false,
+      onReady: (callback) => {
+        if (kittl2.loaded) {
+          callback();
+          return;
+        }
+        kittl2.onLoadedCallback = callback;
+      },
+      ...apis
+    };
+    const initSdk = () => {
+      kittl2.loaded = true;
+      window.addEventListener(
+        "message",
+        (event) => {
+          handleIncomingMessage(event);
+        }
+      );
+      const { context } = apis;
+      const themeSynced = context?.get && context.subscribe ? syncHtmlDataThemeFromHostContext({
+        context
+      }) : Promise.resolve();
+      void themeSynced.catch(() => void 0).then(() => {
+        kittl2.onLoadedCallback?.();
+        sendLoaded();
+      });
+    };
+    if (typeof document !== "undefined" && typeof window !== "undefined") {
+      setSDKVersion(version);
+      window.kittl = kittl2;
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", initSdk);
+      } else {
+        initSdk();
       }
-    );
-    void syncHtmlDataThemeFromHostContext(kittl).then(() => {
-      kittl.onLoadedCallback?.();
-      sendLoaded();
-    });
-  };
-  if (typeof document !== "undefined" && typeof window !== "undefined") {
-    window.kittl = kittl;
-    if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", initSdk);
-    } else {
-      initSdk();
     }
+    return kittl2;
   }
+
+  // src/editorScriptRunner.ts
+  var kittl = createKittlSDK({
+    ...createEditorSDKAPIs(),
+    // nothing is contextually relevant to a hidden script runner yet
+    context: {}
+  });
 })();