@codepress/blog 0.1.0 → 0.2.0

package/dist/chunks/{BlogEditor-VF3UAJB6.js → BlogEditor-EDAPNNP5.js}

@@ -1150,10 +1150,21 @@ function Toolbar({
     };
   }, [top]);
   useEffect(() => {
-    const update = () => setScrolled(window.scrollY > 0);
+    const strip = stripRef.current;
+    const update = (event) => {
+      const target = event?.target;
+      if (target instanceof Element) {
+        if (target.contains(strip)) setScrolled(target.scrollTop > 0);
+        return;
+      }
+      setScrolled(window.scrollY > 0);
+    };
     update();
-    window.addEventListener("scroll", update, { passive: true });
-    return () => window.removeEventListener("scroll", update);
+    document.addEventListener("scroll", update, {
+      capture: true,
+      passive: true
+    });
+    return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
   const off = frozen || formattingOff;
   const shortcut = (combo) => formatShortcut(combo, mac);
@@ -1843,6 +1854,7 @@ function LoadedEditor({
   askOpen = false,
   designHref,
   historyHref,
+  controller,
   onReload,
   onExit,
   onPublished,
@@ -1874,6 +1886,7 @@ function LoadedEditor({
   const [confirmDiscard, setConfirmDiscard] = useState3(false);
   const [published, setPublished] = useState3(false);
   const [leaveWarning, setLeaveWarning] = useState3(false);
+  const leaveToRef = useRef2(onExit);
   const [formattingOff, setFormattingOff] = useState3(false);
   const [linkOpen, setLinkOpen] = useState3(false);
   const linkShortcutRef = useRef2(() => {
@@ -2140,18 +2153,31 @@ function LoadedEditor({
     const composed = compose();
     return !composed || composed.text === savedTextRef.current;
   };
-  const handleDone = async () => {
+  const attemptLeave = async (go) => {
+    leaveToRef.current = go;
     setLeaveWarning(false);
     while (inflightRef.current) await inflightRef.current;
     if (!isPersisted()) {
       if (!blockedRef.current) await flushSave();
       if (!isPersisted()) {
         setLeaveWarning(true);
-        return;
+        return false;
       }
     }
-    onExit();
+    go();
+    return true;
   };
+  const attemptLeaveRef = useRef2(attemptLeave);
+  useEffect2(() => {
+    attemptLeaveRef.current = attemptLeave;
+  });
+  useEffect2(() => {
+    if (!controller) return;
+    controller.current = { leave: (go) => attemptLeaveRef.current(go) };
+    return () => {
+      controller.current = null;
+    };
+  }, [controller]);
   if (!editor) return null;
   const canSave = status !== "conflict";
   return /* @__PURE__ */ jsxs7("div", { "data-testid": "blog-editor", children: [
@@ -2182,7 +2208,7 @@ function LoadedEditor({
             confirmDiscard,
             onConfirmDiscardChange: setConfirmDiscard,
             onDiscard: handleDiscard,
-            onDone: handleDone,
+            onDone: () => void attemptLeave(onExit),
             onPublish: handlePublish
           }
         )
@@ -2214,7 +2240,7 @@ function LoadedEditor({
                   type: "button",
                   className: "rounded-md border border-[#D9D5CC] px-3 py-1",
                   "data-testid": "blog-leave-anyway",
-                  onClick: onExit,
+                  onClick: () => leaveToRef.current(),
                   children: "Leave without saving"
                 }
               )

package/dist/editor/BlogEditor.d.ts

@@ -1,4 +1,5 @@
 import type { DraftClient, DraftFile } from "./client.js";
+import type { BlogEditorControllerRef } from "./controller.js";
 import { type BlogEditorTimings } from "./config.js";
 import type { BlogEditorHeader } from "./header.js";
 /** A database site's revision, as the save status names it; null for a git site. */
@@ -29,6 +30,8 @@ export interface BlogEditorProps {
     designHref?: string | null;
     /** A database site's revision history, which its saved status links to. */
     historyHref?: string | null;
+    /** Filled while the loaded editor is open, so the host can leave through its save. */
+    controller?: BlogEditorControllerRef;
     onExit: () => void;
     onPublished: () => void;
     onDiscarded: () => void;

package/dist/editor/BlogEditorMount.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from "react";
 import { type BlogEditorAuth } from "./client.js";
 import { type BlogEditorTimings } from "./config.js";
+import type { BlogEditorControllerRef } from "./controller.js";
 import type { BlogEditorHeader } from "./header.js";
 /** What the host's Ask CodePress panel is given. */
 export interface AskPanelProps {
@@ -38,6 +39,12 @@ export interface BlogEditorMountProps {
     onPublished?: (slug: string) => void;
     /** A new post was closed or discarded, so there is no reader page to return to. */
     onLeave?: () => void;
+    /**
+     * Filled while the editor is open with a loaded draft. A host that navigates without a page
+     * load (a client-side route change unmounts the editor, and the unload warning cannot see it)
+     * leaves through `controller.current.leave(go)`, which saves first or asks.
+     */
+    controller?: BlogEditorControllerRef;
     slots?: {
         /** An Ask CodePress chat beside the editor; kept mounted (hidden) once opened. */
         askPanel?: (props: AskPanelProps) => ReactNode;
@@ -61,4 +68,4 @@ export declare function appPageUrl(appUrl: string, organizationSlug: string | nu
  * the answer is `can_edit`; everyone else gets nothing and never downloads the
  * editor.
  */
-export declare function BlogEditorMount({ site, slug, apiBase, auth, isNew, header, column, appUrl, timings, onEditingChange, onPublished, onLeave, slots, actions, }: BlogEditorMountProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BlogEditorMount({ site, slug, apiBase, auth, isNew, header, column, appUrl, timings, onEditingChange, onPublished, onLeave, controller, slots, actions, }: BlogEditorMountProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/controller.d.ts

@@ -0,0 +1,17 @@
+/**
+ * What a host holds to leave the editor without losing work. The editor guards a page unload
+ * itself; a client-side route change unmounts it without warning, so a host that navigates in
+ * place routes its navigation through `leave`.
+ */
+export interface BlogEditorController {
+    /**
+     * Leaves the way Done does: settles and saves anything unsaved, then calls `go`. When the
+     * document cannot be saved (offline, rejected, conflict) the editor stays and asks: "Leave
+     * without saving" calls `go`, "Keep editing" does not. Resolves true when `go` ran straight away.
+     */
+    leave(go: () => void): Promise<boolean>;
+}
+/** Filled while an editor with a loaded draft is open, and null otherwise. */
+export interface BlogEditorControllerRef {
+    current: BlogEditorController | null;
+}

package/dist/editor/index.d.ts

@@ -4,6 +4,7 @@
  * Edit, so importing this entry downloads no ProseMirror code.
  */
 export { BlogEditorMount, appPageUrl, type AskPanelProps, type BlogEditorMountProps, type DesignLinkContext, } from "./BlogEditorMount.js";
+export type { BlogEditorController, BlogEditorControllerRef, } from "./controller.js";
 export { NewPostForm, isValidNewSlug, type NewPostFormProps, } from "./NewPostForm.js";
 export { BLOG_TOOLBAR_BOTTOM_VAR, DEFAULT_TIMINGS, type BlogEditorTimings, } from "./config.js";
 export { DEFAULT_HEADER_SELECTOR, type BlogEditorHeader } from "./header.js";

package/dist/editor/index.js

@@ -23,7 +23,7 @@ import {
   useState
 } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BlogEditor = lazy(() => import("../chunks/BlogEditor-VF3UAJB6.js"));
+var BlogEditor = lazy(() => import("../chunks/BlogEditor-EDAPNNP5.js"));
 function appPageUrl(appUrl, organizationSlug, site, slug, tab) {
   if (!organizationSlug) return `${appUrl}/dashboard`;
   const query = new URLSearchParams({ site, post: slug });
@@ -43,6 +43,7 @@ function BlogEditorMount({
   onEditingChange,
   onPublished,
   onLeave,
+  controller,
   slots,
   actions
 }) {
@@ -133,6 +134,7 @@ function BlogEditorMount({
             askHref: actions?.askCodePress?.href ?? appPageUrl(appUrl, organizationSlug, site, slug),
             askIconSrc: `${appUrl}/logo-mark-square.png`,
             askOpen: ask === "open",
+            controller,
             onExit: () => isNew ? onLeave?.() : changeEditing(false),
             onPublished: () => onPublished ? onPublished(slug) : window.location.reload(),
             onDiscarded: () => isNew ? onLeave?.() : window.location.reload()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codepress/blog",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Render a CodePress blog: registry, sanitizer, schema, SEO, feed, sitemap, content source and React renderer.",
   "type": "module",
   "sideEffects": [