@seamlet/astro 0.8.0 → 0.8.1

package/dist/bridge.js

@@ -25,9 +25,36 @@ import {
   REVEAL_ATTRIBUTE,
   REVEAL_EVENT,
   asOneParagraph,
-  readRichText
+  readRichText,
+  resolveFieldPath
 } from "./chunk-ZUJEM3P7.js";
 
+// src/bridge/typed-fields.ts
+function typedKindAt(schema, path) {
+  const target = resolveFieldPath(schema, path);
+  if (target?.kind !== "field") return void 0;
+  switch (target.field.kind) {
+    case "text":
+      return "plain";
+    case "richText":
+      return "rich";
+    case "number":
+    case "date":
+    case "time":
+    case "image":
+    case "link":
+    case "url":
+    case "toggle":
+    case "choice":
+    case "choices":
+    case "reference":
+    case "references":
+    case "group":
+    case "collection":
+      return void 0;
+  }
+}
+
 // src/bridge/page-markers.ts
 var MARKER_SELECTOR = `[${FIELD_PATH_ATTRIBUTE}]`;
 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -524,7 +551,7 @@ function caretRangeAt(document2, point) {
 }
 
 // src/bridge/rich-text-editing.ts
-var EDITABLE = "true";
+var EDITABLE_AS_RICH_TEXT = "true";
 var PASTED_LINE_BREAKS = /\s*\n\s*/gu;
 var SPACE = " ";
 function canEditRichTextInPlace(element, value, isInline) {
@@ -636,7 +663,7 @@ function startRichTextEditing(element, options) {
     options.onSelect(void 0);
     options.onEnd(outcome);
   };
-  element.setAttribute("contenteditable", EDITABLE);
+  element.setAttribute("contenteditable", EDITABLE_AS_RICH_TEXT);
   element.addEventListener("input", reportInput);
   element.addEventListener("keydown", pressKey);
   element.addEventListener("paste", pastePlainText);
@@ -708,9 +735,35 @@ function formatShortcutOf(event) {
 }
 
 // src/bridge/page-typing.ts
+var PREPARED_TYPING_TIMEOUT_MS = 3e3;
+var EDITABLE_VALUES = {
+  plain: EDITABLE_AS_PLAIN_TEXT,
+  rich: EDITABLE_AS_RICH_TEXT
+};
 function createPageTyping(options) {
   let stopEditing;
   let richEditing;
+  let prepared;
+  const takePrepared = (isTyped) => {
+    if (prepared === void 0) return;
+    clearTimeout(prepared.timer);
+    if (!isTyped && stopEditing === void 0) {
+      prepared.element.blur();
+      prepared.element.removeAttribute("contenteditable");
+    }
+    prepared = void 0;
+  };
+  const prepare = (element, kind) => {
+    const isTypedAlready = element.hasAttribute("contenteditable");
+    if (isTypedAlready) return;
+    takePrepared(false);
+    element.setAttribute("contenteditable", EDITABLE_VALUES[kind]);
+    element.focus({ preventScroll: true });
+    const timer = setTimeout(() => {
+      takePrepared(false);
+    }, PREPARED_TYPING_TIMEOUT_MS);
+    prepared = { element, timer };
+  };
   const stop = () => {
     stopEditing?.();
   };
@@ -725,9 +778,11 @@ function createPageTyping(options) {
     const element = findMarkedElement(options.document, path);
     const canType = element !== void 0 && canEditTextInPlace(element, request.text);
     if (!canType) {
+      takePrepared(false);
       options.send({ type: "typing-refused", path });
       return;
     }
+    takePrepared(true);
     options.send({ type: "typing-started", path });
     stopEditing = startInlineTextEditing(element, {
       isSingleLine: request.isSingleLine,
@@ -745,9 +800,11 @@ function createPageTyping(options) {
     const element = findMarkedElement(options.document, path);
     const canType = element !== void 0 && canEditRichTextInPlace(element, request.text, isInline);
     if (!canType) {
+      takePrepared(false);
       options.send({ type: "typing-refused", path });
       return;
     }
+    takePrepared(true);
     options.send({ type: "typing-started", path });
     const editing = startRichTextEditing(element, {
       isInline,
@@ -765,6 +822,7 @@ function createPageTyping(options) {
     placeCaretAt(element, request.point);
   };
   return {
+    prepare,
     isTyping: () => stopEditing !== void 0,
     start,
     startRich,
@@ -832,6 +890,10 @@ function connectPage(document2, schema, send) {
       send({ type: "hover", path });
     },
     onClick: (pointer) => {
+      const kind = pointer === void 0 ? void 0 : typedKindAt(schema, pointer.path);
+      if (pointer !== void 0 && kind !== void 0) {
+        typing.prepare(pointer.element, kind);
+      }
       const target = pointer === void 0 ? void 0 : { path: pointer.path, point: pointer.point };
       send({ type: "click", target });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamlet/astro",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "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",