@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/types-DHBm7-j6.d.ts

@@ -0,0 +1,57 @@
+type OgImageMetadata = string | {
+    src: string;
+    alt?: string;
+};
+type OgMetadata = {
+    title?: string;
+    description?: string;
+    image?: OgImageMetadata;
+};
+type Author = {
+    id?: string;
+    name: string;
+    handle?: string;
+    avatar?: string;
+    url?: string;
+};
+type PageStatus = "published" | "draft" | "archived";
+type PageNode = {
+    type: "page";
+    fileID: string;
+    title: string;
+    path: string;
+    group: string;
+    description?: string;
+    status: PageStatus;
+    publishedAt?: string;
+    updatedAt?: string;
+    authors: Author[];
+    tags?: string[];
+    og?: OgMetadata;
+    meta: Record<string, unknown>;
+};
+type SectionNode = {
+    type: "section";
+    id: string;
+    title: string;
+    path?: string;
+    group?: string;
+    children: TreeNode[];
+};
+type FolderNode = {
+    type: "folder";
+    id: string;
+    title: string;
+    path?: string;
+    group?: string;
+    children: TreeNode[];
+};
+type LinkNode = {
+    type: "link";
+    id: string;
+    title: string;
+    href: string;
+};
+type TreeNode = PageNode | SectionNode | FolderNode | LinkNode;
+
+export type { TreeNode as T };

package/dist/types-sM2g9nW0.d.ts

@@ -0,0 +1,12 @@
+import { MDXComponents as MDXComponents$1 } from 'mdx/types.js';
+import { ReactNode } from 'react';
+
+type MDXComponents = MDXComponents$1;
+type MdxErrorBoundaryProps = {
+    errorMessage?: string;
+    pageId?: string;
+    slug?: string;
+    children: ReactNode;
+};
+
+export type { MdxErrorBoundaryProps as M, MDXComponents as a };

package/dist/types.d.ts

@@ -257,7 +257,6 @@ type GroupContext = {
     ancestry: readonly string[];
     hasThemeCss: boolean;
     hasFontScope: boolean;
-    defaultMode?: ThemeMode;
     forcedMode?: GroupForcedMode;
     resolvedForcedMode?: "light" | "dark";
     escapesForcedMode?: boolean;

package/dist/types.js

@@ -1,5 +1,5 @@
 // src/types.ts
-var __publishOsTypesModule = true;
+var __publishOsTypesModule = !0;
 export {
   __publishOsTypesModule
 };

package/dist/utils/cn.d.ts

@@ -1,15 +1,11 @@
-import { ClassValue } from 'clsx';
+import { CnFunction } from 'cn';
 
 /**
- * Merges class names using clsx and tailwind-merge.
+ * Shared class merging for PublishOS runtime and project components.
  *
- * Use this `cn` for all PublishOS runtime and tenant components
- * to ensure proper class merging.
- *
- * @example
- * cn("bg-surface-2", "bg-accent-1", "rounded-lg")
- * // Result: "bg-accent-1 rounded-lg"
+ * Custom z-index classes conflict with each other and standard z-index classes,
+ * so the last one passed to `cn()` wins.
  */
-declare function cn(...inputs: ClassValue[]): string;
+declare const cn: CnFunction;
 
 export { cn };

package/dist/utils/cn.js

@@ -1,9 +1,18 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
+// src/components/utils/cn.ts
+import { createCn } from "cn/config";
+var cn = createCn({
   extend: {
     classGroups: {
+      shadow: [
+        "border-shadow-1",
+        "border-shadow-1-hover",
+        "border-shadow-2",
+        "border-shadow-2-hover",
+        "border-shadow-3",
+        "border-shadow-3-hover",
+        "border-shadow-4",
+        "border-shadow-4-hover"
+      ],
       z: [
         "z-content",
         "z-nav",
@@ -16,9 +25,6 @@ var twMerge = extendTailwindMerge({
     }
   }
 });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 export {
   cn
 };

package/dist/utils/heading-ids.js

@@ -1,82 +1,55 @@
-// src/utils/heading-ids.ts
+// src/components/mdx/heading-ids.ts
 import { isValidElement } from "react";
-var SELF_CLOSING_TAG_RE = new RegExp("<[^>]+/>", "g");
-var PAIRED_TAG_RE = /<\/?\w[^>]*>/g;
-var MDX_BOLD_RE = /\*\*(.*?)\*\*/g;
-var MDX_ITALIC_RE = /\*(.*?)\*/g;
-var MDX_UNDERLINE_BOLD_RE = /__(.*?)__/g;
-var MDX_UNDERLINE_ITALIC_RE = /_(.*?)_/g;
-var MDX_STRIKETHROUGH_RE = /~~(.*?)~~/g;
-var MDX_INLINE_CODE_RE = /`(.*?)`/g;
-var MDX_LINK_RE = /\[(.*?)\]\(.*?\)/g;
-var NON_ALPHANUMERIC_RE = /[^a-z0-9]+/g;
-var LEADING_TRAILING_HYPHEN_RE = /^-+|-+$/g;
-var LEADING_DIGIT_RE = /^(\d)/;
-var HEADING_RE = /^(#{1,6})[ \t]+(.+?)\s*#*\s*$/gm;
-var FENCED_CODE_RE = /```[\s\S]*?```|~~~[\s\S]*?~~~/g;
+var SELF_CLOSING_TAG_RE = new RegExp("<[^>]+/>", "g"), PAIRED_TAG_RE = /<\/?\w[^>]*>/g, MDX_BOLD_RE = /\*\*(.*?)\*\*/g, MDX_ITALIC_RE = /\*(.*?)\*/g, MDX_UNDERLINE_BOLD_RE = /__(.*?)__/g, MDX_UNDERLINE_ITALIC_RE = /_(.*?)_/g, MDX_STRIKETHROUGH_RE = /~~(.*?)~~/g, MDX_INLINE_CODE_RE = /`(.*?)`/g, MDX_LINK_RE = /\[(.*?)\]\(.*?\)/g, NON_ALPHANUMERIC_RE = /[^a-z0-9]+/g, LEADING_TRAILING_HYPHEN_RE = /^-+|-+$/g, LEADING_DIGIT_RE = /^(\d)/, HEADING_RE = /^(#{1,6})[ \t]+(.+?)\s*#*\s*$/gm, FENCED_CODE_RE = /```[\s\S]*?```|~~~[\s\S]*?~~~/g;
 function extractText(node) {
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (node == null || typeof node === "boolean") return "";
-  if (Array.isArray(node)) {
+  if (typeof node == "string") return node;
+  if (typeof node == "number") return String(node);
+  if (node == null || typeof node == "boolean") return "";
+  if (Array.isArray(node))
     return node.map(extractText).join("");
-  }
   if (isValidElement(node)) {
-    const element = node;
+    let element = node;
     return element.props.children === void 0 ? "" : extractText(element.props.children);
   }
   return "";
 }
 function cleanHeadingText(input) {
-  const text = typeof input === "string" ? input : extractText(input);
-  return text.replace(SELF_CLOSING_TAG_RE, "").replace(PAIRED_TAG_RE, "").replace(MDX_BOLD_RE, "$1").replace(MDX_ITALIC_RE, "$1").replace(MDX_UNDERLINE_BOLD_RE, "$1").replace(MDX_UNDERLINE_ITALIC_RE, "$1").replace(MDX_STRIKETHROUGH_RE, "$1").replace(MDX_INLINE_CODE_RE, "$1").replace(MDX_LINK_RE, "$1").trim();
+  return (typeof input == "string" ? input : extractText(input)).replace(SELF_CLOSING_TAG_RE, "").replace(PAIRED_TAG_RE, "").replace(MDX_BOLD_RE, "$1").replace(MDX_ITALIC_RE, "$1").replace(MDX_UNDERLINE_BOLD_RE, "$1").replace(MDX_UNDERLINE_ITALIC_RE, "$1").replace(MDX_STRIKETHROUGH_RE, "$1").replace(MDX_INLINE_CODE_RE, "$1").replace(MDX_LINK_RE, "$1").trim();
 }
 function slugify(text) {
   return text.toLowerCase().replace(NON_ALPHANUMERIC_RE, "-").replace(LEADING_TRAILING_HYPHEN_RE, "").replace(LEADING_DIGIT_RE, "id-$1");
 }
 function headingToHTMLId(input) {
   try {
-    const id = slugify(cleanHeadingText(input));
-    return id || "empty-heading";
+    return slugify(cleanHeadingText(input)) || "empty-heading";
   } catch {
     return "empty-heading";
   }
 }
 function createHeadingIdGenerator() {
-  const usedIds = /* @__PURE__ */ new Map();
+  let usedIds = /* @__PURE__ */ new Map();
   return (input) => {
-    const baseId = headingToHTMLId(input);
+    let baseId = headingToHTMLId(input);
     if (baseId === "empty-heading") return baseId;
-    const count = usedIds.get(baseId) ?? 0;
-    usedIds.set(baseId, count + 1);
-    return count === 0 ? baseId : `${baseId}-${count}`;
+    let count = usedIds.get(baseId) ?? 0;
+    return usedIds.set(baseId, count + 1), count === 0 ? baseId : `${baseId}-${count}`;
   };
 }
 function extractMdxHeadings(content = "", levels) {
-  const [minDepth, maxDepth] = levels;
-  const headingId = createHeadingIdGenerator();
-  const headings = [];
-  const searchableContent = content.replace(FENCED_CODE_RE, "");
-  HEADING_RE.lastIndex = 0;
-  while (true) {
-    const match = HEADING_RE.exec(searchableContent);
+  let [minDepth, maxDepth] = levels, headingId = createHeadingIdGenerator(), headings = [], searchableContent = content.replace(FENCED_CODE_RE, "");
+  for (HEADING_RE.lastIndex = 0; ; ) {
+    let match = HEADING_RE.exec(searchableContent);
     if (!match) break;
-    const marker = match[1];
-    const rawText = match[2];
+    let marker = match[1], rawText = match[2];
     if (!marker || !rawText) continue;
-    const level = marker.length;
-    const text = cleanHeadingText(rawText);
-    const id = headingId(rawText);
-    if (!text || id === "empty-heading") continue;
-    if (level < minDepth || level > maxDepth) continue;
-    headings.push({ id, level, text });
+    let level = marker.length, text = cleanHeadingText(rawText), id = headingId(rawText);
+    !text || id === "empty-heading" || level < minDepth || level > maxDepth || headings.push({ id, level, text });
   }
   return headings;
 }
 function urlIdToText(urlId) {
   try {
-    if (typeof urlId !== "string") return "";
-    return urlId.replace(/^id-/, "").replace(/-/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+    return typeof urlId != "string" ? "" : urlId.replace(/^id-/, "").replace(/-/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
   } catch {
     return "";
   }

package/dist/utils/pretty-date.js

@@ -1,25 +1,19 @@
-// src/utils/pretty-date.ts
+// src/components/utils/pretty-date.ts
 var defaultDateOptions = {
   day: "numeric",
   month: "short",
   year: "numeric"
 };
 function parseDate(value) {
-  if (value instanceof Date) return value;
-  if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value)) {
-    return /* @__PURE__ */ new Date(`${value}T00:00:00`);
-  }
-  return new Date(value);
+  return value instanceof Date ? value : typeof value == "string" && /^\d{4}-\d{2}-\d{2}$/.test(value) ? /* @__PURE__ */ new Date(`${value}T00:00:00`) : new Date(value);
 }
 function prettyDate(value, options = {}) {
-  if (typeof value !== "string" && typeof value !== "number" && !(value instanceof Date)) {
+  if (typeof value != "string" && typeof value != "number" && !(value instanceof Date))
     return null;
-  }
-  const date = parseDate(value);
-  if (Number.isNaN(date.getTime())) {
-    return typeof value === "string" ? value : null;
-  }
-  const { locale = "en", ...dateOptions } = options;
+  let date = parseDate(value);
+  if (Number.isNaN(date.getTime()))
+    return typeof value == "string" ? value : null;
+  let { locale = "en", ...dateOptions } = options;
   return new Intl.DateTimeFormat(locale, {
     ...defaultDateOptions,
     ...dateOptions

package/init/seed/minimal/publish.os/docs/content/get-started.mdx

@@ -0,0 +1,54 @@
+---
+title: Get started
+description: Preview your site and make your first change.
+order: 1
+---
+
+A publishOS site starts with a folder. The `publish.os/` folder contains your content, theme, and configuration.
+
+These guides are examples you can edit. The theme controls their appearance. Your words stay in MDX files.
+
+Local previews and builds do not require an account.
+
+## Preview the site
+
+From your project directory, run this command:
+
+```bash
+npx --package @publish.os/cli@latest publishos dev
+```
+
+Open the address that the CLI shows. To stop the preview, press `Ctrl+C`.
+
+## Make one change
+
+Open this page, `publish.os/docs/content/get-started.mdx`. Replace this paragraph with a description of your project. Save the file.
+
+## Write in MDX
+
+Use Markdown for normal text. You can use **bold text**, _italic text_, and `code`.
+
+You can also use MDX components to add interactive elements to your pages.
+
+<Callout title="A short note">
+  A short notice or piece of information.
+</Callout>
+
+```text
+Code blocks can show quick examples.
+```
+
+You can show a keyboard shortcut such as <kbd>Ctrl</kbd>+<kbd>Enter</kbd>.
+
+## Create a new page
+
+Create `publish.os/docs/content/hello-world.mdx` with this content:
+
+```mdx
+---
+title: Hello World
+description: Add a page to your site.
+---
+
+Each MDX file contains one page.
+```

package/init/seed/minimal/publish.os/docs/content/groups.mdx

@@ -0,0 +1,31 @@
+---
+title: Groups
+description: Give each group one purpose and each page a clear name.
+order: 2
+---
+
+A content group keeps related pages together. This site has one group, `docs`.
+
+## Add a group
+
+Create `publish.os/blog/content/first-post.mdx`:
+
+```mdx
+---
+title: A small beginning
+description: Why this project exists.
+---
+
+This project starts with one problem and one useful solution.
+```
+
+The `blog` folder creates a separate content group. Its pages can share a layout and theme without changes to the docs group.
+
+## Choose clear names
+
+| Folder | Purpose                |
+| ------ | ---------------------- |
+| `docs` | Explain how to use it  |
+| `blog` | Explain what you learn |
+
+Use short file names with hyphens between words. Link to the page that answers the next question, such as [how to change the theme](/docs/theme).

package/init/seed/minimal/publish.os/docs/content/theme.mdx

@@ -0,0 +1,64 @@
+---
+title: Themes
+description: Change shared CSS values to give every page a consistent appearance.
+---
+
+The theme gives your content a common appearance. The `publish.os/theme.css` file defines shared values for colors, spacing, and page width.
+
+You can define only a base radius and an accent color. You can also change each token to match your brand.
+
+You can also write custom CSS or create custom components.
+
+## Configure the basic theme
+
+### Radii
+
+In `publish.os/theme.css`, set the base radius:
+
+```css
+--theme-radius: var(--theme-radius-md);
+```
+
+Replace `--theme-radius-md` with `--theme-radius-lg`. Save the file. The preview now uses larger corner radii.
+
+You can use `xs`, `sm`, `md`, `lg`, `xl`, or `none`. You can also use a custom value such as `5px`.
+
+### Color palette
+
+The neutral color palette changes the complete design system. Define the palette with a neutral scale.
+
+Low values usually define surfaces. Higher values add contrast for borders, text, and emphasized elements.
+
+```css
+--gray-100: #ffffff;
+--gray-200: #fafafa;
+--gray-300: #f5f5f5;
+--gray-400: #eeeeee;
+--gray-500: #e5e5e5;
+--gray-600: #d4d4d4;
+--gray-700: #a3a3a3;
+--gray-800: #737373;
+--gray-900: #525252;
+--gray-1000: #404040;
+--gray-1100: #262626;
+--gray-1200: #000000;
+
+--neutral-100: var(--gray-100);
+--neutral-200: var(--gray-200);
+--neutral-300: var(--gray-300);
+--neutral-400: var(--gray-400);
+--neutral-500: var(--gray-500);
+--neutral-600: var(--gray-600);
+--neutral-700: var(--gray-700);
+--neutral-800: var(--gray-800);
+--neutral-900: var(--gray-900);
+--neutral-1000: var(--gray-1000);
+--neutral-1100: var(--gray-1100);
+--neutral-1200: var(--gray-1200);
+```
+
+Set the accent to your brand color or a color from the palette:
+
+```css
+--accent: #ed940f;
+```

package/init/seed/minimal/publish.os/publish.os.config.json

@@ -0,0 +1,21 @@
+{
+  "version": 1,
+  "runtime": "@publish.os/nextjs@0.0.1-alpha.7",
+  "site": {
+    "name": "publishOS guides",
+    "description": "Write pages, organize content, and build your site."
+  },
+  "fonts": {
+    "main": {
+      "family": "Work Sans",
+      "weight": "100 900"
+    },
+    "mono": {
+      "family": "DM Mono",
+      "weight": ["300", "400", "500"]
+    }
+  },
+  "icons": {
+    "family": "phosphor"
+  }
+}

package/init/seed/minimal/publish.os/theme.css

@@ -0,0 +1,47 @@
+/* Delete this file to use the same PublishOS fallback theme. */
+
+:root {
+  --gray-100: #ffffff;
+  --gray-200: #fafafa;
+  --gray-300: #f5f5f5;
+  --gray-400: #eeeeee;
+  --gray-500: #e5e5e5;
+  --gray-600: #d4d4d4;
+  --gray-700: #a3a3a3;
+  --gray-800: #737373;
+  --gray-900: #525252;
+  --gray-1000: #404040;
+  --gray-1100: #262626;
+  --gray-1200: #000000;
+
+  --neutral-100: var(--gray-100);
+  --neutral-200: var(--gray-200);
+  --neutral-300: var(--gray-300);
+  --neutral-400: var(--gray-400);
+  --neutral-500: var(--gray-500);
+  --neutral-600: var(--gray-600);
+  --neutral-700: var(--gray-700);
+  --neutral-800: var(--gray-800);
+  --neutral-900: var(--gray-900);
+  --neutral-1000: var(--gray-1000);
+  --neutral-1100: var(--gray-1100);
+  --neutral-1200: var(--gray-1200);
+
+  --accent: var(--gray-1200);
+  --theme-radius: var(--theme-radius-md);
+}
+
+.dark {
+  --gray-100: #000000;
+  --gray-200: #0a0a0a;
+  --gray-300: #171717;
+  --gray-400: #262626;
+  --gray-500: #404040;
+  --gray-600: #525252;
+  --gray-700: #737373;
+  --gray-800: #a3a3a3;
+  --gray-900: #d4d4d4;
+  --gray-1000: #e5e5e5;
+  --gray-1100: #f5f5f5;
+  --gray-1200: #ffffff;
+}

package/init/seed/minimal/seed.json

@@ -0,0 +1,13 @@
+{
+  "name": "Minimal",
+  "description": "A minimal docs theme with three short guides.",
+  "files": [
+    "publish.os.config.json",
+    "theme.css",
+    "assets/logo/publish-dev-logo.dark.png",
+    "assets/logo/publish-dev-logo.png",
+    "docs/content/get-started.mdx",
+    "docs/content/groups.mdx",
+    "docs/content/theme.mdx"
+  ]
+}