mnfst 0.5.231 → 0.5.232

package/lib/manifest.router.js

@@ -484,6 +484,8 @@ function installMpaStickyLocaleLinks() {
 
         const link = event.target.closest('a');
         if (!link || link.closest('[data-manifest-skip-locale-sticky]')) return;
+        const editable = link.closest('[contenteditable]');
+        if (link.isContentEditable || (editable && editable.getAttribute('contenteditable') !== 'false')) return;   // content in editable text
         if (link.hasAttribute('download')) return;
 
         const hrefAttr = link.getAttribute('href');
@@ -526,9 +528,15 @@ function installMpaStickyLocaleLinks() {
 function interceptLinkClicks() {
     // Use capture phase to intercept before other handlers
     document.addEventListener('click', (event) => {
+        if (event.defaultPrevented) return;             // an editor (or the page) owns this click
         const link = event.target.closest('a');
         if (!link) return;
 
+        // A link inside editable text (x-rich-text, x-edit page text) is content: the click
+        // places the caret, as the browser does natively, and never navigates
+        const host = link.closest('[contenteditable]');
+        if (link.isContentEditable || (host && host.getAttribute('contenteditable') !== 'false')) return;
+
         const href = link.getAttribute('href');
         if (!href || href.startsWith('mailto:') || href.startsWith('tel:')) return;
 

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.231';
+const BUILD_VERSION = '0.5.232';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.231",
+    "version": "0.5.232",
     "private": false,
     "workspaces": [
         "templates/starter",
@@ -57,6 +57,7 @@
         "@tailwindcss/cli": "^4.2.4",
         "alpinejs": "^3.17.1",
         "cssnano": "^7.1.1",
+        "entities": "4.5.0",
         "glob": "^11.0.2",
         "happy-dom": "^20.11.6",
         "puppeteer": "^24.15.0",

package/lib/manifest.text.edit.css

@@ -1,273 +0,0 @@
-/* Manifest Text Edit */
-
-@layer base, components, utilities;
-
-/* Self-contained. The editable area is a field first — it borrows the tokens inputs
-   and textareas use, so it sits in a form without looking bolted on. Controls are
-   styled where they are, not by where they sit, because they can be anywhere. */
-
-@layer components {
-
-    :where([data-text-edit]) {
-        position: relative;
-        overflow-y: auto;
-        max-height: var(--text-edit-max-height, none);
-        outline: none;
-
-        /* Page-level styling — set by .page controls, read back by $text.page.
-           Presentation, so it lives here rather than inside the stored markup. */
-        font-family: var(--text-edit-font, inherit);
-        font-size: var(--text-edit-size, inherit);
-        line-height: var(--text-edit-leading, inherit);
-        text-align: var(--text-edit-align, start);
-        color: var(--text-edit-color, inherit);
-
-        /* Flagged from script: :empty never matches the <br> a contenteditable
-           keeps, and the tag holding it is not predictable after a wipe. The
-           placeholder OVERLAYS the first line (it is not a line of its own), so
-           the caret sits on top of it and nothing jumps when typing starts. */
-        &[data-text-edit-empty]::before {
-            content: attr(placeholder);
-            position: absolute;
-            inset-block-start: var(--text-edit-padding, 0.75rem);
-            inset-inline: var(--text-edit-padding, 0.75rem);
-            color: var(--color-content-subtle);
-            pointer-events: none;
-        }
-    }
-
-    /* A .page background applies to an unstyled area too. */
-    :where([data-text-edit].unstyle[style*="--text-edit-background"]) {
-        background: var(--text-edit-background);
-    }
-
-    /* An unstyled area has no field padding, so its placeholder hugs the line. */
-    :where([data-text-edit].unstyle)[data-text-edit-empty]::before {
-        inset-block-start: 0;
-        inset-inline: 0;
-    }
-
-    /* The FIELD look. `.unstyle` drops it so an area can sit seamlessly in a
-       page — a WYSIWYG document inherits its element's own type and colours;
-       everything above (caret custody, placeholder, commands) still works. */
-    :where([data-text-edit]:not(.unstyle)) {
-        min-height: var(--text-edit-min-height, 8rem);
-        padding: var(--text-edit-padding, 0.75rem);
-        background: var(--text-edit-background, var(--color-surface-1));
-        border: 1px solid var(--color-line);
-        border-radius: var(--radius);
-
-        /* Held while the area owns the editing session — a <select> or colour
-           control takes NATIVE focus by design, and the ring must not flicker
-           off while the writer is mid-command. */
-        &:focus,
-        &[data-text-edit-focused] {
-            border-color: var(--color-content-subtle);
-        }
-    }
-
-    /* ---- Selection menu (x-text-edit-menu) ----
-       Positioned by the --text-edit-selection-* variables the plugin writes to
-       :root, so the default needs no script; restyle or reposition freely. */
-    :where([data-text-edit-menu]) {
-        position: fixed;
-        margin: 0;
-        inset: auto;
-        left: var(--text-edit-selection-center);
-        top: var(--text-edit-selection-y);
-        transform: translate(-50%, calc(-100% - 0.5rem));
-        gap: 0.25rem;
-        align-items: center;
-        padding: 0.25rem;
-        background: var(--color-surface-1);
-        border: 1px solid var(--color-line);
-        border-radius: var(--radius);
-        box-shadow: 0 8px 30px rgb(0 0 0 / 0.2);
-    }
-
-    /* display only while OPEN: an author display on the base rule would beat
-       the UA's closed-popover display:none, leaving the menu floating fixed
-       over the page before any selection exists. */
-    :where([data-text-edit-menu]:popover-open) {
-        display: flex;
-    }
-
-    /* Without the Popover API the attribute is inert and the menu would render
-       permanently fixed on the page — hide it there; the bubble is progressive
-       enhancement. (In supporting browsers a closed popover is hidden natively.) */
-    @supports not selector(:popover-open) {
-        :where([data-text-edit-menu]) {
-            display: none;
-        }
-    }
-
-    /* ---- Controls ----
-       A control is marked wherever it lives, so a toolbar is optional markup and
-       never a requirement. The reset already dims [aria-disabled=true]. */
-    :where([data-text-edit-control]) {
-        &[data-text-edit-active] {
-            background: color-mix(in oklch, var(--color-content-stark) 10%, transparent);
-            color: var(--color-content-stark);
-        }
-
-        & > svg {
-            width: 1rem;
-            height: 1rem;
-        }
-    }
-
-    /* Icon-only buttons; text buttons keep the house padding. */
-    :where(button[data-text-edit-control]:has(> svg:only-child)) {
-        padding: 0.35rem;
-        line-height: 0;
-    }
-
-    /* The reset drops pointer events on disabled elements; a click would fall
-       through and blur the area. The plugin ignores it instead. */
-    :where([data-text-edit-control][aria-disabled=true]) {
-        pointer-events: auto;
-    }
-
-    /* ---- Editable content ----
-       The editor authors real block elements, so style them as elements. Deliberately
-       lighter than the .prose class, which sets a reading measure this field can't use. */
-    :where([data-text-edit]) {
-
-        & > * + * {
-            margin-block-start: 0.75em;
-        }
-
-        & :where(h1, h2, h3, h4, h5, h6) {
-            font-weight: 600;
-            line-height: 1.25;
-        }
-
-        & h1 { font-size: 1.6em }
-        & h2 { font-size: 1.35em }
-        & h3 { font-size: 1.15em }
-
-        & :where(ul, ol) {
-            padding-inline-start: 1.5em;
-        }
-
-        & li {
-            list-style: revert;
-        }
-
-        & blockquote {
-            padding-inline-start: 0.85em;
-            border-inline-start: 2px solid var(--color-line);
-            color: var(--color-content-neutral);
-        }
-
-        & code {
-            padding: 0.1em 0.3em;
-            border-radius: 4px;
-            font-size: 0.9em;
-            background: color-mix(in oklch, var(--color-content-stark) 8%, transparent);
-        }
-
-        & pre {
-            padding: 0.75em;
-            border-radius: var(--radius);
-            overflow-x: auto;
-            background: color-mix(in oklch, var(--color-content-stark) 8%, transparent);
-
-            & code {
-                padding: 0;
-                background: none;
-            }
-        }
-
-        & a {
-            color: var(--color-brand-content);
-            text-decoration: underline;
-        }
-
-        & hr {
-            margin-block: 1em;
-        }
-
-        & img {
-            max-width: 100%;
-        }
-
-        & table {
-            width: 100%;
-            table-layout: fixed;
-
-            & :where(td, th) {
-                padding: 0.35em 0.5em;
-                border: 1px solid var(--color-line);
-                vertical-align: top;
-            }
-
-            & th {
-                font-weight: 600;
-                text-align: start;
-                background: var(--color-surface-2);
-            }
-        }
-
-        /* A block selection across cells. The browser can only highlight text, so an
-           empty cell shows nothing — this is what makes a spreadsheet-style
-           selection visible. */
-        & :where(td, th)[data-text-edit-cell] {
-            background: color-mix(in oklch, var(--color-brand-content) 18%, transparent);
-        }
-
-        /* Borders read as grabbable only when the pointer is on one */
-        &[data-text-edit-border="x"] { cursor: col-resize }
-        &[data-text-edit-border="y"] { cursor: row-resize }
-        &[data-text-edit-resizing] { user-select: none }
-        &[data-text-edit-resizing="x"] { cursor: col-resize }
-        &[data-text-edit-resizing="y"] { cursor: row-resize }
-
-        /* Task lists — the checkbox replaces the marker */
-        & :where(ul[data-checklist]) {
-            padding-inline-start: 0.25em;
-            list-style: none;
-
-            & li {
-                display: flex;
-                align-items: baseline;
-                gap: 0.5em;
-                list-style: none;
-            }
-        }
-
-        & :where(dt) {
-            font-weight: 600;
-        }
-
-        & :where(dd) {
-            margin-inline-start: 1.5em;
-        }
-
-        & :where(kbd) {
-            padding: 0.1em 0.35em;
-            border: 1px solid var(--color-line);
-            border-radius: 4px;
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-            font-size: 0.85em;
-        }
-
-        & :where(mark) {
-            background: color-mix(in oklch, var(--color-brand-content) 25%, transparent);
-            color: inherit;
-        }
-
-        & :where(small) {
-            font-size: 0.8em;
-        }
-
-        & :where(figcaption) {
-            font-size: 0.8em;
-            color: var(--color-content-neutral);
-        }
-
-        & :where(abbr, dfn) {
-            text-decoration: underline dotted;
-        }
-    }
-}