@kittl/sdk 0.0.8 → 1.0.0-alpha.1

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

@@ -2,8 +2,19 @@
 /*! Kittl SDK - https://kittl.com - see license for terms */
 
 
-// ../../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 */
@@ -52,6 +63,8 @@ var FROM_EXTENSION_COMMANDS = {
   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 */
@@ -68,7 +81,10 @@ var TO_EXTENSION_COMMANDS = {
   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";
 };
@@ -91,7 +107,13 @@ var isFileBrowserFetchContentRequestMessage = (data) => {
   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(".");
@@ -127,16 +149,15 @@ var createCallablePathProxy = (options) => {
   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) {
@@ -190,16 +211,16 @@ var getParentDomain = () => {
   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);
@@ -221,8 +242,28 @@ var sendLoaded = () => {
   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,
@@ -244,6 +285,13 @@ var createSDKCallMessage = {
     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,
@@ -251,6 +299,13 @@ var createSDKCallMessage = {
     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,
@@ -271,6 +326,27 @@ var createSDKCallMessage = {
     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) {
@@ -287,7 +363,64 @@ function createApiProxy(apiType) {
   });
 }
 
-// ../../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) => {
@@ -389,9 +522,11 @@ function createAIApiProxy() {
   };
 }
 
-// ../../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) {
@@ -411,12 +546,12 @@ var dispatchFileBrowserFetchContentRequest = (requestId, subscriptionId, params)
       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);
   });
@@ -427,7 +562,7 @@ function createFileBrowserApiProxy() {
       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);
@@ -436,12 +571,14 @@ function createFileBrowserApiProxy() {
         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,
@@ -453,7 +590,8 @@ function createFileBrowserApiProxy() {
           result: void 0
         };
       } catch {
-        fetchContentHandlers.delete(subscriptionId);
+        removeSubscriptionHandlers(subscriptionId);
+        tabIdToSubscriptionId.delete(tab.id);
         return {
           isOk: false,
           error: {
@@ -466,7 +604,6 @@ function createFileBrowserApiProxy() {
   };
 }
 
-// ../../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,
@@ -531,106 +668,127 @@ var createAppStateBridgeApi = () => {
   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()
@@ -639,14 +797,17 @@ var createBatch = async () => {
     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,
@@ -673,8 +834,9 @@ var createBatch = async () => {
   };
   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();
@@ -721,7 +883,6 @@ var createContextBridgeApi = () => {
   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,
@@ -788,7 +949,6 @@ var createDesignStateBridgeApi = () => {
   return { subscribe, dispatch };
 };
 
-// ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/stateless/index.js
 var createStatelessBridgeApi = () => {
   const subscribers = /* @__PURE__ */ new Map();
   return {
@@ -838,11 +998,12 @@ var createStatelessBridgeApi = () => {
   };
 };
 
-// ../../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) {
@@ -865,6 +1026,10 @@ var handleIncomingMessage = (event) => {
     statelessApi.dispatch(data.type, data.payload);
     return;
   }
+  if (isAIGeneratorUpdateMessage(data)) {
+    aiGeneratorBridge.dispatch(data);
+    return;
+  }
   if (isAIGenerationUpdatePushMessage(data)) {
     dispatchAIGenerationUpdate(data.subscriptionId, data.update);
     return;
@@ -889,30 +1054,49 @@ var handleIncomingMessage = (event) => {
     );
   }
 };
+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 {
@@ -945,7 +1129,7 @@ var DragAndDropApi = class {
   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) {
@@ -1174,6 +1358,33 @@ var DragAndDropApi = class {
   }
 };
 
+// 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") {
@@ -1192,46 +1403,55 @@ async function syncHtmlDataThemeFromHostContext(kittl2) {
   });
 }
 
-// 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: {}
+});
 export {
   kittl,
   unwrapResult