@bendyline/squisq-editor-react 2.1.0 → 2.2.0

package/src/editorScrollSync.ts

@@ -1,73 +0,0 @@
-/**
- * Scroll-position handoff between the WYSIWYG and source editors.
- *
- * The two surfaces render the same document at very different heights, so a
- * normalized position is a better shared currency than raw pixels. Keeping
- * these adapters separate from EditorContext also makes the DOM/Monaco math
- * independently testable.
- */
-
-interface MonacoScrollEditor {
-  getScrollTop(): number;
-  getScrollHeight(): number;
-  getLayoutInfo(): { height: number };
-  setScrollTop(scrollTop: number): void;
-}
-
-interface WysiwygScrollEditor {
-  view: { dom: Element };
-}
-
-function clampRatio(value: number): number {
-  if (!Number.isFinite(value)) return 0;
-  return Math.min(1, Math.max(0, value));
-}
-
-export function scrollRatio(
-  scrollTop: number,
-  scrollHeight: number,
-  viewportHeight: number,
-): number {
-  const availableScroll = scrollHeight - viewportHeight;
-  if (availableScroll <= 0) return 0;
-  return clampRatio(scrollTop / availableScroll);
-}
-
-export function scrollTopForRatio(
-  ratio: number,
-  scrollHeight: number,
-  viewportHeight: number,
-): number {
-  return clampRatio(ratio) * Math.max(0, scrollHeight - viewportHeight);
-}
-
-export function readMonacoScrollRatio(editor: MonacoScrollEditor): number {
-  return scrollRatio(
-    editor.getScrollTop(),
-    editor.getScrollHeight(),
-    editor.getLayoutInfo().height,
-  );
-}
-
-export function restoreMonacoScrollRatio(editor: MonacoScrollEditor, ratio: number): void {
-  editor.setScrollTop(
-    scrollTopForRatio(ratio, editor.getScrollHeight(), editor.getLayoutInfo().height),
-  );
-}
-
-function findWysiwygScrollElement(editor: WysiwygScrollEditor): HTMLElement | null {
-  return editor.view.dom.closest<HTMLElement>('.squisq-wysiwyg-container');
-}
-
-export function readWysiwygScrollRatio(editor: WysiwygScrollEditor): number | null {
-  const element = findWysiwygScrollElement(editor);
-  if (!element) return null;
-  return scrollRatio(element.scrollTop, element.scrollHeight, element.clientHeight);
-}
-
-export function restoreWysiwygScrollRatio(editor: WysiwygScrollEditor, ratio: number): boolean {
-  const element = findWysiwygScrollElement(editor);
-  if (!element) return false;
-  element.scrollTop = scrollTopForRatio(ratio, element.scrollHeight, element.clientHeight);
-  return true;
-}

package/src/embeddedMedia.ts

@@ -1,78 +0,0 @@
-/**
- * embeddedMedia
- *
- * Finds audio/video embedded directly in a block's body — recorder output
- * (`<video src="…">` / `<audio src="…">` HTML tags), dropped files, or markdown
- * links/images to a media file — as opposed to authored `{[audio …]}` clip
- * annotations. The timeline surfaces these so authors see (and can re-time) the
- * media they inserted; editing one converts it to a timed clip annotation.
- */
-
-import type { Block } from '@bendyline/squisq/schemas';
-
-const VIDEO_EXT = new Set(['webm', 'mp4', 'mov', 'm4v', 'ogv']);
-const AUDIO_EXT = new Set(['mp3', 'wav', 'ogg', 'oga', 'm4a', 'aac', 'flac', 'opus']);
-
-/** Audio/video kind inferred from a URL's extension, or null for other files. */
-export function mediaKindFromUrl(url: string): 'audio' | 'video' | null {
-  const ext = url.split('?')[0].split('#')[0].split('.').pop()?.toLowerCase();
-  if (!ext) return null;
-  if (VIDEO_EXT.has(ext)) return 'video';
-  if (AUDIO_EXT.has(ext)) return 'audio';
-  return null;
-}
-
-export interface EmbeddedMedia {
-  src: string;
-  kind: 'audio' | 'video';
-  /** 1-based source line of the embed, for re-timing / relocation. */
-  sourceLine?: number;
-}
-
-/** Recursively collect embedded audio/video from a block's body content. */
-export function collectEmbeddedMedia(block: Block): EmbeddedMedia[] {
-  const out: EmbeddedMedia[] = [];
-
-  const visit = (node: unknown, line: number | undefined): void => {
-    if (!node || typeof node !== 'object') return;
-    const n = node as {
-      type?: string;
-      url?: unknown;
-      tagName?: string;
-      attributes?: Record<string, string>;
-      children?: unknown;
-      htmlChildren?: unknown;
-      position?: { start?: { line?: number } };
-    };
-    const here = n.position?.start?.line ?? line;
-
-    // Markdown image/link to a media file.
-    if ((n.type === 'image' || n.type === 'link') && typeof n.url === 'string') {
-      const kind = mediaKindFromUrl(n.url);
-      if (kind) out.push({ src: n.url, kind, sourceLine: here });
-    }
-
-    // Raw HTML `<video>` / `<audio>` element (recorder output). The src can be
-    // on the element itself or on a nested `<source>`.
-    if (n.type === 'htmlElement' && (n.tagName === 'video' || n.tagName === 'audio')) {
-      const kind = n.tagName === 'video' ? 'video' : 'audio';
-      let src = typeof n.attributes?.src === 'string' ? n.attributes.src : undefined;
-      if (!src && Array.isArray(n.children)) {
-        for (const child of n.children) {
-          const c = child as { tagName?: string; attributes?: Record<string, string> };
-          if (c.tagName === 'source' && typeof c.attributes?.src === 'string') {
-            src = c.attributes.src;
-            break;
-          }
-        }
-      }
-      if (src) out.push({ src, kind, sourceLine: here });
-    }
-
-    if (Array.isArray(n.children)) n.children.forEach((c) => visit(c, here));
-    if (Array.isArray(n.htmlChildren)) n.htmlChildren.forEach((c) => visit(c, here));
-  };
-
-  (block.contents ?? []).forEach((node) => visit(node, undefined));
-  return out;
-}