@bendyline/squisq-editor-react 2.11.19 → 2.11.21

package/dist/styles/index.css

@@ -9716,6 +9716,12 @@
   min-width: 180px;
   max-width: calc(100vw - 16px);
 }
+.squisq-toolbar-button.squisq-preview-design-button {
+  width: auto;
+  height: 30px;
+  padding: 3px 8px 1px;
+  border: 1px solid var(--squisq-border);
+}
 .squisq-preview-control--compact {
   display: flex;
   align-items: center;
@@ -17239,6 +17245,102 @@
   min-height: 0;
 }
 
+/* src/styles/video-embed.css */
+.squisq-video-embed-host {
+  display: block;
+  width: 100%;
+  max-width: 720px;
+  margin: 1em 0 0.25em;
+  user-select: none;
+}
+.squisq-video-embed-host[data-orientation=portrait] {
+  max-width: 340px;
+}
+.squisq-video-embed-host-frame {
+  position: relative;
+  overflow: hidden;
+  border-radius: 6px;
+  background: var(--squisq-media-well);
+}
+.squisq-video-embed-host-frame iframe {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+.squisq-video-embed-host-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 6px;
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
+  font-size: 12px;
+  color: var(--squisq-text-muted);
+}
+.squisq-video-embed-host-convert {
+  padding: 2px 8px;
+  font: inherit;
+  color: var(--squisq-accent-strong);
+  background: var(--squisq-accent-subtle);
+  border: 1px solid var(--squisq-accent-border);
+  border-radius: 4px;
+  cursor: pointer;
+}
+.squisq-video-embed-host-convert:hover {
+  background: var(--squisq-accent-soft);
+}
+.squisq-wysiwyg-editor p.squisq-video-embed-caption {
+  margin-top: 0;
+  font-size: 0.875em;
+  opacity: 0.75;
+}
+.squisq-wysiwyg-editor p.squisq-video-embed-caption--html {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Consolas,
+    monospace;
+  font-size: 0.75em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.squisq-video-dialog {
+  max-width: 520px;
+}
+.squisq-video-dialog-status {
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--squisq-text-muted);
+}
+.squisq-video-dialog-status--ok {
+  color: var(--squisq-success);
+}
+.squisq-video-dialog-preview {
+  position: relative;
+  max-width: 100%;
+}
+.squisq-video-dialog-preview .squisq-video-embed {
+  margin: 0;
+  max-width: 100%;
+}
+.squisq-video-dialog-preview .squisq-video-embed[data-orientation=portrait] {
+  max-width: 180px;
+  margin-inline: auto;
+}
+.squisq-video-dialog-preview .squisq-video-embed-frame {
+  border-radius: 6px;
+  overflow: hidden;
+  background: var(--squisq-media-well);
+}
+.squisq-video-dialog-hint {
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--squisq-text-faint);
+}
+
 /* ../grid-react/dist/styles/index.css */
 .squisq-grid {
   position: relative;

package/dist/teleprompter/index.d.ts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Doc, Theme, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
-import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-CB8dynUg.js';
-export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-CB8dynUg.js';
+import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-DlighI1z.js';
+export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-DlighI1z.js';
 import { NarrationTimingJsonV3, NarrationScript, NarrationAlignment, NarrationTimingGenerator } from '@bendyline/squisq/narration';
 import { ReactNode } from 'react';
+import '../screenRegion-Ci_RsCzG.js';
 
 interface TeleprompterViewProps {
     doc: Doc | null;

package/dist/types-Bi4ZVKvN.d.ts

@@ -0,0 +1,126 @@
+/**
+ * The speech-input (dictation) capability contract between an editor host and
+ * the shell.
+ *
+ * A host that can turn speech into text passes a {@link SpeechInputProvider}
+ * (or a factory) to `EditorShell`'s `speechInput` prop — the same
+ * capability-injection semantics as `proofing`: absent means the feature is
+ * off, no dictation code loads, and no microphone button renders.
+ *
+ * The editor owns everything up to the recognizer: microphone capture, phrase
+ * segmentation, WAV encoding, the toolbar button, the caret indicator and the
+ * literal-text insertion. The provider owns only recognition. Audio crosses
+ * the boundary as one self-contained mono 16-bit PCM WAV at 16 kHz per take,
+ * which every whisper.cpp build accepts and which keeps IPC payloads small.
+ * The surface is plain data end to end, so a provider can be a local engine
+ * behind IPC, a call to a service, or a test fake.
+ */
+/** Sample rate (Hz) of every WAV take handed to {@link SpeechInputProvider.transcribe}. */
+declare const SPEECH_INPUT_SAMPLE_RATE = 16000;
+/** Coarse readiness of a provider, as the editor's button presents it. */
+type SpeechInputReadinessState = 
+/** Dictation can start now. */
+'ready'
+/**
+ * The host needs a one-time setup (typically a model download) first.
+ * Clicking the microphone calls {@link SpeechInputProvider.requestSetup}
+ * instead of starting.
+ */
+ | 'download-required'
+/** Dictation can never work in this host/session. The button is hidden. */
+ | 'unavailable'
+/**
+ * The host still needs a permission (e.g. the OS microphone grant).
+ * Starting proceeds — the microphone request is what prompts for it.
+ */
+ | 'permission-required';
+interface SpeechInputReadiness {
+    readonly state: SpeechInputReadinessState;
+    /** Optional human-readable detail, shown in the button's tooltip/errors. */
+    readonly reason?: string;
+}
+interface SpeechInputTranscribeOptions {
+    /**
+     * The recent dictated text of this session (a word-aligned tail of at most
+     * 1,000 characters), for engines that accept a priming prompt — Whisper's
+     * `prompt`. Absent on the first take.
+     */
+    readonly prompt?: string;
+    /** BCP-47-ish language hint. The editor does not currently set it. */
+    readonly language?: string;
+    /**
+     * Aborted when the user cancels dictation or the editor unmounts. A
+     * provider should stop promptly; a rejection after abort is ignored.
+     */
+    readonly signal: AbortSignal;
+}
+interface SpeechInputTranscript {
+    /** Recognized text. Blank (or Whisper's `[BLANK_AUDIO]`) means silence. */
+    readonly text: string;
+}
+interface SpeechInputProvider {
+    /** Stable identifier, e.g. `whisper-local`. */
+    readonly id: string;
+    /** Human-readable name, e.g. `On-device speech recognition`. */
+    readonly label: string;
+    /**
+     * Current readiness. Called once when the editor mounts with the
+     * capability (to decide whether to render the microphone at all) and again
+     * each time the user starts dictation. Must be cheap.
+     */
+    status(): Promise<SpeechInputReadiness>;
+    /** Optional readiness push (e.g. a model finished downloading). Returns unsubscribe. */
+    onStatus?(listener: (readiness: SpeechInputReadiness) => void): () => void;
+    /** Called when the user starts dictation so the host can warm its engine; may reject. */
+    prepare?(signal: AbortSignal): Promise<void>;
+    /** Called when the user clicks the mic while readiness is 'download-required'; the host shows its own setup UI. */
+    requestSetup?(): void;
+    /** Transcribe one self-contained take: mono 16-bit PCM WAV at 16 kHz. */
+    transcribe(wav: ArrayBuffer, options: SpeechInputTranscribeOptions): Promise<SpeechInputTranscript>;
+    /** Release resources. Called by the editor only for a provider it created from a factory. */
+    dispose?(): void;
+}
+/**
+ * Deferred construction. The shell creates the provider when it mounts with
+ * the capability (it needs `status()` to decide whether to render the
+ * microphone) and disposes it on unmount or when the capability changes. A
+ * host that passes an instance owns its lifetime — which is what lets one warm
+ * engine survive shell remounts.
+ */
+type SpeechInputProviderFactory = () => SpeechInputProvider;
+/** What the `speechInput` shell prop accepts. */
+type SpeechInputCapability = SpeechInputProvider | SpeechInputProviderFactory;
+/**
+ * Resolve a capability to a provider instance. A factory is invoked (and the
+ * caller then owns — must dispose — what it returns); an instance is returned
+ * as-is and stays host-owned.
+ */
+declare function resolveSpeechInputProvider(capability: SpeechInputCapability): SpeechInputProvider;
+/**
+ * Whether a capability is a factory, i.e. whether the provider resolved from
+ * it is owned (and must be disposed) by the resolver's caller.
+ */
+declare function isSpeechInputProviderFactory(capability: SpeechInputCapability): capability is SpeechInputProviderFactory;
+/**
+ * Imperative dictation control on the editor context
+ * (`useEditorContext().dictation`), for a host component rendered inside the
+ * shell's slots — e.g. to drive dictation from a native menu command. `null`
+ * when the host injected no `speechInput` capability.
+ */
+interface DictationControl {
+    /** True from the moment dictation starts until its last take is inserted. */
+    readonly active: boolean;
+    /**
+     * True when `toggle()` would do something: the provider is not
+     * `unavailable` and a text-editing view (Write or Source) is showing.
+     */
+    readonly available: boolean;
+    /**
+     * Start dictation when idle (or ask the host to set up when readiness is
+     * `download-required`); finish and stop when listening; cancel while the
+     * microphone is still starting.
+     */
+    toggle(): void;
+}
+
+export { type DictationControl as D, type SpeechInputProvider as S, SPEECH_INPUT_SAMPLE_RATE as a, type SpeechInputCapability as b, type SpeechInputProviderFactory as c, type SpeechInputReadiness as d, type SpeechInputReadinessState as e, type SpeechInputTranscribeOptions as f, type SpeechInputTranscript as g, isSpeechInputProviderFactory as i, resolveSpeechInputProvider as r };

package/dist/{useNarrationStage-CB8dynUg.d.ts → useNarrationStage-DlighI1z.d.ts}

@@ -2,6 +2,7 @@ import { SyntheticEvent } from 'react';
 import { Doc, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
 import { NarrationScript, VadConfig, NarrationTrace, NarrationAlignment } from '@bendyline/squisq/narration';
+import { S as ScreenCaptureRegion } from './screenRegion-Ci_RsCzG.js';
 
 /**
  * Format probing for MediaRecorder.
@@ -57,13 +58,6 @@ declare function supportsDisplayMedia(): boolean;
 type RecordingFilenameSeed = 'audio' | 'camera' | 'camera-audio' | 'screen' | 'screen-audio';
 declare function buildFilename(kind: CaptureKind, extension: string, basename?: string, seed?: RecordingFilenameSeed): string;
 
-interface ScreenCaptureRegion {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-
 /**
  * useMediaRecorder
  *
@@ -615,4 +609,4 @@ interface NarrationStageHandle {
 }
 declare function useNarrationStage(opts: UseNarrationStageOptions): NarrationStageHandle;
 
-export { useMediaRecorder as A, useMicAnalysis as B, type CanvasSink as C, DEFAULT_TELEPROMPTER_PREFS as D, useNarrationRecorder as E, type FloatOpenOptions as F, useNarrationStage as G, useTeleprompter as H, vadConfigForSensitivity as I, TELEPROMPTER_PREF_LIMITS as J, normalizeTeleprompterPrefs as K, type MicAnalysisHandle as M, type NarrationRecorderController as N, type PrompterTransport as P, type RecorderState as R, type ScreenCaptureRegion as S, type TeleprompterController as T, type UseMediaRecorderOptions as U, type CaptureKind as a, type FloatTier as b, type FloatingWindowHandle as c, type FloatingWindowManager as d, type MicAnalysisStatus as e, type NarrationRecorderState as f, type NarrationStageHandle as g, type NarrationTake as h, type RecorderAudioBitrateMode as i, type RecorderCameraLane as j, type RecorderExtendedMediaOptions as k, type RecorderSource as l, type ResolvedFormat as m, type TeleprompterPrefs as n, type TeleprompterRecordingDeps as o, type UseMediaRecorderResult as p, type UseNarrationStageOptions as q, buildFilename as r, createFloatingWindowManager as s, detectFloatTiers as t, getCaptureKind as u, resolveFormat as v, supportsDisplayMedia as w, supportsMediaRecorder as x, supportsUserMedia as y, useFloatingWindow as z };
+export { useMediaRecorder as A, useMicAnalysis as B, type CanvasSink as C, DEFAULT_TELEPROMPTER_PREFS as D, useNarrationRecorder as E, type FloatOpenOptions as F, useNarrationStage as G, useTeleprompter as H, vadConfigForSensitivity as I, TELEPROMPTER_PREF_LIMITS as J, normalizeTeleprompterPrefs as K, type MicAnalysisHandle as M, type NarrationRecorderController as N, type PrompterTransport as P, type RecorderState as R, type TeleprompterController as T, type UseMediaRecorderOptions as U, type CaptureKind as a, type FloatTier as b, type FloatingWindowHandle as c, type FloatingWindowManager as d, type MicAnalysisStatus as e, type NarrationRecorderState as f, type NarrationStageHandle as g, type NarrationTake as h, type RecorderAudioBitrateMode as i, type RecorderCameraLane as j, type RecorderExtendedMediaOptions as k, type RecorderSource as l, type ResolvedFormat as m, type TeleprompterPrefs as n, type TeleprompterRecordingDeps as o, type UseMediaRecorderResult as p, type UseNarrationStageOptions as q, buildFilename as r, createFloatingWindowManager as s, detectFloatTiers as t, getCaptureKind as u, resolveFormat as v, supportsDisplayMedia as w, supportsMediaRecorder as x, supportsUserMedia as y, useFloatingWindow as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.11.19",
+  "version": "2.11.21",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.11.16",
+    "@bendyline/squisq": "2.11.18",
     "@bendyline/squisq-calc": "2.11.1",
-    "@bendyline/squisq-formats": "2.6.16",
-    "@bendyline/squisq-grid-react": "2.11.17",
-    "@bendyline/squisq-react": "2.11.18",
-    "@bendyline/squisq-video-react": "2.4.22",
+    "@bendyline/squisq-formats": "2.6.18",
+    "@bendyline/squisq-grid-react": "2.11.19",
+    "@bendyline/squisq-react": "2.11.20",
+    "@bendyline/squisq-video-react": "2.4.24",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",