@tangle-network/sandbox-ui 0.3.10 → 0.3.11

package/dist/{chunk-ZYGWTIWO.js → chunk-6NYG2R7V.js}

@@ -484,7 +484,7 @@ import { lazy, Suspense } from "react";
 import { Download as Download2, X as X3 } from "lucide-react";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var LazyDocumentEditorPane = lazy(async () => {
-  const module = await import("./document-editor-pane-GRIQOJHB.js");
+  const module = await import("./document-editor-pane-AFBP2KFT.js");
   return { default: module.DocumentEditorPane };
 });
 function FileArtifactPane({

package/dist/{chunk-MGCVTFKB.js → chunk-BOBXH6CH.js}

@@ -9756,6 +9756,7 @@ function EditorProvider({
   websocketUrl,
   documentName,
   token,
+  tokenExpiresAt,
   user,
   autoConnect = true,
   autoReconnect = true,
@@ -9763,6 +9764,7 @@ function EditorProvider({
   onConnectionChange,
   onSync,
   onAuthError,
+  onRefreshToken,
   children
 }) {
   const [connectionState, setConnectionState] = useState("disconnected");
@@ -9771,6 +9773,12 @@ function EditorProvider({
   const docRef = useRef(null);
   const providerRef = useRef(null);
   const reconnectAttemptsRef = useRef(0);
+  const tokenRef = useRef(token);
+  const tokenExpiryRef = useRef(tokenExpiresAt);
+  const refreshPromiseRef = useRef(null);
+  const refreshTimerRef = useRef(null);
+  tokenRef.current = token;
+  tokenExpiryRef.current = tokenExpiresAt;
   if (!docRef.current) {
     docRef.current = new Y3.Doc();
   }
@@ -9804,6 +9812,52 @@ function EditorProvider({
     },
     []
   );
+  const clearRefreshTimer = useCallback(() => {
+    if (refreshTimerRef.current != null) {
+      window.clearTimeout(refreshTimerRef.current);
+      refreshTimerRef.current = null;
+    }
+  }, []);
+  const refreshToken = useCallback(async () => {
+    if (!onRefreshToken) {
+      return null;
+    }
+    if (refreshPromiseRef.current) {
+      return refreshPromiseRef.current;
+    }
+    const refreshPromise = (async () => {
+      const next = await onRefreshToken();
+      const resolvedToken = typeof next === "string" ? next : next.token;
+      const resolvedExpiry = typeof next === "string" ? void 0 : next.expiresAt;
+      tokenRef.current = resolvedToken;
+      tokenExpiryRef.current = resolvedExpiry;
+      return resolvedToken;
+    })().catch((error) => {
+      onAuthError?.(
+        error instanceof Error ? error : new Error(String(error))
+      );
+      return null;
+    }).finally(() => {
+      refreshPromiseRef.current = null;
+    });
+    refreshPromiseRef.current = refreshPromise;
+    return refreshPromise;
+  }, [onAuthError, onRefreshToken]);
+  const scheduleTokenRefresh = useCallback(() => {
+    clearRefreshTimer();
+    if (!tokenExpiryRef.current || !onRefreshToken || typeof window === "undefined") {
+      return;
+    }
+    const refreshAtMs = tokenExpiryRef.current * 1e3 - 6e4;
+    const delay = refreshAtMs - Date.now();
+    if (delay <= 0) {
+      void refreshToken();
+      return;
+    }
+    refreshTimerRef.current = window.setTimeout(() => {
+      void refreshToken();
+    }, delay);
+  }, [clearRefreshTimer, onRefreshToken, refreshToken]);
   const connect = useCallback(() => {
     if (providerRef.current) {
       providerRef.current.connect();
@@ -9814,12 +9868,13 @@ function EditorProvider({
       url: websocketUrl,
       name: documentName,
       document: doc3,
-      token,
+      token: async () => tokenRef.current,
       // @ts-expect-error -- connect is valid at runtime but missing from type defs
       connect: true,
       onConnect: () => {
         reconnectAttemptsRef.current = 0;
         updateConnectionState("connected");
+        scheduleTokenRefresh();
       },
       onSynced: () => {
         setIsSynced(true);
@@ -9829,6 +9884,7 @@ function EditorProvider({
       onDisconnect: () => {
         updateConnectionState("disconnected");
         setIsSynced(false);
+        clearRefreshTimer();
         if (autoReconnect && reconnectAttemptsRef.current < maxReconnectAttempts) {
           reconnectAttemptsRef.current += 1;
           const delay = Math.min(
@@ -9844,8 +9900,19 @@ function EditorProvider({
       },
       onAuthenticationFailed: ({ reason }) => {
         const error = new Error(reason ?? "Authentication failed");
-        onAuthError?.(error);
         updateConnectionState("disconnected");
+        clearRefreshTimer();
+        if (onRefreshToken) {
+          void refreshToken().then((nextToken) => {
+            if (nextToken && providerRef.current) {
+              providerRef.current.connect();
+              return;
+            }
+            onAuthError?.(error);
+          });
+          return;
+        }
+        onAuthError?.(error);
       },
       onAwarenessUpdate: () => {
         updateCollaborators(provider.awareness);
@@ -9861,16 +9928,19 @@ function EditorProvider({
     websocketUrl,
     documentName,
     doc3,
-    token,
     user.name,
     user.userId,
     userColor,
     autoReconnect,
     maxReconnectAttempts,
+    clearRefreshTimer,
     updateConnectionState,
     updateCollaborators,
     onSync,
-    onAuthError
+    onAuthError,
+    onRefreshToken,
+    refreshToken,
+    scheduleTokenRefresh
   ]);
   const disconnect = useCallback(() => {
     if (providerRef.current) {
@@ -9883,12 +9953,13 @@ function EditorProvider({
       connect();
     }
     return () => {
+      clearRefreshTimer();
       if (providerRef.current) {
         providerRef.current.destroy();
         providerRef.current = null;
       }
     };
-  }, [autoConnect, connect]);
+  }, [autoConnect, clearRefreshTimer, connect]);
   const contextValue = useMemo(
     () => ({
       doc: doc3,
@@ -10864,7 +10935,7 @@ function DocumentEditorPane({
       className: editorClassName,
       onChange: handleChange
     }
-  ) }) : localEditor;
+  ) }, collaboration.documentName) : localEditor;
   return /* @__PURE__ */ jsx5(
     Tabs,
     {

package/dist/{chunk-RQOX5JRR.js → chunk-CREVWUCA.js}

@@ -18,7 +18,7 @@ import {
   FileArtifactPane,
   FileTree,
   filterFileTree
-} from "./chunk-ZYGWTIWO.js";
+} from "./chunk-6NYG2R7V.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";

package/dist/{document-editor-pane-GRIQOJHB.js → document-editor-pane-AFBP2KFT.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   DocumentEditorPane
-} from "./chunk-MGCVTFKB.js";
+} from "./chunk-BOBXH6CH.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";

package/dist/{document-editor-pane-Bk-9MQmw.d.ts → document-editor-pane-Xnl8SmA7.d.ts}

@@ -46,6 +46,10 @@ interface EditorUser {
     color?: string;
     userId?: string;
 }
+interface EditorTokenRefreshResult {
+    token: string;
+    expiresAt?: number;
+}
 /**
  * Props for EditorProvider.
  */
@@ -56,6 +60,8 @@ interface EditorProviderProps {
     documentName: string;
     /** JWT token for authentication */
     token: string;
+    /** Unix timestamp (seconds) when the current token expires */
+    tokenExpiresAt?: number;
     /** Current user information for awareness */
     user: EditorUser;
     /** Auto-connect on mount (default: true) */
@@ -70,6 +76,8 @@ interface EditorProviderProps {
     onSync?: () => void;
     /** Callback on authentication error */
     onAuthError?: (error: Error) => void;
+    /** Optional token refresh callback used before reconnect/auth retry */
+    onRefreshToken?: () => Promise<EditorTokenRefreshResult | string>;
     /** Children components */
     children: ReactNode;
 }
@@ -77,7 +85,7 @@ interface EditorProviderProps {
  * EditorProvider wraps children with Hocuspocus collaboration context.
  * Manages WebSocket connection, Y.Doc, and awareness state.
  */
-declare function EditorProvider({ websocketUrl, documentName, token, user, autoConnect, autoReconnect, maxReconnectAttempts, onConnectionChange, onSync, onAuthError, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ websocketUrl, documentName, token, tokenExpiresAt, user, autoConnect, autoReconnect, maxReconnectAttempts, onConnectionChange, onSync, onAuthError, onRefreshToken, children, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Hook to access the editor context.
  * Must be used within an EditorProvider.
@@ -113,4 +121,4 @@ interface DocumentEditorPaneProps extends Omit<ArtifactPaneProps, "children" | "
  */
 declare function DocumentEditorPane({ eyebrow, title, subtitle, meta, headerActions, footer, className, contentClassName, tabs, toolbar, markdown, mode, defaultMode, onModeChange, backend, placeholder, autoFocus, readOnly, onChange, onSave, saving, saveLabel, previewClassName, editorClassName, collaboration, }: DocumentEditorPaneProps): react_jsx_runtime.JSX.Element;
 
-export { type Collaborator as C, type DocumentEditorBackend as D, type EditorContextValue as E, type ConnectionState as a, type DocumentEditorMode as b, DocumentEditorPane as c, type DocumentEditorPaneCollaborationConfig as d, type DocumentEditorPaneProps as e, EditorProvider as f, type EditorProviderProps as g, type EditorUser as h, useEditorContext as u };
+export { type Collaborator as C, type DocumentEditorBackend as D, type EditorContextValue as E, type ConnectionState as a, type DocumentEditorMode as b, DocumentEditorPane as c, type DocumentEditorPaneCollaborationConfig as d, type DocumentEditorPaneProps as e, EditorProvider as f, type EditorProviderProps as g, type EditorTokenRefreshResult as h, type EditorUser as i, useEditorContext as u };

package/dist/editor.d.ts

@@ -1,5 +1,5 @@
-import { C as Collaborator, a as ConnectionState } from './document-editor-pane-Bk-9MQmw.js';
-export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorUser, u as useEditorContext } from './document-editor-pane-Bk-9MQmw.js';
+import { C as Collaborator, a as ConnectionState } from './document-editor-pane-Xnl8SmA7.js';
+export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorTokenRefreshResult, i as EditorUser, u as useEditorContext } from './document-editor-pane-Xnl8SmA7.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Editor } from '@tiptap/react';
 import { HocuspocusProvider } from '@hocuspocus/provider';

package/dist/editor.js

@@ -11,7 +11,7 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-MGCVTFKB.js";
+} from "./chunk-BOBXH6CH.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";

package/dist/files.d.ts

@@ -1,7 +1,7 @@
 import { a as FileTabData } from './file-tabs-BLfxfmAH.js';
 export { F as FileNode, b as FileTabs, c as FileTabsProps, d as FileTree, e as FileTreeProps, f as FileTreeVisibilityOptions, g as filterFileTree } from './file-tabs-BLfxfmAH.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-Bk-9MQmw.js';
+import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-Xnl8SmA7.js';
 import { A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
 import 'react';
 import '@hocuspocus/provider';

package/dist/files.js

@@ -4,7 +4,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-ZYGWTIWO.js";
+} from "./chunk-6NYG2R7V.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";
 import "./chunk-RQHJBTEU.js";

package/dist/index.d.ts

@@ -35,7 +35,7 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-progress';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-label';
-import './document-editor-pane-Bk-9MQmw.js';
+import './document-editor-pane-Xnl8SmA7.js';
 import '@hocuspocus/provider';
 import 'yjs';
 import 'nanostores';

package/dist/index.js

@@ -89,7 +89,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-RQOX5JRR.js";
+} from "./chunk-CREVWUCA.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -158,7 +158,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-ZYGWTIWO.js";
+} from "./chunk-6NYG2R7V.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";

package/dist/workspace.js

@@ -10,7 +10,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-RQOX5JRR.js";
+} from "./chunk-CREVWUCA.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-MUOL44AE.js";
 import "./chunk-6H3EFUUC.js";
@@ -21,7 +21,7 @@ import "./chunk-CJ2RYVZH.js";
 import "./chunk-BX6AQMUS.js";
 import "./chunk-YDBXQQLC.js";
 import "./chunk-TQN3VR4F.js";
-import "./chunk-ZYGWTIWO.js";
+import "./chunk-6NYG2R7V.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",