@bendyline/squisq-editor-react 2.3.4 → 2.4.1

package/dist/index.js

@@ -62,11 +62,15 @@ import {
   TRANSITION_GROUPS,
   TemplatePicker,
   ThemePicker,
+  TimelineCompositionPanel,
   TimelineEditorWidget,
+  TimelineToolbar,
   TimelineTrack,
+  TimelineVideoPanel,
   TimelineViewExtension,
   Toolbar,
   TooltipLayer,
+  TransformMenu,
   TransitionPicker,
   TreeOutlineWidget,
   TreeViewExtension,
@@ -89,6 +93,7 @@ import {
   codeSnippetMarkdown,
   compileDraft,
   detectLanguageFromFileName,
+  documentTitleFromFileName,
   draftPatchFromImportedTheme,
   findAsciiDiagramBlockPos,
   findCodeSnippetBlockPos,
@@ -101,6 +106,7 @@ import {
   getBlockSlices,
   getTimelineForNode,
   indentItemOp,
+  ingestForWrite,
   inspectMermaidSource,
   isAsciiSourceVisible,
   isCodeSnippetFenceLanguage,
@@ -126,7 +132,10 @@ import {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  persistFromWrite,
   platformShortcut,
+  preloadMonaco,
+  preloadMonacoSuggestions,
   processMediaFiles,
   processTextFile,
   processTextFiles,
@@ -151,6 +160,8 @@ import {
   searchPickerEntries,
   setBlockAttrsValue,
   setBlockDurationInSource,
+  setBlockStartTimeInSource,
+  setBlockTransitionInSource,
   setHeadingAttrsTransition,
   setHeadingLineTransition,
   setMediaClipInSource,
@@ -176,20 +187,22 @@ import {
   useDocCustomTemplates,
   useDocCustomThemes,
   useEditorContext,
+  useEscapeDismissal,
   useFileDrop,
   useMermaidDiagramData,
   useMonacoLoader,
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-GNIVYDZH.js";
+} from "./chunk-KR4VLXUM.js";
+import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
-} from "./chunk-54UGTQBO.js";
+} from "./chunk-WDX6UDL5.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-NITZVAXL.js";
+} from "./chunk-WLJ623UZ.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -199,28 +212,34 @@ import {
 } from "./chunk-V44VP242.js";
 import {
   RecorderButton
-} from "./chunk-6VDYKI3L.js";
+} from "./chunk-LJRHKXDV.js";
 import {
   RecorderModal,
   RecorderPanel,
   getCaptureKind,
   requestScreenStream,
   useMediaRecorder
-} from "./chunk-MJJK7YQB.js";
+} from "./chunk-LOTY7AOS.js";
 import "./chunk-GS7QWYFT.js";
+import {
+  TeleprompterView
+} from "./chunk-V6Z7GG55.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,
+  NarrationStage,
   PCM_WORKLET_NAME,
   PCM_WORKLET_SOURCE,
   TELEPROMPTER_CSS,
   TeleprompterControls,
   TeleprompterSurface,
-  TeleprompterView,
+  buildFilename,
   buildNarrationSavePlan,
+  buildTimingJson,
   cameraVideoLine,
   createFloatingWindowManager,
   detectFloatTiers,
+  encodeTimingJson,
   ensureTeleprompterStyles,
   executeNarrationSave,
   insertNarrationPreamble,
@@ -228,27 +247,23 @@ import {
   narrationAnnotationLine,
   prompterVarsFromTheme,
   registerPcmWorklet,
-  stepScroll,
-  targetOffsetFor,
-  useFloatingWindow,
-  useMicAnalysis,
-  useNarrationRecorder,
-  useTeleprompter,
-  vadConfigForSensitivity
-} from "./chunk-5JMHFAVW.js";
-import {
-  buildFilename,
-  buildTimingJson,
-  encodeTimingJson,
   requestCameraStream,
   requestMicStream,
   resolveFormat,
+  stepScroll,
   supportsDisplayMedia,
   supportsMediaRecorder,
   supportsUserMedia,
+  targetOffsetFor,
   timingPathFor,
-  useStreamPreview
-} from "./chunk-5Q4JN4I5.js";
+  useFloatingWindow,
+  useMicAnalysis,
+  useNarrationRecorder,
+  useNarrationStage,
+  useStreamPreview,
+  useTeleprompter,
+  vadConfigForSensitivity
+} from "./chunk-PDCKJCOS.js";
 
 // src/FolderView.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -386,6 +401,9 @@ function ThemeCustomizerPanel({
   const [draft, setDraft] = useState(() => themeToDraft(value));
   const [popoverPosition, setPopoverPosition] = useState(null);
   const containerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const close = useCallback(() => setOpen(false), []);
+  useEscapeDismissal(open, close, triggerRef);
   const externalIdRef = useRef(value?.id ?? null);
   useEffect(() => {
     const incomingId = value?.id ?? null;
@@ -476,6 +494,7 @@ function ThemeCustomizerPanel({
     /* @__PURE__ */ jsx3(
       "button",
       {
+        ref: triggerRef,
         type: "button",
         className: `squisq-toolbar-button squisq-theme-customizer-trigger${triggerLabel ? " squisq-theme-customizer-trigger--label" : ""}${open ? " squisq-toolbar-button--active" : ""}`,
         "data-tooltip": "Customize theme",
@@ -706,6 +725,7 @@ export {
   MermaidDiagramTypeThumbnail,
   MermaidDiagramWidget,
   MermaidShapePalette,
+  NarrationStage,
   OutlinePanel,
   PCM_WORKLET_NAME,
   PCM_WORKLET_SOURCE,
@@ -734,11 +754,15 @@ export {
   TemplatePicker,
   ThemeCustomizerPanel,
   ThemePicker,
+  TimelineCompositionPanel,
   TimelineEditorWidget,
+  TimelineToolbar,
   TimelineTrack,
+  TimelineVideoPanel,
   TimelineViewExtension,
   Toolbar,
   TooltipLayer,
+  TransformMenu,
   TransitionPicker,
   TreeOutlineWidget,
   TreeViewExtension,
@@ -768,6 +792,7 @@ export {
   createFloatingWindowManager,
   detectFloatTiers,
   detectLanguageFromFileName,
+  documentTitleFromFileName,
   draftPatchFromImportedTheme,
   encodeTimingJson,
   ensureTeleprompterStyles,
@@ -785,6 +810,7 @@ export {
   getTimelineForNode,
   imageEditorReducer,
   indentItemOp,
+  ingestForWrite,
   initialImageEditorState,
   insertNarrationPreamble,
   inspectMermaidSource,
@@ -815,6 +841,9 @@ export {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  persistFromWrite,
+  preloadMonaco,
+  preloadMonacoSuggestions,
   processMediaFiles,
   processTextFile,
   processTextFiles,
@@ -846,6 +875,8 @@ export {
   searchPickerEntries,
   setBlockAttrsValue,
   setBlockDurationInSource,
+  setBlockStartTimeInSource,
+  setBlockTransitionInSource,
   setHeadingAttrsTransition,
   setHeadingLineTransition,
   setMediaClipInSource,
@@ -885,6 +916,7 @@ export {
   useMicAnalysis,
   useMonacoLoader,
   useNarrationRecorder,
+  useNarrationStage,
   usePreviewSettings,
   useStreamPreview,
   useTeleprompter,

package/dist/json-editor/index.js

@@ -1,7 +1,7 @@
 import {
   JsonEditor
-} from "../chunk-54UGTQBO.js";
-import "../chunk-NITZVAXL.js";
+} from "../chunk-WDX6UDL5.js";
+import "../chunk-WLJ623UZ.js";
 export {
   JsonEditor
 };

package/dist/monaco.d.ts

@@ -1 +1,27 @@
 export * from 'monaco-editor/esm/vs/editor/editor.api.js';
+import { M as MonacoLanguageRequest, a as MonacoLanguageLoadOptions } from './monacoLanguageDetection-DEyUW-BS.js';
+export { m as monacoLanguageRequestKey, b as monacoLanguagesForDocument, n as normalizeMonacoLanguage } from './monacoLanguageDetection-DEyUW-BS.js';
+
+/** Demand-driven Monaco language registration for Squisq editor surfaces. */
+
+/** Load only the requested grammar registrations and, when opted in, services. */
+declare function loadMonacoLanguages(requested: MonacoLanguageRequest, options?: MonacoLanguageLoadOptions): Promise<void>;
+
+/**
+ * Canonical Monaco entry for Squisq and downstream hosts.
+ *
+ * This entry deliberately avoids Monaco's `editor.main.js` and
+ * `editor.all.js` barrels. It registers the compact editing feature profile
+ * used by every Squisq editor. Language grammars and worker-backed services
+ * are loaded on demand through `loadMonacoLanguages`, so a Markdown source
+ * view does not initialize an IDE's worth of unrelated features and languages.
+ *
+ * Rich CSS/HTML/JSON/JavaScript/TypeScript services still need workers wired
+ * through `configureMonacoWorkers`. Syntax highlighting, editing, and Squisq's
+ * custom completion providers do not start those workers.
+ */
+
+/** Load Monaco's completion/snippet UI without placing it in the editor core. */
+declare function loadMonacoSuggestions(): Promise<void>;
+
+export { MonacoLanguageLoadOptions, MonacoLanguageRequest, loadMonacoLanguages, loadMonacoSuggestions };

package/dist/monaco.js

@@ -1,9 +1,47 @@
+import {
+  monacoLanguageRequestKey,
+  monacoLanguagesForDocument,
+  normalizeMonacoLanguage,
+  normalizedMonacoLanguageRequests
+} from "./chunk-V4NBQF5C.js";
+
+// src/monacoFeatures.ts
+import "monaco-editor/esm/vs/editor/browser/coreCommands.js";
+import "monaco-editor/esm/vs/editor/browser/widget/codeEditor/codeEditorWidget.js";
+import "monaco-editor/esm/vs/editor/contrib/bracketMatching/browser/bracketMatching.js";
+import "monaco-editor/esm/vs/editor/contrib/caretOperations/browser/caretOperations.js";
+import "monaco-editor/esm/vs/editor/contrib/caretOperations/browser/transpose.js";
+import "monaco-editor/esm/vs/editor/contrib/clipboard/browser/clipboard.js";
+import "monaco-editor/esm/vs/editor/contrib/comment/browser/comment.js";
+import "monaco-editor/esm/vs/editor/contrib/contextmenu/browser/contextmenu.js";
+import "monaco-editor/esm/vs/editor/contrib/cursorUndo/browser/cursorUndo.js";
+import "monaco-editor/esm/vs/editor/contrib/dnd/browser/dnd.js";
+import "monaco-editor/esm/vs/editor/contrib/find/browser/findController.js";
+import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js";
+import "monaco-editor/esm/vs/editor/contrib/fontZoom/browser/fontZoom.js";
+import "monaco-editor/esm/vs/editor/contrib/indentation/browser/indentation.js";
+import "monaco-editor/esm/vs/editor/contrib/lineSelection/browser/lineSelection.js";
+import "monaco-editor/esm/vs/editor/contrib/linesOperations/browser/linesOperations.js";
+import "monaco-editor/esm/vs/editor/contrib/links/browser/links.js";
+import "monaco-editor/esm/vs/editor/contrib/multicursor/browser/multicursor.js";
+import "monaco-editor/esm/vs/editor/contrib/smartSelect/browser/smartSelect.js";
+import "monaco-editor/esm/vs/editor/contrib/tokenization/browser/tokenization.js";
+import "monaco-editor/esm/vs/editor/contrib/toggleTabFocusMode/browser/toggleTabFocusMode.js";
+import "monaco-editor/esm/vs/editor/contrib/unicodeHighlighter/browser/unicodeHighlighter.js";
+import "monaco-editor/esm/vs/editor/contrib/unusualLineTerminators/browser/unusualLineTerminators.js";
+import "monaco-editor/esm/vs/editor/contrib/wordHighlighter/browser/wordHighlighter.js";
+import "monaco-editor/esm/vs/editor/contrib/wordOperations/browser/wordOperations.js";
+import "monaco-editor/esm/vs/editor/contrib/wordPartOperations/browser/wordPartOperations.js";
+import "monaco-editor/esm/vs/editor/contrib/readOnlyMessage/browser/contribution.js";
+import "monaco-editor/esm/vs/editor/common/standaloneStrings.js";
+import "monaco-editor/esm/vs/base/browser/ui/codicons/codiconStyles.js";
+import "monaco-editor/esm/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.js";
+
 // src/monaco.ts
-import "monaco-editor/esm/vs/editor/editor.main.js";
-import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
+export * from "monaco-editor/esm/vs/editor/editor.api.js";
 
 // src/monacoJsonc.ts
-var JSONC_LANGUAGE = {
+var JSON_LANGUAGE = {
   defaultToken: "",
   // Reuse Monaco's JSON token scopes so built-in and host themes color JSONC
   // exactly like JSON instead of requiring JSONC-specific theme rules.
@@ -51,18 +89,114 @@ var JSONC_CONFIGURATION = {
     { open: '"', close: '"' }
   ]
 };
-function registerJsoncLanguage(monaco2) {
-  if (monaco2.languages.getLanguages().some(({ id }) => id === "jsonc")) return;
-  monaco2.languages.register({
+function registerJsoncLanguage(monaco) {
+  if (monaco.languages.getLanguages().some(({ id }) => id === "jsonc")) return;
+  monaco.languages.register({
     id: "jsonc",
     aliases: ["JSONC", "JSON with Comments", "jsonc"],
     extensions: [".jsonc"],
     mimetypes: ["application/jsonc"]
   });
-  monaco2.languages.setLanguageConfiguration("jsonc", JSONC_CONFIGURATION);
-  monaco2.languages.setMonarchTokensProvider("jsonc", JSONC_LANGUAGE);
+  monaco.languages.setLanguageConfiguration("jsonc", JSONC_CONFIGURATION);
+  monaco.languages.setMonarchTokensProvider("jsonc", JSON_LANGUAGE);
+}
+function registerJsonLanguage(monaco) {
+  if (monaco.languages.getLanguages().some(({ id }) => id === "json")) return;
+  monaco.languages.register({
+    id: "json",
+    aliases: ["JSON", "json"],
+    extensions: [".json"],
+    mimetypes: ["application/json"]
+  });
+  monaco.languages.setLanguageConfiguration("json", JSONC_CONFIGURATION);
+  monaco.languages.setMonarchTokensProvider("json", JSON_LANGUAGE);
+}
+
+// src/monacoLanguages.ts
+var SYNTAX_LOADERS = {
+  cpp: () => import("monaco-editor/esm/vs/basic-languages/cpp/cpp.contribution.js"),
+  csharp: () => import("monaco-editor/esm/vs/basic-languages/csharp/csharp.contribution.js"),
+  css: () => import("monaco-editor/esm/vs/basic-languages/css/css.contribution.js"),
+  dockerfile: () => import("monaco-editor/esm/vs/basic-languages/dockerfile/dockerfile.contribution.js"),
+  go: () => import("monaco-editor/esm/vs/basic-languages/go/go.contribution.js"),
+  handlebars: () => import("monaco-editor/esm/vs/basic-languages/handlebars/handlebars.contribution.js"),
+  html: () => import("monaco-editor/esm/vs/basic-languages/html/html.contribution.js"),
+  ini: () => import("monaco-editor/esm/vs/basic-languages/ini/ini.contribution.js"),
+  java: () => import("monaco-editor/esm/vs/basic-languages/java/java.contribution.js"),
+  javascript: () => import("monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js"),
+  kotlin: () => import("monaco-editor/esm/vs/basic-languages/kotlin/kotlin.contribution.js"),
+  less: () => import("monaco-editor/esm/vs/basic-languages/less/less.contribution.js"),
+  lua: () => import("monaco-editor/esm/vs/basic-languages/lua/lua.contribution.js"),
+  markdown: () => import("monaco-editor/esm/vs/basic-languages/markdown/markdown.contribution.js"),
+  php: () => import("monaco-editor/esm/vs/basic-languages/php/php.contribution.js"),
+  python: () => import("monaco-editor/esm/vs/basic-languages/python/python.contribution.js"),
+  ruby: () => import("monaco-editor/esm/vs/basic-languages/ruby/ruby.contribution.js"),
+  rust: () => import("monaco-editor/esm/vs/basic-languages/rust/rust.contribution.js"),
+  scss: () => import("monaco-editor/esm/vs/basic-languages/scss/scss.contribution.js"),
+  shell: () => import("monaco-editor/esm/vs/basic-languages/shell/shell.contribution.js"),
+  sql: () => import("monaco-editor/esm/vs/basic-languages/sql/sql.contribution.js"),
+  swift: () => import("monaco-editor/esm/vs/basic-languages/swift/swift.contribution.js"),
+  typescript: () => import("monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js"),
+  xml: () => import("monaco-editor/esm/vs/basic-languages/xml/xml.contribution.js"),
+  yaml: () => import("monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution.js")
+};
+var SERVICE_LOADERS = {
+  css: () => import("monaco-editor/esm/vs/language/css/monaco.contribution.js"),
+  html: () => import("monaco-editor/esm/vs/language/html/monaco.contribution.js"),
+  javascript: () => import("monaco-editor/esm/vs/language/typescript/monaco.contribution.js"),
+  json: () => import("monaco-editor/esm/vs/language/json/monaco.contribution.js"),
+  jsonc: () => import("monaco-editor/esm/vs/language/json/monaco.contribution.js"),
+  less: () => import("monaco-editor/esm/vs/language/css/monaco.contribution.js"),
+  scss: () => import("monaco-editor/esm/vs/language/css/monaco.contribution.js"),
+  typescript: () => import("monaco-editor/esm/vs/language/typescript/monaco.contribution.js")
+};
+var languagePromises = /* @__PURE__ */ new Map();
+async function registerLightweightJson(language) {
+  const monaco = await import("monaco-editor/esm/vs/editor/editor.api.js");
+  if (language === "json") registerJsonLanguage(monaco);
+  else registerJsoncLanguage(monaco);
+}
+function loadLanguage(language, languageServices) {
+  if (!language || language === "plaintext") return Promise.resolve();
+  const serviceLoader = languageServices ? SERVICE_LOADERS[language] : void 0;
+  const cacheKey = `${serviceLoader ? "services" : "syntax"}:${language}`;
+  const existing = languagePromises.get(cacheKey);
+  if (existing) return existing;
+  const syntaxLoader = SYNTAX_LOADERS[language];
+  const promise = (async () => {
+    if (serviceLoader) {
+      await Promise.all([import("./monacoSuggestions-MDBODZ7F.js"), syntaxLoader?.(), serviceLoader()]);
+      if (language === "jsonc") await registerLightweightJson("jsonc");
+      return;
+    }
+    if (language === "json" || language === "jsonc") {
+      await registerLightweightJson(language);
+      return;
+    }
+    await syntaxLoader?.();
+  })().catch((error) => {
+    languagePromises.delete(cacheKey);
+    throw error;
+  });
+  languagePromises.set(cacheKey, promise);
+  return promise;
+}
+async function loadMonacoLanguages(requested, options = {}) {
+  await Promise.all(
+    normalizedMonacoLanguageRequests(requested).map(
+      (language) => loadLanguage(language, options.languageServices === true)
+    )
+  );
 }
 
 // src/monaco.ts
-export * from "monaco-editor/esm/vs/editor/editor.api.js";
-registerJsoncLanguage(monaco);
+async function loadMonacoSuggestions() {
+  await import("./monacoSuggestions-MDBODZ7F.js");
+}
+export {
+  loadMonacoLanguages,
+  loadMonacoSuggestions,
+  monacoLanguageRequestKey,
+  monacoLanguagesForDocument,
+  normalizeMonacoLanguage
+};

package/dist/monacoLanguageDetection-DEyUW-BS.d.ts

@@ -0,0 +1,18 @@
+/** Pure language normalization and Markdown-fence detection (no Monaco imports). */
+type MonacoLanguageRequest = string | readonly string[] | null | undefined;
+interface MonacoLanguageLoadOptions {
+    /**
+     * Enable worker-backed IDE services for CSS/HTML/JSON/JavaScript/TypeScript.
+     * Syntax highlighting remains available when false. Defaults to false.
+     */
+    languageServices?: boolean;
+}
+declare function normalizeMonacoLanguage(language: string): string;
+declare function monacoLanguageRequestKey(requested: MonacoLanguageRequest, options?: MonacoLanguageLoadOptions): string;
+/**
+ * Return the primary language plus explicit languages used by Markdown fences.
+ * Closing fences and untagged fences do not add language work.
+ */
+declare function monacoLanguagesForDocument(primaryLanguage: string, source: string): string[];
+
+export { type MonacoLanguageRequest as M, type MonacoLanguageLoadOptions as a, monacoLanguagesForDocument as b, monacoLanguageRequestKey as m, normalizeMonacoLanguage as n };

package/dist/monacoSuggestions-MDBODZ7F.js

@@ -0,0 +1,3 @@
+// src/monacoSuggestions.ts
+import "monaco-editor/esm/vs/editor/contrib/snippet/browser/snippetController2.js";
+import "monaco-editor/esm/vs/editor/contrib/suggest/browser/suggestController.js";