@miadi/episode-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Miadi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,69 @@
+# @miadi/episode-ui
+
+The episode-vessel experience, as React.
+
+Browse an episode's files, read one, edit one with a conflict that never loses
+the draft, keep a ceremony's working notes, and name the artefacts a circle was
+held about.
+
+```bash
+npm i @miadi/episode-ui
+```
+
+```jsx
+import { EpisodeFileBrowser, EpisodeTextEditor } from "@miadi/episode-ui"
+import "@miadi/episode-ui/styles.css"
+
+<EpisodeFileBrowser
+  files={files}                    // from @miadi/episode-vessel, however you fetched it
+  capabilities={capabilities}      // from @miadi/episode-vessel/permissions
+  selected={open?.relativePath}
+  onSelect={(file) => open(file)}
+/>
+```
+
+## The contract
+
+**Data and callbacks in, intent out.** No component fetches, holds a URL or a
+token, knows a chronicle root, or decides what a person is allowed to do. The
+host resolves capabilities and remains the authority; a capability here decides
+only what is *offered*. `test/contract.test.mjs` asserts it — the sources
+contain no `fetch(`, no URL, no `node:fs`, no `process.env`.
+
+This is the pattern `@miadi/attention-ui` and `@miadi/capture-ui` already use.
+
+## Components
+
+| component | what it is for |
+|---|---|
+| `EpisodeFileBrowser` | the vessel's files, filterable, with an optional attach control when a ceremony is in context |
+| `EpisodeTextViewer` | read one artefact; pass `renderMarkdown` to render, omit it and the source is shown |
+| `EpisodeTextEditor` | edit one; carries `expectedRevision` and handles the 409 |
+| `CeremonyNoteEditor` | a ceremony's working notes |
+| `CeremonyAttachments` | what a circle was held about |
+| `EpisodeShelfFilter` | find an episode by number, title or slug |
+
+## The conflict path is the point
+
+When someone else writes between load and save, the vessel refuses and hands
+back the revision on disk. `EpisodeTextEditor` then keeps the draft in the
+textarea and says so, shows what is on disk now rather than a status code, and
+offers reload as a choice the person makes. **A save is never retried
+automatically** — overwriting someone's work silently is the failure the guard
+exists to prevent, and a retry is exactly that.
+
+## Markdown
+
+The package ships no markdown engine. Miadi renders with `react-markdown`,
+gmtermux with `marked` + `sanitize-html`, and a second engine here would be a
+second sanitisation boundary to keep correct. Pass `renderMarkdown` or get the
+source, which is always safe.
+
+## Styling
+
+One stylesheet of plain class names over CSS custom properties, set from a
+`EpisodeUITheme` through `themeVars(theme)`. Override the properties, override
+the classes, or write your own stylesheet against the same names. Touch targets
+are 40px because the first surface this runs on is a phone.
+
+Ref jgwill/Miadi#651.

package/dist/ceremony.d.ts

@@ -0,0 +1,48 @@
+import type { CSSProperties } from "react";
+import { type CeremonyAttachmentView, type EpisodeCapabilitiesView, type EpisodeUITheme } from "./types.js";
+export interface CeremonyNoteEditorProps {
+    ceremonyId: string;
+    /** Where the note lives in the vessel, shown so a person can find it later. */
+    relativePath: string;
+    content: string;
+    exists: boolean;
+    capabilities: EpisodeCapabilitiesView;
+    onSave: (content: string) => Promise<{
+        ok: boolean;
+        message?: string;
+    }>;
+    label?: string;
+    placeholder?: string;
+    theme?: EpisodeUITheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * The working notes of one ceremony, kept in the episode vessel.
+ *
+ * The medicine wheel owns the ceremony record; this is what the circle wrote
+ * down, and it stays in the folder so it travels with the episode and survives
+ * a wheel that is offline. A person without `writeCeremonyNote` reads it.
+ */
+export declare function CeremonyNoteEditor({ ceremonyId, relativePath, content, exists, capabilities, onSave, label, placeholder, theme, className, style, }: CeremonyNoteEditorProps): import("react").JSX.Element;
+export interface CeremonyAttachmentsProps {
+    attachments: CeremonyAttachmentView[];
+    capabilities: EpisodeCapabilitiesView;
+    onOpen?: (relativePath: string) => void;
+    onDetach?: (relativePath: string) => void;
+    emptyLabel?: string;
+    title?: string;
+    theme?: EpisodeUITheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * What a circle was held about.
+ *
+ * A ceremony with no attachment shows nothing rather than an empty frame — an
+ * absence stated loudly is still noise. When there are attachments, each one
+ * says who put it on the table and when, because that is the part a reader
+ * cannot reconstruct afterwards.
+ */
+export declare function CeremonyAttachments({ attachments, capabilities, onOpen, onDetach, emptyLabel, title, theme, className, style, }: CeremonyAttachmentsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ceremony.d.ts.map

package/dist/ceremony.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ceremony.d.ts","sourceRoot":"","sources":["../src/ceremony.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EACpB,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,uBAAuB,CAAA;IACrC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,EAAE,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,YAAY,EACZ,OAAO,EACP,MAAM,EACN,YAAY,EACZ,MAAM,EACN,KAAuB,EACvB,WAAsD,EACtD,KAAqB,EACrB,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,+BA+DzB;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,sBAAsB,EAAE,CAAA;IACrC,YAAY,EAAE,uBAAuB,CAAA;IACrC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,KAAsB,EACtB,KAAqB,EACrB,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,sCA2C1B"}

package/dist/ceremony.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { DEFAULT_THEME, themeVars, } from "./types.js";
+/**
+ * The working notes of one ceremony, kept in the episode vessel.
+ *
+ * The medicine wheel owns the ceremony record; this is what the circle wrote
+ * down, and it stays in the folder so it travels with the episode and survives
+ * a wheel that is offline. A person without `writeCeremonyNote` reads it.
+ */
+export function CeremonyNoteEditor({ ceremonyId, relativePath, content, exists, capabilities, onSave, label = "Working notes", placeholder = "What should remain with this ceremony?", theme = DEFAULT_THEME, className, style, }) {
+    const [draft, setDraft] = useState(content);
+    const [state, setState] = useState("idle");
+    const [message, setMessage] = useState("");
+    useEffect(() => {
+        setDraft(content);
+        setState("idle");
+    }, [ceremonyId, content]);
+    const mayWrite = capabilities.writeCeremonyNote;
+    const save = async () => {
+        setState("saving");
+        try {
+            const outcome = await onSave(draft);
+            setState(outcome.ok ? "saved" : "error");
+            setMessage(outcome.message ?? (outcome.ok ? `Saved to ${relativePath}` : "It could not be saved."));
+        }
+        catch (error) {
+            setState("error");
+            setMessage(error instanceof Error ? error.message : "It could not be saved.");
+        }
+    };
+    return (_jsxs("div", { className: ["ceremony-note-editor", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, children: [_jsxs("div", { className: "ceremony-note-head", children: [_jsx("label", { className: "ceremony-note-label", htmlFor: `ceremony-note-${ceremonyId}`, children: label }), _jsx("span", { className: `ceremony-note-state is-${exists ? "saved" : "pending"}`, title: relativePath, children: exists ? "notes.md" : "not saved yet" })] }), _jsx("textarea", { id: `ceremony-note-${ceremonyId}`, className: "ceremony-note-field", value: draft, maxLength: 65536, readOnly: !mayWrite, placeholder: mayWrite ? placeholder : undefined, onChange: (event) => {
+                    setDraft(event.target.value);
+                    if (state !== "idle")
+                        setState("idle");
+                } }), mayWrite && (_jsxs("div", { className: "ceremony-note-actions", children: [_jsx("button", { type: "button", disabled: state === "saving" || draft === content, onClick: save, children: "Save notes" }), message && (_jsx("span", { className: `ceremony-note-message is-${state}`, role: "status", "aria-live": "polite", children: message }))] }))] }));
+}
+/**
+ * What a circle was held about.
+ *
+ * A ceremony with no attachment shows nothing rather than an empty frame — an
+ * absence stated loudly is still noise. When there are attachments, each one
+ * says who put it on the table and when, because that is the part a reader
+ * cannot reconstruct afterwards.
+ */
+export function CeremonyAttachments({ attachments, capabilities, onOpen, onDetach, emptyLabel, title = "On the table", theme = DEFAULT_THEME, className, style, }) {
+    if (attachments.length === 0 && !emptyLabel)
+        return null;
+    return (_jsxs("div", { className: ["ceremony-attachments", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, children: [_jsx("span", { className: "ceremony-attachments-title", children: title }), attachments.length === 0 ? (_jsx("p", { className: "ceremony-attachments-empty", children: emptyLabel })) : (_jsx("ul", { className: "ceremony-attachments-list", children: attachments.map((item) => (_jsxs("li", { className: "ceremony-attachment", children: [_jsx("button", { type: "button", className: "ceremony-attachment-open", disabled: !capabilities.read || !onOpen, onClick: () => onOpen?.(item.relativePath), children: item.relativePath }), _jsxs("span", { className: "ceremony-attachment-meta", children: [item.attachedBy, " \u00B7 ", item.attachedAt.slice(0, 16).replace("T", " ")] }), item.note && _jsx("span", { className: "ceremony-attachment-note", children: item.note }), onDetach && capabilities.attachToCeremony && (_jsx("button", { type: "button", className: "ceremony-attachment-detach", title: "Take this off the table", onClick: () => onDetach(item.relativePath), children: "remove" }))] }, item.relativePath))) }))] }));
+}
+//# sourceMappingURL=ceremony.js.map

package/dist/ceremony.js.map

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

package/dist/file-browser.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties } from "react";
+import { type EpisodeCapabilitiesView, type EpisodeFileView, type EpisodeUITheme } from "./types.js";
+export interface EpisodeFileBrowserProps {
+    files: EpisodeFileView[];
+    capabilities: EpisodeCapabilitiesView;
+    /** The file currently open, by `relativePath`. */
+    selected?: string | null;
+    onSelect?: (file: EpisodeFileView) => void;
+    /** Offered per file when the caller can act on a ceremony. */
+    onAttach?: (file: EpisodeFileView) => void;
+    /** Already attached to the ceremony in context, by `relativePath`. */
+    attached?: string[];
+    theme?: EpisodeUITheme;
+    title?: string;
+    /** Shown when the vessel holds no listable file. */
+    emptyLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * The files in one vessel, as a list a person can act on.
+ *
+ * It fetches nothing. The host lists the files and says what this person may
+ * do; the browser decides only what to show and raises intent. A capability
+ * that is absent removes its control rather than disabling it — a button a
+ * person can never press is noise, not information.
+ */
+export declare function EpisodeFileBrowser({ files, capabilities, selected, onSelect, onAttach, attached, theme, title, emptyLabel, className, style, }: EpisodeFileBrowserProps): import("react").JSX.Element | null;
+//# sourceMappingURL=file-browser.d.ts.map

package/dist/file-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-browser.d.ts","sourceRoot":"","sources":["../src/file-browser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,YAAY,EAAE,uBAAuB,CAAA;IACrC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,YAAY,EACZ,QAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAa,EACb,KAAqB,EACrB,KAA+B,EAC/B,UAA8D,EAC9D,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,sCAqGzB"}

package/dist/file-browser.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { DEFAULT_THEME, formatBytes, iconFor, themeVars, } from "./types.js";
+/**
+ * The files in one vessel, as a list a person can act on.
+ *
+ * It fetches nothing. The host lists the files and says what this person may
+ * do; the browser decides only what to show and raises intent. A capability
+ * that is absent removes its control rather than disabling it — a button a
+ * person can never press is noise, not information.
+ */
+export function EpisodeFileBrowser({ files, capabilities, selected = null, onSelect, onAttach, attached = [], theme = DEFAULT_THEME, title = "Files in this episode", emptyLabel = "This episode folder holds no readable file yet.", className, style, }) {
+    const [query, setQuery] = useState("");
+    const shown = useMemo(() => {
+        const needle = query.trim().toLowerCase();
+        if (!needle)
+            return files;
+        return files.filter((file) => file.relativePath.toLowerCase().includes(needle));
+    }, [files, query]);
+    if (!capabilities.browse)
+        return null;
+    const attachedSet = new Set(attached);
+    return (_jsxs("section", { className: ["episode-file-browser", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, "aria-label": title, children: [_jsxs("header", { className: "episode-file-browser-head", children: [_jsx("h3", { className: "episode-file-browser-title", children: title }), _jsxs("span", { className: "episode-file-browser-count", children: [files.length, " ", files.length === 1 ? "file" : "files"] })] }), files.length > 6 && (_jsx("input", { className: "episode-file-browser-filter", type: "search", value: query, placeholder: "Filter by name", "aria-label": "Filter files", onChange: (event) => setQuery(event.target.value) })), files.length === 0 ? (_jsx("p", { className: "episode-file-browser-empty", children: emptyLabel })) : (_jsx("ul", { className: "episode-file-browser-list", children: shown.map((file) => {
+                    const isSelected = file.relativePath === selected;
+                    const canOpen = capabilities.read && (file.previewable || file.kind !== "text");
+                    return (_jsxs("li", { className: [
+                            "episode-file-row",
+                            isSelected ? "is-selected" : "",
+                            file.guidance ? "is-guidance" : "",
+                        ]
+                            .filter(Boolean)
+                            .join(" "), children: [_jsxs("button", { type: "button", className: "episode-file-open", disabled: !canOpen, "aria-current": isSelected ? "true" : undefined, onClick: () => onSelect?.(file), children: [_jsx("span", { className: "episode-file-icon", "aria-hidden": "true", children: iconFor(file) }), _jsx("span", { className: "episode-file-name", children: file.relativePath }), _jsxs("span", { className: "episode-file-meta", children: [formatBytes(file.size), file.editable && capabilities.edit ? " · editable" : "", file.kind === "document" ? " · download" : "", file.guidance ? " · guidance" : ""] })] }), onAttach && capabilities.attachToCeremony && (_jsx("button", { type: "button", className: "episode-file-attach", "aria-pressed": attachedSet.has(file.relativePath), title: attachedSet.has(file.relativePath)
+                                    ? "On this ceremony's table"
+                                    : "Name this file as being on the ceremony's table", onClick: () => onAttach(file), children: attachedSet.has(file.relativePath) ? "on the table" : "attach" }))] }, file.relativePath));
+                }) })), !capabilities.read && (_jsx("p", { className: "episode-file-browser-notice", children: "Sign in to read these files. What is here is listed for everyone; what it says is not." }))] }));
+}
+//# sourceMappingURL=file-browser.js.map

package/dist/file-browser.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @miadi/episode-ui — the episode-vessel experience, as React.
+ *
+ * gmtermux proved this experience on a phone in vanilla JS
+ * (`web/lib/file-browser.js`, `web/lib/fullscreen-editor.js`,
+ * `web/lib/episode-shelf-filter.js`) where no React surface could reach it. The
+ * Miadi episode room meanwhile rendered its files as text it could not open.
+ * These components are that experience in a form both can hold.
+ *
+ * The contract, in one line: **data and callbacks in, intent out.** No
+ * component fetches, holds a URL or token, knows a chronicle root, or decides
+ * what a person is allowed to do. The host resolves capabilities (see
+ * `@miadi/episode-vessel/permissions`) and remains the authority; a capability
+ * here decides only what is offered.
+ *
+ * Styles are one stylesheet of plain classes over CSS custom properties:
+ * `import "@miadi/episode-ui/styles.css"`, or write your own against the same
+ * class names.
+ */
+export { EpisodeFileBrowser, type EpisodeFileBrowserProps } from "./file-browser.js";
+export { EpisodeTextEditor, EpisodeTextViewer, type EpisodeTextEditorProps, type EpisodeTextViewerProps, type SaveOutcome, } from "./text-editor.js";
+export { CeremonyNoteEditor, CeremonyAttachments, type CeremonyNoteEditorProps, type CeremonyAttachmentsProps, } from "./ceremony.js";
+export { EpisodeShelfFilter, type EpisodeShelfFilterProps } from "./shelf-filter.js";
+export { DEFAULT_THEME, themeVars, formatBytes, iconFor, type FileKind, type EpisodeFileView, type FileRevisionView, type EpisodeTextView, type EpisodeCapabilitiesView, type CeremonyAttachmentView, type EpisodeShelfEntry, type EpisodeUITheme, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AACpF,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,WAAW,GACjB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,GAC9B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AACpF,OAAO,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,OAAO,EACP,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,25 @@
+/**
+ * @miadi/episode-ui — the episode-vessel experience, as React.
+ *
+ * gmtermux proved this experience on a phone in vanilla JS
+ * (`web/lib/file-browser.js`, `web/lib/fullscreen-editor.js`,
+ * `web/lib/episode-shelf-filter.js`) where no React surface could reach it. The
+ * Miadi episode room meanwhile rendered its files as text it could not open.
+ * These components are that experience in a form both can hold.
+ *
+ * The contract, in one line: **data and callbacks in, intent out.** No
+ * component fetches, holds a URL or token, knows a chronicle root, or decides
+ * what a person is allowed to do. The host resolves capabilities (see
+ * `@miadi/episode-vessel/permissions`) and remains the authority; a capability
+ * here decides only what is offered.
+ *
+ * Styles are one stylesheet of plain classes over CSS custom properties:
+ * `import "@miadi/episode-ui/styles.css"`, or write your own against the same
+ * class names.
+ */
+export { EpisodeFileBrowser } from "./file-browser.js";
+export { EpisodeTextEditor, EpisodeTextViewer, } from "./text-editor.js";
+export { CeremonyNoteEditor, CeremonyAttachments, } from "./ceremony.js";
+export { EpisodeShelfFilter } from "./shelf-filter.js";
+export { DEFAULT_THEME, themeVars, formatBytes, iconFor, } from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,kBAAkB,EAAgC,MAAM,mBAAmB,CAAA;AACpF,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAIlB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,GAGpB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,kBAAkB,EAAgC,MAAM,mBAAmB,CAAA;AACpF,OAAO,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,OAAO,GASR,MAAM,YAAY,CAAA"}

package/dist/shelf-filter.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties } from "react";
+import { type EpisodeShelfEntry, type EpisodeUITheme } from "./types.js";
+export interface EpisodeShelfFilterProps {
+    episodes: EpisodeShelfEntry[];
+    selected?: string | null;
+    onSelect?: (episode: EpisodeShelfEntry) => void;
+    /** Render each entry yourself when the host has its own card. */
+    renderEntry?: (episode: EpisodeShelfEntry, selected: boolean) => React.ReactNode;
+    placeholder?: string;
+    theme?: EpisodeUITheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Find an episode by number, title or slug.
+ *
+ * `349`, `ep349`, `episode 349` and a word from the title all reach the same
+ * vessel — on a phone, typing the number is the fastest way there, and it was
+ * the first thing gmtermux's shelf learned.
+ */
+export declare function EpisodeShelfFilter({ episodes, selected, onSelect, renderEntry, placeholder, theme, className, style, }: EpisodeShelfFilterProps): import("react").JSX.Element;
+//# sourceMappingURL=shelf-filter.d.ts.map

package/dist/shelf-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shelf-filter.d.ts","sourceRoot":"","sources":["../src/shelf-filter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAA4B,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAElG,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,iBAAiB,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC/C,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAChF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAkD,EAClD,KAAqB,EACrB,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,+BA+DzB"}

package/dist/shelf-filter.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { DEFAULT_THEME, themeVars } from "./types.js";
+/**
+ * Find an episode by number, title or slug.
+ *
+ * `349`, `ep349`, `episode 349` and a word from the title all reach the same
+ * vessel — on a phone, typing the number is the fastest way there, and it was
+ * the first thing gmtermux's shelf learned.
+ */
+export function EpisodeShelfFilter({ episodes, selected = null, onSelect, renderEntry, placeholder = "Find an episode by number or title", theme = DEFAULT_THEME, className, style, }) {
+    const [query, setQuery] = useState("");
+    const shown = useMemo(() => {
+        const needle = query.trim().toLowerCase().replace(/^(?:ep(?:isode)?\s*)/, "");
+        if (!needle)
+            return episodes;
+        return episodes.filter((episode) => [
+            String(episode.number),
+            episode.numberLabel,
+            episode.title,
+            episode.episodePath,
+            episode.goal ?? "",
+        ]
+            .join(" ")
+            .toLowerCase()
+            .includes(needle));
+    }, [episodes, query]);
+    return (_jsxs("div", { className: ["episode-shelf", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, children: [_jsx("input", { className: "episode-shelf-filter", type: "search", value: query, placeholder: placeholder, "aria-label": placeholder, onChange: (event) => setQuery(event.target.value) }), _jsxs("span", { className: "episode-shelf-count", children: [shown.length, " of ", episodes.length] }), _jsx("ul", { className: "episode-shelf-list", children: shown.map((episode) => {
+                    const isSelected = episode.episodePath === selected;
+                    return (_jsx("li", { className: isSelected ? "is-selected" : undefined, children: renderEntry ? (renderEntry(episode, isSelected)) : (_jsxs("button", { type: "button", className: "episode-shelf-entry", onClick: () => onSelect?.(episode), children: [_jsx("span", { className: "episode-shelf-number", children: episode.numberLabel }), _jsxs("span", { className: "episode-shelf-body", children: [_jsx("strong", { children: episode.title }), episode.goal && _jsx("span", { children: episode.goal }), _jsxs("small", { children: [episode.date, episode.status ? ` · ${episode.status}` : "", episode.registered === false ? " · vessel only" : ""] })] })] })) }, episode.episodePath));
+                }) })] }));
+}
+//# sourceMappingURL=shelf-filter.js.map

package/dist/shelf-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shelf-filter.js","sourceRoot":"","sources":["../src/shelf-filter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,SAAS,EAA+C,MAAM,YAAY,CAAA;AAclG;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,oCAAoC,EAClD,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,GACmB;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAA;QAC7E,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAA;QAC5B,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CACjC;YACE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YACtB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,KAAK;YACb,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,IAAI,IAAI,EAAE;SACnB;aACE,IAAI,CAAC,GAAG,CAAC;aACT,WAAW,EAAE;aACb,QAAQ,CAAC,MAAM,CAAC,CACpB,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,eACE,SAAS,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACjE,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAmB,aAEzD,gBACE,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,gBACZ,WAAW,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,EACF,gBAAM,SAAS,EAAC,qBAAqB,aAClC,KAAK,CAAC,MAAM,UAAM,QAAQ,CAAC,MAAM,IAC7B,EACP,aAAI,SAAS,EAAC,oBAAoB,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBACrB,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAA;oBACnD,OAAO,CACL,aAA8B,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,YAC5E,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,aACtF,eAAM,SAAS,EAAC,sBAAsB,YAAE,OAAO,CAAC,WAAW,GAAQ,EACnE,gBAAM,SAAS,EAAC,oBAAoB,aAClC,2BAAS,OAAO,CAAC,KAAK,GAAU,EAC/B,OAAO,CAAC,IAAI,IAAI,yBAAO,OAAO,CAAC,IAAI,GAAQ,EAC5C,4BACG,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5C,OAAO,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAC/C,IACH,IACA,CACV,IAhBM,OAAO,CAAC,WAAW,CAiBvB,CACN,CAAA;gBACH,CAAC,CAAC,GACC,IACD,CACP,CAAA;AACH,CAAC"}

package/dist/text-editor.d.ts

@@ -0,0 +1,62 @@
+import type { CSSProperties, ReactNode } from "react";
+import { type EpisodeTextView, type EpisodeUITheme, type FileRevisionView } from "./types.js";
+export interface SaveOutcome {
+    ok: boolean;
+    /** Present when the file moved under the writer. */
+    conflict?: {
+        currentRevision: FileRevisionView;
+        currentContent?: string;
+    };
+    message?: string;
+}
+export interface EpisodeTextEditorProps {
+    /** Vessel-relative path, shown as the editor's identity. */
+    file: string;
+    /** What the host read. `revision.sha256` is the guard carried into the save. */
+    loaded: EpisodeTextView;
+    /**
+     * Save. Resolve `{ ok: true }` when it landed, or `{ ok: false, conflict }`
+     * when the vessel refused with 409. Throwing is also handled — the draft is
+     * kept either way.
+     */
+    onSave: (content: string, expectedRevision: string) => Promise<SaveOutcome>;
+    /** Re-read the file. Called when a person chooses to reload after a conflict. */
+    onReload?: () => void;
+    readOnly?: boolean;
+    theme?: EpisodeUITheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Edit one text artefact of a vessel.
+ *
+ * The whole point of this component is the conflict path. When someone else
+ * writes the file between load and save, the vessel refuses and hands back the
+ * revision on disk. This editor then:
+ *
+ *  - keeps the draft in the textarea, always, and says so;
+ *  - shows what is on disk now rather than a status code;
+ *  - offers reload as a choice the person makes, never as something that
+ *    happens to their typing.
+ *
+ * A save is never retried automatically. Overwriting someone's work silently is
+ * the failure this guard exists to prevent, and a retry is exactly that.
+ */
+export declare function EpisodeTextEditor({ file, loaded, onSave, onReload, readOnly, theme, className, style, }: EpisodeTextEditorProps): import("react").JSX.Element;
+export interface EpisodeTextViewerProps {
+    file: string;
+    loaded: EpisodeTextView;
+    /**
+     * How to render markdown. The package ships no markdown engine: Miadi
+     * already renders with `react-markdown`, gmtermux with `marked` +
+     * `sanitize-html`, and a second one would be a second sanitisation boundary.
+     * Omit it and the source is shown as-is, which is always safe.
+     */
+    renderMarkdown?: (source: string) => ReactNode;
+    theme?: EpisodeUITheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Read one text artefact — rendered when the host supplies a renderer, else source. */
+export declare function EpisodeTextViewer({ file, loaded, renderMarkdown, theme, className, style, }: EpisodeTextViewerProps): import("react").JSX.Element;
+//# sourceMappingURL=text-editor.d.ts.map

package/dist/text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.d.ts","sourceRoot":"","sources":["../src/text-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,OAAO,CAAA;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE;QAAE,eAAe,EAAE,gBAAgB,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,gFAAgF;IAChF,MAAM,EAAE,eAAe,CAAA;IACvB;;;;OAIG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3E,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,KAAqB,EACrB,SAAS,EACT,KAAK,GACN,EAAE,sBAAsB,+BAqHxB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,eAAe,CAAA;IACvB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAA;IAC9C,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,wFAAwF;AACxF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAqB,EACrB,SAAS,EACT,KAAK,GACN,EAAE,sBAAsB,+BAyBxB"}

package/dist/text-editor.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { DEFAULT_THEME, themeVars, } from "./types.js";
+/**
+ * Edit one text artefact of a vessel.
+ *
+ * The whole point of this component is the conflict path. When someone else
+ * writes the file between load and save, the vessel refuses and hands back the
+ * revision on disk. This editor then:
+ *
+ *  - keeps the draft in the textarea, always, and says so;
+ *  - shows what is on disk now rather than a status code;
+ *  - offers reload as a choice the person makes, never as something that
+ *    happens to their typing.
+ *
+ * A save is never retried automatically. Overwriting someone's work silently is
+ * the failure this guard exists to prevent, and a retry is exactly that.
+ */
+export function EpisodeTextEditor({ file, loaded, onSave, onReload, readOnly = false, theme = DEFAULT_THEME, className, style, }) {
+    const [draft, setDraft] = useState(loaded.content);
+    const [baseRevision, setBaseRevision] = useState(loaded.revision.sha256);
+    const [state, setState] = useState("idle");
+    const [message, setMessage] = useState("");
+    const [theirRevision, setTheirRevision] = useState(null);
+    const fileRef = useRef(file);
+    // A different file is a different draft; the same file re-read is a new base.
+    useEffect(() => {
+        if (fileRef.current !== file) {
+            fileRef.current = file;
+            setDraft(loaded.content);
+            setBaseRevision(loaded.revision.sha256);
+            setState("idle");
+            setMessage("");
+            setTheirRevision(null);
+            return;
+        }
+        if (loaded.revision.sha256 !== baseRevision && state !== "conflict") {
+            setDraft(loaded.content);
+            setBaseRevision(loaded.revision.sha256);
+        }
+    }, [file, loaded, baseRevision, state]);
+    const dirty = draft !== loaded.content || state === "conflict";
+    const save = async () => {
+        setState("saving");
+        setMessage("");
+        try {
+            const outcome = await onSave(draft, baseRevision);
+            if (outcome.ok) {
+                setState("saved");
+                setMessage(outcome.message ?? "Saved.");
+                setTheirRevision(null);
+                return;
+            }
+            if (outcome.conflict) {
+                setState("conflict");
+                setTheirRevision(outcome.conflict.currentRevision);
+                setMessage(outcome.message ??
+                    "This file changed on disk while you were writing. Nothing was overwritten and your draft is still here.");
+                return;
+            }
+            setState("error");
+            setMessage(outcome.message ?? "It could not be saved.");
+        }
+        catch (error) {
+            setState("error");
+            setMessage(error instanceof Error ? error.message : "It could not be saved.");
+        }
+    };
+    const reload = () => {
+        setState("idle");
+        setMessage("");
+        setTheirRevision(null);
+        onReload?.();
+    };
+    return (_jsxs("section", { className: ["episode-text-editor", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, "aria-label": `Editing ${file}`, children: [_jsxs("header", { className: "episode-text-editor-head", children: [_jsx("span", { className: "episode-text-editor-file", children: file }), _jsxs("span", { className: `episode-text-editor-state is-${state}`, role: "status", "aria-live": "polite", children: [state === "saving" && "Saving…", state === "saved" && "Saved", state === "conflict" && "Changed on disk", state === "error" && "Not saved", state === "idle" && (dirty ? "Unsaved changes" : "Up to date")] })] }), message && (_jsxs("p", { className: `episode-text-editor-message is-${state}`, children: [message, theirRevision && (_jsxs("span", { className: "episode-text-editor-their-revision", children: [" ", "On disk now: ", theirRevision.bytes, " bytes, ", theirRevision.modifiedAt, "."] }))] })), _jsx("textarea", { className: "episode-text-editor-field", value: draft, readOnly: readOnly, spellCheck: false, "aria-label": `Contents of ${file}`, onChange: (event) => {
+                    setDraft(event.target.value);
+                    if (state === "saved" || state === "error")
+                        setState("idle");
+                } }), !readOnly && (_jsxs("div", { className: "episode-text-editor-actions", children: [_jsx("button", { type: "button", className: "episode-text-editor-save", disabled: state === "saving" || !dirty, onClick: save, children: "Save" }), state === "conflict" && onReload && (_jsx("button", { type: "button", className: "episode-text-editor-reload", onClick: reload, children: "Discard my draft and reload" }))] }))] }));
+}
+/** Read one text artefact — rendered when the host supplies a renderer, else source. */
+export function EpisodeTextViewer({ file, loaded, renderMarkdown, theme = DEFAULT_THEME, className, style, }) {
+    const isMarkdown = loaded.contentType === ".md";
+    const [rich, setRich] = useState(Boolean(renderMarkdown) && isMarkdown);
+    return (_jsxs("section", { className: ["episode-text-viewer", className].filter(Boolean).join(" "), style: { ...themeVars(theme), ...style }, "aria-label": `Reading ${file}`, children: [_jsxs("header", { className: "episode-text-viewer-head", children: [_jsx("span", { className: "episode-text-viewer-file", children: file }), renderMarkdown && isMarkdown && (_jsx("button", { type: "button", className: "episode-text-viewer-toggle", onClick: () => setRich((value) => !value), children: rich ? "Source" : "Rendered" }))] }), rich && renderMarkdown ? (_jsx("div", { className: "episode-text-viewer-rich", children: renderMarkdown(loaded.content) })) : (_jsx("pre", { className: "episode-text-viewer-source", children: loaded.content }))] }));
+}
+//# sourceMappingURL=text-editor.js.map

package/dist/text-editor.js.map

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