@bendyline/docblocks-react 2.0.0 → 2.1.0

package/dist/WorkspacePicker/WorkspaceSettingsDialog.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * WorkspaceSettingsDialog — per-workspace settings modal.
- *
- * Lets the user override the global versioning preference for a single
- * workspace (or fall back to inheriting it). The override is stored on
- * the WorkspaceDescriptor and persisted via `saveWorkspace`.
- */
-import { useCallback, useEffect } from 'react';
-import { isLocalWorkspaceType, resolveVersioningEnabled, } from '../preferences/versioning.js';
-const VERSIONING_LABELS = {
-    on: 'on',
-    'browser-only': 'on for browser workspaces, off for local folders',
-    off: 'off',
-};
-export function WorkspaceSettingsDialog({ workspace, globalVersioningPreference, onChange, onClose, }) {
-    // Treat absent/undefined as 'inherit' for the radio state.
-    const current = workspace.versioningOverride ?? 'inherit';
-    useEffect(() => {
-        const onKey = (e) => {
-            if (e.key === 'Escape')
-                onClose();
-        };
-        window.addEventListener('keydown', onKey);
-        return () => window.removeEventListener('keydown', onKey);
-    }, [onClose]);
-    const handleBackdropClick = useCallback((e) => {
-        if (e.target === e.currentTarget)
-            onClose();
-    }, [onClose]);
-    const isLocal = isLocalWorkspaceType(workspace.type);
-    const inheritedEnabled = resolveVersioningEnabled({ ...workspace, versioningOverride: 'inherit' }, globalVersioningPreference);
-    const inheritLabel = `Inherit default — currently ${VERSIONING_LABELS[globalVersioningPreference]} (${inheritedEnabled ? 'on' : 'off'} for this workspace)`;
-    return (_jsx("div", { className: "db-dialog-overlay", onClick: handleBackdropClick, children: _jsxs("div", { className: "db-dialog", role: "dialog", "aria-label": "Workspace settings", children: [_jsxs("div", { className: "db-dialog-header", children: [_jsx("h2", { className: "db-dialog-title", children: "Workspace settings" }), _jsx("button", { type: "button", className: "db-dialog-close", onClick: onClose, "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { className: "db-dialog-body", children: [_jsxs("p", { className: "db-settings-hint", children: [_jsx("strong", { children: workspace.name }), " \u00B7", ' ', isLocal ? 'Local folder workspace' : 'Browser workspace'] }), _jsxs("fieldset", { className: "db-settings-fieldset", children: [_jsx("legend", { className: "db-settings-legend", children: "Version history" }), _jsxs("p", { className: "db-settings-hint", children: ["Controls whether DocBlocks keeps prior revisions in", ' ', _jsx("code", { children: "<name>_files/.versions/" }), " for documents in this workspace."] }), _jsxs("label", { className: "db-settings-radio", children: [_jsx("input", { type: "radio", name: "ws-versioning", value: "inherit", checked: current === 'inherit', onChange: () => onChange('inherit') }), inheritLabel] }), _jsxs("label", { className: "db-settings-radio", children: [_jsx("input", { type: "radio", name: "ws-versioning", value: "on", checked: current === 'on', onChange: () => onChange('on') }), "On for this workspace"] }), _jsxs("label", { className: "db-settings-radio", children: [_jsx("input", { type: "radio", name: "ws-versioning", value: "off", checked: current === 'off', onChange: () => onChange('off') }), "Off for this workspace"] })] })] })] }) }));
-}
-//# sourceMappingURL=WorkspaceSettingsDialog.js.map

package/dist/WorkspacePicker/WorkspaceSettingsDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceSettingsDialog.js","sourceRoot":"","sources":["../../src/WorkspacePicker/WorkspaceSettingsDialog.tsx"],"names":[],"mappings":"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"}

package/dist/WorkspacePicker/index.d.ts

@@ -1,3 +0,0 @@
-export { WorkspacePicker } from './WorkspacePicker.js';
-export type { WorkspacePickerProps } from './WorkspacePicker.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/WorkspacePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/WorkspacePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/WorkspacePicker/index.js

@@ -1,2 +0,0 @@
-export { WorkspacePicker } from './WorkspacePicker.js';
-//# sourceMappingURL=index.js.map

package/dist/WorkspacePicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/WorkspacePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/chunk-3SAXDU2U.js

@@ -1,157 +0,0 @@
-import {
-  Dialog
-} from "./chunk-GSNZSCIK.js";
-
-// src/preferences/theme.ts
-var ACCENT_COLORS = [
-  "brown",
-  "green",
-  "blue",
-  "purple",
-  "maroon",
-  "orange",
-  "gray"
-];
-var DB_CHROME_COLORS = {
-  light: "#f3eede",
-  dark: "#262219"
-};
-var THEME_STORAGE_KEY = "docblocks:themePreference";
-var ACCENT_STORAGE_KEY = "docblocks:accentColor";
-function loadThemePreference() {
-  try {
-    const raw = localStorage.getItem(THEME_STORAGE_KEY);
-    if (raw === "light" || raw === "dark" || raw === "auto") return raw;
-  } catch {
-  }
-  return "auto";
-}
-function saveThemePreference(value) {
-  try {
-    localStorage.setItem(THEME_STORAGE_KEY, value);
-  } catch {
-  }
-}
-function loadAccentColor() {
-  try {
-    const raw = localStorage.getItem(ACCENT_STORAGE_KEY);
-    if (ACCENT_COLORS.some((color) => color === raw)) return raw;
-  } catch {
-  }
-  return "brown";
-}
-function saveAccentColor(value) {
-  try {
-    localStorage.setItem(ACCENT_STORAGE_KEY, value);
-  } catch {
-  }
-}
-
-// src/Settings/Settings.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ACCENT_LABELS = {
-  brown: "Brown",
-  green: "Green",
-  blue: "Blue",
-  purple: "Purple",
-  maroon: "Maroon",
-  orange: "Orange",
-  gray: "Gray"
-};
-function SettingsDialog({ title = "Settings", onClose, children }) {
-  return /* @__PURE__ */ jsx(Dialog, { title, onClose, children });
-}
-function ThemeSettings({ value, onChange, name = "theme" }) {
-  return /* @__PURE__ */ jsxs("fieldset", { className: "db-settings-fieldset", children: [
-    /* @__PURE__ */ jsx("legend", { className: "db-settings-legend", children: "Theme" }),
-    /* @__PURE__ */ jsxs("label", { className: "db-settings-radio", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "radio",
-          name,
-          value: "auto",
-          checked: value === "auto",
-          onChange: () => onChange("auto")
-        }
-      ),
-      "System default"
-    ] }),
-    /* @__PURE__ */ jsxs("label", { className: "db-settings-radio", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "radio",
-          name,
-          value: "light",
-          checked: value === "light",
-          onChange: () => onChange("light")
-        }
-      ),
-      "Light"
-    ] }),
-    /* @__PURE__ */ jsxs("label", { className: "db-settings-radio", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "radio",
-          name,
-          value: "dark",
-          checked: value === "dark",
-          onChange: () => onChange("dark")
-        }
-      ),
-      "Dark"
-    ] })
-  ] });
-}
-function AccentColorSettings({
-  value,
-  onChange,
-  name = "accent-color"
-}) {
-  return /* @__PURE__ */ jsxs("fieldset", { className: "db-settings-fieldset", children: [
-    /* @__PURE__ */ jsx("legend", { className: "db-settings-legend", children: "Accent color" }),
-    /* @__PURE__ */ jsx("p", { className: "db-settings-hint", children: "Used in both light and dark appearances." }),
-    /* @__PURE__ */ jsx("div", { className: "db-settings-accent-grid", children: ACCENT_COLORS.map((color) => /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: `db-settings-accent${value === color ? " db-settings-accent--selected" : ""}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: "db-settings-accent-input",
-              type: "radio",
-              name,
-              value: color,
-              checked: value === color,
-              onChange: () => onChange(color)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `db-settings-accent-swatch db-settings-accent-swatch--${color}`,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: ACCENT_LABELS[color] })
-        ]
-      },
-      color
-    )) })
-  ] });
-}
-
-export {
-  DB_CHROME_COLORS,
-  loadThemePreference,
-  saveThemePreference,
-  loadAccentColor,
-  saveAccentColor,
-  SettingsDialog,
-  ThemeSettings,
-  AccentColorSettings
-};
-//# sourceMappingURL=chunk-3SAXDU2U.js.map

package/dist/chunk-3SAXDU2U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preferences/theme.ts","../src/Settings/Settings.tsx"],"sourcesContent":["/** Appearance preferences shared by the shell and settings UI. */\n\nexport type ThemePreference = 'auto' | 'light' | 'dark';\n\nexport const ACCENT_COLORS = [\n  'brown',\n  'green',\n  'blue',\n  'purple',\n  'maroon',\n  'orange',\n  'gray',\n] as const;\n\nexport type AccentColor = (typeof ACCENT_COLORS)[number];\n\n/**\n * Chrome (titlebar) background per resolved theme. Keep in sync with\n * `--db-bg-subtle` for the default accent in styles/docblocks.css and with\n * the static `<meta name=\"theme-color\">` values in the site's index.html.\n * The shell writes these into the theme-color metas so the installed web\n * app's titlebar (Window Controls Overlay caption area, Android status bar)\n * follows the resolved theme.\n */\nexport const DB_CHROME_COLORS: Record<'light' | 'dark', string> = {\n  light: '#f3eede',\n  dark: '#262219',\n};\n\nconst THEME_STORAGE_KEY = 'docblocks:themePreference';\nconst ACCENT_STORAGE_KEY = 'docblocks:accentColor';\n\nexport function loadThemePreference(): ThemePreference {\n  try {\n    const raw = localStorage.getItem(THEME_STORAGE_KEY);\n    if (raw === 'light' || raw === 'dark' || raw === 'auto') return raw;\n  } catch {\n    // ignore unavailable storage\n  }\n  return 'auto';\n}\n\nexport function saveThemePreference(value: ThemePreference): void {\n  try {\n    localStorage.setItem(THEME_STORAGE_KEY, value);\n  } catch {\n    // ignore quota errors\n  }\n}\n\nexport function loadAccentColor(): AccentColor {\n  try {\n    const raw = localStorage.getItem(ACCENT_STORAGE_KEY);\n    if (ACCENT_COLORS.some((color) => color === raw)) return raw as AccentColor;\n  } catch {\n    // ignore unavailable storage\n  }\n  return 'brown';\n}\n\nexport function saveAccentColor(value: AccentColor): void {\n  try {\n    localStorage.setItem(ACCENT_STORAGE_KEY, value);\n  } catch {\n    // ignore quota errors\n  }\n}\n","/** Shared controls used by the app and host-specific DocBlocks settings dialogs. */\n\nimport type { ReactNode } from 'react';\nimport { Dialog } from '../components/Dialog.js';\nimport { ACCENT_COLORS, type AccentColor, type ThemePreference } from '../preferences/theme.js';\n\nexport type { AccentColor, ThemePreference } from '../preferences/theme.js';\n\nconst ACCENT_LABELS: Record<AccentColor, string> = {\n  brown: 'Brown',\n  green: 'Green',\n  blue: 'Blue',\n  purple: 'Purple',\n  maroon: 'Maroon',\n  orange: 'Orange',\n  gray: 'Gray',\n};\n\nexport interface SettingsDialogProps {\n  title?: string;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport function SettingsDialog({ title = 'Settings', onClose, children }: SettingsDialogProps) {\n  return (\n    <Dialog title={title} onClose={onClose}>\n      {children}\n    </Dialog>\n  );\n}\n\nexport interface ThemeSettingsProps {\n  value: ThemePreference;\n  onChange: (theme: ThemePreference) => void;\n  name?: string;\n}\n\nexport function ThemeSettings({ value, onChange, name = 'theme' }: ThemeSettingsProps) {\n  return (\n    <fieldset className=\"db-settings-fieldset\">\n      <legend className=\"db-settings-legend\">Theme</legend>\n      <label className=\"db-settings-radio\">\n        <input\n          type=\"radio\"\n          name={name}\n          value=\"auto\"\n          checked={value === 'auto'}\n          onChange={() => onChange('auto')}\n        />\n        System default\n      </label>\n      <label className=\"db-settings-radio\">\n        <input\n          type=\"radio\"\n          name={name}\n          value=\"light\"\n          checked={value === 'light'}\n          onChange={() => onChange('light')}\n        />\n        Light\n      </label>\n      <label className=\"db-settings-radio\">\n        <input\n          type=\"radio\"\n          name={name}\n          value=\"dark\"\n          checked={value === 'dark'}\n          onChange={() => onChange('dark')}\n        />\n        Dark\n      </label>\n    </fieldset>\n  );\n}\n\nexport interface AccentColorSettingsProps {\n  value: AccentColor;\n  onChange: (color: AccentColor) => void;\n  name?: string;\n}\n\nexport function AccentColorSettings({\n  value,\n  onChange,\n  name = 'accent-color',\n}: AccentColorSettingsProps) {\n  return (\n    <fieldset className=\"db-settings-fieldset\">\n      <legend className=\"db-settings-legend\">Accent color</legend>\n      <p className=\"db-settings-hint\">Used in both light and dark appearances.</p>\n      <div className=\"db-settings-accent-grid\">\n        {ACCENT_COLORS.map((color) => (\n          <label\n            className={`db-settings-accent${\n              value === color ? ' db-settings-accent--selected' : ''\n            }`}\n            key={color}\n          >\n            <input\n              className=\"db-settings-accent-input\"\n              type=\"radio\"\n              name={name}\n              value={color}\n              checked={value === color}\n              onChange={() => onChange(color)}\n            />\n            <span\n              className={`db-settings-accent-swatch db-settings-accent-swatch--${color}`}\n              aria-hidden=\"true\"\n            />\n            <span>{ACCENT_LABELS[color]}</span>\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;AAIO,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAYO,IAAM,mBAAqD;AAAA,EAChE,OAAO;AAAA,EACP,MAAM;AACR;AAEA,IAAM,oBAAoB;AAC1B,IAAM,qBAAqB;AAEpB,SAAS,sBAAuC;AACrD,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,iBAAiB;AAClD,QAAI,QAAQ,WAAW,QAAQ,UAAU,QAAQ,OAAQ,QAAO;AAAA,EAClE,QAAQ;AAAA,EAER;AACA,SAAO;AACT;AAEO,SAAS,oBAAoB,OAA8B;AAChE,MAAI;AACF,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,kBAA+B;AAC7C,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,kBAAkB;AACnD,QAAI,cAAc,KAAK,CAAC,UAAU,UAAU,GAAG,EAAG,QAAO;AAAA,EAC3D,QAAQ;AAAA,EAER;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA0B;AACxD,MAAI;AACF,iBAAa,QAAQ,oBAAoB,KAAK;AAAA,EAChD,QAAQ;AAAA,EAER;AACF;;;ACxCI,cAgBE,YAhBF;AAlBJ,IAAM,gBAA6C;AAAA,EACjD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;AAQO,SAAS,eAAe,EAAE,QAAQ,YAAY,SAAS,SAAS,GAAwB;AAC7F,SACE,oBAAC,UAAO,OAAc,SACnB,UACH;AAEJ;AAQO,SAAS,cAAc,EAAE,OAAO,UAAU,OAAO,QAAQ,GAAuB;AACrF,SACE,qBAAC,cAAS,WAAU,wBAClB;AAAA,wBAAC,YAAO,WAAU,sBAAqB,mBAAK;AAAA,IAC5C,qBAAC,WAAM,WAAU,qBACf;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL;AAAA,UACA,OAAM;AAAA,UACN,SAAS,UAAU;AAAA,UACnB,UAAU,MAAM,SAAS,MAAM;AAAA;AAAA,MACjC;AAAA,MAAE;AAAA,OAEJ;AAAA,IACA,qBAAC,WAAM,WAAU,qBACf;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL;AAAA,UACA,OAAM;AAAA,UACN,SAAS,UAAU;AAAA,UACnB,UAAU,MAAM,SAAS,OAAO;AAAA;AAAA,MAClC;AAAA,MAAE;AAAA,OAEJ;AAAA,IACA,qBAAC,WAAM,WAAU,qBACf;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL;AAAA,UACA,OAAM;AAAA,UACN,SAAS,UAAU;AAAA,UACnB,UAAU,MAAM,SAAS,MAAM;AAAA;AAAA,MACjC;AAAA,MAAE;AAAA,OAEJ;AAAA,KACF;AAEJ;AAQO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAA6B;AAC3B,SACE,qBAAC,cAAS,WAAU,wBAClB;AAAA,wBAAC,YAAO,WAAU,sBAAqB,0BAAY;AAAA,IACnD,oBAAC,OAAE,WAAU,oBAAmB,sDAAwC;AAAA,IACxE,oBAAC,SAAI,WAAU,2BACZ,wBAAc,IAAI,CAAC,UAClB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,qBACT,UAAU,QAAQ,kCAAkC,EACtD;AAAA,QAGA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL;AAAA,cACA,OAAO;AAAA,cACP,SAAS,UAAU;AAAA,cACnB,UAAU,MAAM,SAAS,KAAK;AAAA;AAAA,UAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,wDAAwD,KAAK;AAAA,cACxE,eAAY;AAAA;AAAA,UACd;AAAA,UACA,oBAAC,UAAM,wBAAc,KAAK,GAAE;AAAA;AAAA;AAAA,MAdvB;AAAA,IAeP,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-AOVTHZU7.js

@@ -1,321 +0,0 @@
-import {
-  loadTransformStyleSummaries
-} from "./chunk-4XXSWN3T.js";
-import {
-  FORMAT_LABELS,
-  saveExportOptions
-} from "./chunk-DD4VFJQI.js";
-
-// src/Export/ExportDialog.tsx
-import { useState, useCallback, useEffect, useMemo, useRef } 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,
-  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 dialogRef = useRef(null);
-  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]);
-  useEffect(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [onClose]);
-  const handleBackdropClick = useCallback(
-    (e) => {
-      if (e.target === e.currentTarget) onClose();
-    },
-    [onClose]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "db-dialog-overlay", onClick: handleBackdropClick, children: /* @__PURE__ */ jsxs("div", { className: "db-dialog db-export-dialog", ref: dialogRef, children: [
-    /* @__PURE__ */ jsxs("div", { className: "db-dialog-header", children: [
-      /* @__PURE__ */ jsx("h2", { className: "db-dialog-title", children: "Export Document" }),
-      /* @__PURE__ */ jsx("button", { className: "db-dialog-close", onClick: onClose, "aria-label": "Close", children: "\xD7" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "db-dialog-body", 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" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "db-export-footer", children: [
-      /* @__PURE__ */ jsx("button", { className: "db-export-btn db-export-btn--secondary", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "db-export-btn db-export-btn--primary",
-          onClick: handleExport,
-          disabled: exporting,
-          children: exporting ? "Exporting..." : "Export"
-        }
-      )
-    ] })
-  ] }) });
-}
-
-export {
-  ExportDialog
-};
-//# sourceMappingURL=chunk-AOVTHZU7.js.map

package/dist/chunk-AOVTHZU7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Export/ExportDialog.tsx"],"sourcesContent":["/**\n * ExportDialog — modal for choosing export format and options.\n */\n\nimport { useState, useCallback, useEffect, useMemo, useRef } 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';\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  /** 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  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  const dialogRef = useRef<HTMLDivElement>(null);\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  // Close on Escape\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [onClose]);\n\n  // Close on backdrop click\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <div className=\"db-dialog-overlay\" onClick={handleBackdropClick}>\n      <div className=\"db-dialog db-export-dialog\" ref={dialogRef}>\n        <div className=\"db-dialog-header\">\n          <h2 className=\"db-dialog-title\">Export Document</h2>\n          <button className=\"db-dialog-close\" onClick={onClose} aria-label=\"Close\">\n            &times;\n          </button>\n        </div>\n\n        <div className=\"db-dialog-body\">\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        </div>\n\n        <div className=\"db-export-footer\">\n          <button className=\"db-export-btn db-export-btn--secondary\" onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            className=\"db-export-btn db-export-btn--primary\"\n            onClick={handleExport}\n            disabled={exporting}\n          >\n            {exporting ? 'Exporting...' : 'Export'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}