@kittl/sdk 0.0.3 → 0.0.4

package/dist/kittl-sdk.esm.js

@@ -18,6 +18,9 @@ var isDesignStateUpdatePushMessage = (data) => {
 var isAppStateUpdatePushMessage = (data) => {
   return typeof data === "object" && data !== null && "command" in data && data.command === "app-state-update" && "updates" in data && Array.isArray(data.updates);
 };
+var isContextUpdatePushMessage = (data) => {
+  return typeof data === "object" && data !== null && "command" in data && data.command === "context-update" && "subscriptionId" in data && typeof data.subscriptionId === "string" && "context" in data && typeof data.context === "object" && data.context !== null;
+};
 
 // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/shared/createApiProxyCore.js
 var buildMethodPath = (rootPrefix, pathSegments) => {
@@ -486,6 +489,53 @@ var createBatch = async () => {
   return buildNode([]);
 };
 
+// ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/context/contextBridge.js
+var createContextBridgeApi = () => {
+  const contextProxy = createApiProxy("context");
+  const subscriptionCallbacks = /* @__PURE__ */ new Map();
+  const dispatch = (message) => {
+    const cb = subscriptionCallbacks.get(message.subscriptionId);
+    cb?.(message.context);
+  };
+  const subscribeImpl = async (callback) => {
+    const subscriptionId = generateMessageId();
+    const messageId = generateMessageId();
+    subscriptionCallbacks.set(subscriptionId, callback);
+    let response;
+    try {
+      response = await sendMessage({
+        command: "context-subscribe",
+        messageId,
+        subscriptionId
+      });
+    } catch (error) {
+      subscriptionCallbacks.delete(subscriptionId);
+      throw error;
+    }
+    if (!response.isOk) {
+      subscriptionCallbacks.delete(subscriptionId);
+      throw new Error(`context-subscribe failed: ${response.error.message}`);
+    }
+    return () => {
+      subscriptionCallbacks.delete(subscriptionId);
+      const message = {
+        command: "context-unsubscribe",
+        subscriptionId
+      };
+      postMessageToParent(message);
+    };
+  };
+  const api = new Proxy(contextProxy, {
+    get(target, prop, receiver) {
+      if (prop === "subscribe") {
+        return subscribeImpl;
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+  return { api, dispatch };
+};
+
 // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/designState/index.js
 var sendUnsubscribe2 = (selectorIds) => {
   const message = {
@@ -607,6 +657,7 @@ var createStatelessBridgeApi = () => {
 var statelessApi = createStatelessBridgeApi();
 var designStateApi = createDesignStateBridgeApi();
 var appStateApi = createAppStateBridgeApi();
+var { api: contextApi, dispatch: dispatchContextUpdate } = createContextBridgeApi();
 var handleIncomingMessage = (event) => {
   const parent = window.parent;
   if (!parent || parent === window) {
@@ -641,10 +692,13 @@ var handleIncomingMessage = (event) => {
     appStateApi.dispatch(data.updates);
     return;
   }
+  if (isContextUpdatePushMessage(data)) {
+    dispatchContextUpdate(data);
+  }
 };
 var bridgeHandlers = {
   ai: createAIApiProxy(),
-  context: createApiProxy("context"),
+  context: contextApi,
   design: createApiProxy("design"),
   designStore: designStateApi,
   appStore: appStateApi,
@@ -925,6 +979,24 @@ var DragAndDropApi = class {
   }
 };
 
+// src/utils/syncHtmlDataThemeFromHostContext.ts
+async function syncHtmlDataThemeFromHostContext(kittl2) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const parent = window.parent;
+  if (!parent || parent === window) {
+    return;
+  }
+  const contextResponse = await kittl2.context.get();
+  if (contextResponse.isOk) {
+    document.documentElement.dataset.theme = contextResponse.result.colorScheme;
+  }
+  await kittl2.context.subscribe((ctx) => {
+    document.documentElement.dataset.theme = ctx.colorScheme;
+  });
+}
+
 // src/index.ts
 var kittl = {
   onLoadedCallback: null,
@@ -952,8 +1024,10 @@ var initSdk = () => {
       handleIncomingMessage(event);
     }
   );
-  kittl.onLoadedCallback?.();
-  sendLoaded();
+  void syncHtmlDataThemeFromHostContext(kittl).then(() => {
+    kittl.onLoadedCallback?.();
+    sendLoaded();
+  });
 };
 if (typeof document !== "undefined" && typeof window !== "undefined") {
   window.kittl = kittl;

package/dist/kittl-sdk.js

@@ -19,6 +19,9 @@
   var isAppStateUpdatePushMessage = (data) => {
     return typeof data === "object" && data !== null && "command" in data && data.command === "app-state-update" && "updates" in data && Array.isArray(data.updates);
   };
+  var isContextUpdatePushMessage = (data) => {
+    return typeof data === "object" && data !== null && "command" in data && data.command === "context-update" && "subscriptionId" in data && typeof data.subscriptionId === "string" && "context" in data && typeof data.context === "object" && data.context !== null;
+  };
 
   // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/shared/createApiProxyCore.js
   var buildMethodPath = (rootPrefix, pathSegments) => {
@@ -487,6 +490,53 @@
     return buildNode([]);
   };
 
+  // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/context/contextBridge.js
+  var createContextBridgeApi = () => {
+    const contextProxy = createApiProxy("context");
+    const subscriptionCallbacks = /* @__PURE__ */ new Map();
+    const dispatch = (message) => {
+      const cb = subscriptionCallbacks.get(message.subscriptionId);
+      cb?.(message.context);
+    };
+    const subscribeImpl = async (callback) => {
+      const subscriptionId = generateMessageId();
+      const messageId = generateMessageId();
+      subscriptionCallbacks.set(subscriptionId, callback);
+      let response;
+      try {
+        response = await sendMessage({
+          command: "context-subscribe",
+          messageId,
+          subscriptionId
+        });
+      } catch (error) {
+        subscriptionCallbacks.delete(subscriptionId);
+        throw error;
+      }
+      if (!response.isOk) {
+        subscriptionCallbacks.delete(subscriptionId);
+        throw new Error(`context-subscribe failed: ${response.error.message}`);
+      }
+      return () => {
+        subscriptionCallbacks.delete(subscriptionId);
+        const message = {
+          command: "context-unsubscribe",
+          subscriptionId
+        };
+        postMessageToParent(message);
+      };
+    };
+    const api = new Proxy(contextProxy, {
+      get(target, prop, receiver) {
+        if (prop === "subscribe") {
+          return subscribeImpl;
+        }
+        return Reflect.get(target, prop, receiver);
+      }
+    });
+    return { api, dispatch };
+  };
+
   // ../../packages/editor-core/sdk/sdk-bridge/dist/bridge/sandboxed/handlers/designState/index.js
   var sendUnsubscribe2 = (selectorIds) => {
     const message = {
@@ -608,6 +658,7 @@
   var statelessApi = createStatelessBridgeApi();
   var designStateApi = createDesignStateBridgeApi();
   var appStateApi = createAppStateBridgeApi();
+  var { api: contextApi, dispatch: dispatchContextUpdate } = createContextBridgeApi();
   var handleIncomingMessage = (event) => {
     const parent = window.parent;
     if (!parent || parent === window) {
@@ -642,10 +693,13 @@
       appStateApi.dispatch(data.updates);
       return;
     }
+    if (isContextUpdatePushMessage(data)) {
+      dispatchContextUpdate(data);
+    }
   };
   var bridgeHandlers = {
     ai: createAIApiProxy(),
-    context: createApiProxy("context"),
+    context: contextApi,
     design: createApiProxy("design"),
     designStore: designStateApi,
     appStore: appStateApi,
@@ -926,6 +980,24 @@
     }
   };
 
+  // src/utils/syncHtmlDataThemeFromHostContext.ts
+  async function syncHtmlDataThemeFromHostContext(kittl2) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const parent = window.parent;
+    if (!parent || parent === window) {
+      return;
+    }
+    const contextResponse = await kittl2.context.get();
+    if (contextResponse.isOk) {
+      document.documentElement.dataset.theme = contextResponse.result.colorScheme;
+    }
+    await kittl2.context.subscribe((ctx) => {
+      document.documentElement.dataset.theme = ctx.colorScheme;
+    });
+  }
+
   // src/index.ts
   var kittl = {
     onLoadedCallback: null,
@@ -953,8 +1025,10 @@
         handleIncomingMessage(event);
       }
     );
-    kittl.onLoadedCallback?.();
-    sendLoaded();
+    void syncHtmlDataThemeFromHostContext(kittl).then(() => {
+      kittl.onLoadedCallback?.();
+      sendLoaded();
+    });
   };
   if (typeof document !== "undefined" && typeof window !== "undefined") {
     window.kittl = kittl;

package/dist/sdk.d.ts

@@ -567,6 +567,7 @@ export interface AppStateAPI {
 	setCanvasMode(mode: AppState["canvasMode"], origin?: Origin): void;
 	getActiveTool(): ActiveTool | null;
 	setActiveTool(tool: ActiveTool | null): void;
+	getIsDragPanning(): boolean;
 	viewport: ViewportAPI;
 	getHighlightedObjectId(): string | null;
 	setHighlightedObjectId(id: string | null): void;
@@ -617,7 +618,8 @@ export interface AsyncAuthAPI {
 export interface AsyncBatchDesignAPI extends AsyncDesignAPI {
 	commit: () => Promise<void>;
 }
-export interface AsyncContextAPI extends WithAsync<ContextAPI> {
+export interface AsyncContextAPI extends Omit<WithAsync<ContextAPI>, "subscribe"> {
+	subscribe(callback: ContextSubscriptionCallback): Promise<() => void>;
 }
 export interface AsyncDesignAPI extends WithAsync<WithOptsRemoved<DesignAPI>> {
 }
@@ -762,6 +764,7 @@ export interface ConfigAPI {
 }
 export interface ContextAPI {
 	get(input?: ContextGetInput): KittlContext;
+	subscribe(callback: ContextSubscriptionCallback): () => void;
 }
 export interface ContextGetInput {
 	iframe?: Pick<HTMLIFrameElement, "getBoundingClientRect">;
@@ -1267,6 +1270,8 @@ export type ActiveTool = {
 	type: "artboard";
 } | {
 	type: "move";
+} | {
+	type: "hand";
 } | {
 	type: "pen";
 } | {
@@ -1349,6 +1354,7 @@ export type AppState = {
 	canvasMode: CanvasMode | string;
 	activeTool: ActiveTool | null;
 	viewport: Viewport;
+	isDragPanning: boolean;
 	highlightedObjectId: string | null;
 };
 /**
@@ -1409,6 +1415,7 @@ export type CombinedShapeSerializedObject = Omit<typeof DEFAULT_VALUES, "shapes"
 export type ConnectedArtboardOptions<T extends ArtboardLikeType = ArtboardLikeType> = BaseStandardArtboardOptions<T> & {
 	inputBoardIds?: string[];
 };
+export type ContextSubscriptionCallback = (context: KittlContext) => void;
 export type ConvertShapeToMaskInput = {
 	id: NormalizedBasicShapeObject["id"];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kittl/sdk",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "Apache-2.0",
   "private": false,
   "type": "module",