@seamlet/astro 0.11.2 → 0.11.3

package/dist/bridge.js

@@ -372,11 +372,57 @@ function createLayoutReports(document2, report) {
   };
 }
 
+// src/bridge/page-presses.ts
+function followPresses(document2, onRelease) {
+  const view = document2.defaultView;
+  let isPressed = false;
+  let releaseTimer;
+  const press = () => {
+    clearTimeout(releaseTimer);
+    isPressed = true;
+  };
+  const release = () => {
+    if (!isPressed) return;
+    isPressed = false;
+    releaseTimer = setTimeout(onRelease, 0);
+  };
+  const releaseOnMove = (event) => {
+    if (event.buttons === 0) release();
+  };
+  const listeners = [
+    ["pointerdown", press],
+    ["pointerup", release],
+    ["pointercancel", release],
+    ["pointermove", releaseOnMove]
+  ];
+  for (const [type, listener] of listeners) {
+    document2.addEventListener(type, listener, true);
+  }
+  view?.addEventListener("blur", release);
+  return {
+    isPressed: () => isPressed,
+    stop: () => {
+      clearTimeout(releaseTimer);
+      for (const [type, listener] of listeners) {
+        document2.removeEventListener(type, listener, true);
+      }
+      view?.removeEventListener("blur", release);
+    }
+  };
+}
+
 // src/bridge/page-rendering.ts
 function createPageRenderer(options) {
   let request;
+  let heldPage;
+  const show = (html) => {
+    if (!options.canReplacePage()) return;
+    replacePageBody(options.document, html);
+    options.onRendered();
+  };
   const render2 = (content) => {
     request?.abort();
+    heldPage = void 0;
     const currentRequest = new AbortController();
     request = currentRequest;
     fetchRenderedPage(
@@ -384,18 +430,27 @@ function createPageRenderer(options) {
       content,
       currentRequest.signal
     ).then((html) => {
-      if (!options.canReplacePage()) return;
-      replacePageBody(options.document, html);
-      options.onRendered();
+      if (options.isPagePressed()) {
+        heldPage = html;
+        return;
+      }
+      show(html);
     }).catch((error) => {
       if (currentRequest.signal.aborted) return;
       options.onFailed(error);
     });
   };
+  const showHeldPage = () => {
+    const html = heldPage;
+    heldPage = void 0;
+    if (html !== void 0) show(html);
+  };
   return {
     render: render2,
+    showHeldPage,
     stop: () => {
       request?.abort();
+      heldPage = void 0;
     }
   };
 }
@@ -855,7 +910,7 @@ function createPageTyping(options) {
   };
   return {
     prepare,
-    isTyping: () => stopEditing !== void 0,
+    isTyping: () => stopEditing !== void 0 || prepared !== void 0,
     start,
     startRich,
     format: (format) => richEditing?.format(format),
@@ -896,10 +951,14 @@ function connectPage(document2, schema, send) {
     send({ type: "layout", layout: measured });
   });
   const typing = createPageTyping({ document: document2, send, onInput: layout.schedule });
+  const presses = followPresses(document2, () => {
+    renderer.showHeldPage();
+  });
   const renderer = createPageRenderer({
     document: document2,
     // Replacing the page under a text being typed would throw the typing away.
     canReplacePage: () => !typing.isTyping(),
+    isPagePressed: presses.isPressed,
     onRendered: () => {
       layout.reportNow();
       send({ type: "rendered" });
@@ -981,6 +1040,7 @@ function connectPage(document2, schema, send) {
     stop: () => {
       typing.stop();
       renderer.stop();
+      presses.stop();
       layout.stop();
       stopListening();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamlet/astro",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "description": "Connects an Astro site to the Seamlet CMS: the schema of its content, the preview the editor frames, and its published content.",
   "license": "MIT",
   "type": "module",