@publish.os/cli 0.0.1-alpha.1

package/dist/assets/nextjs/defaults/root/css/typography.css

@@ -0,0 +1,487 @@
+@theme inline {
+  --color-typography-body: var(--typography-body);
+  --color-typography-headings: var(--typography-headings);
+  --color-typography-lead: var(--typography-lead);
+  --color-typography-links: var(--typography-links);
+  --color-typography-bold: var(--typography-bold);
+  --color-typography-counters: var(--typography-counters);
+  --color-typography-bullets: var(--typography-bullets);
+  --color-typography-hr: var(--typography-hr);
+  --color-typography-quotes: var(--typography-quotes);
+  --color-typography-quote-borders: var(--typography-quote-borders);
+  --color-typography-captions: var(--typography-captions);
+  --color-typography-code: var(--typography-code);
+  --color-typography-variable: var(--typography-variable);
+  --color-typography-th-borders: var(--typography-th-borders);
+  --color-typography-td-borders: var(--typography-td-borders);
+  --color-typography-pre-code: var(--typography-pre-code);
+  --color-typography-pre-bg: var(--typography-pre-bg);
+  --color-typography-pre-border: var(--typography-pre-border);
+}
+
+@layer components {
+  .markdown-prose {
+    max-width: 72ch;
+    color: var(--typography-body);
+    font-size: calc(
+      var(--typography-base-size) *
+      var(--typography-size-factor, 1)
+    );
+    line-height: var(--typography-line-height);
+
+    & :where(p):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-body);
+    }
+
+    &
+      :where(.lead):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(1.5em * var(--typography-spacing-factor, 1));
+      color: var(--typography-lead);
+      font-size: 1.25em;
+      line-height: 1.6;
+    }
+
+    & :where(a):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      color: var(--typography-links);
+      font-weight: 500;
+      overflow-wrap: break-word;
+      text-decoration: underline;
+      text-underline-offset: 0.2em;
+      word-break: break-word;
+    }
+
+    &
+      :where(strong):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      color: var(--typography-bold);
+      font-weight: 600;
+    }
+
+    & :where(del):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      color: var(--typography-captions);
+    }
+
+    &
+      :where(a strong, blockquote strong, thead th strong):not(
+        .not-markdown-prose
+      ):not(:where(.not-markdown-prose *)) {
+      color: inherit;
+    }
+
+    & :where(h1):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(1.5em * var(--typography-spacing-factor, 1))
+        calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-size: calc(2.25rem * var(--typography-size-factor, 1));
+      font-weight: 600;
+      line-height: 1.111;
+    }
+
+    & :where(h2):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(1.25em * var(--typography-spacing-factor, 1))
+        calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-size: calc(1.5rem * var(--typography-size-factor, 1));
+      font-weight: 600;
+      line-height: 1.333;
+    }
+
+    & :where(h3):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(1em * var(--typography-spacing-factor, 1))
+        calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-size: calc(1.25rem * var(--typography-size-factor, 1));
+      font-weight: 600;
+      line-height: 1.45;
+    }
+
+    & :where(h4):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(0.875em * var(--typography-spacing-factor, 1))
+        calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-size: calc(1rem * var(--typography-size-factor, 1));
+      font-weight: 600;
+      line-height: 1.5;
+    }
+
+    &
+      :where(h5, h6):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(0.875em * var(--typography-spacing-factor, 1))
+        calc(0.375rem * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-size: calc(0.875rem * var(--typography-size-factor, 1));
+      font-weight: 600;
+      line-height: 1.5;
+    }
+
+    &
+      :where(h1, h2, h3, h4, h5, h6)
+      strong:not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      color: inherit;
+      font-weight: 700;
+    }
+
+    &
+      :where(ul, ol):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(0.375rem * var(--typography-spacing-factor, 1));
+      padding-inline-start: calc(1.625em * var(--typography-spacing-factor, 1));
+      color: var(--typography-body);
+    }
+
+    & :where(ul):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      list-style-type: disc;
+    }
+
+    & :where(ol):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      list-style-type: decimal;
+    }
+
+    &
+      :where(ol[type="A"]):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      list-style-type: upper-alpha;
+    }
+
+    &
+      :where(ol[type="a"]):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      list-style-type: lower-alpha;
+    }
+
+    &
+      :where(ol[type="I"]):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      list-style-type: upper-roman;
+    }
+
+    &
+      :where(ol[type="i"]):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      list-style-type: lower-roman;
+    }
+
+    & :where(li):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(0.5em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      :where(ol > li, ul > li):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      padding-inline-start: calc(0.375em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      :where(li > input[type="checkbox"]):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-inline-end: calc(0.5em * var(--typography-spacing-factor, 1));
+      vertical-align: middle;
+    }
+
+    &
+      :where(ol > li):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      )::marker {
+      color: var(--typography-counters);
+      font-weight: 400;
+    }
+
+    &
+      :where(ul > li):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      )::marker {
+      color: var(--typography-bullets);
+    }
+
+    &
+      :where(ul ul, ul ol, ol ul, ol ol):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(0.75em * var(--typography-spacing-factor, 1));
+    }
+
+    & > ul > li p:not(.not-markdown-prose):not(:where(.not-markdown-prose *)),
+    & > ol > li p:not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(0.75em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      > ul
+      > li
+      > p:first-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ),
+    &
+      > ol
+      > li
+      > p:first-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-top: calc(1.25em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      > ul
+      > li
+      > p:last-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ),
+    &
+      > ol
+      > li
+      > p:last-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-bottom: calc(1.25em * var(--typography-spacing-factor, 1));
+    }
+
+    & :where(dl):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(1.25em * var(--typography-spacing-factor, 1));
+    }
+
+    & :where(dt):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-top: calc(1.25em * var(--typography-spacing-factor, 1));
+      color: var(--typography-headings);
+      font-weight: 600;
+    }
+
+    & :where(dd):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-top: calc(0.5em * var(--typography-spacing-factor, 1));
+      padding-inline-start: calc(1.625em * var(--typography-spacing-factor, 1));
+    }
+
+    & :where(code):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      border: 1px solid var(--typography-pre-border);
+      border-radius: var(--radius-kbd);
+      background-color: var(--typography-pre-bg);
+      color: var(--typography-variable);
+      font-family: var(--font-mono);
+      font-size: 0.85em;
+      font-weight: 600;
+      line-height: 1;
+      padding: 0.1875rem 0.3125rem;
+    }
+
+    & :where(code):not(:where(pre code))::before,
+    & :where(code):not(:where(pre code))::after {
+      content: none;
+    }
+
+    &
+      :where(
+        a code,
+        h1 code,
+        h2 code,
+        h3 code,
+        h4 code,
+        h5 code,
+        h6 code,
+        blockquote code,
+        thead th code
+      ):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      color: inherit;
+    }
+
+    & :where(pre):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-block: calc(1.714em * var(--typography-spacing-factor, 1));
+      border: 1px solid var(--typography-pre-border);
+      border-radius: var(--radius-codeblock);
+      background-color: var(--typography-pre-bg);
+      color: var(--typography-pre-code);
+      font-size: 0.875em;
+      font-weight: 400;
+      line-height: 1.714;
+      overflow-x: auto;
+      padding: calc(0.857em * var(--typography-spacing-factor, 1))
+        calc(1.143em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      :where(pre)
+      :where(code):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      border: 0;
+      border-radius: 0;
+      background-color: transparent;
+      color: inherit;
+      font: inherit;
+      padding: 0;
+    }
+
+    & :where(pre) :where(code)::before,
+    & :where(pre) :where(code)::after {
+      content: none;
+    }
+
+    & :where(kbd):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      border: 1px solid var(--typography-pre-border);
+      border-radius: var(--radius-kbd);
+      background-color: var(--typography-pre-bg);
+      color: var(--typography-code);
+      font-family: inherit;
+      font-size: 0.875em;
+      font-weight: 500;
+      line-height: 1;
+      padding: 0.1875rem 0.375rem;
+    }
+
+    &
+      :where(blockquote):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(0.375rem * var(--typography-spacing-factor, 1));
+      border-inline-start: 0.25rem solid var(--typography-quote-borders);
+      color: var(--typography-quotes);
+      font-style: italic;
+      font-weight: 500;
+      padding-inline-start: calc(1.25em * var(--typography-spacing-factor, 1));
+      quotes: "\201C" "\201D" "\2018" "\2019";
+    }
+
+    &
+      :where(blockquote p:first-of-type):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      )::before {
+      content: open-quote;
+    }
+
+    &
+      :where(blockquote p:last-of-type):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      )::after {
+      content: close-quote;
+    }
+
+    & :where(hr):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      height: 1px;
+      margin-block: calc(1.25em * var(--typography-spacing-factor, 1));
+      border: 0;
+      background-color: var(--typography-hr);
+    }
+
+    &
+      :where(table):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      width: 100%;
+      margin-block: calc(2em * var(--typography-spacing-factor, 1));
+      color: var(--typography-body);
+      font-size: 0.875em;
+      line-height: 1.714;
+      table-layout: auto;
+      text-align: left;
+    }
+
+    &
+      :where(thead):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      border-bottom: 1px solid var(--typography-th-borders);
+    }
+
+    &
+      :where(tbody tr):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      border-bottom: 1px solid var(--typography-td-borders);
+    }
+
+    &
+      :where(tbody tr:last-child):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      border-bottom: 0;
+    }
+
+    & :where(th):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      border: 1px solid var(--typography-th-borders);
+      color: var(--typography-headings);
+      font-weight: 600;
+      padding: calc(0.571em * var(--typography-spacing-factor, 1));
+      vertical-align: bottom;
+    }
+
+    & :where(td):not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      border: 1px solid var(--typography-td-borders);
+      padding: calc(0.571em * var(--typography-spacing-factor, 1));
+      vertical-align: baseline;
+    }
+
+    &
+      :where(img, picture, video):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(2em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      :where(picture):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      display: block;
+    }
+
+    &
+      :where(picture > img):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: 0;
+    }
+
+    &
+      :where(figure):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: calc(2em * var(--typography-spacing-factor, 1));
+    }
+
+    &
+      :where(figure > *):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-block: 0;
+    }
+
+    &
+      :where(figcaption):not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-top: calc(0.857em * var(--typography-spacing-factor, 1));
+      color: var(--typography-captions);
+      font-size: 0.875em;
+      line-height: 1.43;
+    }
+
+    &
+      > :first-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-top: 0;
+    }
+
+    &
+      > :last-child:not(.not-markdown-prose):not(
+        :where(.not-markdown-prose *)
+      ) {
+      margin-bottom: 0;
+    }
+
+    &
+      :where(hr, h2, h3, h4, h5, h6)
+      + *:not(.not-markdown-prose):not(:where(.not-markdown-prose *)) {
+      margin-top: 0;
+    }
+  }
+}

package/dist/assets/nextjs/defaults/root/css/zindex.css

@@ -0,0 +1,29 @@
+@layer utilities {
+  .z-content {
+    z-index: var(--z-content);
+  }
+
+  .z-nav {
+    z-index: var(--z-nav);
+  }
+
+  .z-overlay {
+    z-index: var(--z-overlay);
+  }
+
+  .z-modal {
+    z-index: var(--z-modal);
+  }
+
+  .z-search {
+    z-index: var(--z-search);
+  }
+
+  .z-toast {
+    z-index: var(--z-toast);
+  }
+
+  .z-progress {
+    z-index: var(--z-progress);
+  }
+}

package/dist/assets/nextjs/defaults/root/globals.css

@@ -0,0 +1,122 @@
+/*
+ * publishOS Tailwind defaults.
+ *
+ * theme.css defines runtime CSS variables. This file exposes those variables to
+ * Tailwind utilities. Tenants can add more @theme mappings in globals.css using
+ * the same pattern.
+ */
+
+@theme inline {
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+
+  --color-foreground-1: var(--foreground-1);
+  --color-foreground-2: var(--foreground-2);
+  --color-foreground-3: var(--foreground-3);
+  --color-foreground-4: var(--foreground-4);
+
+  --color-surface-background: var(--surface-background);
+  --color-surface-1: var(--surface-1);
+  --color-surface-2: var(--surface-2);
+  --color-surface-3: var(--surface-3);
+  --color-surface-4: var(--surface-4);
+  --color-surface-hover: var(--surface-hover);
+  --color-surface-active: var(--surface-active);
+  --color-surface-overlay: var(--surface-overlay);
+  --color-surface-menu: var(--surface-menu);
+  --color-surface-menu-foreground: var(--surface-menu-foreground);
+  --color-surface-menu-hover: var(--surface-menu-hover);
+  --color-surface-menu-hover-foreground: var(--surface-menu-hover-foreground);
+  --color-surface-menu-active: var(--surface-menu-active);
+  --color-surface-menu-active-foreground: var(--surface-menu-active-foreground);
+  --color-surface-menu-disabled: var(--surface-menu-disabled);
+  --color-surface-menu-disabled-foreground: var(
+    --surface-menu-disabled-foreground
+  );
+
+  --color-accent-1: var(--accent-1);
+  --color-accent-2: var(--accent-2);
+  --color-accent-3: var(--accent-3);
+  --color-accent-4: var(--accent-4);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-stroke-1: var(--stroke-1);
+  --color-stroke-2: var(--stroke-2);
+  --color-stroke-3: var(--stroke-3);
+  --color-stroke-4: var(--stroke-4);
+
+  --color-focus-ring: var(--focus-ring);
+
+  --color-selection-background: var(--selection-background);
+  --color-selection-foreground: var(--selection-foreground);
+
+  --color-progress-bar-fill: var(--progress-bar-fill);
+  --color-progress-bar-background: var(--progress-bar-background);
+
+  /*
+   * Radius utilities.
+   * These are calculated based on --theme-radius (default "md").
+   * Use rounded-card, rounded-button, rounded-popup, etc.
+   */
+
+  --radius-button: var(--radius-button);
+  --radius-kbd: var(--radius-kbd);
+  --radius-input: var(--radius-input);
+  --radius-card: var(--radius-card);
+  --radius-codeblock: var(--radius-codeblock);
+  --radius-badge: var(--radius-badge);
+  --radius-avatar: var(--radius-avatar);
+  --radius-panel: var(--radius-panel);
+  --radius-popup: var(--radius-popup);
+  --radius-checkbox: var(--radius-checkbox);
+  --radius-switch-thumb: var(--radius-switch-thumb);
+  --radius-switch-track: var(--radius-switch-track);
+  --radius-scrollbar-thumb: var(--radius-scrollbar-thumb);
+  --radius-link-underline: var(--radius-link-underline);
+
+  --z-index-content: var(--z-content);
+  --z-index-nav: var(--z-nav);
+  --z-index-overlay: var(--z-overlay);
+  --z-index-modal: var(--z-modal);
+  --z-index-search: var(--z-search);
+  --z-index-toast: var(--z-toast);
+  --z-index-progress: var(--z-progress);
+}
+
+@layer base {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  html {
+    min-height: 100%;
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+  }
+
+  body {
+    min-height: 100%;
+    margin: 0;
+    background-color: var(--surface-background);
+    color: var(--foreground-2);
+  }
+
+  ::selection {
+    background-color: var(--selection-background);
+    color: var(--selection-foreground);
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--focus-ring);
+    outline-offset: 2px;
+  }
+
+  code,
+  kbd,
+  pre,
+  samp {
+    font-family: var(--font-mono);
+  }
+}

package/dist/assets/nextjs/defaults/root/layout.tsx

@@ -0,0 +1,15 @@
+import { SiteHeader } from "@publish.os/nextjs/components/site-header";
+import type { RootLayoutProps } from "@publish.os/nextjs/types";
+import { log } from "@source/_internal/logger";
+
+export default function DefaultRootLayout(props: RootLayoutProps) {
+  log.debug("[default:root-layout]", props);
+  const { children, site, tree } = props;
+
+  return (
+    <div className="min-h-screen bg-surface-background">
+      <SiteHeader site={site} tree={tree} />
+      <main className="w-full">{children}</main>
+    </div>
+  );
+}