@jxsuite/starters 3.3.2 → 3.5.0

package/sites/blog/pages/[slug].json

@@ -1,148 +0,0 @@
-{
-  "$layout": "./layouts/post.json",
-  "$paths": {
-    "contentType": "posts",
-    "param": "slug",
-    "field": "id"
-  },
-  "title": "${state.entry.data.title} — The Long Field",
-  "$head": [
-    {
-      "tagName": "meta",
-      "attributes": {
-        "name": "description",
-        "content": "${state.entry.data.excerpt}"
-      }
-    }
-  ],
-  "state": {
-    "entry": {
-      "$prototype": "ContentEntry",
-      "contentType": "posts",
-      "field": "id",
-      "id": { "$ref": "#/$params/slug" },
-      "$src": "@jxsuite/parser/ContentEntry.class.json"
-    }
-  },
-  "children": [
-    {
-      "tagName": "a",
-      "attributes": { "href": "/" },
-      "style": {
-        "display": "inline-flex",
-        "alignItems": "center",
-        "gap": "0.4rem",
-        "color": "var(--color-primary)",
-        "textDecoration": "none",
-        "fontWeight": "600",
-        "fontSize": "0.95rem",
-        "marginBottom": "2rem",
-        ":hover": { "textDecoration": "underline" }
-      },
-      "textContent": "← All writing"
-    },
-    {
-      "tagName": "header",
-      "style": { "marginBottom": "2rem" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": { "marginBottom": "1.1rem" },
-          "children": [
-            { "tagName": "bl-tag-pill", "$props": { "label": "${state.entry.data.tag}" } }
-          ]
-        },
-        {
-          "tagName": "h1",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "clamp(2.1rem, 5vw, 3.2rem)",
-            "fontWeight": "600",
-            "lineHeight": "1.1",
-            "letterSpacing": "-0.02em",
-            "margin": "0 0 1rem",
-            "color": "var(--color-text-primary)"
-          },
-          "textContent": "${state.entry.data.title}"
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontFamily": "var(--font-heading)",
-            "fontSize": "1.35rem",
-            "lineHeight": "1.5",
-            "color": "var(--color-text-muted)",
-            "fontStyle": "italic",
-            "margin": "0 0 1.5rem"
-          },
-          "textContent": "${state.entry.data.excerpt}"
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "gap": "0.6rem",
-            "fontSize": "0.9rem",
-            "textTransform": "uppercase",
-            "letterSpacing": "0.06em",
-            "color": "var(--color-text-muted)",
-            "borderTop": "1px solid var(--color-border)",
-            "paddingTop": "1.25rem"
-          },
-          "children": [
-            {
-              "tagName": "span",
-              "style": { "fontWeight": "600", "color": "var(--color-text-primary)" },
-              "textContent": "${state.entry.data.author}"
-            },
-            { "tagName": "span", "textContent": "·" },
-            { "tagName": "span", "textContent": "${state.entry.data.date}" }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "img",
-      "attributes": {
-        "src": "${state.entry.data.cover}",
-        "alt": "${state.entry.data.title}",
-        "loading": "lazy"
-      },
-      "style": {
-        "width": "100%",
-        "aspectRatio": "16 / 9",
-        "objectFit": "cover",
-        "borderRadius": "var(--radius)",
-        "marginBottom": "2.5rem",
-        "display": "${state.entry.data.cover ? 'block' : 'none'}"
-      }
-    },
-    {
-      "tagName": "bl-prose",
-      "children": "${state.entry.$children}"
-    },
-    {
-      "tagName": "hr",
-      "style": {
-        "border": "none",
-        "borderTop": "1px solid var(--color-border)",
-        "margin": "3rem 0 2.5rem"
-      }
-    },
-    {
-      "tagName": "bl-author-bio",
-      "$props": {
-        "name": "${state.entry.data.author}",
-        "role": "Writer & editor",
-        "bio": "Marren Oda writes The Long Field — slow essays on design, technology, and the craft of making things well.",
-        "avatar": "/images/author.jpg"
-      }
-    },
-    {
-      "tagName": "div",
-      "style": { "marginTop": "2.5rem" },
-      "children": [{ "tagName": "bl-newsletter-cta" }]
-    }
-  ]
-}

package/sites/blog/project.json

@@ -1,140 +0,0 @@
-{
-  "$schema": "./project.schema.json",
-  "name": "The Long Field",
-  "url": "https://example.com",
-  "defaults": {
-    "layout": "./layouts/base.json",
-    "lang": "en"
-  },
-  "$head": [
-    {
-      "tagName": "meta",
-      "attributes": {
-        "name": "viewport",
-        "content": "width=device-width, initial-scale=1"
-      }
-    },
-    {
-      "tagName": "meta",
-      "attributes": {
-        "name": "description",
-        "content": "The Long Field — essays and field notes on design, technology, and the craft of making things well."
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "icon",
-        "href": "/favicon.svg"
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "preconnect",
-        "href": "https://fonts.googleapis.com"
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "rel": "preconnect",
-        "href": "https://fonts.gstatic.com",
-        "crossorigin": ""
-      }
-    },
-    {
-      "tagName": "link",
-      "attributes": {
-        "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/components/co-application.json

@@ -1,225 +0,0 @@
-{
-  "tagName": "co-application",
-  "state": {
-    "heading": "Start your application"
-  },
-  "style": {
-    "display": "block"
-  },
-  "children": [
-    {
-      "tagName": "form",
-      "attributes": { "action": "#", "method": "post" },
-      "style": {
-        "display": "grid",
-        "gap": "1.1rem",
-        "alignContent": "start",
-        "marginTop": "1.5rem",
-        "padding": "clamp(1.5rem, 4vw, 2.25rem)",
-        "backgroundColor": "var(--color-bg-white)",
-        "border": "1px solid var(--color-border)",
-        "borderRadius": "var(--radius)",
-        "boxShadow": "0 16px 44px -28px rgba(15,20,36,0.4)",
-        "& label": {
-          "display": "block",
-          "fontFamily": "var(--font-mono)",
-          "fontSize": "0.74rem",
-          "fontWeight": "600",
-          "textTransform": "uppercase",
-          "letterSpacing": "0.06em",
-          "color": "var(--color-text-muted)",
-          "marginBottom": "0.4rem"
-        },
-        "& input, & select, & textarea": {
-          "width": "100%",
-          "padding": "0.8rem 0.95rem",
-          "border": "1px solid var(--color-border-strong)",
-          "borderRadius": "var(--radius-sm)",
-          "fontSize": "1rem",
-          "fontFamily": "var(--font-body)",
-          "backgroundColor": "var(--color-bg-white)",
-          "color": "var(--color-text-primary)"
-        },
-        "& input:focus, & select:focus, & textarea:focus": {
-          "outline": "none",
-          "borderColor": "var(--color-primary)",
-          "boxShadow": "0 0 0 3px rgba(79,70,229,0.15)"
-        }
-      },
-      "children": [
-        {
-          "tagName": "div",
-          "children": [
-            { "tagName": "label", "attributes": { "for": "app-name" }, "textContent": "Your name" },
-            {
-              "tagName": "input",
-              "attributes": {
-                "id": "app-name",
-                "type": "text",
-                "name": "name",
-                "placeholder": "Ada Lovelace",
-                "required": "true"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "label",
-              "attributes": { "for": "app-email" },
-              "textContent": "Email address"
-            },
-            {
-              "tagName": "input",
-              "attributes": {
-                "id": "app-email",
-                "type": "email",
-                "name": "email",
-                "placeholder": "you@example.com",
-                "required": "true"
-              }
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "grid",
-            "gridTemplateColumns": "1fr 1fr",
-            "gap": "1.1rem",
-            "@--sm": { "gridTemplateColumns": "1fr" }
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "label",
-                  "attributes": { "for": "app-cohort" },
-                  "textContent": "Preferred cohort"
-                },
-                {
-                  "tagName": "select",
-                  "attributes": { "id": "app-cohort", "name": "cohort" },
-                  "children": [
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "", "disabled": "true", "selected": "true" },
-                      "textContent": "Choose a cohort"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "fall" },
-                      "textContent": "Fall 2026 · Sept 8"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "winter" },
-                      "textContent": "Winter 2027 · Jan 12"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "unsure" },
-                      "textContent": "Not sure yet"
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "label",
-                  "attributes": { "for": "app-exp" },
-                  "textContent": "Coding experience"
-                },
-                {
-                  "tagName": "select",
-                  "attributes": { "id": "app-exp", "name": "experience" },
-                  "children": [
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "", "disabled": "true", "selected": "true" },
-                      "textContent": "Choose one"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "none" },
-                      "textContent": "Complete beginner"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "some" },
-                      "textContent": "Some self-taught"
-                    },
-                    {
-                      "tagName": "option",
-                      "attributes": { "value": "cs" },
-                      "textContent": "CS / bootcamp background"
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "children": [
-            {
-              "tagName": "label",
-              "attributes": { "for": "app-goals" },
-              "textContent": "What do you want to build?"
-            },
-            {
-              "tagName": "textarea",
-              "attributes": {
-                "id": "app-goals",
-                "name": "goals",
-                "rows": "3",
-                "placeholder": "Tell us what you're hoping to build or become..."
-              },
-              "style": { "fontFamily": "var(--font-body)", "resize": "vertical" }
-            }
-          ]
-        },
-        {
-          "tagName": "button",
-          "attributes": { "type": "submit" },
-          "textContent": "Submit Application →",
-          "style": {
-            "backgroundColor": "var(--color-primary)",
-            "color": "var(--color-text-white)",
-            "padding": "0.9rem 1.75rem",
-            "border": "none",
-            "borderRadius": "999px",
-            "fontSize": "1rem",
-            "fontWeight": "600",
-            "fontFamily": "var(--font-body)",
-            "cursor": "pointer",
-            "justifySelf": "start",
-            "boxShadow": "0 14px 30px -14px rgba(79,70,229,0.9)",
-            "transition": "background-color 0.15s, transform 0.15s",
-            ":hover": {
-              "backgroundColor": "var(--color-primary-hover)",
-              "transform": "translateY(-1px)"
-            }
-          }
-        },
-        {
-          "tagName": "p",
-          "style": {
-            "fontFamily": "var(--font-mono)",
-            "fontSize": "0.78rem",
-            "color": "var(--color-text-faint)",
-            "margin": "0"
-          },
-          "textContent": "// demo form — wire it to your CRM or email in pages/enroll.md"
-        }
-      ]
-    }
-  ]
-}

package/sites/course/components/co-cohort.json

@@ -1,172 +0,0 @@
-{
-  "tagName": "co-cohort",
-  "state": {
-    "c1label": "",
-    "c1date": "",
-    "c1seats": "",
-    "c2label": "",
-    "c2date": "",
-    "c2seats": "",
-    "note": ""
-  },
-  "style": {
-    "display": "block",
-    "backgroundColor": "var(--color-bg-white)",
-    "border": "1px solid var(--color-border)",
-    "borderRadius": "var(--radius)",
-    "overflow": "hidden",
-    "boxShadow": "0 12px 40px -24px rgba(15,20,36,0.4)"
-  },
-  "children": [
-    {
-      "tagName": "div",
-      "style": {
-        "display": "flex",
-        "alignItems": "center",
-        "gap": "0.5rem",
-        "padding": "0.85rem 1.35rem",
-        "backgroundColor": "var(--color-ink)",
-        "borderBottom": "1px solid var(--color-terminal-line)",
-        "fontFamily": "var(--font-mono)",
-        "fontSize": "0.8rem"
-      },
-      "children": [
-        { "tagName": "span", "style": { "color": "var(--color-accent)" }, "textContent": "$" },
-        {
-          "tagName": "span",
-          "style": { "color": "rgba(255,255,255,0.9)" },
-          "textContent": "cat cohorts.txt"
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": { "padding": "0.5rem 1.35rem" },
-      "children": [
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "padding": "1rem 0",
-            "borderBottom": "1px solid var(--color-border)"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontWeight": "700",
-                    "fontSize": "1.05rem",
-                    "color": "var(--color-text-primary)"
-                  },
-                  "textContent": "${state.c1label}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "starts ${state.c1date}"
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "flex": "none",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "fontWeight": "600",
-                "color": "#3f6212",
-                "backgroundColor": "rgba(163,230,53,0.18)",
-                "border": "1px solid rgba(163,230,53,0.45)",
-                "padding": "0.3rem 0.7rem",
-                "borderRadius": "999px"
-              },
-              "textContent": "${state.c1seats}"
-            }
-          ]
-        },
-        {
-          "tagName": "div",
-          "style": {
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "space-between",
-            "gap": "1rem",
-            "padding": "1rem 0"
-          },
-          "children": [
-            {
-              "tagName": "div",
-              "children": [
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-heading)",
-                    "fontWeight": "700",
-                    "fontSize": "1.05rem",
-                    "color": "var(--color-text-primary)"
-                  },
-                  "textContent": "${state.c2label}"
-                },
-                {
-                  "tagName": "div",
-                  "style": {
-                    "fontFamily": "var(--font-mono)",
-                    "fontSize": "0.8rem",
-                    "color": "var(--color-text-muted)",
-                    "marginTop": "0.15rem"
-                  },
-                  "textContent": "starts ${state.c2date}"
-                }
-              ]
-            },
-            {
-              "tagName": "span",
-              "style": {
-                "flex": "none",
-                "fontFamily": "var(--font-mono)",
-                "fontSize": "0.75rem",
-                "fontWeight": "600",
-                "color": "var(--color-text-muted)",
-                "backgroundColor": "var(--color-bg-cream)",
-                "border": "1px solid var(--color-border)",
-                "padding": "0.3rem 0.7rem",
-                "borderRadius": "999px"
-              },
-              "textContent": "${state.c2seats}"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "style": {
-        "display": "${state.note ? 'flex' : 'none'}",
-        "alignItems": "center",
-        "gap": "0.5rem",
-        "padding": "0.95rem 1.35rem",
-        "borderTop": "1px solid var(--color-border)",
-        "backgroundColor": "var(--color-bg-cream)",
-        "fontFamily": "var(--font-mono)",
-        "fontSize": "0.78rem",
-        "color": "var(--color-text-muted)"
-      },
-      "children": [
-        { "tagName": "span", "style": { "color": "var(--color-primary)" }, "textContent": "▸" },
-        { "tagName": "span", "textContent": "${state.note}" }
-      ]
-    }
-  ]
-}