microboard-ui-temp 0.1.169 → 0.3.0

package/dist/titlePanel.js

@@ -182,16 +182,29 @@ async function handleEdit(ev) {
 }
 async function handleShare(ev) {
   ev.preventDefault();
-  const html = document.documentElement.innerHTML;
+  const html = document.documentElement.outerHTML;
   const name = getBoardName();
-  const { boardsApi, api } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
-  api.updateURL("https://dev-app.microboard.io/api/v1");
-  const res = await boardsApi.createBoard({
-    title: name,
-    isPublic: true
+  const appOrigin = window.location.origin;
+  const importWindow = window.open(`${appOrigin}/import-snapshot`, "_blank");
+  if (!importWindow)
+    return;
+  await new Promise((resolve, reject) => {
+    const timeout = setTimeout(() => {
+      window.removeEventListener("message", onMessage);
+      reject(new Error("Import timed out"));
+    }, 60000);
+    function onMessage(event) {
+      if (event.source !== importWindow)
+        return;
+      if (event.data?.type === "microboard-snapshot-ready") {
+        window.removeEventListener("message", onMessage);
+        clearTimeout(timeout);
+        importWindow.postMessage({ type: "microboard-snapshot", html, name }, appOrigin);
+        resolve();
+      }
+    }
+    window.addEventListener("message", onMessage);
   });
-  await boardsApi.publishSnapshot(html, res.data.id, res.data.id);
-  window.location.href = `https://dev-app.microboard.io/boards/${res.data.id}`;
 }
 async function injectStyles() {
   const resp = await fetch("https://www.unpkg.com/microboard-ui-temp/dist/index.css");

package/dist/types/App/Connection.d.ts

@@ -1,8 +1,15 @@
 import type { AiChatMsg, BoardEventMsg, ConfirmationMsg, SnapshotRequestMsg, ModeMsg, SyncBoardEvent } from "microboard-temp";
 import { Board, PresenceEventMsg, PresenceEventType, UserJoinMsg } from "microboard-temp";
 import type { Account } from "../entities/account";
-import { Subject } from "../shared/Subject";
 import { Storage } from "./Storage";
+export interface BoardSubscriptionCompletedMsg {
+    type: "BoardSubscriptionCompleted";
+    boardId: string;
+    mode: "view" | "edit";
+    snapshot: any;
+    eventsSinceLastSnapshot: SyncBoardEvent[];
+    initialSequenceNumber: number;
+}
 export interface AuthMsg {
     type: "Auth";
     jwt: string;
@@ -51,18 +58,10 @@ export interface BoardAccessDeniedMsg {
     type: "BoardAccessDenied";
     boardId: string;
 }
-export interface BoardSubscriptionCompletedMsg {
-    type: "BoardSubscriptionCompleted";
-    boardId: string;
-    mode: "view" | "edit";
-    snapshot: string | null;
-    eventsSinceLastSnapshot: SyncBoardEvent[];
-    initialSequenceNumber: number;
-}
 export type EventsMsg = ModeMsg | BoardEventMsg | SnapshotRequestMsg | ConfirmationMsg | BoardSubscriptionCompletedMsg | UserJoinMsg | PresenceEventMsg | AiChatMsg;
 export type SocketMsg = EventsMsg | AuthMsg | AuthConfirmationMsg | LogoutMsg | GetModeMsg | InvalidateRightsMsg | UserJoinMsg | SubscribeMsg | UnsubscribeMsg | VersionCheckMsg | ErrorMsg | ModeMsg | PingMsg | AiChatMsg | BoardAccessDeniedMsg;
 export interface Connection {
-    connectionId: number;
+    connectionId: string;
     getCurrentUser: () => string;
     connect(): Promise<void>;
     subscribe(board: Board): void;
@@ -79,13 +78,10 @@ export interface Connection {
 }
 export declare function createConnection(getCurrentBoard: () => Board, getAccount: () => Account, getStorage: () => Storage): Connection;
 interface WsClient {
-    onOpenSubject: Subject<unknown>;
-    onCloseSubject: Subject<unknown>;
-    connect: () => void;
     send: (message: SocketMsg) => void;
     isConnected: () => boolean;
-    onConnect: () => void;
+    close: () => void;
 }
 type SocketMsgHandler = (message: SocketMsg) => void;
-export declare function createWsClient(msgHandler: SocketMsgHandler, setConnectionErrorTimeout: () => void, onError: (error: unknown) => void, getCurrentBoard: () => Board, invalidateToken: () => Promise<void>): WsClient;
+export declare function createWsClient(wsUrl: string, token: string, msgHandler: SocketMsgHandler, onError: (error: unknown) => void, onReconnect: () => void): WsClient;
 export {};

package/dist/types/App/Storage.d.ts

@@ -2,6 +2,8 @@ import type { boardsApi } from "../shared/api";
 export declare class Storage {
     createdBoards: string;
     visitedBoards: string;
+    setAnonKey(): void;
+    getAnonKey(): string;
     listCreatedBoards(): boardsApi.Board[];
     listVisitedBoards(): boardsApi.Board[];
     setCreatedBoards(boards: boardsApi.Board[]): void;

package/dist/types/entities/comments/Thread/message/Message.d.ts

@@ -13,5 +13,5 @@ interface Props {
     isShorted: boolean;
     isOptionsPanelActive: boolean;
 }
-export declare const Message: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export declare const Message: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/entities/comments/{useScrollToUnreadMessage.d.ts → hooks/useScrollToUnreadMessage.d.ts}

@@ -1,6 +1,7 @@
+import { RefObject } from "react";
 import { CommentMessage } from "microboard-temp";
 interface Args {
-    refs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
+    refs: RefObject<Record<string, HTMLDivElement | null>>;
     unreadMessages?: CommentMessage[] | null;
     deps?: unknown[];
 }

package/dist/types/entities/comments/index.d.ts

@@ -1,4 +1,4 @@
 export { CommentsProvider } from "./CommentsProvider";
 export { useCommentsContext, CommentsContextProvider } from "./CommentsContext";
 export { CommentContainer } from "./CommentContainer/CommentContainer";
-export { useIntersectionObserver } from "./useIntersectionObserver";
+export { CommentsPanel } from "./CommentsPanel/CommentsPanel";

package/dist/types/features/BoardItemsPanel/BoardItemsPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function BoardItemsPanel(): React.JSX.Element;

package/dist/types/features/BoardItemsPanel/BoardItemsPanelContext.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from "react";
+type BoardItemsPanelContextType = {
+    isOpen: boolean;
+    openPanel: () => void;
+    closePanel: () => void;
+    togglePanel: () => void;
+};
+export declare const BoardItemsPanelContext: React.Context<BoardItemsPanelContextType>;
+export declare function useBoardItemsPanelContext(): BoardItemsPanelContextType;
+export declare function BoardItemsPanelContextProvider({ children, }: PropsWithChildren<{}>): React.JSX.Element;
+export {};

package/dist/types/features/BoardItemsPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { BoardItemsPanel } from "./BoardItemsPanel";
+export { BoardItemsPanelContextProvider, useBoardItemsPanelContext, } from "./BoardItemsPanelContext";

package/dist/types/features/SidePanel/BoardItemsList.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface BoardItemsListProps {
+    query?: string;
+}
+export declare function BoardItemsList({ query, }: BoardItemsListProps): React.JSX.Element;
+export {};

package/dist/types/features/SidePanel/SidePanelContext.d.ts

@@ -7,6 +7,9 @@ type SidePanelContext = {
     setStamp: React.Dispatch<React.SetStateAction<number | null>>;
     isOpen: boolean;
     isHighlighted: boolean;
+    showItems: boolean;
+    openItemsView: () => void;
+    closeItemsView: () => void;
 };
 export declare const SidePanelContext: React.Context<SidePanelContext>;
 export declare function useSidePanelContext(): SidePanelContext;

package/dist/types/features/Templates/SelectTemplateModal/TemplateItemPreview/TemplateItemPreview.d.ts

@@ -1,14 +1,9 @@
-import { Template } from "microboard-temp";
-import type { BoardSnapshot } from "microboard-temp";
+import { Template } from "../../../Templates/types";
 interface TemplateItemPreviewProps {
     name: string;
-    language: string;
-    description: string;
-    tags: string[];
-    snapshot: BoardSnapshot;
+    templateId: string;
     setPresentedTemplate: (template: null | Template) => void;
-    viewLinkId: string;
     relatedTemplates: Template[];
 }
-export declare const TemplateItemPreview: ({ name, description, snapshot, setPresentedTemplate, viewLinkId, relatedTemplates, }: TemplateItemPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateItemPreview: ({ name, templateId, setPresentedTemplate, relatedTemplates, }: TemplateItemPreviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/features/Templates/SelectTemplateModal/TemplateItemsGrid/TemplateItem/TemplateItem.d.ts

@@ -1,4 +1,4 @@
-import { Template } from "microboard-temp";
+import { Template } from "../../../../Templates/types";
 interface TemplateItemProps {
     template: Template;
     setPresentedTemplate: (template: null | Template) => void;

package/dist/types/features/Templates/SelectTemplateModal/TemplateItemsGrid/TemplateItemsGrid.d.ts

@@ -1,4 +1,4 @@
-import { Template } from "microboard-temp";
+import { Template } from "../../../Templates/types";
 interface TemplateItemsGridProps {
     templates: Template[];
     setPresentedTemplate: (template: null | Template) => void;

package/dist/types/features/Templates/lib.d.ts

@@ -5,3 +5,4 @@ export declare const pasteSnapshot: ({ board, snapshot, }: {
     board: Board;
     snapshot: BoardSnapshot;
 }) => void;
+export declare function fetchTemplateSnapshot(templateId: string): Promise<BoardSnapshot>;

package/dist/types/features/Templates/types.d.ts

@@ -0,0 +1,8 @@
+export interface Template {
+    id: string;
+    preview: string;
+    languages: string[];
+    tags: string[];
+    name: string;
+    created: string;
+}

package/dist/types/pages/TemplateBoardPage.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TemplateBoardPage: () => React.JSX.Element;

package/dist/types/shared/Lang/index.d.ts

@@ -5,6 +5,7 @@ export declare const resources: {
             common: {
                 and: string;
                 save: string;
+                cancel: string;
                 backToMain: string;
                 confirm: string;
                 loading: string;
@@ -1237,6 +1238,7 @@ export declare const resources: {
             common: {
                 and: string;
                 save: string;
+                cancel: string;
                 backToMain: string;
                 confirm: string;
                 loading: string;

package/dist/types/shared/api/base/base.d.ts

@@ -17,6 +17,7 @@ export declare class HTTP {
     post<R, B extends MutationRequestBody = MutationRequestBody, P extends ParamsRecord = ParamsRecord>(path: string, body?: B, config?: HTTPRequestConfig<URLSearchParamsInit, P>): Promise<HTTPResponse<R>>;
     patch<R, B extends MutationRequestBody = MutationRequestBody, P extends ParamsRecord = ParamsRecord>(path: string, body?: B, config?: HTTPRequestConfig<URLSearchParamsInit, P>): Promise<HTTPResponse<R>>;
     patchRaw<R, P extends ParamsRecord = ParamsRecord>(path: string, file: File, config?: HTTPRequestConfig<URLSearchParamsInit, P>): Promise<HTTPResponse<R>>;
+    putRawExternal<R>(url: string, file: File): Promise<Response>;
     put<R, B extends MutationRequestBody = MutationRequestBody, P extends ParamsRecord = ParamsRecord>(path: string, body?: B, config?: HTTPRequestConfig<URLSearchParamsInit, P>): Promise<HTTPResponse<R>>;
     delete<R, Q extends URLSearchParamsInit = URLSearchParamsInit, P extends ParamsRecord = ParamsRecord, B extends MutationRequestBody = MutationRequestBody>(path: string, config?: HTTPRequestConfig<Q, P>, body?: B): Promise<HTTPResponse<R>>;
 }

package/dist/types/shared/api/billing/types.d.ts

@@ -47,9 +47,9 @@ export type TokensLimits = {
 };
 export type UserLimits = {
     storage: StorageUsage;
-    models: AvailableModel[];
     plan: UserPlan;
-    tokens: TokensLimits;
+    models?: AvailableModel[];
+    tokens?: TokensLimits;
 };
 export type Plan = {
     id: string;

package/dist/types/shared/api/users/api.d.ts

@@ -3,5 +3,7 @@ export declare function getMe(): Promise<import("..").HTTPResponse<User>>;
 export declare function getUsers(search?: string, limit?: number): Promise<import("..").HTTPResponse<User[]>>;
 export declare function updateMe(payload: UpdateUserPayload, signal?: AbortSignal): Promise<import("..").HTTPResponse<unknown>>;
 export declare function updateNewsletter(payload: UpdateUserNewsletter, signal?: AbortSignal): Promise<import("..").HTTPResponse<unknown>>;
-export declare function uploadAvatar(avatar: File): Promise<import("..").HTTPResponse<unknown>>;
+export declare function uploadAvatar(avatar: File): Promise<{
+    url: string;
+}>;
 export declare function removeAvatar(): Promise<import("..").HTTPResponse<unknown>>;

package/dist/types/shared/lib/useHotkey.d.ts

@@ -0,0 +1,8 @@
+interface HotkeyOptions {
+    ctrl?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    meta?: boolean;
+}
+export declare function useHotkey(code: string, callback: () => void, options?: HotkeyOptions): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.169",
+  "version": "0.3.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -25,6 +25,10 @@
     "cucumber:playwright:parallel:report:safari": "cucumber-js --tags @microboard --profile playwright --parallel 9 --format html:features/reports/cucumber-report.html --world-parameters '{\"browser\":\"safari\"}'",
     "cucumber:playwright:sync:report": "cucumber-js --tags @sync --profile playwright --format html:features/reports/cucumber-report.html --world-parameters '{\"isSync\":\"true\"}'"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hyperboard/microboardUI"
+  },
   "files": [
     "dist"
   ],
@@ -46,7 +50,8 @@
     "node-html-parser": "^7.0.1",
     "prettier": "^3.6.2",
     "stylelint": "^16.21.1",
-    "tsc-alias": "^1.8.16"
+    "tsc-alias": "^1.8.16",
+    "wrangler": "^4.61.0"
   },
   "peerDependencies": {
     "typescript": "^5.8.3",
@@ -74,7 +79,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.5.121",
+    "microboard-temp": "^0.6.1",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",