@bendyline/docblocks-react 2.6.2 → 2.7.0

package/dist/chunk-6B7G33D5.js

@@ -0,0 +1,88 @@
+import {
+  Dialog
+} from "./chunk-56KO2LYN.js";
+
+// src/components/useConfirmDialog.ts
+import React2, { useCallback as useCallback2, useEffect, useRef as useRef2, useState } from "react";
+
+// src/components/ConfirmDialog.tsx
+import { useCallback, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({ request, onSettle }) {
+  const acknowledge = request.kind === "acknowledge";
+  const destructive = request.kind === "confirm" && request.destructive === true;
+  const cancelRef = useRef(null);
+  const confirmRef = useRef(null);
+  const accept = useCallback(() => onSettle(true), [onSettle]);
+  const reject = useCallback(() => onSettle(false), [onSettle]);
+  const close = acknowledge ? accept : reject;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      title: request.title,
+      onClose: close,
+      initialFocusRef: destructive ? cancelRef : confirmRef,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        !acknowledge && /* @__PURE__ */ jsx("button", { ref: cancelRef, type: "button", className: "db-git-secondary-btn", onClick: reject, children: request.cancelLabel ?? "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: confirmRef,
+            type: "button",
+            className: destructive ? "db-git-primary-btn db-git-primary-btn--danger" : "db-git-primary-btn",
+            onClick: accept,
+            children: request.confirmLabel ?? "OK"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx("p", { className: "db-dialog-message", children: request.message })
+    }
+  );
+}
+
+// src/components/useConfirmDialog.ts
+function useConfirmDialog() {
+  const [pending, setPending] = useState(null);
+  const pendingRef = useRef2(null);
+  const nextIdRef = useRef2(0);
+  const settlePending = useCallback2((value) => {
+    const current = pendingRef.current;
+    if (!current) return;
+    pendingRef.current = null;
+    setPending((open2) => open2?.id === current.id ? null : open2);
+    current.settle(value);
+  }, []);
+  const open = useCallback2(
+    (request) => new Promise((resolve) => {
+      settlePending(false);
+      const next = { id: ++nextIdRef.current, request, settle: resolve };
+      pendingRef.current = next;
+      setPending(next);
+    }),
+    [settlePending]
+  );
+  const confirm = useCallback2(
+    (request) => open({ kind: "confirm", ...request }),
+    [open]
+  );
+  const acknowledge = useCallback2(
+    async (request) => {
+      await open({ kind: "acknowledge", ...request });
+    },
+    [open]
+  );
+  useEffect(() => {
+    return () => settlePending(false);
+  }, [settlePending]);
+  const confirmDialog = pending ? React2.createElement(ConfirmDialog, {
+    // Remount on a superseding request so focus re-seeds from it.
+    key: pending.id,
+    request: pending.request,
+    onSettle: settlePending
+  }) : null;
+  return { confirm, acknowledge, confirmDialog };
+}
+
+export {
+  useConfirmDialog
+};

package/dist/chunk-ARATARVJ.js

@@ -0,0 +1,40 @@
+// src/FileExplorer/file-names.ts
+var HIDDEN_EXTENSION = ".md";
+var EXTENSION = /\.(?=[A-Za-z0-9]*[A-Za-z])[A-Za-z0-9]{1,10}$/;
+function hidesExtension(name) {
+  return name.endsWith(HIDDEN_EXTENSION) && name.length > HIDDEN_EXTENSION.length;
+}
+function extensionStart(name) {
+  const match = EXTENSION.exec(name);
+  return match && match.index > 0 ? match.index : -1;
+}
+function displayFileName(name) {
+  return hidesExtension(name) ? name.slice(0, -HIDDEN_EXTENSION.length) : name;
+}
+function renameDraft(name, kind) {
+  if (kind === "file" && hidesExtension(name)) {
+    const value = displayFileName(name);
+    return { value, selectionEnd: value.length };
+  }
+  const start = kind === "file" ? extensionStart(name) : -1;
+  return { value: name, selectionEnd: start >= 0 ? start : name.length };
+}
+function renamedFileName(name, typed, kind) {
+  let next = typed.trim();
+  if (!next) return null;
+  if (kind === "file") {
+    if (hidesExtension(name)) {
+      if (!next.toLowerCase().endsWith(HIDDEN_EXTENSION)) next += HIDDEN_EXTENSION;
+    } else {
+      const start = extensionStart(name);
+      if (start >= 0 && extensionStart(next) < 0) next += name.slice(start);
+    }
+  }
+  return next === name ? null : next;
+}
+
+export {
+  displayFileName,
+  renameDraft,
+  renamedFileName
+};

package/dist/{chunk-ODYNOPC3.js → chunk-BCQZTWE5.js}

@@ -1,9 +1,22 @@
 import {
   FORMAT_EXTENSIONS
-} from "./chunk-EBWYGTN7.js";
+} from "./chunk-X437UAF7.js";
 
 // src/Export/run-export.ts
 import { parseMarkdown } from "@bendyline/squisq/markdown";
+async function pictureDiagrams(doc, overrides, kinds) {
+  try {
+    const [{ rasterizeDiagrams }, render] = await Promise.all([
+      import("@bendyline/squisq-formats/diagrams"),
+      overrides.diagramRenderer ?? import("@bendyline/squisq-react/diagram-pictures").then(
+        (module) => module.createDiagramPictureRenderer()
+      )
+    ]);
+    return await rasterizeDiagrams(doc, render, { kinds, urlPrefix: "docblocks-diagram" });
+  } catch {
+    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map() };
+  }
+}
 var MIME_TYPES = {
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   pdf: "application/pdf",
@@ -45,24 +58,40 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
   const doc = parseMarkdown(markdown);
   if (options.format === "docx") {
     const { markdownDocToDocx } = await import("@bendyline/squisq-formats/docx");
-    const images = mediaContainer ? await resolveImages(doc, mediaContainer) : void 0;
-    const buf = await markdownDocToDocx(doc, { themeId, images });
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
+      ...pictured.images
+    ]);
+    const buf = await markdownDocToDocx(pictured.markdownDoc, { themeId, images });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.docx }), filename, saveBlob);
     return;
   }
   if (options.format === "pdf") {
     const { markdownDocToPdf } = await import("@bendyline/squisq-formats/pdf");
-    const buf = await markdownDocToPdf(doc, {
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
+      ...pictured.images
+    ]);
+    const buf = await markdownDocToPdf(pictured.markdownDoc, {
       themeId,
-      pageSize: options.pageSize
+      pageSize: options.pageSize,
+      images
     });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pdf }), filename, saveBlob);
     return;
   }
   if (options.format === "epub") {
     const { markdownDocToEpub } = await import("@bendyline/squisq-formats/epub");
-    const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const buf = await markdownDocToEpub(doc, { themeId, images });
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImageData(doc, mediaContainer) : [],
+      ...[...pictured.images].map(
+        ([url, picture]) => [url, picture.data.slice().buffer]
+      )
+    ]);
+    const buf = await markdownDocToEpub(pictured.markdownDoc, { themeId, images });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.epub }), filename, saveBlob);
     return;
   }
@@ -81,11 +110,21 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
       enrichedDoc.themeId = themeId;
     }
     const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const buf = await docToPptx(enrichedDoc, { themeId, images });
+    const { mermaid } = await pictureDiagrams(doc, converterOverrides, ["mermaid"]);
+    const buf = await docToPptx(enrichedDoc, { themeId, images, diagramImages: mermaid });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pptx }), filename, saveBlob);
     return;
   }
 }
+var MERMAID_FENCE = /^ {0,3}(?:```|~~~)[ \t]*mermaid\b/imu;
+async function playerScriptFor(markdown) {
+  if (MERMAID_FENCE.test(markdown)) {
+    const { PLAYER_BUNDLE_FULL } = await import("@bendyline/squisq-react/standalone-source/full");
+    return PLAYER_BUNDLE_FULL;
+  }
+  const { PLAYER_BUNDLE } = await import("@bendyline/squisq-react/standalone-source");
+  return PLAYER_BUNDLE;
+}
 async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, selectedFile, saveBlob) {
   const baseName = htmlFilename.replace(/\.html$/, "");
   const zipName = `${baseName}.zip`;
@@ -93,16 +132,17 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
   const themeId = options.themeId !== "standard" ? options.themeId : void 0;
   if (options.includeLinkedDocs && mediaContainer && selectedFile) {
     const entryPath = basenameForBundle(selectedFile);
+    const readDocument = (path) => path === entryPath ? Promise.resolve(markdown) : readDocumentFromContainer(mediaContainer, path);
     if (options.htmlStyle === "rendered") {
-      const [{ markdownDocsToHtmlBundle }, { PLAYER_BUNDLE }] = await Promise.all([
+      const [{ markdownDocsToHtmlBundle }, playerScript] = await Promise.all([
         import("@bendyline/squisq-formats/html"),
-        import("@bendyline/squisq-react/standalone-source")
+        playerScriptFor(markdown)
       ]);
       const blob2 = await markdownDocsToHtmlBundle({
         entryPath,
-        readDocument: (path) => readDocumentFromContainer(mediaContainer, path),
+        readDocument,
         readBinary: (path) => mediaContainer.readFile(path),
-        playerScript: PLAYER_BUNDLE,
+        playerScript,
         title: baseName,
         themeId,
         mode: "static",
@@ -115,7 +155,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     const { markdownDocsToPlainHtmlBundle } = await import("@bendyline/squisq-formats/html");
     const blob = await markdownDocsToPlainHtmlBundle({
       entryPath,
-      readDocument: (path) => readDocumentFromContainer(mediaContainer, path),
+      readDocument,
       readBinary: (path) => mediaContainer.readFile(path),
       title: baseName,
       themeId,
@@ -125,10 +165,10 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     return;
   }
   if (options.htmlStyle === "rendered") {
-    const [{ markdownToDoc }, { docToHtml, docToHtmlZip, collectImagePaths }, { PLAYER_BUNDLE }] = await Promise.all([
+    const [{ markdownToDoc }, { docToHtml, docToHtmlZip, collectImagePaths }, playerScript] = await Promise.all([
       import("@bendyline/squisq/doc"),
       import("@bendyline/squisq-formats/html"),
-      import("@bendyline/squisq-react/standalone-source")
+      playerScriptFor(markdown)
     ]);
     const mdDoc2 = parseMarkdown(markdown);
     const baseDoc = markdownToDoc(mdDoc2);
@@ -136,7 +176,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     const images = mediaContainer ? await resolveDocImages(baseDoc, mediaContainer, collectImagePaths) : void 0;
     if (options.htmlBundle === "zip") {
       const blob = await docToHtmlZip(baseDoc, {
-        playerScript: PLAYER_BUNDLE,
+        playerScript,
         images,
         mode: "static",
         title: baseName,
@@ -146,7 +186,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
       return;
     }
     const html2 = docToHtml(baseDoc, {
-      playerScript: PLAYER_BUNDLE,
+      playerScript,
       images,
       mode: "static",
       title: baseName,

package/dist/chunk-EA4BO6E4.js

@@ -0,0 +1,73 @@
+// src/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FontAwesomeIcon({ icon }) {
+  return /* @__PURE__ */ jsx("i", { className: icon, "aria-hidden": "true" });
+}
+function NewFileIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-file-circle-plus" });
+}
+function NewFolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-plus" });
+}
+function OpenFolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-open" });
+}
+function SortByNameIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-arrow-down-a-z" });
+}
+function SortByLastModifiedIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-clock" });
+}
+function FolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder" });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-ellipsis" });
+}
+function PinIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-thumbtack" });
+}
+function WorkspaceIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-gear" });
+}
+function SplitViewIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "1.5", y: "2.5", width: "13", height: "11", rx: "1" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "2.5", x2: "6", y2: "13.5" })
+      ]
+    }
+  );
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-magnifying-glass" });
+}
+function FilesIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-tree" });
+}
+
+export {
+  NewFileIcon,
+  NewFolderIcon,
+  OpenFolderIcon,
+  SortByNameIcon,
+  SortByLastModifiedIcon,
+  FolderIcon,
+  MoreIcon,
+  PinIcon,
+  WorkspaceIcon,
+  SplitViewIcon,
+  SearchIcon,
+  FilesIcon
+};

package/dist/chunk-G4MFB3IO.js

@@ -0,0 +1,208 @@
+// src/editor.ts
+import { useEffect, useState } from "react";
+
+// src/components/FindButton.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FindButton({ active, onActiveChange, shortcutLabel: shortcutLabel2 }) {
+  const tooltip = shortcutLabel2 ? `Find in document (${shortcutLabel2})` : "Find in document";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `squisq-toolbar-button${active ? " squisq-toolbar-button--active" : ""}`,
+      onClick: () => onActiveChange(!active),
+      "aria-label": "Find in document",
+      "aria-pressed": active,
+      "data-tooltip": tooltip,
+      children: /* @__PURE__ */ jsx(FindGlyph, {})
+    }
+  );
+}
+function FindGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "6.75", cy: "6.75", r: "4.25" }),
+        /* @__PURE__ */ jsx("path", { d: "m10 10 3.5 3.5" })
+      ]
+    }
+  );
+}
+
+// src/components/find-input.ts
+function focusFindInput(scope = document) {
+  const input = scope.querySelector(".squisq-find-input");
+  input?.focus();
+  input?.select();
+}
+
+// src/DocBlocksShell/keyboard-shortcuts.ts
+var SHELL_SHORTCUTS = Object.freeze([
+  // Must work mid-sentence; that is the entire point of a save shortcut.
+  { id: "save", key: "s", accel: true, label: "Ctrl+S", whileTyping: true },
+  // Find is mostly invoked from inside the document being searched.
+  { id: "find", key: "f", accel: true, label: "Ctrl+F", whileTyping: true },
+  // Jumping elsewhere is as likely mid-sentence as from the tree.
+  { id: "quick-open", key: "p", accel: true, label: "Ctrl+P", whileTyping: true },
+  {
+    id: "workspace-search",
+    key: "f",
+    accel: true,
+    shift: true,
+    label: "Ctrl+Shift+F",
+    whileTyping: true
+  },
+  // Deliberately NOT Cmd+B — Squisq owns that for Bold. Cmd+\ is the VS Code
+  // convention for toggling the side bar.
+  { id: "toggle-sidebar", key: "\\", accel: true, label: "Ctrl+\\", whileTyping: true },
+  { id: "focus-files", key: "e", accel: true, shift: true, label: "Ctrl+Shift+E" },
+  { id: "new-document", key: "n", accel: true, label: "Ctrl+N" },
+  { id: "new-folder", key: "n", accel: true, shift: true, label: "Ctrl+Shift+N" },
+  // Ctrl+, (settings) is deliberately absent: AppMenu owns that dialog's state
+  // internally and exposes no way to open it. Binding the key without first
+  // giving AppMenu a controlled `settingsOpen` prop would ship a dead shortcut.
+  { id: "close-overlay", key: "Escape", accel: false, label: "Esc", whileTyping: true }
+]);
+function isTypingTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable) return true;
+  const tag = target.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  return target.closest(".monaco-editor") !== null;
+}
+function matchShortcut(event, _layoutMode) {
+  return SHELL_SHORTCUTS.find((binding) => bindingMatches(binding, event))?.id ?? null;
+}
+function bindingMatches(binding, event) {
+  if (event.altKey) return false;
+  const accel = event.ctrlKey || event.metaKey;
+  const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
+  if (binding.accel !== accel) return false;
+  if ((binding.shift ?? false) !== event.shiftKey) return false;
+  if (binding.key !== key) return false;
+  return binding.whileTyping === true || !isTypingTarget(event.target);
+}
+function isFindShortcut(event) {
+  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === "find");
+  return binding !== void 0 && bindingMatches(binding, event);
+}
+function findShortcutLabel() {
+  return shortcutLabel("find", isApplePlatform());
+}
+function isApplePlatform() {
+  if (typeof navigator === "undefined") return false;
+  return /Mac|iPhone|iPad|iPod/u.test(navigator.platform || navigator.userAgent);
+}
+function shortcutLabel(id, isApple) {
+  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === id);
+  if (!binding) return "";
+  return isApple ? binding.label.replace("Ctrl+", "\u2318") : binding.label;
+}
+
+// src/editor.ts
+var PORTRAIT_FORM_FACTOR_QUERY = "(orientation: portrait)";
+function previewViewportPresetForOrientation(isPortrait) {
+  return isPortrait ? "portrait" : "landscape";
+}
+function useResponsivePreviewViewportPreset() {
+  const [isPortrait, setIsPortrait] = useState(() => {
+    if (typeof globalThis.matchMedia !== "function") return false;
+    return globalThis.matchMedia(PORTRAIT_FORM_FACTOR_QUERY).matches;
+  });
+  useEffect(() => {
+    if (typeof globalThis.matchMedia !== "function") return;
+    const query = globalThis.matchMedia(PORTRAIT_FORM_FACTOR_QUERY);
+    const update = () => setIsPortrait(query.matches);
+    update();
+    query.addEventListener("change", update);
+    return () => query.removeEventListener("change", update);
+  }, []);
+  return previewViewportPresetForOrientation(isPortrait);
+}
+var EMPTY_DOCUMENT_PROMPTS = [
+  "Start typing your content, or drop images on top of me...",
+  "Write anything -- paste markdown, drag in images, or just start typing...",
+  "Type away. Markdown syntax works too...",
+  "Chapter 1 begins here...",
+  "Once upon a time...",
+  "A blank page. Exciting, isn't it?",
+  "The first word is always the hardest...",
+  "Plot twist: this is where it all starts...",
+  "Write something the future you will thank you for...",
+  "Begin at the beginning...",
+  "Let's begin.",
+  "We can be heroes...",
+  "Here comes the sun...",
+  "And so it begins...",
+  "Let it be, let it be...",
+  "Don't stop believing...",
+  "Started from the bottom...",
+  "This is the start of something new...",
+  "Ground control to Major Tom...",
+  "Come as you are...",
+  "Every new beginning...",
+  "Hello, is it me you're looking for?",
+  "Imagine all the people...",
+  "Anything you want, you got it...",
+  "Rise above...",
+  "Do you have the time...",
+  "Here we are now, entertain us...",
+  "All the small things...",
+  "Should I stay or should I go?",
+  "I am a patient boy -- I wait, I wait, I wait...",
+  "Destination unknown...",
+  "Easy like Sunday morning...",
+  "Dance, dance, dance to the radio...",
+  "New day rising...",
+  "Visit the world...",
+  "Positive mental attitude...",
+  "Better I sing than I cry...",
+  "Disconnect for a minute...",
+  "We need new noise...",
+  "Shoot the moon...",
+  "I'll surprise you sometime -- I'll come around...",
+  "Coming out of my cage, and doing just fine...",
+  "Throw me to the wolves -- I'll come back, leading the pack...",
+  "There comes a time -- no excuses...",
+  "It's up to me now, turn on the bright lights...",
+  "Do what you want...",
+  "Fingers crossed...",
+  "This is the start of how it all ends...",
+  "It has to start somewhere, it has to start sometime -- what better place than here? what better time than now?",
+  "I know myself, and I'll begin again...",
+  "Dig me out, dig me in...",
+  "Everybody's full of sugar, honey, ice and tea...",
+  "Take time with a wounded hand, 'cause it likes to heal...",
+  "Grab a brush and put on a little makeup...",
+  "Amber is the color of your energy...",
+  "Wait -- they don't love it like I love it...",
+  "A world's been buried, where love is the law; a you-topia..."
+];
+function pickEmptyDocumentPrompt(random = Math.random) {
+  const index = Math.floor(random() * EMPTY_DOCUMENT_PROMPTS.length);
+  return EMPTY_DOCUMENT_PROMPTS[index] ?? EMPTY_DOCUMENT_PROMPTS[0];
+}
+
+export {
+  FindButton,
+  focusFindInput,
+  matchShortcut,
+  isFindShortcut,
+  findShortcutLabel,
+  isApplePlatform,
+  shortcutLabel,
+  PORTRAIT_FORM_FACTOR_QUERY,
+  previewViewportPresetForOrientation,
+  useResponsivePreviewViewportPreset,
+  EMPTY_DOCUMENT_PROMPTS,
+  pickEmptyDocumentPrompt
+};