@arbidocs/blocks 0.5.123 → 0.5.125

package/dist/chunk-SDRYSLOX.cjs

@@ -1,18 +0,0 @@
-"use client";
-'use strict';
-
-var chunkYGBHY67W_cjs = require('./chunk-YGBHY67W.cjs');
-var chunk7557LDAN_cjs = require('./chunk-7557LDAN.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function ConnectedStreamedWordArtifact({
-  fontBaseUrl,
-  ...props
-}) {
-  const adapter = chunk7557LDAN_cjs.useConnectedNativeDocxAdapter(fontBaseUrl);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYGBHY67W_cjs.StreamedWordArtifact, { ...props, adapter });
-}
-
-exports.ConnectedStreamedWordArtifact = ConnectedStreamedWordArtifact;
-//# sourceMappingURL=chunk-SDRYSLOX.cjs.map
-//# sourceMappingURL=chunk-SDRYSLOX.cjs.map

package/dist/chunk-WFMWKPGY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/connection/presentation/requests.ts","../src/presentation/stage-videos.ts","../src/presentation/usePresenterKeys.ts"],"names":["DOCUMENT_VIEWER_PANEL","versionRef","useEffect","usePresentation","STAGE_ASPECT","moveBox"],"mappings":"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","file":"chunk-WFMWKPGY.cjs","sourcesContent":["import { DOCUMENT_VIEWER_PANEL, type ArbiSessionStore } from '@arbidocs/react'\nimport { versionRef } from '@arbidocs/react/artifacts'\n\ntype Session = Pick<\n  ArbiSessionStore,\n  'setViewingDocument' | 'setDocumentViewer' | 'openPanel' | 'startDraftDocument'\n>\n\n/** A presentation to edit: a new one, or a saved one (as of `version`; default its current one). */\nexport type PresentationRequest =\n  { kind: 'new' } | { kind: 'open'; documentId: string; version?: number }\n\n/**\n * Back to the presentation being edited, on its slides tab (a new one when none is open yet): from\n * any document the viewer shows.\n */\nexport function showPresentation(session: Session, boundTo: string | null): void {\n  if (boundTo === null) return editPresentation(session, { kind: 'new' })\n  session.setViewingDocument({ id: boundTo, page: null })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n\n/**\n * Edit a presentation in the viewer's slides tab: a saved one (its document, on that tab), or a\n * new one (a presentation draft, saved into Files › Presentations when it is first saved).\n */\nexport function editPresentation(session: Session, request: PresentationRequest): void {\n  if (request.kind === 'new') {\n    session.startDraftDocument('presentation')\n    return\n  }\n  const { documentId, version } = request\n  session.setViewingDocument({\n    id: version ? versionRef(documentId, version) : documentId,\n    page: null,\n  })\n  session.setDocumentViewer({ tab: 'slides' })\n  session.openPanel(DOCUMENT_VIEWER_PANEL, 'docked')\n}\n","/** The presented stage's videos, which the presenter plays and pauses with Space. */\n\n/** Marks the stage's videos, for the presenter's Space key. */\nexport const STAGE_VIDEO_ATTRIBUTE = 'data-presentation-video'\n\n/** Play the presented stage's videos, or pause them if any is playing. */\nexport function toggleStageVideos(doc: Document): boolean {\n  const videos = Array.from(\n    doc.querySelectorAll<HTMLVideoElement>(`video[${STAGE_VIDEO_ATTRIBUTE}]`)\n  )\n  if (!videos.length) return false\n  const playing = videos.some((video) => !video.paused)\n  for (const video of videos) {\n    if (playing) video.pause()\n    else void video.play().catch(() => undefined)\n  }\n  return true\n}\n","/**\n * The keys of the presentation window. A presenter (or a presentation clicker, which sends Page Up /\n * Page Down and \".\" or \"b\"): previous / next slide and blank the stage; while presenting, F for\n * full screen and Escape back to editing. While editing with a clip selected: the arrows nudge it\n * (Shift: further), Delete takes it off the slide and Escape deselects it.\n */\n\nimport { useEffect } from 'react'\nimport { toggleStageVideos } from './stage-videos'\nimport { STAGE_ASPECT } from './model'\nimport { usePresentation } from './store'\nimport { moveBox } from './boxes'\n\n/** A nudge, as a fraction of the stage width (vertical nudges move as far on screen). */\nconst NUDGE = 0.005\nconst BIG_NUDGE = 0.04\n\n/** Full screen on or off for a window's page (from a key or click in that window). */\nexport function toggleFullscreen(view: Window): void {\n  const doc = view.document\n  if (doc.fullscreenElement) void doc.exitFullscreen()\n  else void doc.documentElement.requestFullscreen?.()\n}\n\nexport interface PresenterSelection {\n  clipId: string | null\n  clear: () => void\n}\n\nexport function usePresenterKeys(\n  view: Window | null | undefined,\n  presenting: boolean,\n  selection?: PresenterSelection\n): void {\n  const selected = presenting ? null : (selection?.clipId ?? null)\n  const clear = selection?.clear\n  useEffect(() => {\n    if (!view) return\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey) return\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.('input, textarea, select, [contenteditable=\"true\"]')) return\n      const state = usePresentation.getState()\n      const key = event.key\n      const onSlide =\n        selected && state.slides[state.current]?.items.some((i) => i.clipId === selected)\n      const box = selected?.startsWith('box-')\n        ? state.slides.flatMap((slide) => slide.boxes).find((entry) => entry.id === selected)\n        : undefined\n      if (box && key.startsWith('Arrow')) {\n        const step = event.shiftKey ? BIG_NUDGE : NUDGE\n        const dx = key === 'ArrowLeft' ? -step : key === 'ArrowRight' ? step : 0\n        const dy = (key === 'ArrowUp' ? -step : key === 'ArrowDown' ? step : 0) * STAGE_ASPECT\n        state.updateBox(box.id, (entry) => ({ ...entry, frame: moveBox(entry.frame, dx, dy) }))\n      } else if (box && (key === 'Delete' || key === 'Backspace')) {\n        state.removeBox(box.id)\n        clear?.()\n      } else if (onSlide && key.startsWith('Arrow')) {\n        const step = event.shiftKey ? BIG_NUDGE : NUDGE\n        const dx = key === 'ArrowLeft' ? -step : key === 'ArrowRight' ? step : 0\n        const dy = (key === 'ArrowUp' ? -step : key === 'ArrowDown' ? step : 0) * STAGE_ASPECT\n        state.nudge(selected, dx, dy)\n      } else if (onSlide && (key === 'Delete' || key === 'Backspace')) {\n        state.unplace(selected)\n        clear?.()\n      } else if (selected && key === 'Escape') clear?.()\n      // Editing (in the app's own window too): only a selected clip takes keys.\n      else if (!presenting) return\n      else if (key === 'ArrowRight' || key === 'PageDown') state.goTo(state.current + 1)\n      else if (key === 'ArrowLeft' || key === 'PageUp') state.goTo(state.current - 1)\n      else if (key === 'b' || key === 'B' || key === '.') state.setBlank(!state.blank)\n      else if (presenting && (key === 'f' || key === 'F')) toggleFullscreen(view)\n      // Space plays or pauses the slide's videos.\n      else if (presenting && key === ' ' && toggleStageVideos(view.document)) {\n        // handled\n      }\n      // Out of full screen the browser takes the first Escape; the next one stops presenting.\n      else if (presenting && key === 'Escape') state.setPresenting(false)\n      else return\n      event.preventDefault()\n    }\n    view.addEventListener('keydown', onKeyDown)\n    return () => view.removeEventListener('keydown', onKeyDown)\n  }, [view, presenting, selected, clear])\n}\n"]}

package/dist/chunk-XK4TVJKD.cjs

@@ -1,73 +0,0 @@
-"use client";
-'use strict';
-
-var react = require('react');
-var annotations = require('@arbidocs/react/annotations');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/presentation/ClipCaptureOverlay.tsx
-var MIN_CLIP_FRACTION = 0.02;
-function ClipCaptureOverlay({ page, onCapture }) {
-  const start = react.useRef(null);
-  const [draft, setDraft] = react.useState(null);
-  const point = (event, box) => ({
-    x: event.clientX - box.left,
-    y: event.clientY - box.top
-  });
-  const onPointerDown = (event) => {
-    if (event.button !== 0) return;
-    event.preventDefault();
-    event.currentTarget.setPointerCapture(event.pointerId);
-    const box = event.currentTarget.getBoundingClientRect();
-    start.current = { ...point(event, box), box };
-    setDraft(null);
-  };
-  const onPointerMove = (event) => {
-    const s = start.current;
-    if (!s) return;
-    const p = point(event, s.box);
-    setDraft({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y });
-  };
-  const onPointerUp = (event) => {
-    const s = start.current;
-    start.current = null;
-    setDraft(null);
-    if (!s) return;
-    const p = point(event, s.box);
-    const size = { width: s.box.width, height: s.box.height };
-    const rect = annotations.toNorm({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y }, size);
-    if (rect.w < MIN_CLIP_FRACTION || rect.h < MIN_CLIP_FRACTION) return;
-    onCapture({ page, rect, aspect: rect.w * size.width / (rect.h * size.height) });
-  };
-  const shown = draft && {
-    left: Math.min(draft.x, draft.x + draft.width),
-    top: Math.min(draft.y, draft.y + draft.height),
-    width: Math.abs(draft.width),
-    height: Math.abs(draft.height)
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0 z-20 cursor-crosshair touch-none select-none",
-      onPointerDown,
-      onPointerMove,
-      onPointerUp,
-      onPointerCancel: () => {
-        start.current = null;
-        setDraft(null);
-      },
-      "data-testid": `clip-capture-${page}`,
-      children: shown && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "pointer-events-none absolute border-2 border-dashed border-primary bg-primary/10",
-          style: shown
-        }
-      )
-    }
-  );
-}
-
-exports.ClipCaptureOverlay = ClipCaptureOverlay;
-//# sourceMappingURL=chunk-XK4TVJKD.cjs.map
-//# sourceMappingURL=chunk-XK4TVJKD.cjs.map

package/dist/chunk-XK4TVJKD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/presentation/ClipCaptureOverlay.tsx"],"names":["useRef","useState","toNorm","jsx"],"mappings":"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","file":"chunk-XK4TVJKD.cjs","sourcesContent":["/**\n * Over a page while clipping: drag a rectangle and it becomes a clip. The rectangle is kept as\n * fractions of the page (`toNorm`), so it does not depend on the zoom it was drawn at.\n */\n\nimport { useRef, useState, type PointerEvent as ReactPointerEvent } from 'react'\nimport { toNorm, type PixelRect } from '@arbidocs/react/annotations'\nimport type { Rect } from './model'\n\n/** Smaller than this (a fraction of the page, either side) is a stray click, not a clip. */\nconst MIN_CLIP_FRACTION = 0.02\n\nexport interface ClipCaptureOverlayProps {\n  page: number\n  onCapture: (capture: { page: number; rect: Rect; aspect: number }) => void\n}\n\nexport function ClipCaptureOverlay({ page, onCapture }: ClipCaptureOverlayProps) {\n  const start = useRef<{ x: number; y: number; box: DOMRect } | null>(null)\n  const [draft, setDraft] = useState<PixelRect | null>(null)\n\n  const point = (event: ReactPointerEvent, box: DOMRect) => ({\n    x: event.clientX - box.left,\n    y: event.clientY - box.top,\n  })\n\n  const onPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n    if (event.button !== 0) return\n    event.preventDefault()\n    event.currentTarget.setPointerCapture(event.pointerId)\n    const box = event.currentTarget.getBoundingClientRect()\n    start.current = { ...point(event, box), box }\n    setDraft(null)\n  }\n\n  const onPointerMove = (event: ReactPointerEvent) => {\n    const s = start.current\n    if (!s) return\n    const p = point(event, s.box)\n    setDraft({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y })\n  }\n\n  const onPointerUp = (event: ReactPointerEvent) => {\n    const s = start.current\n    start.current = null\n    setDraft(null)\n    if (!s) return\n    const p = point(event, s.box)\n    const size = { width: s.box.width, height: s.box.height }\n    const rect = toNorm({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y }, size)\n    if (rect.w < MIN_CLIP_FRACTION || rect.h < MIN_CLIP_FRACTION) return\n    onCapture({ page, rect, aspect: (rect.w * size.width) / (rect.h * size.height) })\n  }\n\n  const shown = draft && {\n    left: Math.min(draft.x, draft.x + draft.width),\n    top: Math.min(draft.y, draft.y + draft.height),\n    width: Math.abs(draft.width),\n    height: Math.abs(draft.height),\n  }\n\n  return (\n    <div\n      className=\"absolute inset-0 z-20 cursor-crosshair touch-none select-none\"\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={onPointerUp}\n      onPointerCancel={() => {\n        start.current = null\n        setDraft(null)\n      }}\n      data-testid={`clip-capture-${page}`}\n    >\n      {shown && (\n        <div\n          className=\"pointer-events-none absolute border-2 border-dashed border-primary bg-primary/10\"\n          style={shown}\n        />\n      )}\n    </div>\n  )\n}\n"]}