@templatical/core 0.0.1 → 0.0.2

package/dist/cloud/index.cjs

@@ -43,6 +43,7 @@ __export(cloud_exports, {
   useAiConfig: () => useAiConfig,
   useAiRewrite: () => useAiRewrite,
   useCollaboration: () => useCollaboration,
+  useCollaborationBroadcast: () => useCollaborationBroadcast,
   useCommentListener: () => useCommentListener,
   useComments: () => useComments,
   useDesignReference: () => useDesignReference,
@@ -60,16 +61,22 @@ module.exports = __toCommonJS(cloud_exports);
 
 // src/cloud/auth.ts
 var import_types = require("@templatical/types");
-var _AuthManager = class _AuthManager {
+var AuthManager = class _AuthManager {
+  static DEFAULT_BASE_URL = "https://templatical.com";
+  accessToken = null;
+  expiresAt = null;
+  _projectId = null;
+  _tenantId = null;
+  _tenantSlug = null;
+  _testEmailConfig = null;
+  _userConfig = null;
+  url;
+  baseUrl;
+  requestOptions;
+  onError;
+  refreshPromise = null;
+  static REFRESH_THRESHOLD_MS = 60 * 1e3;
   constructor(config) {
-    this.accessToken = null;
-    this.expiresAt = null;
-    this._projectId = null;
-    this._tenantId = null;
-    this._tenantSlug = null;
-    this._testEmailConfig = null;
-    this._userConfig = null;
-    this.refreshPromise = null;
     this.url = config.url;
     this.baseUrl = (config.baseUrl ?? _AuthManager.DEFAULT_BASE_URL).replace(
       /\/$/,
@@ -192,7 +199,7 @@ var _AuthManager = class _AuthManager {
       }
       return this.accessToken;
     } catch (error) {
-      const wrappedError = error instanceof Error ? error : new Error("Token refresh failed");
+      const wrappedError = error instanceof Error ? error : new Error("Token refresh failed", { cause: error });
       this.onError?.(wrappedError);
       throw wrappedError;
     }
@@ -217,9 +224,6 @@ var _AuthManager = class _AuthManager {
     return response;
   }
 };
-_AuthManager.DEFAULT_BASE_URL = "https://templatical.com";
-_AuthManager.REFRESH_THRESHOLD_MS = 60 * 1e3;
-var AuthManager = _AuthManager;
 function createSdkAuthManager(config, onError) {
   if (config.mode === "direct") {
     const baseUrl = (config.baseUrl ?? "https://templatical.com").replace(
@@ -563,8 +567,11 @@ function resolveWebSocketConfig(serverConfig) {
   };
 }
 var WebSocketClient = class {
+  pusher = null;
+  authManager;
+  config;
+  onError;
   constructor(options) {
-    this.pusher = null;
     this.authManager = options.authManager;
     this.config = options.config;
     this.onError = options.onError;
@@ -699,7 +706,8 @@ function useEditor(options) {
     previewMode: false,
     isDirty: false,
     isSaving: false,
-    isLoading: false
+    isLoading: false,
+    uiTheme: "auto"
   });
   const content = (0, import_vue.computed)({
     get: () => state.content,
@@ -780,6 +788,9 @@ function useEditor(options) {
   function setDarkMode(darkMode) {
     state.darkMode = darkMode;
   }
+  function setUiTheme(theme) {
+    state.uiTheme = theme;
+  }
   function setPreviewMode(previewMode) {
     state.previewMode = previewMode;
     if (previewMode) {
@@ -935,6 +946,7 @@ function useEditor(options) {
     selectBlock,
     setViewport,
     setDarkMode,
+    setUiTheme,
     setPreviewMode,
     updateBlock,
     updateSettings,
@@ -1197,7 +1209,7 @@ function useAiChat(options) {
       }
       return result;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to generate template");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to generate template", { cause: err });
       error.value = wrappedError.message;
       failedPrompt.value = prompt;
       onError?.(wrappedError);
@@ -1693,7 +1705,9 @@ function useDesignReference(options) {
       }
       return result;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to generate template from design");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to generate template from design", {
+        cause: err
+      });
       error.value = wrappedError.message;
       onError?.(wrappedError);
       return null;
@@ -1797,7 +1811,7 @@ function useComments(options) {
     try {
       comments.value = await api.getComments(templateId);
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to load comments");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to load comments", { cause: err });
       onError?.(wrappedError);
     } finally {
       isLoading.value = false;
@@ -1831,7 +1845,7 @@ function useComments(options) {
       emitEvent("created", comment);
       return comment;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to create comment");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to create comment", { cause: err });
       onError?.(wrappedError);
       return null;
     } finally {
@@ -1858,7 +1872,7 @@ function useComments(options) {
       emitEvent("updated", updated);
       return updated;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to update comment");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to update comment", { cause: err });
       onError?.(wrappedError);
       return null;
     } finally {
@@ -1899,7 +1913,7 @@ function useComments(options) {
       emitEvent("deleted", commentSnapshot);
       return true;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to delete comment");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to delete comment", { cause: err });
       onError?.(wrappedError);
       return false;
     } finally {
@@ -1924,7 +1938,7 @@ function useComments(options) {
       emitEvent(eventType, updated);
       return updated;
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to toggle comment resolution");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to toggle comment resolution", { cause: err });
       onError?.(wrappedError);
       return null;
     } finally {
@@ -2257,6 +2271,73 @@ function useCollaboration(options) {
   };
 }
 
+// src/cloud/collaboration-broadcast.ts
+function useCollaborationBroadcast(editor, collaboration) {
+  const originalAddBlock = editor.addBlock;
+  const originalUpdateBlock = editor.updateBlock;
+  const originalRemoveBlock = editor.removeBlock;
+  const originalMoveBlock = editor.moveBlock;
+  const originalUpdateSettings = editor.updateSettings;
+  const originalSetContent = editor.setContent;
+  editor.addBlock = (block, targetSectionId, columnIndex) => {
+    originalAddBlock(block, targetSectionId, columnIndex);
+    collaboration._broadcastOperation({
+      operation: "add_block",
+      data: {
+        block,
+        section_id: targetSectionId,
+        column_index: columnIndex
+      },
+      timestamp: Date.now()
+    });
+  };
+  editor.updateBlock = (blockId, updates) => {
+    originalUpdateBlock(blockId, updates);
+    collaboration._broadcastOperation({
+      operation: "update_block",
+      data: { block_id: blockId, updates },
+      timestamp: Date.now()
+    });
+  };
+  editor.removeBlock = (blockId) => {
+    originalRemoveBlock(blockId);
+    collaboration._broadcastOperation({
+      operation: "delete_block",
+      data: { block_id: blockId },
+      timestamp: Date.now()
+    });
+  };
+  editor.moveBlock = (blockId, newIndex, targetSectionId, columnIndex) => {
+    originalMoveBlock(blockId, newIndex, targetSectionId, columnIndex);
+    collaboration._broadcastOperation({
+      operation: "move_block",
+      data: {
+        block_id: blockId,
+        index: newIndex,
+        section_id: targetSectionId,
+        column_index: columnIndex
+      },
+      timestamp: Date.now()
+    });
+  };
+  editor.updateSettings = (updates) => {
+    originalUpdateSettings(updates);
+    collaboration._broadcastOperation({
+      operation: "update_settings",
+      data: { updates },
+      timestamp: Date.now()
+    });
+  };
+  editor.setContent = (content, markDirty) => {
+    originalSetContent(content, markDirty);
+    collaboration._broadcastOperation({
+      operation: "set_content",
+      data: { content },
+      timestamp: Date.now()
+    });
+  };
+}
+
 // src/cloud/web-socket.ts
 var import_vue10 = require("vue");
 function useWebSocket(options) {
@@ -2466,7 +2547,7 @@ function useTestEmail(options) {
         signature: testEmailConfig.value.signature
       });
     } catch (err) {
-      const wrappedError = err instanceof Error ? err : new Error("Failed to send test email");
+      const wrappedError = err instanceof Error ? err : new Error("Failed to send test email", { cause: err });
       error.value = wrappedError.message;
       onError?.(wrappedError);
       throw wrappedError;
@@ -2534,7 +2615,7 @@ function usePlanConfig(options) {
       config.value = await apiClient.fetchConfig();
     } catch (error) {
       onError?.(
-        error instanceof Error ? error : new Error("Failed to fetch config")
+        error instanceof Error ? error : new Error("Failed to fetch config", { cause: error })
       );
     } finally {
       isLoading.value = false;
@@ -2676,6 +2757,7 @@ function useMcpListener(options) {
   useAiConfig,
   useAiRewrite,
   useCollaboration,
+  useCollaborationBroadcast,
   useCommentListener,
   useComments,
   useDesignReference,