@bendyline/squisq-editor-react 2.4.1 → 2.4.3

package/dist/{chunk-LJRHKXDV.js → chunk-PEI5EBEN.js}

@@ -1,6 +1,6 @@
 import {
   RecorderModal
-} from "./chunk-LOTY7AOS.js";
+} from "./chunk-PKGBWNUQ.js";
 
 // src/recorder/RecorderButton.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-LOTY7AOS.js → chunk-PKGBWNUQ.js}

@@ -1061,15 +1061,15 @@ function captureSummary(micOn, cameraOn, screenOn, systemAudioOn) {
 function recordingFilenameSeed(source, stream, audioRequested) {
   if (source === "mic") return "audio";
   const hasAudio = stream ? stream.getAudioTracks().length > 0 : audioRequested;
-  if (source === "camera") return hasAudio ? "camera+audio" : "camera";
-  return hasAudio ? "screen+audio" : "screen";
+  if (source === "camera") return hasAudio ? "camera-audio" : "camera";
+  return hasAudio ? "screen-audio" : "screen";
 }
 function dualFilenameSeeds(screenStream, cameraStream, systemAudioRequested, micRequested) {
   const screenHasAudio = screenStream ? screenStream.getAudioTracks().length > 0 : systemAudioRequested;
   const cameraHasAudio = cameraStream ? cameraStream.getAudioTracks().length > 0 : micRequested;
   return {
-    screen: screenHasAudio ? "screen+audio" : "screen",
-    camera: cameraHasAudio ? "camera+audio" : "camera"
+    screen: screenHasAudio ? "screen-audio" : "screen",
+    camera: cameraHasAudio ? "camera-audio" : "camera"
   };
 }
 function RecorderModal({

package/dist/index.d.ts

@@ -22,7 +22,7 @@ import { PluginKey } from '@tiptap/pm/state';
 import { Node } from '@tiptap/pm/model';
 import { RenderResult } from 'mermaid';
 export { JsonEditor, JsonEditorProps } from './json-editor/index.js';
-export { C as CameraStreamOptions, a as CaptureKind, R as RecordedBookmark, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraLane, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderModal, h as RecorderModalProps, i as RecorderNarrationOptions, j as RecorderPanel, k as RecorderPanelProps, l as RecorderSaveResult, m as RecorderSource, n as RecorderState, o as ResolvedFormat, S as ScreenStreamHandle, p as ScreenStreamOptions, T as TimingJson, U as UseMediaRecorderOptions, q as UseMediaRecorderResult, r as buildFilename, s as buildTimingJson, t as encodeTimingJson, u as getCaptureKind, v as requestCameraStream, w as requestMicStream, x as requestScreenStream, y as resolveFormat, z as supportsDisplayMedia, A as supportsMediaRecorder, B as supportsUserMedia, D as timingPathFor, E as useMediaRecorder, F as useStreamPreview } from './recorder-C5tAYUE3.js';
+export { C as CameraStreamOptions, a as CaptureKind, R as RecordedBookmark, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraLane, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderModal, h as RecorderModalProps, i as RecorderNarrationOptions, j as RecorderPanel, k as RecorderPanelProps, l as RecorderSaveResult, m as RecorderSource, n as RecorderState, o as ResolvedFormat, S as ScreenStreamHandle, p as ScreenStreamOptions, T as TimingJson, U as UseMediaRecorderOptions, q as UseMediaRecorderResult, r as buildFilename, s as buildTimingJson, t as encodeTimingJson, u as getCaptureKind, v as requestCameraStream, w as requestMicStream, x as requestScreenStream, y as resolveFormat, z as supportsDisplayMedia, A as supportsMediaRecorder, B as supportsUserMedia, D as timingPathFor, E as useMediaRecorder, F as useStreamPreview } from './recorder-C0Tkyu5W.js';
 export { EYE_LINE_FRACTION, NarrationSavePlan, NarrationSaveResult, NarrationStage, NarrationStageProps, PCM_WORKLET_NAME, PCM_WORKLET_SOURCE, TELEPROMPTER_CSS, TeleprompterControls, TeleprompterControlsProps, TeleprompterSurface, TeleprompterSurfaceProps, TeleprompterView, TeleprompterViewProps, TokenLineMap, buildNarrationSavePlan, cameraVideoLine, ensureTeleprompterStyles, executeNarrationSave, insertNarrationPreamble, measureTokenLines, narrationAnnotationLine, prompterVarsFromTheme, registerPcmWorklet, stepScroll, targetOffsetFor } from './teleprompter/index.js';
 export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, a as FloatTier, b as FloatingWindowHandle, c as FloatingWindowManager, M as MicAnalysisHandle, d as MicAnalysisStatus, N as NarrationRecorderController, e as NarrationRecorderState, f as NarrationStageHandle, g as NarrationTake, P as PrompterTransport, T as TeleprompterController, h as TeleprompterPrefs, i as TeleprompterRecordingDeps, U as UseNarrationStageOptions, j as createFloatingWindowManager, k as detectFloatTiers, u as useFloatingWindow, l as useMicAnalysis, m as useNarrationRecorder, n as useNarrationStage, o as useTeleprompter, v as vadConfigForSensitivity } from './useNarrationStage-Bqo18PBw.js';
 import '@bendyline/squisq/versions';
@@ -232,10 +232,18 @@ interface TimelineClock {
     toggle: () => void;
     /** Jump to a time (clamped to `[0, total]`). */
     seek: (t: number) => void;
+    /**
+     * Registers the single media host driven by this clock. Keeping registration
+     * on the clock lets every play entry point (transport button or composition
+     * preview) unlock active media inside the originating browser gesture.
+     */
+    registerMediaHost?: (host: HTMLElement | null) => void;
 }
 
 interface TimelineTrackProps {
     height?: number;
+    /** Base path used when a media source is not resolved by MediaContext. */
+    basePath?: string;
     /**
      * Doc used for bar geometry / timing. Callers pass the narration-timed
      * projection so the track matches what actually plays; falls back to the
@@ -247,10 +255,13 @@ interface TimelineTrackProps {
     clock?: TimelineClock;
     /** Reuse an already-resolved schedule instead of deriving it from the doc. */
     schedule?: ScheduledClip[];
-    /** Whether the docked video monitor is currently visible. */
+    /**
+     * @deprecated Preview panes are visual-only and no longer take audio
+     * ownership. Retained so existing callers remain source-compatible.
+     */
     videoVisible?: boolean;
 }
-declare function TimelineTrack({ height, doc: docProp, clock, schedule, videoVisible, }: TimelineTrackProps): react_jsx_runtime.JSX.Element | null;
+declare function TimelineTrack({ height, basePath, doc: docProp, clock, schedule, }: TimelineTrackProps): react_jsx_runtime.JSX.Element | null;
 
 interface TimelineVideoPanelProps {
     schedule: ScheduledClip[];

package/dist/index.js

@@ -194,7 +194,7 @@ import {
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-KR4VLXUM.js";
+} from "./chunk-JGW6BJZJ.js";
 import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
@@ -212,14 +212,14 @@ import {
 } from "./chunk-V44VP242.js";
 import {
   RecorderButton
-} from "./chunk-LJRHKXDV.js";
+} from "./chunk-PEI5EBEN.js";
 import {
   RecorderModal,
   RecorderPanel,
   getCaptureKind,
   requestScreenStream,
   useMediaRecorder
-} from "./chunk-LOTY7AOS.js";
+} from "./chunk-PKGBWNUQ.js";
 import "./chunk-GS7QWYFT.js";
 import {
   TeleprompterView

package/dist/recorder/index.d.ts

@@ -1,4 +1,4 @@
-export { C as CameraStreamOptions, a as CaptureKind, R as RecordedBookmark, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraLane, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderModal, h as RecorderModalProps, j as RecorderPanel, k as RecorderPanelProps, l as RecorderSaveResult, m as RecorderSource, n as RecorderState, o as ResolvedFormat, S as ScreenStreamHandle, p as ScreenStreamOptions, T as TimingJson, U as UseMediaRecorderOptions, q as UseMediaRecorderResult, r as buildFilename, s as buildTimingJson, t as encodeTimingJson, u as getCaptureKind, v as requestCameraStream, w as requestMicStream, x as requestScreenStream, y as resolveFormat, z as supportsDisplayMedia, A as supportsMediaRecorder, B as supportsUserMedia, D as timingPathFor, E as useMediaRecorder, F as useStreamPreview } from '../recorder-C5tAYUE3.js';
+export { C as CameraStreamOptions, a as CaptureKind, R as RecordedBookmark, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraLane, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderModal, h as RecorderModalProps, j as RecorderPanel, k as RecorderPanelProps, l as RecorderSaveResult, m as RecorderSource, n as RecorderState, o as ResolvedFormat, S as ScreenStreamHandle, p as ScreenStreamOptions, T as TimingJson, U as UseMediaRecorderOptions, q as UseMediaRecorderResult, r as buildFilename, s as buildTimingJson, t as encodeTimingJson, u as getCaptureKind, v as requestCameraStream, w as requestMicStream, x as requestScreenStream, y as resolveFormat, z as supportsDisplayMedia, A as supportsMediaRecorder, B as supportsUserMedia, D as timingPathFor, E as useMediaRecorder, F as useStreamPreview } from '../recorder-C0Tkyu5W.js';
 import 'react/jsx-runtime';
 import '@bendyline/squisq/schemas';
 import '@bendyline/squisq/storage';

package/dist/recorder/index.js

@@ -1,13 +1,13 @@
 import {
   RecorderButton
-} from "../chunk-LJRHKXDV.js";
+} from "../chunk-PEI5EBEN.js";
 import {
   RecorderModal,
   RecorderPanel,
   getCaptureKind,
   requestScreenStream,
   useMediaRecorder
-} from "../chunk-LOTY7AOS.js";
+} from "../chunk-PKGBWNUQ.js";
 import "../chunk-GS7QWYFT.js";
 import {
   buildFilename,

package/dist/{recorder-C5tAYUE3.d.ts → recorder-C0Tkyu5W.d.ts}

@@ -55,7 +55,7 @@ declare function supportsDisplayMedia(): boolean;
  * source-aware `seed`; dedicated narration callers omit it and retain the
  * historical `narration-*` default.
  */
-type RecordingFilenameSeed = 'audio' | 'camera' | 'camera+audio' | 'screen' | 'screen+audio';
+type RecordingFilenameSeed = 'audio' | 'camera' | 'camera-audio' | 'screen' | 'screen-audio';
 declare function buildFilename(kind: CaptureKind, extension: string, basename?: string, seed?: RecordingFilenameSeed): string;
 
 /**

package/dist/shell/index.js

@@ -5,11 +5,11 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContext
-} from "../chunk-KR4VLXUM.js";
+} from "../chunk-JGW6BJZJ.js";
 import "../chunk-V4NBQF5C.js";
 import "../chunk-WLJ623UZ.js";
 import "../chunk-V44VP242.js";
-import "../chunk-LOTY7AOS.js";
+import "../chunk-PKGBWNUQ.js";
 import "../chunk-GS7QWYFT.js";
 import "../chunk-V6Z7GG55.js";
 import "../chunk-PDCKJCOS.js";

package/dist/styles/index.css

@@ -9079,6 +9079,9 @@
 .squisq-wysiwyg-editor li {
   margin: 0.25em 0;
 }
+.squisq-wysiwyg-editor li > p {
+  margin: 0;
+}
 .squisq-wysiwyg-editor ul[data-type=taskList] {
   list-style: none;
   padding-left: 0;
@@ -9229,10 +9232,13 @@
   background: #f3f4f6;
   color: #111827;
 }
-.squisq-preview-seg-btn--active,
+.squisq-preview-seg-btn--active {
+  background: var(--squisq-accent, #2563eb);
+  color: var(--squisq-text-on-accent, #fff);
+}
 .squisq-preview-seg-btn--active:hover {
-  background: #2563eb;
-  color: #fff;
+  background: var(--squisq-accent-hover, var(--squisq-accent, #2563eb));
+  color: var(--squisq-text-on-accent, #fff);
 }
 .squisq-preview-controls {
   display: flex;
@@ -9752,6 +9758,8 @@
   --squisq-input-bg: #fff;
   --squisq-text: #1f2937;
   --squisq-text-muted: #6b7280;
+  --squisq-editor-background: #ffffff;
+  --squisq-editor-foreground: #1f2937;
 }
 .squisq-editor-shell[data-theme=dark] {
   --squisq-bg: #1f2937;
@@ -9759,6 +9767,8 @@
   --squisq-input-bg: #374151;
   --squisq-text: #e5e7eb;
   --squisq-text-muted: #9ca3af;
+  --squisq-editor-background: #1e1e1e;
+  --squisq-editor-foreground: #d4d4d4;
 }
 .squisq-editor-shell[data-theme=dark] {
   color: #e5e7eb;
@@ -9868,10 +9878,13 @@
   background: #374151;
   color: #f9fafb;
 }
-.squisq-editor-shell[data-theme=dark] .squisq-preview-seg-btn--active,
+.squisq-editor-shell[data-theme=dark] .squisq-preview-seg-btn--active {
+  background: var(--squisq-accent, #2563eb);
+  color: var(--squisq-text-on-accent, #fff);
+}
 .squisq-editor-shell[data-theme=dark] .squisq-preview-seg-btn--active:hover {
-  background: #2563eb;
-  color: #fff;
+  background: var(--squisq-accent-hover, var(--squisq-accent, #2563eb));
+  color: var(--squisq-text-on-accent, #fff);
 }
 .squisq-editor-shell[data-theme=dark] .squisq-toolbar-overflow-menu {
   background: #1f2937;
@@ -11550,6 +11563,10 @@
   min-width: 0;
   min-height: 0;
 }
+.squisq-raw-editor-container {
+  background: var(--squisq-editor-background, #ffffff);
+  color: var(--squisq-editor-foreground, #1f2937);
+}
 .squisq-raw-editor-container .monaco-editor .margin {
   position: relative;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -84,10 +84,12 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.4.1",
-    "@bendyline/squisq-formats": "2.3.5",
-    "@bendyline/squisq-react": "2.4.1",
+    "@bendyline/squisq": "2.4.3",
+    "@bendyline/squisq-formats": "2.3.7",
+    "@bendyline/squisq-react": "2.4.3",
     "@fortawesome/fontawesome-free": "7.2.0",
+    "@tiptap/core": "2.27.2",
+    "@tiptap/extension-heading": "2.27.2",
     "@tiptap/extension-image": "2.27.2",
     "@tiptap/extension-link": "2.27.2",
     "@tiptap/extension-mention": "2.27.2",