@crombolo/cli 0.0.0-stage → 0.9.1

package/templates/starter/bundle/nodes/634dd948-cf83-4cad-9b7b-7c938b33da76.json

@@ -0,0 +1,62 @@
+{
+  "key": "634dd948-cf83-4cad-9b7b-7c938b33da76",
+  "kind": "document",
+  "contentType": {
+    "key": "8491ffa4-9b2f-48b0-a3c0-f40c1034216e",
+    "alias": "contentPage"
+  },
+  "parent": "64d95359-d91a-4050-b440-3e5124a74999",
+  "sortOrder": 0,
+  "template": "pages/contentPage",
+  "variants": [
+    {
+      "culture": null,
+      "segment": null,
+      "name": "About",
+      "published": true
+    }
+  ],
+  "values": [
+    {
+      "property": "bodyText",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.RichText",
+      "value": {
+        "markup": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
+        "blocks": null
+      }
+    },
+    {
+      "property": "intro",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextArea",
+      "value": "A sentence or two about who you are and what you do."
+    },
+    {
+      "property": "sidebarHeading",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextBox",
+      "value": "At a glance"
+    },
+    {
+      "property": "sidebarText",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.RichText",
+      "value": {
+        "markup": "<ul><li>Founded: placeholder</li><li>Based in: placeholder</li><li>Team: placeholder</li></ul>",
+        "blocks": null
+      }
+    },
+    {
+      "property": "title",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextBox",
+      "value": "About us"
+    }
+  ]
+}

package/templates/starter/bundle/nodes/64d95359-d91a-4050-b440-3e5124a74999.json

@@ -0,0 +1,62 @@
+{
+  "key": "64d95359-d91a-4050-b440-3e5124a74999",
+  "kind": "document",
+  "contentType": {
+    "key": "8491ffa4-9b2f-48b0-a3c0-f40c1034216e",
+    "alias": "contentPage"
+  },
+  "parent": null,
+  "sortOrder": 0,
+  "template": "pages/contentPage",
+  "variants": [
+    {
+      "culture": null,
+      "segment": null,
+      "name": "Home",
+      "published": true
+    }
+  ],
+  "values": [
+    {
+      "property": "bodyText",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.RichText",
+      "value": {
+        "markup": "<h2>A place to start</h2><p>Every page here is a Content Page: a title, an introduction, a main column and a sidebar. Add pages under this one and they appear in the header.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
+        "blocks": null
+      }
+    },
+    {
+      "property": "intro",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextArea",
+      "value": "This is placeholder text. Replace it in the back office, then make the layout your own."
+    },
+    {
+      "property": "sidebarHeading",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextBox",
+      "value": "In the sidebar"
+    },
+    {
+      "property": "sidebarText",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.RichText",
+      "value": {
+        "markup": "<p>Use the sidebar for a short note, contact details or links. Leave it empty and the main column takes the full width.</p>",
+        "blocks": null
+      }
+    },
+    {
+      "property": "title",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextBox",
+      "value": "Welcome to your new site"
+    }
+  ]
+}

package/templates/starter/bundle/nodes/d2997ebb-36ca-47cb-bbc8-31fefca787c0.json

@@ -0,0 +1,45 @@
+{
+  "key": "d2997ebb-36ca-47cb-bbc8-31fefca787c0",
+  "kind": "document",
+  "contentType": {
+    "key": "8491ffa4-9b2f-48b0-a3c0-f40c1034216e",
+    "alias": "contentPage"
+  },
+  "parent": "64d95359-d91a-4050-b440-3e5124a74999",
+  "sortOrder": 1,
+  "template": "pages/contentPage",
+  "variants": [
+    {
+      "culture": null,
+      "segment": null,
+      "name": "Contact",
+      "published": true
+    }
+  ],
+  "values": [
+    {
+      "property": "bodyText",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.RichText",
+      "value": {
+        "markup": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
+        "blocks": null
+      }
+    },
+    {
+      "property": "intro",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextArea",
+      "value": "Tell visitors how to reach you."
+    },
+    {
+      "property": "title",
+      "culture": null,
+      "segment": null,
+      "editor": "Umbraco.TextBox",
+      "value": "Get in touch"
+    }
+  ]
+}

package/templates/starter/files/components/pages/contentPage.tsx

@@ -0,0 +1,25 @@
+import type { PageProps } from '@crombolo/crombolo'
+import { Layout } from '../shared/layout.tsx'
+
+/** A main column and a sidebar; with nothing in the sidebar, the main column takes the width. */
+export default function ContentPage(props: PageProps) {
+  const { model } = props
+  const sidebar = model.hasValue('sidebarText')
+  return (
+    <Layout {...props}>
+      <div class={sidebar ? 'columns' : undefined}>
+        <article>
+          <h1>{model.text('title') || model.name}</h1>
+          {model.hasValue('intro') ? <p class="intro">{model.text('intro')}</p> : null}
+          {model.html('bodyText')}
+        </article>
+        {sidebar ? (
+          <aside>
+            {model.hasValue('sidebarHeading') ? <h2>{model.text('sidebarHeading')}</h2> : null}
+            {model.html('sidebarText')}
+          </aside>
+        ) : null}
+      </div>
+    </Layout>
+  )
+}

package/templates/starter/files/components/shared/layout.tsx

@@ -0,0 +1,24 @@
+import { type Child, type PageProps, SeoHead } from '@crombolo/crombolo'
+import { SiteFooter } from './site-footer.tsx'
+import { SiteHeader } from './site-header.tsx'
+
+/** The shell every page shares: head tags, the header, the page, the footer. */
+export function Layout(props: PageProps & { children?: Child }) {
+  const { model, nav, seo, children } = props
+  const siteName = seo.siteName || nav.root()[0]?.name || ''
+  return (
+    <html lang="en">
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <SeoHead {...props} title={model.text('title') || model.name} />
+        <link rel="stylesheet" href="/css/site.css" />
+      </head>
+      <body>
+        <SiteHeader model={model} nav={nav} siteName={siteName} />
+        <main class="container">{children}</main>
+        <SiteFooter siteName={siteName} />
+      </body>
+    </html>
+  )
+}

package/templates/starter/files/components/shared/site-footer.tsx

@@ -0,0 +1,9 @@
+export function SiteFooter({ siteName }: { siteName: string }) {
+  return (
+    <footer class="site-footer">
+      <div class="container">
+        <p>{siteName} · Built with Crombolo</p>
+      </div>
+    </footer>
+  )
+}

package/templates/starter/files/components/shared/site-header.tsx

@@ -0,0 +1,40 @@
+import type { Navigation, PublishedContent } from '@crombolo/crombolo'
+
+/**
+ * The site name, from the config, and the primary nav: the home page followed by its children, so
+ * adding a page in the backoffice adds it here.
+ */
+export function SiteHeader({
+  model,
+  nav,
+  siteName,
+}: {
+  model: PublishedContent
+  nav: Navigation
+  siteName: string
+}) {
+  const home = nav.root()[0]
+  if (!home) return null
+  const ancestry = model.path.split(',')
+  const links = [home, ...nav.children(home, { visibleOnly: true })]
+  return (
+    <header class="site-header">
+      <div class="container site-header__inner">
+        <a class="site-name" href={home.url}>
+          {siteName}
+        </a>
+        <nav aria-label="Primary">
+          {links.map((link) => {
+            const here =
+              link.key === home.key ? model.key === home.key : ancestry.includes(String(link.id))
+            return (
+              <a href={link.url} aria-current={here ? 'page' : undefined}>
+                {link.key === home.key ? 'Home' : link.name}
+              </a>
+            )
+          })}
+        </nav>
+      </div>
+    </header>
+  )
+}

package/templates/starter/files/css/site.css

@@ -0,0 +1,117 @@
+:root {
+  --text: #1f2933;
+  --muted: #616e7c;
+  --accent: #2f6fde;
+  --surface: #f5f7fa;
+  --border: #e4e7eb;
+  --width: 68rem;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  line-height: 1.6;
+  color: var(--text);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+a {
+  color: var(--accent);
+}
+
+.container {
+  width: 100%;
+  max-width: var(--width);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+}
+
+main {
+  flex: 1;
+  padding-top: 2.5rem;
+  padding-bottom: 3rem;
+}
+
+.site-header {
+  border-bottom: 1px solid var(--border);
+}
+
+.site-header__inner {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem 2rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.site-name {
+  font-weight: 700;
+  font-size: 1.25rem;
+  color: var(--text);
+  text-decoration: none;
+}
+
+.site-header nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.25rem;
+}
+
+.site-header nav a {
+  color: var(--muted);
+  text-decoration: none;
+}
+
+.site-header nav a[aria-current="page"] {
+  color: var(--text);
+  font-weight: 600;
+}
+
+h1 {
+  font-size: 2.25rem;
+  line-height: 1.2;
+  margin: 0 0 1rem;
+}
+
+.intro {
+  font-size: 1.2rem;
+  color: var(--muted);
+}
+
+.columns {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
+  gap: 3rem;
+}
+
+aside {
+  background: var(--surface);
+  border-radius: 0.5rem;
+  padding: 1.5rem;
+  align-self: start;
+}
+
+aside h2 {
+  font-size: 1.1rem;
+  margin-top: 0;
+}
+
+.site-footer {
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+@media (max-width: 48rem) {
+  .columns {
+    grid-template-columns: 1fr;
+  }
+}

package/templates/starter/files/schema/content-types/content-page.toml

@@ -0,0 +1,51 @@
+[content-type]
+key = "8491ffa4-9b2f-48b0-a3c0-f40c1034216e"
+alias = "contentPage"
+name = "Content Page"
+description = "A page with a main column and a sidebar"
+icon = "icon-document"
+allow-at-root = true
+allow-children = ["contentPage"]
+compositions = ["seoFields"]
+components = ["pages/contentPage"]
+default-component = "pages/contentPage"
+
+[[tab]]
+name = "Content"
+
+[[tab.property]]
+key = "98fd8217-c0d5-4388-92e2-9e94b43265de"
+alias = "title"
+name = "Title"
+description = "Shown as the page heading"
+type = "textstring"
+mandatory = true
+
+[[tab.property]]
+key = "7028eeb8-9739-4cc9-b3e1-8b424dd1e929"
+alias = "intro"
+name = "Introduction"
+description = "A sentence or two under the heading"
+type = "textarea"
+
+[[tab.property]]
+key = "ecf97032-ce17-472e-a0ba-c1dbfc31633d"
+alias = "bodyText"
+name = "Body"
+type = "richtext"
+
+[[tab]]
+name = "Sidebar"
+
+[[tab.property]]
+key = "d049eba5-ae38-4fe9-9b05-64d1fa50b35e"
+alias = "sidebarHeading"
+name = "Heading"
+type = "textstring"
+
+[[tab.property]]
+key = "fff4d170-e192-419a-9490-59affd2f6148"
+alias = "sidebarText"
+name = "Text"
+description = "Leave empty for a single-column page"
+type = "richtext"

package/templates/starter/files/schema/schema.toml

@@ -0,0 +1,2 @@
+[schema]
+version = "1.0.0"

package/templates/starter/template.json

@@ -0,0 +1,4 @@
+{
+  "name": "Starter",
+  "description": "a header, a footer and a two-column page layout with placeholder text, ready to restyle"
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.