@jxsuite/starters 3.3.2 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/starters",
-  "version": "3.3.2",
+  "version": "3.4.0",
   "description": "Starter site templates for new Jx projects",
   "license": "MIT",
   "repository": {
@@ -26,12 +26,12 @@
     "test:coverage": "bun test --isolate --coverage"
   },
   "dependencies": {
-    "@jxsuite/protocol": "^6.2.4"
+    "@jxsuite/protocol": "^6.2.5"
   },
   "devDependencies": {
-    "@jxsuite/parser": "^4.3.2",
-    "@jxsuite/runtime": "^6.2.1",
-    "@jxsuite/schema": "^5.4.0",
+    "@jxsuite/parser": "^4.3.3",
+    "@jxsuite/runtime": "^6.2.2",
+    "@jxsuite/schema": "^5.5.0",
     "ajv": "^8.20.0",
     "ajv-formats": "^3.0.1"
   }

package/sites/blog/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }

package/sites/blog/project.jxn

@@ -0,0 +1,86 @@
+/- kdl-version 2
+$schema "./project.schema.json"
+project "The Long Field"
+
+url "https://example.com"
+
+defaults layout="./layouts/base.json" lang=en
+
+$head {
+    meta name=viewport content="width=device-width, initial-scale=1"
+    meta name=description content="The Long Field — essays and field notes on design, technology, and the craft of making things well."
+    link rel=icon href="/favicon.svg"
+    link rel=preconnect href="https://fonts.googleapis.com"
+    link rel=preconnect href="https://fonts.gstatic.com" crossorigin=""
+    link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,400;1,9..144,600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&display=swap"
+}
+
+$media {
+    -- "1200px"
+    --lg "(max-width: 1024px)"
+    --md "(max-width: 768px)"
+    --sm "(max-width: 640px)"
+}
+
+style {
+    --color-primary "#9a2f1a"
+    --color-primary-hover "#7a2412"
+    --color-ink "#1c1a17"
+    --color-bg-dark "#1c1a17"
+    --color-bg-cream "#efe9db"
+    --color-bg-white "#f6f1e7"
+    --color-paper "#f6f1e7"
+    --color-text-primary "#1c1a17"
+    --color-text-white "#f6f1e7"
+    --color-text-muted "#6f685c"
+    --color-border "#d8cfbd"
+    --color-rule "#1c1a17"
+    --color-accent "#9a2f1a"
+    --font-heading "'Fraunces', Georgia, 'Times New Roman', serif"
+    --font-body "'Newsreader', Georgia, 'Times New Roman', serif"
+    --max-width "1160px"
+    --max-width-narrow "680px"
+    --radius "0"
+    margin "0"
+    padding "0"
+    fontFamily "var(--font-body)"
+    fontSize "19px"
+    lineHeight "1.7"
+    color "var(--color-text-primary)"
+    backgroundColor "var(--color-paper)"
+}
+
+images {
+    optimize #true
+    widths 320 640 960 1280 1920
+    formats webp avif
+    quality webp=80 avif=65 jpeg=80 png=80
+    sizes "(max-width: 768px) 100vw, 50vw"
+    lazyLoad #true
+}
+
+content {
+    posts {
+        source "./content/posts/"
+        format Markdown
+        schema {
+            type object
+            properties {
+                title type=string
+                excerpt type=string
+                date type=string
+                author type=string
+                tag type=string
+                cover type=string format=image
+                order type=number
+            }
+            required title excerpt date
+        }
+    }
+}
+
+build outDir="./dist" format=directory trailingSlash=always
+
+extensions {
+    - "@jxsuite/parser"
+}

package/sites/course/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }

package/sites/course/project.jxn

@@ -0,0 +1,94 @@
+/- kdl-version 2
+$schema "./project.schema.json"
+project "Craft & Code Academy"
+
+url "https://example.com"
+
+defaults layout="./layouts/base.json" lang=en
+
+$head {
+    meta name=viewport content="width=device-width, initial-scale=1"
+    meta name=description content="Craft & Code Academy is a project-based web development bootcamp — 14 weeks, six guided modules, live mentorship, and a deployed full-stack capstone."
+    link rel=icon href="/favicon.svg"
+    link rel=preconnect href="https://fonts.googleapis.com"
+    link rel=preconnect href="https://fonts.gstatic.com" crossorigin=""
+    link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
+}
+
+$media {
+    -- "1200px"
+    --lg "(max-width: 1024px)"
+    --md "(max-width: 768px)"
+    --sm "(max-width: 640px)"
+}
+
+style {
+    --color-primary "#4f46e5"
+    --color-primary-hover "#4338ca"
+    --color-primary-light "#6366f1"
+    --color-indigo-050 "#eef2ff"
+    --color-indigo-soft "rgba(79, 70, 229, 0.08)"
+    --color-indigo-line "rgba(79, 70, 229, 0.16)"
+    --color-accent "#a3e635"
+    --color-accent-cyan "#22d3ee"
+    --color-ink "#0b1020"
+    --color-terminal "#0b1020"
+    --color-terminal-2 "#141c39"
+    --color-terminal-line "#243056"
+    --color-bg-dark "#0b1020"
+    --color-bg-cream "#f4f5fb"
+    --color-bg-soft "#f9fafd"
+    --color-bg-white "#ffffff"
+    --color-text-primary "#0f1424"
+    --color-ink-2 "#20263f"
+    --color-text-white "#ffffff"
+    --color-text-muted "#5b6479"
+    --color-text-faint "#8a93a8"
+    --color-border "#e4e7f2"
+    --color-border-strong "#cdd3e6"
+    --font-heading "'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    --font-body "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    --font-mono "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+    --max-width "1200px"
+    --max-width-narrow "820px"
+    --radius "0.85rem"
+    --radius-sm "0.55rem"
+    margin "0"
+    padding "0"
+    fontFamily "var(--font-body)"
+    lineHeight "1.6"
+    color "var(--color-text-primary)"
+    backgroundColor "var(--color-bg-white)"
+}
+
+images {
+    optimize #true
+    widths 320 640 960 1280 1920
+    formats webp avif
+    quality webp=80 avif=65 jpeg=80 png=80
+    sizes "(max-width: 768px) 100vw, 50vw"
+    lazyLoad #true
+}
+
+content {
+    modules {
+        source "./content/modules/"
+        format Markdown
+        schema {
+            type object
+            properties {
+                title type=string
+                summary type=string
+                duration type=string
+                order type=number
+            }
+            required title order
+        }
+    }
+}
+
+build outDir="./dist" format=directory trailingSlash=always
+
+extensions {
+    - "@jxsuite/parser"
+}

package/sites/event/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }

package/sites/event/project.jxn

@@ -0,0 +1,114 @@
+/- kdl-version 2
+$schema "./project.schema.json"
+project "Horizon Conf 2026"
+
+url "https://example.com"
+
+defaults layout="./layouts/base.json" lang=en
+
+$head {
+    meta name=viewport content="width=device-width, initial-scale=1"
+    meta name=description content="Horizon Conf 2026 — a one-day tech and design conference. Two stages, hands-on workshops, and the people building what's next. Save the date: June 12, 2026."
+    link rel=icon href="/favicon.svg"
+    link rel=preconnect href="https://fonts.googleapis.com"
+    link rel=preconnect href="https://fonts.gstatic.com" crossorigin=""
+    link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap"
+}
+
+$media {
+    -- "1200px"
+    --lg "(max-width: 1024px)"
+    --md "(max-width: 768px)"
+    --sm "(max-width: 640px)"
+}
+
+style {
+    --color-primary "#ff3d9a"
+    --color-primary-hover "#ff6bb4"
+    --color-ink "#050308"
+    --color-bg "#0a0711"
+    --color-bg-dark "#0a0711"
+    --color-bg-cream "#0f0b1c"
+    --color-bg-white "#150f28"
+    --color-bg-elev "#150f28"
+    --color-bg-elev2 "#1e1638"
+    --color-text-primary "#f3eefe"
+    --color-text-white "#ffffff"
+    --color-text-muted "#a99fc8"
+    --color-border "#2b2148"
+    --color-accent "#22e0ff"
+    --color-cyan "#22e0ff"
+    --color-violet "#a855f7"
+    --color-lime "#c6ff4d"
+    --grad "linear-gradient(115deg, #22e0ff 0%, #a855f7 50%, #ff3d9a 100%)"
+    --grad-btn "linear-gradient(120deg, #ff3d9a 0%, #a855f7 100%)"
+    --grad-cyan "linear-gradient(120deg, #22e0ff 0%, #7c74ff 100%)"
+    --glow "rgba(255, 61, 154, 0.5)"
+    --glow-cyan "rgba(34, 224, 255, 0.4)"
+    --font-heading "'Sora', 'Segoe UI', system-ui, -apple-system, sans-serif"
+    --font-body "'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    --max-width "1200px"
+    --max-width-narrow "860px"
+    --radius "1rem"
+    margin "0"
+    padding "0"
+    fontFamily "var(--font-body)"
+    lineHeight "1.6"
+    color "var(--color-text-primary)"
+    backgroundColor "var(--color-bg)"
+    h1 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h2 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h3 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h4 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    strong {
+        color "var(--color-text-primary)"
+    }
+    a {
+        color "var(--color-primary)"
+    }
+}
+
+images {
+    optimize #true
+    widths 320 640 960 1280 1920
+    formats webp avif
+    quality webp=80 avif=65 jpeg=80 png=80
+    sizes "(max-width: 768px) 100vw, 50vw"
+    lazyLoad #true
+}
+
+content {
+    sessions {
+        source "./content/sessions/"
+        format Markdown
+        schema {
+            type object
+            properties {
+                title type=string
+                time type=string
+                track type=string
+                speaker type=string
+                order type=number
+            }
+            required title track
+        }
+    }
+}
+
+build outDir="./dist" format=directory trailingSlash=always
+
+extensions {
+    - "@jxsuite/parser"
+}

package/sites/fitness-studio/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }

package/sites/fitness-studio/project.jxn

@@ -0,0 +1,124 @@
+/- kdl-version 2
+$schema "./project.schema.json"
+project "Ember Yoga & Fitness"
+
+url "https://example.com"
+
+defaults layout="./layouts/base.json" lang=en
+
+$head {
+    meta name=viewport content="width=device-width, initial-scale=1"
+    meta name=description content="Ember is a boutique yoga & fitness studio — vinyasa, pilates, HIIT and strength in small, all-levels classes. See the weekly schedule and book a class."
+    link rel=icon href="/favicon.svg"
+    link rel=preconnect href="https://fonts.googleapis.com"
+    link rel=preconnect href="https://fonts.gstatic.com" crossorigin=""
+    link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap"
+}
+
+$media {
+    -- "1200px"
+    --lg "(max-width: 1024px)"
+    --md "(max-width: 768px)"
+    --sm "(max-width: 640px)"
+}
+
+style {
+    --color-primary "#ff2e63"
+    --color-primary-hover "#e01152"
+    --color-ember "#ff8c42"
+    --color-magenta "#d6157a"
+    --color-ink "#1a0f18"
+    --color-ink-band "#20111c"
+    --color-bg-dark "#20111c"
+    --color-bg-white "#ffffff"
+    --color-bg-blush "#fff4ef"
+    --color-bg-peach "#ffe7dc"
+    --color-bg-cream "#fff4ef"
+    --color-text-primary "#1a0f18"
+    --color-text-white "#ffffff"
+    --color-text-muted "#7c6a74"
+    --color-border "#f3ded4"
+    --color-border-dark "rgba(255,255,255,0.14)"
+    --color-accent "#ff8c42"
+    --color-yoga "#ff2e63"
+    --color-strength "#7b2ff7"
+    --color-pilates "#ff8c42"
+    --color-hiit "#d6157a"
+    --grad "linear-gradient(103deg, #ff2e63 0%, #ff6a3d 52%, #ffb03a 100%)"
+    --grad-hot "linear-gradient(120deg, #d6157a 0%, #ff2e63 55%, #ff8c42 100%)"
+    --duo-shadow "#280a22"
+    --font-display "'Anton', 'Archivo', system-ui, -apple-system, sans-serif"
+    --font-heading "'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif"
+    --font-body "'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    --max-width "1200px"
+    --max-width-narrow "820px"
+    --radius "1.1rem"
+    --radius-sm "0.7rem"
+    margin "0"
+    padding "0"
+    fontFamily "var(--font-body)"
+    lineHeight "1.6"
+    color "var(--color-text-primary)"
+    backgroundColor "var(--color-bg-white)"
+    h1 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h2 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h3 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    h4 {
+        fontFamily "var(--font-heading)"
+        color "var(--color-text-primary)"
+    }
+    strong {
+        color "var(--color-text-primary)"
+        fontWeight "700"
+    }
+    a {
+        color "var(--color-primary)"
+    }
+    ::selection {
+        backgroundColor "var(--color-primary)"
+        color "#ffffff"
+    }
+}
+
+images {
+    optimize #true
+    widths 320 640 960 1280 1920
+    formats webp avif
+    quality webp=80 avif=65 jpeg=80 png=80
+    sizes "(max-width: 768px) 100vw, 50vw"
+    lazyLoad #true
+}
+
+content {
+    classes {
+        source "./content/classes/"
+        format Markdown
+        schema {
+            type object
+            properties {
+                name type=string
+                level type=string
+                time type=string
+                instructor type=string
+                focus type=string
+                order type=number
+            }
+            required name level time instructor
+        }
+    }
+}
+
+build outDir="./dist" format=directory trailingSlash=always
+
+extensions {
+    - "@jxsuite/parser"
+}

package/sites/home-services/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }

package/sites/home-services/project.jxn

@@ -0,0 +1,113 @@
+/- kdl-version 2
+$schema "./project.schema.json"
+project "Summit Heating & Cooling"
+
+url "https://example.com"
+
+defaults layout="./layouts/base.json" lang=en
+
+$head {
+    meta name=viewport content="width=device-width, initial-scale=1"
+    meta name=description content="Summit Heating & Cooling — licensed, insured HVAC contractor serving Northern Colorado with AC and furnace installation, repair, heat pumps, and 24/7 emergency service."
+    link rel=icon href="/favicon.svg"
+    link rel=preconnect href="https://fonts.googleapis.com"
+    link rel=preconnect href="https://fonts.gstatic.com" crossorigin=""
+    link rel=stylesheet href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&display=swap"
+}
+
+$media {
+    -- "1200px"
+    --lg "(max-width: 1024px)"
+    --md "(max-width: 768px)"
+    --sm "(max-width: 640px)"
+}
+
+style {
+    --color-primary "#f4511e"
+    --color-primary-hover "#d84315"
+    --color-primary-soft "rgba(244, 81, 30, 0.12)"
+    --color-ink "#0e1a23"
+    --color-steel "#122430"
+    --color-steel-2 "#1a3341"
+    --color-steel-line "#28414f"
+    --color-bg-dark "#0e1a23"
+    --color-bg-steel "#122430"
+    --color-bg-cream "#eef1f4"
+    --color-bg-concrete "#e5eaee"
+    --color-bg-white "#ffffff"
+    --color-text-primary "#14212b"
+    --color-text-white "#ffffff"
+    --color-text-muted "#5c6b77"
+    --color-text-steel-muted "#9fb2be"
+    --color-border "#d9e0e6"
+    --color-border-strong "#c1cbd3"
+    --color-accent "#f4511e"
+    --hazard "repeating-linear-gradient(-45deg, #f4511e 0 16px, #0e1a23 16px 32px)"
+    --font-heading "'Oswald', 'Arial Narrow', 'Segoe UI', system-ui, sans-serif"
+    --font-body "'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+    --max-width "1200px"
+    --max-width-narrow "820px"
+    --radius "0.5rem"
+    --radius-sm "0.35rem"
+    --shadow-card "0 2px 4px rgba(14,26,35,0.05), 0 16px 40px -22px rgba(14,26,35,0.35)"
+    --shadow-float "0 34px 70px -30px rgba(14,26,35,0.5)"
+    margin "0"
+    padding "0"
+    fontFamily "var(--font-body)"
+    fontSize "17px"
+    lineHeight "1.6"
+    color "var(--color-text-primary)"
+    backgroundColor "var(--color-bg-white)"
+    WebkitFontSmoothing antialiased
+    h1 {
+        fontFamily "var(--font-heading)"
+    }
+    h2 {
+        fontFamily "var(--font-heading)"
+    }
+    h3 {
+        fontFamily "var(--font-heading)"
+    }
+    h4 {
+        fontFamily "var(--font-heading)"
+    }
+    strong {
+        color "var(--color-text-primary)"
+    }
+    a {
+        color "var(--color-primary)"
+        fontWeight "600"
+    }
+}
+
+images {
+    optimize #true
+    widths 320 640 960 1280 1920
+    formats webp avif
+    quality webp=80 avif=65 jpeg=80 png=80
+    sizes "(max-width: 768px) 100vw, 50vw"
+    lazyLoad #true
+}
+
+content {
+    services {
+        source "./content/services/"
+        format Markdown
+        schema {
+            type object
+            properties {
+                name type=string
+                summary type=string
+                icon type=string
+                order type=number
+            }
+            required name summary
+        }
+    }
+}
+
+build outDir="./dist" format=directory trailingSlash=always
+
+extensions {
+    - "@jxsuite/parser"
+}

package/sites/museum/package.json

@@ -9,10 +9,10 @@
     "dev": "jx dev"
   },
   "dependencies": {
-    "@jxsuite/parser": "^4.3.2"
+    "@jxsuite/parser": "^4.3.3"
   },
   "devDependencies": {
-    "@jxsuite/compiler": "^8.4.0",
-    "@jxsuite/runtime": "^6.2.1"
+    "@jxsuite/compiler": "^8.5.0",
+    "@jxsuite/runtime": "^6.2.2"
   }
 }