@bendyline/docblocks-react 1.1.2 → 2.1.0

package/dist/chunk-UNYZQXWR.js

@@ -0,0 +1,324 @@
+import {
+  loadTransformStyleSummaries
+} from "./chunk-4XXSWN3T.js";
+import {
+  Dialog
+} from "./chunk-FMGTHSTX.js";
+import {
+  FORMAT_LABELS,
+  saveExportOptions
+} from "./chunk-DD4VFJQI.js";
+
+// src/Export/ExportDialog.tsx
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { getThemeSummaries } from "@bendyline/squisq/schemas";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var FORMATS = ["pdf", "docx", "pptx", "html", "md"];
+var FORMAT_CHIP_LABELS = {
+  pdf: "PDF",
+  docx: "Word",
+  pptx: "PowerPoint",
+  html: "HTML",
+  md: "Markdown"
+};
+var HTML_STYLE_CHIPS = [
+  {
+    key: "plain",
+    label: "Plain",
+    hint: "A lightweight static HTML document."
+  },
+  {
+    key: "rendered",
+    label: "Rendered",
+    hint: "Renders via SquisqPlayer with themes and playback support."
+  }
+];
+var HTML_BUNDLE_CHIPS = [
+  {
+    key: "single",
+    label: "Single file",
+    hint: "One .html file with images embedded as base64 data URIs."
+  },
+  {
+    key: "zip",
+    label: "ZIP archive",
+    hint: "A .zip with index.html plus separate image (and JS) files."
+  }
+];
+function ChipRadioGroup({
+  name,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt) => {
+    const active = opt.key === value;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": active,
+        className: `db-export-chip${active ? " db-export-chip--active" : ""}`,
+        onClick: () => onChange(opt.key),
+        title: opt.title,
+        children: opt.label
+      },
+      opt.key
+    );
+  }) });
+}
+function ExportDialog({
+  initial,
+  exporting,
+  error,
+  destination,
+  onExport,
+  onOptionsChange,
+  onClose
+}) {
+  const [format, setFormat] = useState(initial.format);
+  const [themeId, setThemeId] = useState(initial.themeId);
+  const [transformStyle, setTransformStyle] = useState(initial.transformStyle);
+  const [pageSize, setPageSize] = useState(initial.pageSize);
+  const [htmlStyle, setHtmlStyle] = useState(initial.htmlStyle);
+  const [htmlBundle, setHtmlBundle] = useState(initial.htmlBundle);
+  const [includeLinkedDocs, setIncludeLinkedDocs] = useState(initial.includeLinkedDocs);
+  const [entryAsIndex, setEntryAsIndex] = useState(initial.entryAsIndex);
+  const [transforms, setTransforms] = useState([]);
+  const themes = getThemeSummaries();
+  const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "html";
+  const showTransform = format === "pptx";
+  const showPageSize = format === "pdf";
+  const showHtmlOptions = format === "html";
+  const showIncludeLinked = format === "html";
+  const showHtmlBundle = showHtmlOptions && !includeLinkedDocs;
+  const showEntryAsIndex = showHtmlOptions && (htmlBundle === "single" || includeLinkedDocs);
+  useEffect(() => {
+    if (!showTransform) return;
+    let cancelled = false;
+    loadTransformStyleSummaries().then((nextTransforms) => {
+      if (!cancelled) setTransforms(nextTransforms);
+    }).catch(() => {
+      if (!cancelled) setTransforms([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [showTransform]);
+  const currentOptions = useMemo(
+    () => ({
+      format,
+      themeId,
+      transformStyle,
+      pageSize,
+      htmlStyle,
+      htmlBundle,
+      includeLinkedDocs: showIncludeLinked && includeLinkedDocs,
+      entryAsIndex: showEntryAsIndex && entryAsIndex
+    }),
+    [
+      format,
+      themeId,
+      transformStyle,
+      pageSize,
+      htmlStyle,
+      htmlBundle,
+      includeLinkedDocs,
+      entryAsIndex,
+      showIncludeLinked,
+      showEntryAsIndex
+    ]
+  );
+  useEffect(() => {
+    onOptionsChange?.(currentOptions);
+  }, [currentOptions, onOptionsChange]);
+  const handleExport = useCallback(() => {
+    saveExportOptions(currentOptions);
+    onExport(currentOptions);
+  }, [currentOptions, onExport]);
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      title: "Export Document",
+      onClose,
+      className: "db-export-dialog",
+      footerClassName: "db-export-footer",
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "db-export-btn db-export-btn--secondary",
+            onClick: onClose,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "db-export-btn db-export-btn--primary",
+            onClick: handleExport,
+            disabled: exporting,
+            children: exporting ? "Exporting..." : "Export"
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Format" }),
+          /* @__PURE__ */ jsx(
+            ChipRadioGroup,
+            {
+              name: "Format",
+              value: format,
+              options: FORMATS.map((f) => ({
+                key: f,
+                label: FORMAT_CHIP_LABELS[f],
+                title: FORMAT_LABELS[f]
+              })),
+              onChange: setFormat
+            }
+          )
+        ] }),
+        destination && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-path", children: "Export to" }),
+          /* @__PURE__ */ jsxs("div", { className: "db-export-path-row", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "db-export-path",
+                className: "db-export-path-input",
+                value: destination.value,
+                readOnly: true,
+                disabled: exporting,
+                spellCheck: false,
+                autoComplete: "off"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "db-export-path-pick",
+                onClick: () => void destination.onPick(currentOptions),
+                disabled: exporting,
+                "aria-label": "Choose export location",
+                title: "Choose export location",
+                children: "..."
+              }
+            )
+          ] }),
+          destination.hint && /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: destination.hint })
+        ] }),
+        showHtmlOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+            /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Style" }),
+            /* @__PURE__ */ jsx(
+              ChipRadioGroup,
+              {
+                name: "Style",
+                value: htmlStyle,
+                options: HTML_STYLE_CHIPS,
+                onChange: setHtmlStyle
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: HTML_STYLE_CHIPS.find((c) => c.key === htmlStyle)?.hint })
+          ] }),
+          showHtmlBundle && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+            /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Bundle" }),
+            /* @__PURE__ */ jsx(
+              ChipRadioGroup,
+              {
+                name: "Bundle",
+                value: htmlBundle,
+                options: HTML_BUNDLE_CHIPS,
+                onChange: setHtmlBundle
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: HTML_BUNDLE_CHIPS.find((c) => c.key === htmlBundle)?.hint })
+          ] }),
+          showIncludeLinked && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+            /* @__PURE__ */ jsxs("label", { className: "db-export-checkbox", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: includeLinkedDocs,
+                  onChange: (e) => setIncludeLinkedDocs(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "Include linked-to documents" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: includeLinkedDocs ? "Follows relative .md links from this page and bundles every reachable document as its own .html in a ZIP. Cross-doc links rewrite from .md to .html." : "Only this document is exported." })
+          ] }),
+          showEntryAsIndex && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+            /* @__PURE__ */ jsxs("label", { className: "db-export-checkbox", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: entryAsIndex,
+                  onChange: (e) => setEntryAsIndex(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "Name entry page index.html" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: entryAsIndex ? includeLinkedDocs ? "Renames this page to index.html in the ZIP and rewrites any cross-doc links pointing back at it. Drops straight into a static-site host." : "Downloads as index.html instead of the document name. Drops straight into a static-site host." : "Exports under the document name." })
+          ] })
+        ] }),
+        showTheme && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-theme", children: "Theme" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "db-export-theme",
+              className: "db-export-select",
+              value: themeId,
+              onChange: (e) => setThemeId(e.target.value),
+              children: themes.map((t) => /* @__PURE__ */ jsx("option", { value: t.id, children: t.name }, t.id))
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: themes.find((t) => t.id === themeId)?.description })
+        ] }),
+        showTransform && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-transform", children: "Transform" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "db-export-transform",
+              className: "db-export-select",
+              value: transformStyle,
+              onChange: (e) => setTransformStyle(e.target.value),
+              children: transforms.length === 0 ? /* @__PURE__ */ jsx("option", { value: transformStyle, children: "Loading..." }) : transforms.map((t) => /* @__PURE__ */ jsx("option", { value: t.id, children: t.name }, t.id))
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: transforms.find((t) => t.id === transformStyle)?.description })
+        ] }),
+        showPageSize && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-pagesize", children: "Page Size" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              id: "db-export-pagesize",
+              className: "db-export-select",
+              value: pageSize,
+              onChange: (e) => setPageSize(e.target.value),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "letter", children: "US Letter" }),
+                /* @__PURE__ */ jsx("option", { value: "a4", children: "A4" })
+              ]
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "db-export-error", role: "alert", children: error })
+      ]
+    }
+  );
+}
+
+export {
+  ExportDialog
+};
+//# sourceMappingURL=chunk-UNYZQXWR.js.map

package/dist/chunk-UNYZQXWR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Export/ExportDialog.tsx"],"sourcesContent":["/**\n * ExportDialog — modal for choosing export format and options.\n */\n\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { getThemeSummaries } from '@bendyline/squisq/schemas';\nimport type { ExportFormat, ExportOptions, HtmlBundle, HtmlStyle } from './export-options.js';\nimport { FORMAT_LABELS, saveExportOptions } from './export-options.js';\nimport { loadTransformStyleSummaries, type ExportSummaryOption } from './transform-summaries.js';\nimport { Dialog } from '../components/Dialog.js';\n\nexport interface ExportDialogProps {\n  /** Initial options (pre-populated from last export). */\n  initial: ExportOptions;\n  /** Whether the export is currently running. */\n  exporting: boolean;\n  /**\n   * Message from a failed export attempt. Rendered in the dialog, which\n   * stays open so the user can adjust options and retry — a failure must\n   * never look like a success.\n   */\n  error?: string | null;\n  /** Optional host-provided destination path control. */\n  destination?: ExportDestinationControl;\n  /** Called when the user confirms the export. */\n  onExport: (options: ExportOptions) => void;\n  /** Called whenever the currently selected options change. */\n  onOptionsChange?: (options: ExportOptions) => void;\n  /** Called when the dialog is dismissed. */\n  onClose: () => void;\n}\n\nexport interface ExportDestinationControl {\n  value: string;\n  onPick: (options: ExportOptions) => void | Promise<void>;\n  hint?: string;\n}\n\nconst FORMATS: ExportFormat[] = ['pdf', 'docx', 'pptx', 'html', 'md'];\n\n/** Short labels for the Format chip row. The fuller `FORMAT_LABELS` list\n *  is still used as a tooltip so users can confirm the file extension. */\nconst FORMAT_CHIP_LABELS: Record<ExportFormat, string> = {\n  pdf: 'PDF',\n  docx: 'Word',\n  pptx: 'PowerPoint',\n  html: 'HTML',\n  md: 'Markdown',\n};\n\nconst HTML_STYLE_CHIPS: { key: HtmlStyle; label: string; hint: string }[] = [\n  {\n    key: 'plain',\n    label: 'Plain',\n    hint: 'A lightweight static HTML document.',\n  },\n  {\n    key: 'rendered',\n    label: 'Rendered',\n    hint: 'Renders via SquisqPlayer with themes and playback support.',\n  },\n];\n\nconst HTML_BUNDLE_CHIPS: { key: HtmlBundle; label: string; hint: string }[] = [\n  {\n    key: 'single',\n    label: 'Single file',\n    hint: 'One .html file with images embedded as base64 data URIs.',\n  },\n  {\n    key: 'zip',\n    label: 'ZIP archive',\n    hint: 'A .zip with index.html plus separate image (and JS) files.',\n  },\n];\n\ninterface ChipOption<T extends string> {\n  key: T;\n  label: string;\n  title?: string;\n}\n\nfunction ChipRadioGroup<T extends string>({\n  name,\n  value,\n  options,\n  onChange,\n}: {\n  name: string;\n  value: T;\n  options: ChipOption<T>[];\n  onChange: (next: T) => void;\n}) {\n  return (\n    <div className=\"db-export-chips\" role=\"radiogroup\" aria-label={name}>\n      {options.map((opt) => {\n        const active = opt.key === value;\n        return (\n          <button\n            key={opt.key}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={active}\n            className={`db-export-chip${active ? ' db-export-chip--active' : ''}`}\n            onClick={() => onChange(opt.key)}\n            title={opt.title}\n          >\n            {opt.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function ExportDialog({\n  initial,\n  exporting,\n  error,\n  destination,\n  onExport,\n  onOptionsChange,\n  onClose,\n}: ExportDialogProps) {\n  const [format, setFormat] = useState<ExportFormat>(initial.format);\n  const [themeId, setThemeId] = useState(initial.themeId);\n  const [transformStyle, setTransformStyle] = useState(initial.transformStyle);\n  const [pageSize, setPageSize] = useState(initial.pageSize);\n  const [htmlStyle, setHtmlStyle] = useState<HtmlStyle>(initial.htmlStyle);\n  const [htmlBundle, setHtmlBundle] = useState<HtmlBundle>(initial.htmlBundle);\n  const [includeLinkedDocs, setIncludeLinkedDocs] = useState<boolean>(initial.includeLinkedDocs);\n  const [entryAsIndex, setEntryAsIndex] = useState<boolean>(initial.entryAsIndex);\n  const [transforms, setTransforms] = useState<ExportSummaryOption[]>([]);\n\n  const themes = getThemeSummaries();\n\n  // Both HTML styles honor themes now: rendered HTML through the\n  // SquisqPlayer's theme system, plain HTML through squisq's\n  // `markdownDocToPlainHtml` which emits theme-driven CSS variables\n  // and Google Fonts links. Show the dropdown for any export format\n  // whose pipeline actually applies the picked theme.\n  const showTheme = format === 'docx' || format === 'pdf' || format === 'pptx' || format === 'html';\n  const showTransform = format === 'pptx';\n  const showPageSize = format === 'pdf';\n  const showHtmlOptions = format === 'html';\n  // Both HTML styles now have a recursive bundle: plain via\n  // `markdownDocsToPlainHtmlBundle`, rendered via\n  // `markdownDocsToHtmlBundle` (which rewrites Doc-tree links to\n  // `.html` before SquisqPlayer serialization). So the option applies\n  // to any HTML export.\n  const showIncludeLinked = format === 'html';\n  // Multi-doc output is inherently a directory tree, so when recursion\n  // is on the Bundle row would only confuse — ZIP is the only valid\n  // packaging. Hide the chip row and surface the implication in a hint.\n  const showHtmlBundle = showHtmlOptions && !includeLinkedDocs;\n  // `entryAsIndex` is only honored in pipelines where we control the\n  // output filename ourselves:\n  //   • single-file HTML downloads → renames `<doc>.html` → `index.html`\n  //   • recursive bundles → passed through to squisq's bundle helpers\n  // In the single-doc ZIP path, squisq's `docToHtmlZip` and our plain-\n  // HTML zip writer always emit `index.html` inside the archive, so the\n  // checkbox has no observable effect — hide it to avoid surfacing an\n  // inert control.\n  const showEntryAsIndex = showHtmlOptions && (htmlBundle === 'single' || includeLinkedDocs);\n\n  useEffect(() => {\n    if (!showTransform) return;\n    let cancelled = false;\n\n    loadTransformStyleSummaries()\n      .then((nextTransforms) => {\n        if (!cancelled) setTransforms(nextTransforms);\n      })\n      .catch(() => {\n        if (!cancelled) setTransforms([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [showTransform]);\n\n  const currentOptions = useMemo<ExportOptions>(\n    () => ({\n      format,\n      themeId,\n      transformStyle,\n      pageSize,\n      htmlStyle,\n      htmlBundle,\n      includeLinkedDocs: showIncludeLinked && includeLinkedDocs,\n      entryAsIndex: showEntryAsIndex && entryAsIndex,\n    }),\n    [\n      format,\n      themeId,\n      transformStyle,\n      pageSize,\n      htmlStyle,\n      htmlBundle,\n      includeLinkedDocs,\n      entryAsIndex,\n      showIncludeLinked,\n      showEntryAsIndex,\n    ],\n  );\n\n  useEffect(() => {\n    onOptionsChange?.(currentOptions);\n  }, [currentOptions, onOptionsChange]);\n\n  const handleExport = useCallback(() => {\n    saveExportOptions(currentOptions);\n    onExport(currentOptions);\n  }, [currentOptions, onExport]);\n\n  return (\n    <Dialog\n      title=\"Export Document\"\n      onClose={onClose}\n      className=\"db-export-dialog\"\n      footerClassName=\"db-export-footer\"\n      footer={\n        <>\n          <button\n            type=\"button\"\n            className=\"db-export-btn db-export-btn--secondary\"\n            onClick={onClose}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            className=\"db-export-btn db-export-btn--primary\"\n            onClick={handleExport}\n            disabled={exporting}\n          >\n            {exporting ? 'Exporting...' : 'Export'}\n          </button>\n        </>\n      }\n    >\n      {/* Format — chip radio row for fast switching */}\n      <div className=\"db-export-field\">\n        <span className=\"db-export-label\">Format</span>\n        <ChipRadioGroup\n          name=\"Format\"\n          value={format}\n          options={FORMATS.map((f) => ({\n            key: f,\n            label: FORMAT_CHIP_LABELS[f],\n            title: FORMAT_LABELS[f],\n          }))}\n          onChange={setFormat}\n        />\n      </div>\n\n      {destination && (\n        <div className=\"db-export-field\">\n          <label className=\"db-export-label\" htmlFor=\"db-export-path\">\n            Export to\n          </label>\n          <div className=\"db-export-path-row\">\n            <input\n              id=\"db-export-path\"\n              className=\"db-export-path-input\"\n              value={destination.value}\n              readOnly\n              disabled={exporting}\n              spellCheck={false}\n              autoComplete=\"off\"\n            />\n            <button\n              type=\"button\"\n              className=\"db-export-path-pick\"\n              onClick={() => void destination.onPick(currentOptions)}\n              disabled={exporting}\n              aria-label=\"Choose export location\"\n              title=\"Choose export location\"\n            >\n              ...\n            </button>\n          </div>\n          {destination.hint && <span className=\"db-export-hint\">{destination.hint}</span>}\n        </div>\n      )}\n\n      {/* HTML style + bundle (HTML only) — also chip rows */}\n      {showHtmlOptions && (\n        <>\n          <div className=\"db-export-field\">\n            <span className=\"db-export-label\">Style</span>\n            <ChipRadioGroup\n              name=\"Style\"\n              value={htmlStyle}\n              options={HTML_STYLE_CHIPS}\n              onChange={setHtmlStyle}\n            />\n            <span className=\"db-export-hint\">\n              {HTML_STYLE_CHIPS.find((c) => c.key === htmlStyle)?.hint}\n            </span>\n          </div>\n          {showHtmlBundle && (\n            <div className=\"db-export-field\">\n              <span className=\"db-export-label\">Bundle</span>\n              <ChipRadioGroup\n                name=\"Bundle\"\n                value={htmlBundle}\n                options={HTML_BUNDLE_CHIPS}\n                onChange={setHtmlBundle}\n              />\n              <span className=\"db-export-hint\">\n                {HTML_BUNDLE_CHIPS.find((c) => c.key === htmlBundle)?.hint}\n              </span>\n            </div>\n          )}\n          {showIncludeLinked && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-checkbox\">\n                <input\n                  type=\"checkbox\"\n                  checked={includeLinkedDocs}\n                  onChange={(e) => setIncludeLinkedDocs(e.target.checked)}\n                />\n                <span>Include linked-to documents</span>\n              </label>\n              <span className=\"db-export-hint\">\n                {includeLinkedDocs\n                  ? 'Follows relative .md links from this page and bundles every reachable document as its own .html in a ZIP. Cross-doc links rewrite from .md to .html.'\n                  : 'Only this document is exported.'}\n              </span>\n            </div>\n          )}\n          {showEntryAsIndex && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-checkbox\">\n                <input\n                  type=\"checkbox\"\n                  checked={entryAsIndex}\n                  onChange={(e) => setEntryAsIndex(e.target.checked)}\n                />\n                <span>Name entry page index.html</span>\n              </label>\n              <span className=\"db-export-hint\">\n                {entryAsIndex\n                  ? includeLinkedDocs\n                    ? 'Renames this page to index.html in the ZIP and rewrites any cross-doc links pointing back at it. Drops straight into a static-site host.'\n                    : 'Downloads as index.html instead of the document name. Drops straight into a static-site host.'\n                  : 'Exports under the document name.'}\n              </span>\n            </div>\n          )}\n        </>\n      )}\n\n      {/* Theme */}\n      {showTheme && (\n        <div className=\"db-export-field\">\n          <label className=\"db-export-label\" htmlFor=\"db-export-theme\">\n            Theme\n          </label>\n          <select\n            id=\"db-export-theme\"\n            className=\"db-export-select\"\n            value={themeId}\n            onChange={(e) => setThemeId(e.target.value)}\n          >\n            {themes.map((t) => (\n              <option key={t.id} value={t.id}>\n                {t.name}\n              </option>\n            ))}\n          </select>\n          <span className=\"db-export-hint\">\n            {themes.find((t) => t.id === themeId)?.description}\n          </span>\n        </div>\n      )}\n\n      {/* Transform (PPTX only) */}\n      {showTransform && (\n        <div className=\"db-export-field\">\n          <label className=\"db-export-label\" htmlFor=\"db-export-transform\">\n            Transform\n          </label>\n          <select\n            id=\"db-export-transform\"\n            className=\"db-export-select\"\n            value={transformStyle}\n            onChange={(e) => setTransformStyle(e.target.value)}\n          >\n            {transforms.length === 0 ? (\n              <option value={transformStyle}>Loading...</option>\n            ) : (\n              transforms.map((t) => (\n                <option key={t.id} value={t.id}>\n                  {t.name}\n                </option>\n              ))\n            )}\n          </select>\n          <span className=\"db-export-hint\">\n            {transforms.find((t) => t.id === transformStyle)?.description}\n          </span>\n        </div>\n      )}\n\n      {/* Page size (PDF only) */}\n      {showPageSize && (\n        <div className=\"db-export-field\">\n          <label className=\"db-export-label\" htmlFor=\"db-export-pagesize\">\n            Page Size\n          </label>\n          <select\n            id=\"db-export-pagesize\"\n            className=\"db-export-select\"\n            value={pageSize}\n            onChange={(e) => setPageSize(e.target.value as 'letter' | 'a4')}\n          >\n            <option value=\"letter\">US Letter</option>\n            <option value=\"a4\">A4</option>\n          </select>\n        </div>\n      )}\n\n      {error && (\n        <p className=\"db-export-error\" role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-VHDP4IPL.js

@@ -0,0 +1,70 @@
+// src/editor.ts
+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 {
+  EMPTY_DOCUMENT_PROMPTS,
+  pickEmptyDocumentPrompt
+};
+//# sourceMappingURL=chunk-VHDP4IPL.js.map

package/dist/chunk-VHDP4IPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor.ts"],"sourcesContent":["/**\n * Placeholder prompts shown by DocBlocks when a Markdown document is empty.\n * Hosts pick one prompt for each mounted document generation and pass it to\n * Squisq, so the copy remains stable while that document is open.\n */\nexport const EMPTY_DOCUMENT_PROMPTS = [\n  'Start typing your content, or drop images on top of me...',\n  'Write anything -- paste markdown, drag in images, or just start typing...',\n  'Type away. Markdown syntax works too...',\n  'Chapter 1 begins here...',\n  'Once upon a time...',\n  \"A blank page. Exciting, isn't it?\",\n  'The first word is always the hardest...',\n  'Plot twist: this is where it all starts...',\n  'Write something the future you will thank you for...',\n  'Begin at the beginning...',\n  \"Let's begin.\",\n  'We can be heroes...',\n  'Here comes the sun...',\n  'And so it begins...',\n  'Let it be, let it be...',\n  \"Don't stop believing...\",\n  'Started from the bottom...',\n  'This is the start of something new...',\n  'Ground control to Major Tom...',\n  'Come as you are...',\n  'Every new beginning...',\n  \"Hello, is it me you're looking for?\",\n  'Imagine all the people...',\n  'Anything you want, you got it...',\n  'Rise above...',\n  'Do you have the time...',\n  'Here we are now, entertain us...',\n  'All the small things...',\n  'Should I stay or should I go?',\n  'I am a patient boy -- I wait, I wait, I wait...',\n  'Destination unknown...',\n  'Easy like Sunday morning...',\n  'Dance, dance, dance to the radio...',\n  'New day rising...',\n  'Visit the world...',\n  'Positive mental attitude...',\n  'Better I sing than I cry...',\n  'Disconnect for a minute...',\n  'We need new noise...',\n  'Shoot the moon...',\n  \"I'll surprise you sometime -- I'll come around...\",\n  'Coming out of my cage, and doing just fine...',\n  \"Throw me to the wolves -- I'll come back, leading the pack...\",\n  'There comes a time -- no excuses...',\n  \"It's up to me now, turn on the bright lights...\",\n  'Do what you want...',\n  'Fingers crossed...',\n  'This is the start of how it all ends...',\n  'It has to start somewhere, it has to start sometime -- what better place than here? what better time than now?',\n  \"I know myself, and I'll begin again...\",\n  'Dig me out, dig me in...',\n  \"Everybody's full of sugar, honey, ice and tea...\",\n  \"Take time with a wounded hand, 'cause it likes to heal...\",\n  'Grab a brush and put on a little makeup...',\n  'Amber is the color of your energy...',\n  \"Wait -- they don't love it like I love it...\",\n  \"A world's been buried, where love is the law; a you-topia...\",\n] as const;\n\nexport type EmptyDocumentPrompt = (typeof EMPTY_DOCUMENT_PROMPTS)[number];\n\n/** Pick a prompt using the supplied random source, or `Math.random`. */\nexport function pickEmptyDocumentPrompt(random: () => number = Math.random): EmptyDocumentPrompt {\n  const index = Math.floor(random() * EMPTY_DOCUMENT_PROMPTS.length);\n  return EMPTY_DOCUMENT_PROMPTS[index] ?? EMPTY_DOCUMENT_PROMPTS[0];\n}\n"],"mappings":";AAKO,IAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,SAAS,wBAAwB,SAAuB,KAAK,QAA6B;AAC/F,QAAM,QAAQ,KAAK,MAAM,OAAO,IAAI,uBAAuB,MAAM;AACjE,SAAO,uBAAuB,KAAK,KAAK,uBAAuB,CAAC;AAClE;","names":[]}