mnfst 0.5.187 → 0.5.189

package/lib/manifest.schema.json

@@ -75,6 +75,14 @@
             "description": "Component HTML files registered as <x-name> tags.",
             "items": { "type": "string" }
         },
+        "version": {
+            "type": ["string", "number"],
+            "description": "Optional author-set release stamp. Appended as ?v= to component HTML fetches so browser caches bust on change. mnfst-publish injects a content-derived `deployment` stamp automatically, which takes precedence."
+        },
+        "deployment": {
+            "type": "string",
+            "description": "Publish-injected content hash of the component files (set by mnfst-publish; not hand-authored). Appended as ?v= to component HTML fetches."
+        },
         "preloadedComponents": {
             "type": "array",
             "description": "Components loaded eagerly on initial page load (header, logo, etc.).",
@@ -261,6 +269,35 @@
                 ]
             }
         },
+        "payments": {
+            "type": "object",
+            "description": "Payments plugin config. Presence of this block auto-loads the payments plugin ($pay / x-pay).",
+            "properties": {
+                "provider": {
+                    "type": "string",
+                    "description": "Payment adapter name (built-in or registered)."
+                },
+                "endpoint": {
+                    "type": "string",
+                    "description": "Backend endpoint for checkout/portal/state calls. Supports env() references."
+                }
+            },
+            "additionalProperties": true
+        },
+        "ai": {
+            "description": "Chat plugin config. Presence (object or bare true) auto-loads the chat plugin ($chat). Custom-adapter projects can use true with no config.",
+            "oneOf": [
+                { "type": "boolean" },
+                { "type": "object", "additionalProperties": true }
+            ]
+        },
+        "chat": {
+            "description": "Alias of ai — presence auto-loads the chat plugin ($chat).",
+            "oneOf": [
+                { "type": "boolean" },
+                { "type": "object", "additionalProperties": true }
+            ]
+        },
         "render": {
             "type": "object",
             "description": "Static rendering configuration consumed by mnfst-render.",

package/lib/manifest.switch.css

@@ -21,14 +21,14 @@
             width: calc(var(--spacing-field-height, 2.25rem) * 0.65 - 0.125rem * 2);
             height: calc(var(--spacing-field-height, 2.25rem) * 0.65 - 0.125rem * 2);
             border-radius: 50%;
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 60%, var(--color-field-inverse, oklch(43.9% 0 0)));
             box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
             transition: var(--transition, all .05s ease-in-out)
         }
 
         /* Checked */
         &:checked {
-            background-color: var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent));
+            background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
 
             /* Marker */
             &::before {
@@ -37,7 +37,7 @@
             }
 
             &:hover {
-                background-color: var(--color-field-surface-hover, color-mix(oklch(20.5% 0 0) 15%, transparent))
+                background-color: var(--color-field-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 15%, transparent))
             }
         }
     }

package/lib/manifest.table.css

@@ -23,7 +23,7 @@
         /* Header row */
         :where(thead, .grid-header > *) {
             background-color: var(--color-surface-1, oklch(97% 0 0));
-            border-bottom: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent))
+            border-bottom: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent))
         }
 
         /* Header cell */
@@ -33,7 +33,7 @@
 
         /* Row */
         :where(tr, .grid-row > *) {
-            border-bottom: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent))
+            border-bottom: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent))
         }
 
         /* Cell */

package/lib/manifest.theme.css

@@ -114,7 +114,7 @@
 
     /* Text selection */
     ::selection {
-        background-color: color-mix(currentColor 25%, transparent)
+        background-color: color-mix(in oklch, currentColor 25%, transparent)
     }
 
     /* Focus state */

package/lib/manifest.toast.css

@@ -22,7 +22,7 @@
         pointer-events: auto;
         max-width: 90vw;
         background-color: var(--color-popover-surface, oklch(98.5% 0 0));
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: calc(var(--radius, 0.5rem) * 2);
         box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
         overflow: hidden;
@@ -75,7 +75,7 @@
     /* Brand, accent, positive, negative utility class overrides (see Utilities) */
     :where(.toast.brand, .toast.accent, .toast.positive, .toast.negative) {
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
 
         :where(.toast-dismiss-button) {
             border-inline-start: 1px solid color-mix(in oklch, var(--color-field-inverse, oklch(43.9% 0 0)) 20%, transparent);

package/lib/manifest.typography.css

@@ -117,7 +117,7 @@
     /* Asides */
     :where(aside):not(.unstyle) {
         padding: calc(var(--spacing, 0.25rem) * 4);
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: var(--radius, 0.5rem)
     }
 
@@ -134,7 +134,7 @@
         font-size: 0.75rem;
         line-height: 1;
         color: var(--color-field-inverse, oklch(43.9% 0 0));
-        background-color: var(--color-field-surface, color-mix(oklch(97% 0 0) 10%, transparent));
+        background-color: var(--color-field-surface, color-mix(in oklch, oklch(97% 0 0) 10%, transparent));
         border-radius: 100px;
 
         /* Solo icons */
@@ -377,7 +377,7 @@
         font-size: 0.8125rem;
         line-height: 1.7;
         background-color: var(--color-page, oklch(98.5% 0 0));
-        border: 1px solid var(--color-line, color-mix(oklch(20.5% 0 0) 10%, transparent));
+        border: 1px solid var(--color-line, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent));
         border-radius: var(--radius, 0.5rem);
         overflow: hidden;
         tab-size: 4;

package/lib/manifest.utilities.css

@@ -63,12 +63,12 @@
     :where(.outlined) {
         border-width: 1px;
         border-style: solid;
-        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 90%, var(--color-field-inverse, oklch(43.9% 0 0)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 90%, var(--color-field-inverse, oklch(43.9% 0 0)))
     }
 
     /* Dark theme override */
     .dark :where(.outlined) {
-        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 80%, var(--color-field-inverse, oklch(43.9% 0 0)))
+        border-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 80%, var(--color-field-inverse, oklch(43.9% 0 0)))
     }
 
     /* Transparent */
@@ -226,8 +226,8 @@
             padding: calc(var(--spacing, 0.25rem) * 4);
             border-radius: calc(var(--radius, 0.5rem) * 2);
             color: var(--color-content-stark, oklch(43.9% 0 0));
-            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 20%, transparent);
-            border: 1px solid color-mix(in oklch, var(--color-field-surface, color-mix(oklch(20.5% 0 0) 10%, transparent)) 15%, transparent);
+            background-color: color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 20%, transparent);
+            border: 1px solid color-mix(in oklch, var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent)) 15%, transparent);
 
             /* Auto format asides with icons */
             &:has([x-icon]):not([x-code-group] aside, aside.frame) {
@@ -398,7 +398,7 @@
     /* Accent colors */
     :where(.accent) {
         --color-field-surface: var(--color-accent-surface, oklch(43.9% 0 0));
-        --color-field-surface-hover: var(--color-accent-surface-hover, color-mix(oklch(20.5% 0 0) 90%, oklch(98.5% 0 0)));
+        --color-field-surface-hover: var(--color-accent-surface-hover, color-mix(in oklch, oklch(20.5% 0 0) 90%, oklch(98.5% 0 0)));
         --color-field-inverse: var(--color-accent-inverse, oklch(98.5% 0 0));
         --color-content-stark: var(--color-accent-content, oklch(43.9% 0 0));
         --color-content-neutral: color-mix(in oklch, var(--color-accent-content, oklch(43.9% 0 0)) 85%, transparent);

package/package.json

@@ -1,13 +1,16 @@
 {
     "name": "mnfst",
-    "version": "0.5.187",
+    "version": "0.5.189",
     "private": false,
     "workspaces": [
         "templates/starter",
         "packages/render",
         "packages/types",
         "packages/test",
-        "packages/export"
+        "packages/export",
+        "packages/run",
+        "packages/publish",
+        "packages/create-starter"
     ],
     "main": "lib/manifest.js",
     "style": "lib/manifest.css",
@@ -19,13 +22,10 @@
     "scripts": {
         "clean": "rimraf src/styles/manifest.css src/styles/manifest.min.css src/styles/manifest.theme.css src/styles/manifest.code.css src/styles/manifest.code.min.css lib",
         "build": "cd src && node scripts/build.mjs",
-        "build:docs": "echo 'Docs is a static website - no build needed'",
         "start:src": "node packages/run/serve.mjs src",
-        "start:docs": "node packages/run/serve.mjs docs",
         "start:starter": "node packages/run/serve.mjs templates/starter --port 3001",
         "start:dist": "node packages/run/serve.mjs src/test-prerender --port 5003",
         "render": "node src/scripts/manifest.render.mjs --root src",
-        "prerender:docs": "node src/scripts/manifest.render.mjs --root docs",
         "prerender:starter": "node src/scripts/manifest.render.mjs --root templates/starter",
         "release": "node scripts/release-bump.mjs . && npm publish && node scripts/cdn-warm.mjs --detach",
         "release:run": "node scripts/release-bump.mjs packages/run && cd packages/run && npm publish --auth-type=web",