@bendyline/squisq-editor-react 2.3.3 → 2.4.0

package/README.md

@@ -71,7 +71,7 @@ and block-at-a-time / timeline editing primitives (`useBlockNavigator`,
 - **Recording** — with a `mediaProvider` wired, a record button appears in the
   toolbar (`allowRecording`, default `true`).
 - **Presentation mode** — every Use view can fill the Squisq control, open a
-  synchronized audience window, or enter browser full screen. Slideshow/video
+  synchronized audience window, or take over the entire screen. Slideshow/video
   playback, Page/Document scrolling, and the Narrate surface remain linked to
   the main view.
 - **Panels** — `outline` (heading outline pane) and `inlinePreview` (per-block
@@ -88,7 +88,9 @@ and block-at-a-time / timeline editing primitives (`useBlockNavigator`,
 - **Embedding** — `readOnly`, `placeholder`, `submitOnEnter`, `fullWidth`,
   `thinMargins`, `minHeight`/`maxHeight` auto-grow for chat-composer use, plus
   host-controlled Write typography through `writeCanvasSettings` (`textSize`
-  and `lineSpacing`).
+  and `lineSpacing`). Set `hostMode="chat"` to keep the shell in Write view,
+  remove its view tabs, and hide Custom layouts, Transform, View options, and
+  Document settings.
 - **Color scheme** — pass `colorScheme="light" | "dark"` for the editor chrome
   (**v1.5:** renamed from the old `theme` prop; `RawEditor`'s own `theme` prop is
   now `monacoTheme`).

package/dist/{chunk-MJJK7YQB.js → chunk-F4NBECWR.js}

@@ -473,6 +473,29 @@ var btnDanger = {
   background: "var(--squisq-recorder-danger)",
   borderColor: "var(--squisq-recorder-danger-border)"
 };
+var btnRecord = {
+  ...btnPrimary,
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 8
+};
+var recordDotFrameStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flex: "0 0 auto",
+  padding: 2,
+  border: "1px solid #9ca3af",
+  borderRadius: "50%",
+  background: "#000"
+};
+var recordDotStyle = {
+  display: "block",
+  width: 9,
+  height: 9,
+  borderRadius: "50%",
+  background: "var(--squisq-recorder-danger)"
+};
 var toggleRowStyle = {
   display: "flex",
   gap: 8,
@@ -867,7 +890,18 @@ function RecorderModal({
                   children: recorder.state === "requesting" ? "Requesting\u2026" : "Start preview"
                 }
               ),
-              canRecord && /* @__PURE__ */ jsx("button", { type: "button", style: btnPrimary, onClick: handleStart, disabled: isBusy, children: "Record" }),
+              canRecord && /* @__PURE__ */ jsxs("button", { type: "button", style: btnRecord, onClick: handleStart, disabled: isBusy, children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "squisq-recorder-record-dot",
+                    style: recordDotFrameStyle,
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx("span", { className: "squisq-recorder-record-dot-center", style: recordDotStyle })
+                  }
+                ),
+                "Record"
+              ] }),
               canStop && /* @__PURE__ */ jsx("button", { type: "button", style: btnDanger, onClick: handleStop, disabled: isBusy, children: "Stop" }),
               canSave && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("button", { type: "button", style: btnSecondary, onClick: handleDiscard, disabled: isBusy, children: "Discard & re-record" }),

package/dist/{chunk-54UGTQBO.js → chunk-IIWECJ26.js}

@@ -1,7 +1,7 @@
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-NITZVAXL.js";
+} from "./chunk-MM3M2KUV.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/{chunk-NITZVAXL.js → chunk-MM3M2KUV.js}

@@ -723,11 +723,23 @@ function serializeMediaTag(tag, attrs) {
   const width = /\bwidth="([^"]*)"/i.exec(attrs)?.[1];
   const height = /\bheight="([^"]*)"/i.exec(attrs)?.[1];
   const poster = tag === "video" ? /\bposter="([^"]*)"/i.exec(attrs)?.[1] : void 0;
+  const placement = tag === "video" ? /\bdata-squisq-video-placement="([^"]*)"/i.exec(attrs)?.[1] : void 0;
+  const lockToBlock = tag === "video" ? /\bdata-squisq-video-lock-to-block="([^"]*)"/i.exec(attrs)?.[1] : void 0;
+  const startAt = tag === "video" ? /\bdata-squisq-video-start-at="([^"]*)"/i.exec(attrs)?.[1] : void 0;
+  const clipStart = tag === "video" ? /\bdata-squisq-video-clip-start="([^"]*)"/i.exec(attrs)?.[1] : void 0;
+  const clipEnd = tag === "video" ? /\bdata-squisq-video-clip-end="([^"]*)"/i.exec(attrs)?.[1] : void 0;
   const parts = [`<${tag} src="${src}"`];
   if (controls) parts.push(" controls");
   if (width) parts.push(` width="${width}"`);
   if (height) parts.push(` height="${height}"`);
   if (poster) parts.push(` poster="${poster}"`);
+  if (placement === "picture-in-picture" || placement === "overlay") {
+    parts.push(` data-squisq-video-placement="${placement}"`);
+  }
+  if (lockToBlock === "false") parts.push(' data-squisq-video-lock-to-block="false"');
+  if (startAt != null) parts.push(` data-squisq-video-start-at="${startAt}"`);
+  if (clipStart != null) parts.push(` data-squisq-video-clip-start="${clipStart}"`);
+  if (clipEnd != null) parts.push(` data-squisq-video-clip-end="${clipEnd}"`);
   parts.push(`></${tag}>`);
   return parts.join("");
 }