mnfst 0.5.83 → 0.5.84

package/lib/manifest.code.css

@@ -256,8 +256,12 @@
                 display: flex;
                 flex-direction: row;
                 overflow-x: auto;
-                -ms-overflow-style: none;
                 scrollbar-width: none;
+                -ms-overflow-style: none;
+
+                &::-webkit-scrollbar {
+                    display: none
+                }
 
                 /* Tab buttons */
                 & button[role="tab"] {
@@ -286,10 +290,10 @@
 
         /* Copy code button */
         & button.copy {
-            font-size: 75%;
             position: absolute;
             top: 0;
             inset-inline-end: 0;
+            font-size: 75%;
             background-color: transparent;
 
             &:hover {

package/lib/manifest.code.js

@@ -199,11 +199,13 @@ function resolveLanguage(hljs, langAttr) {
 
 // ─── Content prep helpers ────────────────────────────────────────────────────
 
-// Drop one leading and one trailing newline if present. Authors typically write
-// <pre x-code> on its own line, which leaves stray newlines that throw off line
-// numbering and the collapse threshold.
+// Drop any leading/trailing blank lines (including pure-whitespace lines).
+// Authors typically write <pre x-code> on its own line, leaving stray newlines
+// that throw off line numbering and the collapse threshold. Stripping multiple
+// also covers the case where authors leave a blank line before </pre> for
+// readability, which would otherwise render as a visible trailing gap.
 function trimWrappingNewlines(text) {
-    return text.replace(/^\n/, '').replace(/\n$/, '');
+    return text.replace(/^(?:[ \t]*\n)+/, '').replace(/(?:\n[ \t]*)+$/, '');
 }
 
 // Remove the smallest common leading-whitespace block from every non-empty
@@ -248,18 +250,23 @@ function resolveSource(el) {
         if (target) return prepSource(target.innerHTML);
     }
     const lang = (el.getAttribute('x-code') || el.getAttribute('language') || '').toLowerCase();
-    // Markdown plugin emits <pre x-code="lang"><code>source</code></pre>. When
-    // a child <code> exists, read from it directly so we don't pick up the
-    // wrapping element itself when innerHTML reading is required.
+    // Markdown plugin emits <pre x-code="lang"><code>source</code></pre>. The
+    // <code> body is text-only (entity-escaped HTML decoded by the browser
+    // into a text node), so textContent returns the exact source the author
+    // wrote — preserving valueless attributes (data-tailwind, not
+    // data-tailwind=""), multi-line attribute lists, and other formatting
+    // that an innerHTML round-trip would normalise away.
     const childCode = el.querySelector(':scope > code');
     if (childCode) {
-        if (HTML_LIKE_LANGS.has(lang)) {
-            const decoder = document.createElement('textarea');
-            decoder.innerHTML = childCode.innerHTML;
-            return prepSource(decoder.value);
-        }
         return prepSource(childCode.textContent);
     }
+    // Raw HTML case: the author wrote `<pre x-code="html"><div…></div></pre>`
+    // directly in an .html file. Read innerHTML and decode any entities so
+    // mixed-style authoring still works — but valueless attributes will pick
+    // up the browser's `=""` normalisation here, which is unavoidable once
+    // the markup has been parsed into real DOM nodes. Authors who want exact
+    // source preservation should use a fenced markdown block or write the
+    // body as entity-escaped text inside the pre.
     if (HTML_LIKE_LANGS.has(lang)) {
         const decoder = document.createElement('textarea');
         decoder.innerHTML = el.innerHTML;
@@ -867,12 +874,27 @@ function processOne(el) {
 
 // Start observing every candidate in `root` that hasn't already been
 // processed. Idempotent — re-observation of an already-observed element
-// is a no-op per the IntersectionObserver spec.
+// is a no-op per the IntersectionObserver spec. Elements that are already
+// visible at call time are processed immediately, then unobserved — this
+// makes markdown-plugin-injected blocks render synchronously instead of
+// waiting for the next IO callback (which can stall in headless tests
+// and feels laggy for live markdown updates).
 function observeAll(root = document) {
     const io = ensureObserver();
-    root.querySelectorAll('[x-code]:not([data-code-processed])').forEach(el => io.observe(el));
-    root.querySelectorAll('[x-code-group]:not([data-group-processed])').forEach(el => io.observe(el));
-    root.querySelectorAll('pre:not([x-code]):not([data-code-processed]) > code[class*="language-"]').forEach(el => io.observe(el));
+    const candidates = [
+        ...root.querySelectorAll('[x-code]:not([data-code-processed])'),
+        ...root.querySelectorAll('[x-code-group]:not([data-group-processed])'),
+        ...root.querySelectorAll('pre:not([x-code]):not([data-code-processed]) > code[class*="language-"]')
+    ];
+    for (const el of candidates) {
+        io.observe(el);
+        // Skip the immediate-process shortcut for elements that are hidden
+        // (display:none route panels, off-screen drawers): keep them observed
+        // so they highlight on the next intersection callback when revealed.
+        if (typeof el.checkVisibility === 'function' && !el.checkVisibility()) continue;
+        io.unobserve(el);
+        processOne(el);
+    }
 }
 
 // Re-scan after markdown injections (the markdown plugin dispatches this

package/lib/manifest.code.min.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");:root{--icon-code-copy:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");--icon-code-copied:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jb3B5LWNoZWNrLWljb24gbHVjaWRlLWNvcHktY2hlY2siIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0ibTEyIDE1IDIgMiA0LTQiLz48cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHg9IjgiIHk9IjgiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGQ9Ik00IDE2Yy0xLjEgMC0yLS45LTItMlY0YzAtMS4xLjktMiAyLTJoMTBjMS4xIDAgMiAuOSAyIDIiLz48L3N2Zz4=");--icon-code-expand:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-code-keyword:#b8860b;--color-code-string:#8b4513;--color-code-comment:gray;--color-code-function:peru;--color-code-number:sienna;--color-code-operator:#2f4f4f;--color-code-class-name:#daa520;--color-code-tag:#4682b4;--color-code-attr-name:#ff8c00;--color-code-attr-value:#8b4513;--color-code-property:sienna;--color-code-selector:#4682b4;--color-code-punctuation:#2f4f4f;--color-code-builtin:#b8860b;--color-code-constant:sienna;--color-code-boolean:sienna;--color-code-regex:#8b4513;--color-code-symbol:#daa520;--color-code-entity:#daa520;--color-code-url:sienna;--color-code-atrule:#b8860b;--color-code-rule:#4682b4;--color-code-doctype:gray;--color-code-cdata:gray;--color-code-prolog:gray;--color-code-namespace:gray;--color-code-important:#b8860b;--color-code-inserted:#228b22;--color-code-deleted:#dc143c;--color-code-char:#8b4513}.dark{--color-code-keyword:#f4a460;--color-code-string:#deb887;--color-code-comment:#8b8b8b;--color-code-function:#daa520;--color-code-number:tan;--color-code-operator:wheat;--color-code-class-name:peru;--color-code-tag:#87ceeb;--color-code-attr-name:gold;--color-code-attr-value:#deb887;--color-code-property:tan;--color-code-selector:#87ceeb;--color-code-punctuation:wheat;--color-code-builtin:#f4a460;--color-code-constant:tan;--color-code-boolean:tan;--color-code-regex:#deb887;--color-code-symbol:peru;--color-code-entity:peru;--color-code-url:tan;--color-code-atrule:#f4a460;--color-code-rule:#98fb98;--color-code-doctype:#8b8b8b;--color-code-cdata:#8b8b8b;--color-code-prolog:#8b8b8b;--color-code-namespace:#8b8b8b;--color-code-important:#f4a460;--color-code-inserted:#98fb98;--color-code-deleted:#f08080;--color-code-char:#deb887}@layer utilities{.hljs-comment{color:var(--color-code-comment)!important}.hljs-keyword{color:var(--color-code-keyword)!important}.hljs-string{color:var(--color-code-string)!important}.hljs-number{color:var(--color-code-number)!important}.hljs-literal{color:var(--color-code-constant)!important}.hljs-type{color:var(--color-code-class-name)!important}.hljs-variable{color:var(--color-code-property)!important}.hljs-variable.language_{color:var(--color-code-keyword)!important}.hljs-variable.constant_{color:var(--color-code-constant)!important}.hljs-title{color:var(--color-code-function)!important}.hljs-title.class_.inherited__{color:var(--color-code-class-name)!important}.hljs-title.function_.invoke__{color:var(--color-code-function)!important}.hljs-params{color:var(--color-code-property)!important}.hljs-doctag{color:var(--color-code-keyword)!important;font-weight:600!important}.hljs-meta{color:var(--color-code-comment)!important}.hljs-meta.keyword_,.hljs-meta.prompt_{color:var(--color-code-keyword)!important}.hljs-meta.string_{color:var(--color-code-string)!important}.hljs-section{color:var(--color-code-keyword)!important;font-weight:600!important}.hljs-name{color:var(--color-code-tag)!important}.hljs-attribute{color:var(--color-code-attr-name)!important}.hljs-bullet{color:var(--color-code-punctuation)!important}.hljs-code{color:var(--color-code-property)!important}.hljs-formula{color:var(--color-code-number)!important}.hljs-quote{color:var(--color-code-string)!important}.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo{color:var(--color-code-selector)!important}.hljs-template-tag{color:var(--color-code-tag)!important}.hljs-template-variable{color:var(--color-code-property)!important}.hljs-subst{color:var(--color-code-string)!important}}@layer components{:where(code[role=button]){height:fit-content}:where(.code-copied-icon){background-color:currentColor;display:inline-block;height:1em;mask-image:var(--icon-code-copied);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:1em}:where([x-code],[x-code-group]):not(.unstyle){position:relative;:where(header){align-items:center;background-color:color-mix(in oklch,var(--color-content-stark,#2f4f4f) 8%,transparent);color:var(--color-content-neutral,gray);display:flex;flex-direction:row;font-family:var(--font-sans,sans-serif);font-size:inherit;min-height:var(--spacing-field-height,2.25rem);padding-inline-end:var(--spacing-field-height);padding-inline-start:calc(var(--spacing, .25rem)*4);width:100%;&:has(button[role=tab]){padding-inline-start:calc(var(--spacing, .25rem)*2)}& [role=tablist]{display:flex;flex-direction:row;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;& button[role=tab]{background:transparent;border:0;color:inherit;flex-shrink:0;font-family:inherit;font-size:inherit;height:fit-content;justify-content:start;&:hover{background-color:var(--color-field-surface,color-mix(#2f4f4f 10%,transparent));color:var(--color-content-stark,#2f4f4f)}&[aria-selected=true]{color:var(--color-brand-content,#daa520);pointer-events:none;position:relative}}}}& button.copy{background-color:transparent;font-size:75%;inset-inline-end:0;position:absolute;top:0;&:hover{background-color:transparent;&:after{background-color:var(--color-field-inverse,#2f4f4f)}}&:after{background-color:var(--color-content-neutral,gray);content:"";display:block;height:.8125rem;mask-image:var(--icon-code-copy);mask-repeat:no-repeat;mask-size:contain;width:.8125rem}&.copied:after{mask-image:var(--icon-code-copied)}}:where(header)::-webkit-scrollbar{display:none}& .lines{color:var(--color-content-subtle,#a9a9a9);display:inline-flex;flex-direction:column;font-family:inherit;font-size:inherit;inset-inline-start:0;line-height:inherit;padding:calc(var(--spacing, .25rem)*4) 0 calc(var(--spacing, .25rem)*4) calc(var(--spacing, .25rem)*4);pointer-events:none;position:absolute;text-align:end;user-select:none}&:has(.lines) code{padding-inline-start:calc(var(--spacing, .25rem)*6 + 2ch)}:where(code){flex:1 1 100%;min-width:0;white-space:pre;white-space-collapse:preserve}& button.expand{align-items:center;background:transparent;border:0;border-radius:0;color:var(--color-content-subtle,#a9a9a9);cursor:pointer;display:flex;font-family:var(--font-sans,sans-serif);font-size:inherit;height:var(--spacing-field-height,2.25rem);justify-content:center;order:99;padding:0 calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out);width:100%;&:hover{background:color-mix(in oklch,var(--color-content-stark,#2f4f4f) 8%,transparent);color:var(--color-content-neutral,gray)}}&[data-collapsed] .lines,&[data-collapsed] code{mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 3em),transparent calc(100% - .75em),transparent);max-height:calc(var(--collapse-lines, 20)*1.7em + var(--spacing, .25rem)*8);overflow:hidden}:where(aside.frame){border:0;order:1;white-space:normal;white-space-collapse:collapse}}:where([x-code-group]){flex-flow:column;:where([x-code]){background:transparent;border:0;border-radius:0}}:where([x-code]):has(>header){& .lines{top:var(--spacing-field-height,2.25rem)}}}
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");:root{--icon-code-copy:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");--icon-code-copied:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jb3B5LWNoZWNrLWljb24gbHVjaWRlLWNvcHktY2hlY2siIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0ibTEyIDE1IDIgMiA0LTQiLz48cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHg9IjgiIHk9IjgiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGQ9Ik00IDE2Yy0xLjEgMC0yLS45LTItMlY0YzAtMS4xLjktMiAyLTJoMTBjMS4xIDAgMiAuOSAyIDIiLz48L3N2Zz4=");--icon-code-expand:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-code-keyword:#b8860b;--color-code-string:#8b4513;--color-code-comment:gray;--color-code-function:peru;--color-code-number:sienna;--color-code-operator:#2f4f4f;--color-code-class-name:#daa520;--color-code-tag:#4682b4;--color-code-attr-name:#ff8c00;--color-code-attr-value:#8b4513;--color-code-property:sienna;--color-code-selector:#4682b4;--color-code-punctuation:#2f4f4f;--color-code-builtin:#b8860b;--color-code-constant:sienna;--color-code-boolean:sienna;--color-code-regex:#8b4513;--color-code-symbol:#daa520;--color-code-entity:#daa520;--color-code-url:sienna;--color-code-atrule:#b8860b;--color-code-rule:#4682b4;--color-code-doctype:gray;--color-code-cdata:gray;--color-code-prolog:gray;--color-code-namespace:gray;--color-code-important:#b8860b;--color-code-inserted:#228b22;--color-code-deleted:#dc143c;--color-code-char:#8b4513}.dark{--color-code-keyword:#f4a460;--color-code-string:#deb887;--color-code-comment:#8b8b8b;--color-code-function:#daa520;--color-code-number:tan;--color-code-operator:wheat;--color-code-class-name:peru;--color-code-tag:#87ceeb;--color-code-attr-name:gold;--color-code-attr-value:#deb887;--color-code-property:tan;--color-code-selector:#87ceeb;--color-code-punctuation:wheat;--color-code-builtin:#f4a460;--color-code-constant:tan;--color-code-boolean:tan;--color-code-regex:#deb887;--color-code-symbol:peru;--color-code-entity:peru;--color-code-url:tan;--color-code-atrule:#f4a460;--color-code-rule:#98fb98;--color-code-doctype:#8b8b8b;--color-code-cdata:#8b8b8b;--color-code-prolog:#8b8b8b;--color-code-namespace:#8b8b8b;--color-code-important:#f4a460;--color-code-inserted:#98fb98;--color-code-deleted:#f08080;--color-code-char:#deb887}@layer utilities{.hljs-comment{color:var(--color-code-comment)!important}.hljs-keyword{color:var(--color-code-keyword)!important}.hljs-string{color:var(--color-code-string)!important}.hljs-number{color:var(--color-code-number)!important}.hljs-literal{color:var(--color-code-constant)!important}.hljs-type{color:var(--color-code-class-name)!important}.hljs-variable{color:var(--color-code-property)!important}.hljs-variable.language_{color:var(--color-code-keyword)!important}.hljs-variable.constant_{color:var(--color-code-constant)!important}.hljs-title{color:var(--color-code-function)!important}.hljs-title.class_.inherited__{color:var(--color-code-class-name)!important}.hljs-title.function_.invoke__{color:var(--color-code-function)!important}.hljs-params{color:var(--color-code-property)!important}.hljs-doctag{color:var(--color-code-keyword)!important;font-weight:600!important}.hljs-meta{color:var(--color-code-comment)!important}.hljs-meta.keyword_,.hljs-meta.prompt_{color:var(--color-code-keyword)!important}.hljs-meta.string_{color:var(--color-code-string)!important}.hljs-section{color:var(--color-code-keyword)!important;font-weight:600!important}.hljs-name{color:var(--color-code-tag)!important}.hljs-attribute{color:var(--color-code-attr-name)!important}.hljs-bullet{color:var(--color-code-punctuation)!important}.hljs-code{color:var(--color-code-property)!important}.hljs-formula{color:var(--color-code-number)!important}.hljs-quote{color:var(--color-code-string)!important}.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo{color:var(--color-code-selector)!important}.hljs-template-tag{color:var(--color-code-tag)!important}.hljs-template-variable{color:var(--color-code-property)!important}.hljs-subst{color:var(--color-code-string)!important}}@layer components{:where(code[role=button]){height:fit-content}:where(.code-copied-icon){background-color:currentColor;display:inline-block;height:1em;mask-image:var(--icon-code-copied);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:1em}:where([x-code],[x-code-group]):not(.unstyle){position:relative;:where(header){align-items:center;background-color:color-mix(in oklch,var(--color-content-stark,#2f4f4f) 8%,transparent);color:var(--color-content-neutral,gray);display:flex;flex-direction:row;font-family:var(--font-sans,sans-serif);font-size:inherit;min-height:var(--spacing-field-height,2.25rem);padding-inline-end:var(--spacing-field-height);padding-inline-start:calc(var(--spacing, .25rem)*4);width:100%;&:has(button[role=tab]){padding-inline-start:calc(var(--spacing, .25rem)*2)}& [role=tablist]{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}& button[role=tab]{background:transparent;border:0;color:inherit;flex-shrink:0;font-family:inherit;font-size:inherit;height:fit-content;justify-content:start;&:hover{background-color:var(--color-field-surface,color-mix(#2f4f4f 10%,transparent));color:var(--color-content-stark,#2f4f4f)}&[aria-selected=true]{color:var(--color-brand-content,#daa520);pointer-events:none;position:relative}}}}& button.copy{background-color:transparent;font-size:75%;inset-inline-end:0;position:absolute;top:0;&:hover{background-color:transparent;&:after{background-color:var(--color-field-inverse,#2f4f4f)}}&:after{background-color:var(--color-content-neutral,gray);content:"";display:block;height:.8125rem;mask-image:var(--icon-code-copy);mask-repeat:no-repeat;mask-size:contain;width:.8125rem}&.copied:after{mask-image:var(--icon-code-copied)}}:where(header)::-webkit-scrollbar{display:none}& .lines{color:var(--color-content-subtle,#a9a9a9);display:inline-flex;flex-direction:column;font-family:inherit;font-size:inherit;inset-inline-start:0;line-height:inherit;padding:calc(var(--spacing, .25rem)*4) 0 calc(var(--spacing, .25rem)*4) calc(var(--spacing, .25rem)*4);pointer-events:none;position:absolute;text-align:end;user-select:none}&:has(.lines) code{padding-inline-start:calc(var(--spacing, .25rem)*6 + 2ch)}:where(code){flex:1 1 100%;min-width:0;white-space:pre;white-space-collapse:preserve}& button.expand{align-items:center;background:transparent;border:0;border-radius:0;color:var(--color-content-subtle,#a9a9a9);cursor:pointer;display:flex;font-family:var(--font-sans,sans-serif);font-size:inherit;height:var(--spacing-field-height,2.25rem);justify-content:center;order:99;padding:0 calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out);width:100%;&:hover{background:color-mix(in oklch,var(--color-content-stark,#2f4f4f) 8%,transparent);color:var(--color-content-neutral,gray)}}&[data-collapsed] .lines,&[data-collapsed] code{mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 3em),transparent calc(100% - .75em),transparent);max-height:calc(var(--collapse-lines, 20)*1.7em + var(--spacing, .25rem)*8);overflow:hidden}:where(aside.frame){border:0;order:1;white-space:normal;white-space-collapse:collapse}}:where([x-code-group]){flex-flow:column;:where([x-code]){background:transparent;border:0;border-radius:0}}:where([x-code]):has(>header){& .lines{top:var(--spacing-field-height,2.25rem)}}}

package/lib/manifest.css

@@ -174,7 +174,7 @@
     :where(hr) {
         height: 1px;
         color: inherit;
-        background-color: var(--color-line, color-mix(darkslategray 10%, transparent));
+        background-color: var(--color-line, color-mix(darkslategray 12%, transparent));
         border: 0 none
     }
 
@@ -2912,7 +2912,7 @@
 @layer base {
 
     /* All text elements */
-    :where(a, abbr, address, blockquote, code, del, figcaption, h1, h2, h3, h4, h5, h6, ins, label:not(.avatar, :has([type=file], [type=search])), legend, p, small, cite, q):not(.unstyle),
+    :where(abbr, address, blockquote, code, del, figcaption, h1, h2, h3, h4, h5, h6, ins, label:not(.avatar, :has([type=file], [type=search])), legend, p, small, cite, q):not(.unstyle),
     .h1,
     .h2,
     .h3,
@@ -2922,10 +2922,17 @@
     .paragraph,
     .small,
     .caption,
-    .label,
-    .link {
+    .label {
         color: var(--color-content-stark, darkslategray);
 
+        /* Inline links */
+        & a:not(.unstyle),
+        & .link {
+            text-decoration: underline;
+            text-underline-offset: 2px;
+            color: inherit
+        }
+
         /* Support inline icons */
         &:where(:has([x-icon])) {
             display: inline-flex;
@@ -2938,7 +2945,7 @@
         }
 
         /* Inline span alignment */
-        & span {
+        :where(span) {
             vertical-align: inherit
         }
     }
@@ -3020,11 +3027,6 @@
         }
     }
 
-    :where(abbr, address, blockquote, code, del, figcaption, h1, h2, h3, h4, h5, h6, ins, legend, p, small, cite, q, .h1, .h2, .h3, .h4, .h5, .h6, .paragraph, .small, .caption, .label):not(.unstyle)>a {
-        text-decoration: underline;
-        text-underline-offset: 2px
-    }
-
     /* Asides */
     :where(aside):not(.unstyle) {
         padding: calc(var(--spacing, 0.25rem) * 4);
@@ -3279,18 +3281,26 @@
         tab-size: 4;
         white-space: pre;
         white-space-collapse: preserve;
-        overflow-x: auto;
+        overflow: hidden;
 
         & code {
             flex-grow: 1;
             display: inline-block;
             height: auto;
             padding: calc(var(--spacing, 0.25rem) * 4);
+            padding-inline-end: calc(var(--spacing, 0.25rem) * 12);
             font-size: inherit;
             line-height: inherit;
             background-color: transparent;
             border: 0 none;
-            box-shadow: none
+            box-shadow: none;
+            overflow-x: auto;
+            scrollbar-width: none;
+            -ms-overflow-style: none;
+
+            &::-webkit-scrollbar {
+                display: none
+            }
         }
 
         &:not(:has(code)) {

package/lib/manifest.integrity.json

@@ -2,25 +2,23 @@
   "manifest.appwrite.auth.js": "sha384-to37ssZJXGeOS6+rf2VI47ox2mEqgsi5oQ1E5vv8XU/lDspbDFE1KHEMm8TxBhxW",
   "manifest.appwrite.data.js": "sha384-00ulLT+GAIuPHA/rRT9p98vYlsyDzkyKXtg86BDQ6FGQa5vVVN+W6kuforniBAsz",
   "manifest.appwrite.presence.js": "sha384-uxRpx9/Jj0kGtklH5QmUlAzD3zdSvFRfK6bcJQqxl+Bsf5tOo4zgwqJTQgtZoHQP",
-  "manifest.code.js": "sha384-zjtiVXsPoPK4H/2gN4Xe4Bd0iKUwnv4MbteX9AmTWqNz49E+a3eCuONYHpSneStZ",
+  "manifest.code.js": "sha384-zxu52NMTOIu+wd0b4YITLmGMR637VakyN9rBVRYfHA1qQW4hGTi2j7/NbqzPT3j1",
   "manifest.color.js": "sha384-Z9G/lzt0vVMxjz4wkPuGG1X9mmQAJR15aOoGX3ephf7r2wnlUWet5GLgkUMtT4vt",
   "manifest.colorpicker.js": "sha384-0EVn+Ha06h7FIvOxc6WjZYnKYXzi+zba08yKvczSEGTRkWRxyKN2TFrZHI1SDCXu",
-  "manifest.colors.js": "sha384-u8iD6kapVj4OjeCILxBkYQKgXtDQ7LdEodILkQuknzPMwzSMBmDHN25UuzxepHby",
   "manifest.components.js": "sha384-3dCTD5EwCZTiX+1obYtDNM3WWwPh2JDQUQQsdRUUK3gs6FXjse1ShkKaT/2jsNaI",
   "manifest.data.js": "sha384-+wfMPBlMsmLJ7EJWGJMTKGAhLaLCyOVX+Nq+ps3Lly58QC9Dp3XRHK5yangII0yq",
   "manifest.dropdowns.js": "sha384-WMrFoSpKfJuo81dyrwhVrDO8rq+rDwh2x8x4nH01BY5ZHkvjE+/SaT2gWCI0zOn+",
   "manifest.icons.js": "sha384-uOkboYrovjCpl22eey3Jaxpey+pOnot5NDnRRumcRxiR7IOVaRh1i20gYnWXR5dW",
   "manifest.localization.js": "sha384-eKdBIMEAwsugPP2p2fuPzQUkU44f1+Y0JgukMJ1KXLQY1/AYvpcGsEiritVDElsN",
-  "manifest.markdown.js": "sha384-5dpYLup1j/JLmoVvE1Qn47rwYwtU6kH2PvuiNzU1nqa0LMRWZhdnKhKO7I3I0cyI",
+  "manifest.markdown.js": "sha384-gxRxl0QFZc66KfpRNG5bj1mHGD61lLg4+zN77IWclVw6nLW+SIw1ciNqQa187+fK",
   "manifest.resize.js": "sha384-Ak5gf44ERfh9pOSAD1qZzJSysslpwBCkevIlz7R3dszTUyzUKGKGF4pn5arOtgG0",
   "manifest.router.js": "sha384-n6xmIfWnYzd/0kkVTFuHhFzHuxiDgZ1Lg1W0yB6/w3Myw5pQ6PgE6SJBHfVsO7/D",
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.svg.js": "sha384-nc+3spSGNS2l+82maL/OFz2iOGUhLZ0kqeooj28CEcdElM4OZa34e0tbnokZHVI6",
   "manifest.tabs.js": "sha384-v6Ti0zHfdLhkFHbTMg0FH6uMrThuBvZrL2PQgVBeeXhDjuN7x4MtoNWogPbAQTaD",
-  "manifest.tailwind.js": "sha384-aHLvl2oSuUgy06VaBqhhByn5wWxqvnqxw6KCwehakKUS00F/s/Nb62umeASS6Y4P",
   "manifest.toasts.js": "sha384-ytd5rDbax/Ou9z23uedFXPZbxDPsk2E/pxCTq4WLvfv+os1qTI6kELp0kPp07g24",
   "manifest.tooltips.js": "sha384-Hhip5ZN66xhDw3m0XBrKLKLpcVRz3Z9RszPKqo6xvFF0mrUgQBVZ+mZjZsXgOOjS",
   "manifest.url.parameters.js": "sha384-FIufiClqDx1rJpU/QUc9z/D43qClQ6Qm8rBahipbJl9BDHUvhrOsUDegmTWW7Tuf",
   "manifest.utilities.js": "sha384-Q98oZClq/iRKFmuwHolisLgEitsTZiEPHxUW29liKlnL1Gx+YGq8MMivYbDlGDD6",
-  "manifest.js": "sha384-AjAnd61543ANko2XUK2ZZA7lWQH6DPoV3CSXt/Y4rJnxIOMA+5jx0sgU5U7+sEg6"
+  "manifest.js": "sha384-+VqLvjMEa28w5p6vlp4OEI6w/wr9Wpuzgk4rJcWsg1aDodhEB6E30yDpgs/6zRsR"
 }

package/lib/manifest.js

@@ -175,41 +175,6 @@
 	const DEFAULT_VERSION = 'latest';
 	const ALPINE_CDN_URL = 'https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js';
 
-	// SRI integrity map: { 'manifest.foo.min.js': 'sha384-...', ... }
-	// Inlined by build.mjs's emitIntegrityMap() step. Empty in source so the
-	// unbuilt loader works in dev (where files are served from the local
-	// project, same-origin, no SRI needed). Built artifact in lib/ carries
-	// the populated map. Looked up by the filename suffix of every script URL
-	// addScript() injects — when the file is in the map, the matching
-	// integrity + crossorigin attributes are set, and the browser refuses to
-	// execute the script if the bytes don't match (defends against CDN
-	// poisoning / npm hijack).
-	const INTEGRITY = {
-  "manifest.appwrite.auth.js": "sha384-to37ssZJXGeOS6+rf2VI47ox2mEqgsi5oQ1E5vv8XU/lDspbDFE1KHEMm8TxBhxW",
-  "manifest.appwrite.data.js": "sha384-00ulLT+GAIuPHA/rRT9p98vYlsyDzkyKXtg86BDQ6FGQa5vVVN+W6kuforniBAsz",
-  "manifest.appwrite.presence.js": "sha384-uxRpx9/Jj0kGtklH5QmUlAzD3zdSvFRfK6bcJQqxl+Bsf5tOo4zgwqJTQgtZoHQP",
-  "manifest.code.js": "sha384-zjtiVXsPoPK4H/2gN4Xe4Bd0iKUwnv4MbteX9AmTWqNz49E+a3eCuONYHpSneStZ",
-  "manifest.color.js": "sha384-Z9G/lzt0vVMxjz4wkPuGG1X9mmQAJR15aOoGX3ephf7r2wnlUWet5GLgkUMtT4vt",
-  "manifest.colorpicker.js": "sha384-0EVn+Ha06h7FIvOxc6WjZYnKYXzi+zba08yKvczSEGTRkWRxyKN2TFrZHI1SDCXu",
-  "manifest.colors.js": "sha384-u8iD6kapVj4OjeCILxBkYQKgXtDQ7LdEodILkQuknzPMwzSMBmDHN25UuzxepHby",
-  "manifest.components.js": "sha384-3dCTD5EwCZTiX+1obYtDNM3WWwPh2JDQUQQsdRUUK3gs6FXjse1ShkKaT/2jsNaI",
-  "manifest.data.js": "sha384-+wfMPBlMsmLJ7EJWGJMTKGAhLaLCyOVX+Nq+ps3Lly58QC9Dp3XRHK5yangII0yq",
-  "manifest.dropdowns.js": "sha384-WMrFoSpKfJuo81dyrwhVrDO8rq+rDwh2x8x4nH01BY5ZHkvjE+/SaT2gWCI0zOn+",
-  "manifest.icons.js": "sha384-uOkboYrovjCpl22eey3Jaxpey+pOnot5NDnRRumcRxiR7IOVaRh1i20gYnWXR5dW",
-  "manifest.localization.js": "sha384-eKdBIMEAwsugPP2p2fuPzQUkU44f1+Y0JgukMJ1KXLQY1/AYvpcGsEiritVDElsN",
-  "manifest.markdown.js": "sha384-5dpYLup1j/JLmoVvE1Qn47rwYwtU6kH2PvuiNzU1nqa0LMRWZhdnKhKO7I3I0cyI",
-  "manifest.resize.js": "sha384-Ak5gf44ERfh9pOSAD1qZzJSysslpwBCkevIlz7R3dszTUyzUKGKGF4pn5arOtgG0",
-  "manifest.router.js": "sha384-n6xmIfWnYzd/0kkVTFuHhFzHuxiDgZ1Lg1W0yB6/w3Myw5pQ6PgE6SJBHfVsO7/D",
-  "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
-  "manifest.svg.js": "sha384-nc+3spSGNS2l+82maL/OFz2iOGUhLZ0kqeooj28CEcdElM4OZa34e0tbnokZHVI6",
-  "manifest.tabs.js": "sha384-v6Ti0zHfdLhkFHbTMg0FH6uMrThuBvZrL2PQgVBeeXhDjuN7x4MtoNWogPbAQTaD",
-  "manifest.tailwind.js": "sha384-aHLvl2oSuUgy06VaBqhhByn5wWxqvnqxw6KCwehakKUS00F/s/Nb62umeASS6Y4P",
-  "manifest.toasts.js": "sha384-ytd5rDbax/Ou9z23uedFXPZbxDPsk2E/pxCTq4WLvfv+os1qTI6kELp0kPp07g24",
-  "manifest.tooltips.js": "sha384-Hhip5ZN66xhDw3m0XBrKLKLpcVRz3Z9RszPKqo6xvFF0mrUgQBVZ+mZjZsXgOOjS",
-  "manifest.url.parameters.js": "sha384-FIufiClqDx1rJpU/QUc9z/D43qClQ6Qm8rBahipbJl9BDHUvhrOsUDegmTWW7Tuf",
-  "manifest.utilities.js": "sha384-Q98oZClq/iRKFmuwHolisLgEitsTZiEPHxUW29liKlnL1Gx+YGq8MMivYbDlGDD6"
-};
-
 	// Get base URL for a given version
 	function getBaseUrl(version = DEFAULT_VERSION) {
 		return `https://cdn.jsdelivr.net/npm/mnfst@${version}/lib`;
@@ -244,16 +209,10 @@
 		'appwrite-presence'
 	];
 
-	// Plugin dependencies: plugins that require other plugins to be loaded first.
-	// All Appwrite plugins depend on `data` for env-var interpolation at
-	// manifest-load time (window.ManifestDataConfig.interpolateManifest); auth
-	// and presence also share the data plugin's manifest-fetch plumbing.
-	// Localization reads data-source URLs that may carry ${VAR} references.
+	// Plugin dependencies: plugins that require other plugins to be loaded first
 	const PLUGIN_DEPENDENCIES = {
-		'appwrite-auth': ['data'],
 		'appwrite-data': ['data'],
-		'appwrite-presence': ['data'],
-		'localization': ['data']
+		'appwrite-presence': ['data']
 	};
 
 	// Derive default plugin list from manifest (only load data/localization/components when manifest needs them)
@@ -354,15 +313,6 @@
 			const script = document.createElement('script');
 			script.src = url;
 			script.async = false; // Ensure scripts execute in order
-			// Apply SRI when the file is in the inlined integrity map. The map
-			// keys files by basename, so it works whether the URL points at
-			// jsDelivr or a user-configured pluginBase mirror — as long as the
-			// served bytes match what this loader version was built against.
-			const fileName = url.split('/').pop().split('?')[0];
-			if (INTEGRITY[fileName]) {
-				script.integrity = INTEGRITY[fileName];
-				script.crossOrigin = 'anonymous';
-			}
 			script.onload = () => resolve();
 			script.onerror = () => reject(new Error(`Failed to load ${pluginName} from ${url}`));
 			document.head.appendChild(script);
@@ -570,13 +520,6 @@
 				manifest = await manifestPromise;
 			}
 			if (manifest && typeof window !== 'undefined') {
-				// Resolve ${VAR} env-var references once, at the canonical load
-				// point, so downstream plugins (auth, data, appwrite) read
-				// already-interpolated values instead of each handling env-var
-				// substitution themselves.
-				if (window.ManifestDataConfig?.interpolateManifest) {
-					window.ManifestDataConfig.interpolateManifest(manifest);
-				}
 				window.__manifestLoaded = manifest;
 				if (window.ManifestComponentsRegistry) {
 					window.ManifestComponentsRegistry.manifest = manifest;

package/lib/manifest.markdown.js

@@ -169,10 +169,14 @@ async function configureMarked(marked) {
                 }
                 if (attrs.from) preAttrs += ` from="${escapeForAttribute(attrs.from)}"`;
 
-                // marked has already HTML-escaped `text`. It's safe to drop
-                // it inside <code> and let the code plugin read .textContent
-                // as the highlight source.
-                return `<pre${preAttrs}><code>${text}</code></pre>\n`;
+                // Escape the fence body before injection. Newer marked versions
+                // pass `token.text` raw, and if we leave it unescaped an HTML
+                // fence like ```html <script>…</script>``` becomes a live
+                // element in the document instead of source text. Escaping
+                // here keeps the <code> body as pure text — the code plugin's
+                // resolveSource reads textContent which decodes the entities
+                // back to the original source.
+                return `<pre${preAttrs}><code>${escapeForText(text)}</code></pre>\n`;
             }
         },
         // Configure marked to allow custom HTML tags
@@ -306,6 +310,56 @@ function enableCheckboxes(html) {
     return temp.innerHTML;
 }
 
+// Apply trailing `{…}` attribute lists to inline `<code>` elements emitted
+// by marked. Authors write ``` `npm i mnfst`{copy} ``` or ``` `code`{bash copy} ```
+// in markdown; marked's default codespan handling drops the trailing brace
+// block as literal text. We rewrite it post-parse so the code plugin's
+// directive sees the attributes and wires copy / syntax highlighting.
+//
+// Supported tokens inside the braces:
+//   copy                        → adds the `copy` attribute (click-to-copy)
+//   <language>                  → bareword like `bash`, `js`, `html` becomes
+//                                 the `x-code="…"` value (drives highlighting)
+//   .class                      → appended to the element's class list
+//   key=value, key="quoted"     → arbitrary attribute (rarely needed)
+//
+// Multiple tokens separate by whitespace: `cmd`{bash copy} works.
+function applyInlineCodeAttributes(html) {
+    // marked emits `<code>…</code>` for codespans (no attributes). When we see
+    // `<code>X</code>{tokens}` we rewrite into `<code x-code[=lang] tokens>X</code>`.
+    // Be conservative: only rewrite when the brace block immediately follows
+    // a `<code>` close tag (no whitespace), so prose like "foo `bar` {note}" is
+    // untouched.
+    return html.replace(
+        /<code>([\s\S]*?)<\/code>\{([^}\n]+)\}/g,
+        (_, body, attrString) => {
+            const tokens = attrString.trim().split(/\s+/).filter(Boolean);
+            let language = '';
+            const classes = [];
+            const flags = new Set();
+            const kv = [];
+            for (const tok of tokens) {
+                if (tok === 'copy' || tok === 'lines' || tok === 'edit') {
+                    flags.add(tok);
+                } else if (tok.startsWith('.')) {
+                    classes.push(tok.slice(1));
+                } else if (tok.includes('=')) {
+                    const [k, ...rest] = tok.split('=');
+                    const v = rest.join('=').replace(/^["']|["']$/g, '');
+                    kv.push([k, v]);
+                } else if (/^[a-z][\w-]*$/i.test(tok) && !language) {
+                    language = tok;
+                }
+            }
+            let attrs = ` x-code="${escapeForAttribute(language)}"`;
+            for (const flag of flags) attrs += ` ${flag}`;
+            if (classes.length) attrs += ` class="${escapeForAttribute(classes.join(' '))}"`;
+            for (const [k, v] of kv) attrs += ` ${k}="${escapeForAttribute(v)}"`;
+            return `<code${attrs}>${body}</code>`;
+        }
+    );
+}
+
 // Check if highlight.js is available
 function isHighlightJsAvailable() {
     return typeof window.hljs !== 'undefined';
@@ -498,6 +552,10 @@ async function initializeMarkdownPlugin() {
                     // Post-process HTML to enable checkboxes (remove disabled attribute)
                     html = enableCheckboxes(html);
 
+                    // Promote inline code attribute blocks (`foo`{copy}) to
+                    // real attributes so the code plugin can wire copy/highlight.
+                    html = applyInlineCodeAttributes(html);
+
                     // Apply opt-in DOMPurify sanitization for x-markdown.safe
                     html = await maybeSanitizeMarkdownHtml(html, safe);
 
@@ -513,6 +571,18 @@ async function initializeMarkdownPlugin() {
                             element.appendChild(temp.firstChild);
                         }
 
+                        // Notify the code plugin to scan the new subtree —
+                        // fenced blocks and `inline`{copy} elements are added
+                        // outside Alpine's initial walk and won't otherwise
+                        // be picked up by the IntersectionObserver.
+                        if (window.ManifestCode?.observeAll) {
+                            window.ManifestCode.observeAll(element);
+                        }
+                        document.dispatchEvent(new CustomEvent('manifest:code-blocks-converted', {
+                            bubbles: true,
+                            detail: { root: element }
+                        }));
+
                         // Show element with content
                         hasContent = true;
                         element.style.opacity = '1';
@@ -674,6 +744,10 @@ async function initializeMarkdownPlugin() {
                     // Post-process HTML to enable checkboxes (remove disabled attribute)
                     html = enableCheckboxes(html);
 
+                    // Promote inline code attribute blocks (`foo`{copy}) to
+                    // real attributes so the code plugin can wire copy/highlight.
+                    html = applyInlineCodeAttributes(html);
+
                     // Apply opt-in DOMPurify sanitization for x-markdown.safe
                     html = await maybeSanitizeMarkdownHtml(html, safe);