@beyondwork/docx-react-component 1.0.38 → 1.0.39

package/src/runtime/collab-review-sync.ts

@@ -1,254 +0,0 @@
-import * as Y from "yjs";
-
-import type { DocumentRuntime, DocumentRuntimeEvent, Unsubscribe } from "./document-runtime.ts";
-
-// ---------------------------------------------------------------------------
-// Serialised shapes stored inside the Y.Maps
-// ---------------------------------------------------------------------------
-
-interface YCommentThread {
-  commentId: string;
-  status: "open" | "resolved" | "detached";
-  anchor: { kind: string; [key: string]: unknown };
-  createdAt: string;
-  createdBy: string;
-  authorId: string;
-  body: string;
-  entries: Array<{
-    entryId: string;
-    authorId: string;
-    body: string;
-    createdAt: string;
-  }>;
-  resolvedAt?: string;
-  resolvedBy?: string;
-  warningIds: string[];
-  sourceClientId: number;
-}
-
-interface YRevisionAction {
-  changeId: string;
-  action: "accept" | "reject";
-  sourceClientId: number;
-}
-
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-export interface CollabReviewSyncHandle {
-  destroy(): void;
-}
-
-export function createCollabReviewSync(
-  ydoc: Y.Doc,
-  runtime: DocumentRuntime,
-): CollabReviewSyncHandle {
-  const yComments = ydoc.getMap<YCommentThread>("comments");
-  const yRevisionActions = ydoc.getMap<YRevisionAction>("revisionActions");
-  const clientId = ydoc.clientID;
-
-  let suppressLocalEvents = false;
-
-  // --- Local → Yjs ---------------------------------------------------------
-
-  const unsubEvents: Unsubscribe = runtime.subscribeToEvents((event) => {
-    if (suppressLocalEvents) return;
-
-    switch (event.type) {
-      case "comment_added":
-        pushCommentToYjs(event.commentId);
-        break;
-      case "comment_resolved":
-        syncCommentFieldToYjs(event.commentId);
-        break;
-      case "change_accepted":
-        yRevisionActions.set(revisionActionKey(event.changeId, "accept"), {
-          changeId: event.changeId,
-          action: "accept",
-          sourceClientId: clientId,
-        });
-        break;
-      case "change_rejected":
-        yRevisionActions.set(revisionActionKey(event.changeId, "reject"), {
-          changeId: event.changeId,
-          action: "reject",
-          sourceClientId: clientId,
-        });
-        break;
-    }
-  });
-
-  function pushCommentToYjs(commentId: string): void {
-    const thread = runtime
-      .getRenderSnapshot()
-      .comments.threads.find((t) => t.commentId === commentId);
-    if (!thread) return;
-
-    yComments.set(commentId, {
-      commentId: thread.commentId,
-      status: thread.status,
-      anchor: thread.anchor,
-      createdAt: thread.createdAt,
-      createdBy: thread.createdBy,
-      authorId: thread.createdBy,
-      body: thread.entries[0]?.body ?? "",
-      entries: thread.entries.map((e) => ({
-        entryId: e.entryId,
-        authorId: e.authorId,
-        body: e.body,
-        createdAt: e.createdAt,
-      })),
-      resolvedAt: thread.resolvedAt,
-      resolvedBy: thread.resolvedBy,
-      warningIds: [],
-      sourceClientId: clientId,
-    });
-  }
-
-  function syncCommentFieldToYjs(commentId: string): void {
-    const existing = yComments.get(commentId);
-    const thread = runtime
-      .getRenderSnapshot()
-      .comments.threads.find((t) => t.commentId === commentId);
-    if (!existing || !thread) return;
-
-    yComments.set(commentId, {
-      ...existing,
-      status: thread.status,
-      entries: thread.entries.map((e) => ({
-        entryId: e.entryId,
-        authorId: e.authorId,
-        body: e.body,
-        createdAt: e.createdAt,
-      })),
-      resolvedAt: thread.resolvedAt,
-      resolvedBy: thread.resolvedBy,
-      sourceClientId: clientId,
-    });
-  }
-
-  // --- Yjs → Local ---------------------------------------------------------
-
-  function onCommentMapChange(event: Y.YMapEvent<YCommentThread>): void {
-    suppressLocalEvents = true;
-    try {
-      for (const [commentId, change] of event.changes.keys) {
-        const entry = yComments.get(commentId);
-        if (!entry || entry.sourceClientId === clientId) continue;
-
-        const existing = runtime
-          .getRenderSnapshot()
-          .comments.threads.find((t) => t.commentId === commentId);
-
-        if (change.action === "add" && !existing) {
-          runtime.dispatch({
-            type: "comment.add",
-            comment: {
-              commentId: entry.commentId,
-              status: entry.status,
-              anchor: entry.anchor as never,
-              createdAt: entry.createdAt,
-              createdBy: entry.createdBy,
-              authorId: entry.authorId,
-              body: entry.body,
-              entries: entry.entries,
-              warningIds: entry.warningIds,
-              isResolved: entry.status === "resolved",
-              metadata: { source: "runtime" },
-            },
-          });
-        } else if (change.action === "update" && existing) {
-          if (entry.status === "resolved" && existing.status !== "resolved") {
-            runtime.dispatch({
-              type: "comment.resolve",
-              commentId,
-              resolvedBy: entry.resolvedBy,
-            });
-          } else if (entry.status === "open" && existing.status === "resolved") {
-            runtime.dispatch({ type: "comment.reopen", commentId });
-          }
-
-          const localEntryCount = existing.entries.length;
-          if (entry.entries.length > localEntryCount) {
-            for (const newEntry of entry.entries.slice(localEntryCount)) {
-              runtime.dispatch({
-                type: "comment.add-reply",
-                commentId,
-                body: newEntry.body,
-                authorId: newEntry.authorId,
-              });
-            }
-          }
-        }
-      }
-    } finally {
-      suppressLocalEvents = false;
-    }
-  }
-
-  function onRevisionActionMapChange(event: Y.YMapEvent<YRevisionAction>): void {
-    suppressLocalEvents = true;
-    try {
-      for (const [, change] of event.changes.keys) {
-        if (change.action !== "add") continue;
-        const entries = [...yRevisionActions.entries()];
-        const latest = entries[entries.length - 1];
-        if (!latest) continue;
-        const entry = latest[1];
-        if (entry.sourceClientId === clientId) continue;
-
-        runtime.dispatch({
-          type: entry.action === "accept" ? "change.accept" : "change.reject",
-          changeId: entry.changeId,
-        });
-      }
-    } finally {
-      suppressLocalEvents = false;
-    }
-  }
-
-  yComments.observe(onCommentMapChange);
-  yRevisionActions.observe(onRevisionActionMapChange);
-
-  // --- Initial sync: push existing comments to Yjs if first client ----------
-
-  const snapshot = runtime.getRenderSnapshot();
-  if (yComments.size === 0 && snapshot.comments.threads.length > 0) {
-    ydoc.transact(() => {
-      for (const thread of snapshot.comments.threads) {
-        yComments.set(thread.commentId, {
-          commentId: thread.commentId,
-          status: thread.status,
-          anchor: thread.anchor,
-          createdAt: thread.createdAt,
-          createdBy: thread.createdBy,
-          authorId: thread.createdBy,
-          body: thread.entries[0]?.body ?? "",
-          entries: thread.entries.map((e) => ({
-            entryId: e.entryId,
-            authorId: e.authorId,
-            body: e.body,
-            createdAt: e.createdAt,
-          })),
-          resolvedAt: thread.resolvedAt,
-          resolvedBy: thread.resolvedBy,
-          warningIds: [],
-          sourceClientId: clientId,
-        });
-      }
-    });
-  }
-
-  return {
-    destroy() {
-      unsubEvents();
-      yComments.unobserve(onCommentMapChange);
-      yRevisionActions.unobserve(onRevisionActionMapChange);
-    },
-  };
-}
-
-function revisionActionKey(changeId: string, action: string): string {
-  return `${changeId}:${action}`;
-}

package/src/ui-tailwind/chrome-overlay/tw-workspace-view-switcher.tsx

@@ -1,95 +0,0 @@
-/**
- * TwWorkspaceViewSwitcher — floating dock that sits at the bottom of the
- * chrome overlay.  Mirrors the "WORKFLOW VIEW" bottom bar in image copy.png.
- *
- * Per runtime-rendering-and-chrome-phase.md §6.3, the dock is a
- * `DraggableFloat`-compatible surface that lives inside the `ChromeOverlay`
- * plane.  Today it ships the preset selector + the canonical workflow
- * actions (review / comment / approve) so consumers can wire them without
- * waiting for the full DraggableFloat primitive.
- */
-
-import * as React from "react";
-
-export type WorkspaceView = "draft" | "layout" | "review" | "workflow";
-
-export interface WorkspaceViewAction {
-  id: string;
-  label: string;
-  icon: string;
-  onClick?: () => void;
-  disabled?: boolean;
-}
-
-export interface TwWorkspaceViewSwitcherProps {
-  activeView: WorkspaceView;
-  onViewChange?: (view: WorkspaceView) => void;
-  actions?: readonly WorkspaceViewAction[];
-  "data-testid"?: string;
-}
-
-const DEFAULT_VIEW_ORDER: readonly WorkspaceView[] = [
-  "draft",
-  "layout",
-  "review",
-  "workflow",
-];
-
-const VIEW_LABELS: Record<WorkspaceView, string> = {
-  draft: "DRAFT",
-  layout: "LAYOUT",
-  review: "REVIEW",
-  workflow: "WORKFLOW VIEW",
-};
-
-export const TwWorkspaceViewSwitcher: React.FC<TwWorkspaceViewSwitcherProps> = ({
-  activeView,
-  onViewChange,
-  actions,
-  "data-testid": testId,
-}) => {
-  return (
-    <div
-      className="wre-workspace-dock pointer-events-auto absolute left-1/2 bottom-6 z-10 -translate-x-1/2 flex items-center gap-2 rounded-full border border-border/70 bg-canvas/95 px-4 py-2 shadow-lg backdrop-blur"
-      data-testid={testId ?? "workspace-view-switcher"}
-      role="toolbar"
-      aria-label="Workspace view"
-    >
-      {DEFAULT_VIEW_ORDER.map((view) => (
-        <button
-          key={view}
-          type="button"
-          className={`wre-workspace-dock-view-btn inline-flex items-center gap-1 rounded-full px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] ${
-            view === activeView
-              ? "wre-workspace-dock-view-btn-active bg-primary text-white"
-              : "text-secondary hover:text-primary"
-          }`}
-          aria-pressed={view === activeView}
-          onClick={onViewChange ? () => onViewChange(view) : undefined}
-          disabled={!onViewChange}
-        >
-          <span aria-hidden="true" className="wre-workspace-dock-icon h-3 w-3" />
-          {VIEW_LABELS[view]}
-        </button>
-      ))}
-      {actions && actions.length > 0 ? (
-        <div className="wre-workspace-dock-sep mx-1 h-5 w-px bg-border" />
-      ) : null}
-      {actions?.map((action) => (
-        <button
-          key={action.id}
-          type="button"
-          className="wre-workspace-dock-action inline-flex h-7 w-7 items-center justify-center rounded-full text-secondary hover:bg-surface hover:text-primary disabled:opacity-40"
-          aria-label={action.label}
-          disabled={action.disabled}
-          onClick={action.onClick}
-          data-action-id={action.id}
-        >
-          <span aria-hidden="true" className={`wre-workspace-dock-icon wre-workspace-dock-icon-${action.icon}`} />
-        </button>
-      ))}
-    </div>
-  );
-};
-
-export default TwWorkspaceViewSwitcher;

package/src/ui-tailwind/editor-surface/pm-collab-plugins.ts

@@ -1,40 +0,0 @@
-import { type Plugin } from "prosemirror-state";
-import { keymap } from "prosemirror-keymap";
-import { columnResizing, tableEditing } from "prosemirror-tables";
-import { yCursorPlugin, ySyncPlugin, yUndoPlugin, undo, redo } from "y-prosemirror";
-import type { Awareness } from "y-protocols/awareness";
-import type { Doc as YDoc } from "yjs";
-
-import {
-  createSelectionSyncPlugin,
-  type SelectionSyncCallbacks,
-} from "./pm-command-bridge";
-
-export interface CollabPluginOptions {
-  ydoc: YDoc;
-  awareness?: Awareness;
-  selectionCallbacks: SelectionSyncCallbacks;
-}
-
-export function createCollabPlugins(options: CollabPluginOptions): Plugin[] {
-  const yXmlFragment = options.ydoc.getXmlFragment("prosemirror");
-
-  const plugins: Plugin[] = [
-    ySyncPlugin(yXmlFragment),
-    yUndoPlugin(),
-    keymap({
-      "Mod-z": undo,
-      "Mod-y": redo,
-      "Shift-Mod-z": redo,
-    }),
-    createSelectionSyncPlugin(options.selectionCallbacks),
-    tableEditing(),
-    columnResizing(),
-  ];
-
-  if (options.awareness) {
-    plugins.splice(1, 0, yCursorPlugin(options.awareness));
-  }
-
-  return plugins;
-}