@treeseed/core 0.8.8 → 0.8.10

package/dist/site.js

@@ -1,17 +1,19 @@
 import { defineConfig, envField } from "astro/config";
 import cloudflare from "@astrojs/cloudflare";
-import { existsSync, readFileSync } from "node:fs";
+import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
 import { resolve } from "node:path";
 import { fileURLToPath } from "node:url";
+import { parse as parseYaml } from "yaml";
 import rehypeKatex from "rehype-katex";
 import remarkMath from "remark-math";
 import tailwindcss from "@tailwindcss/vite";
 import { parseSiteConfig } from "./utils/site-config-schema.js";
 import { buildTenantBookRuntime } from "@treeseed/sdk/platform/books-data";
 import { getStarlightSidebarConfigFromRuntime } from "./utils/starlight-nav.js";
-import { buildTenantThemeCss } from "./utils/theme.js";
+import { buildTreeseedThemeCss } from "./utils/theme.js";
 import { loadTreeseedDeployConfig } from "@treeseed/sdk/platform/deploy-config";
 import { getTreeseedContentServingMode } from "@treeseed/sdk/platform/deploy-runtime";
+import { getTenantContentRoot } from "@treeseed/sdk/platform/tenant-config";
 import { loadTreeseedPluginRuntime } from "@treeseed/sdk/platform/plugins";
 import {
   buildTreeseedSiteLayers,
@@ -41,7 +43,7 @@ const PACKAGE_ROUTE_ENTRIES = [
   { pattern: "/404", resourcePath: "pages/404.astro" },
   { pattern: "/contact", resourcePath: "pages/contact.astro" },
   { pattern: "/feed.xml", resourcePath: "pages/feed.xml", model: "notes" },
-  { pattern: "/[slug]", resourcePath: "pages/[slug].astro", model: "pages" },
+  { pattern: "/ui", resourcePath: "pages/ui/index.astro" },
   { pattern: "/agents", resourcePath: "pages/agents/index.astro", model: "agents" },
   { pattern: "/agents/[slug]", resourcePath: "pages/agents/[slug].astro", model: "agents" },
   { pattern: "/books", resourcePath: "pages/books/index.astro", model: "books" },
@@ -59,6 +61,48 @@ const PACKAGE_ROUTE_ENTRIES = [
   { pattern: "/questions", resourcePath: "pages/questions/index.astro", model: "questions" },
   { pattern: "/questions/[slug]", resourcePath: "pages/questions/[slug].astro", model: "questions" }
 ];
+const DYNAMIC_PAGE_ROUTE_ENTRY = { pattern: "/[slug]", resourcePath: "pages/[slug].astro", model: "pages" };
+function collectMarkdownFiles(rootPath) {
+  if (!existsSync(rootPath)) {
+    return [];
+  }
+  const stats = statSync(rootPath);
+  if (stats.isFile()) {
+    return /\.(md|mdx)$/iu.test(rootPath) ? [rootPath] : [];
+  }
+  return readdirSync(rootPath, { withFileTypes: true }).flatMap((entry) => {
+    const fullPath = resolve(rootPath, entry.name);
+    if (entry.isDirectory()) {
+      return collectMarkdownFiles(fullPath);
+    }
+    return entry.isFile() && /\.(md|mdx)$/iu.test(entry.name) ? [fullPath] : [];
+  });
+}
+function readFrontmatter(filePath) {
+  const raw = readFileSync(filePath, "utf8");
+  const match = raw.match(/^---\r?\n([\s\S]*?)\r?\n---/);
+  if (!match) {
+    return null;
+  }
+  return parseYaml(match[1]);
+}
+function collectLocalPageRouteEntries(tenantConfig, projectRoot) {
+  const pagesRoot = resolve(projectRoot, getTenantContentRoot(tenantConfig, "pages"));
+  const slugs = /* @__PURE__ */ new Set();
+  for (const filePath of collectMarkdownFiles(pagesRoot)) {
+    const frontmatter = readFrontmatter(filePath);
+    const slug = typeof frontmatter?.slug === "string" ? frontmatter.slug.replace(/^\/+|\/+$/g, "") : "";
+    if (!slug || slug.includes("/")) {
+      continue;
+    }
+    slugs.add(slug);
+  }
+  return [...slugs].sort().map((slug) => ({
+    pattern: `/${slug}`,
+    resourcePath: "pages/[slug].astro",
+    model: "pages"
+  }));
+}
 function createTreeseedRoutesIntegration(tenantConfig, routes = []) {
   return {
     name: "treeseed-routes",
@@ -215,7 +259,7 @@ function createTreeseedSite(tenantConfig, { starlight }) {
   const bookRuntime = buildTenantBookRuntime(tenantConfig, { projectRoot });
   const docsRendered = isSiteRenderedModel(tenantConfig, "docs");
   const booksRendered = isSiteRenderedModel(tenantConfig, "books");
-  const tenantThemeCss = buildTenantThemeCss(siteConfig.site.theme);
+  const tenantThemeCss = buildTreeseedThemeCss(siteConfig.site.theme);
   const siteLayers = buildTreeseedSiteLayers(pluginRuntime, {
     coreRoot: fileURLToPath(new URL(".", import.meta.url)),
     projectRoot,
@@ -233,12 +277,15 @@ function createTreeseedSite(tenantConfig, { starlight }) {
   const injectedProjectRoot = JSON.stringify(projectRoot);
   const injectedSiteConfig = JSON.stringify(siteConfig);
   const injectedDeployConfig = JSON.stringify(deployConfig);
+  const injectedBookRuntime = JSON.stringify(bookRuntime);
   const resolvedGlobalCss = resolveTreeseedStyleEntrypoint(siteLayers, "styles/global.css");
   const serverRendered = deployConfig.surfaces?.web?.provider === "cloudflare" || deployConfig.providers.deploy === "cloudflare";
   const allowedDomains = deriveTreeseedAstroAllowedDomains(deployConfig, { siteUrl: siteConfig.site.siteUrl });
   const publishedRuntime = getTreeseedContentServingMode() === "published_runtime";
+  const pageRoutes = publishedRuntime ? [DYNAMIC_PAGE_ROUTE_ENTRY] : collectLocalPageRouteEntries(tenantConfig, projectRoot);
   const packageRoutes = [
     ...PACKAGE_ROUTE_ENTRIES,
+    ...pageRoutes,
     ...docsRendered && publishedRuntime ? [
       { pattern: "/knowledge", resourcePath: "pages/docs-runtime/index.astro", model: "docs" },
       { pattern: "/knowledge/[...slug]", resourcePath: "pages/docs-runtime/[...slug].astro", model: "docs" }
@@ -263,7 +310,8 @@ function createTreeseedSite(tenantConfig, { starlight }) {
         __TREESEED_TENANT_CONFIG__: injectedTenantConfig,
         __TREESEED_PROJECT_ROOT__: injectedProjectRoot,
         __TREESEED_SITE_CONFIG__: injectedSiteConfig,
-        __TREESEED_DEPLOY_CONFIG__: injectedDeployConfig
+        __TREESEED_DEPLOY_CONFIG__: injectedDeployConfig,
+        __TREESEED_BOOK_RUNTIME__: injectedBookRuntime
       },
       plugins: [
         createTenantThemeVitePlugin(tenantThemeCss),

package/dist/styles/app-shell.css

@@ -0,0 +1,597 @@
+.ts-skip-link {
+	background: var(--ts-color-accent);
+	border-radius: var(--ts-radius-md);
+	color: var(--ts-color-accent-text);
+	font-weight: 750;
+	left: var(--ts-space-3);
+	padding: var(--ts-space-2) var(--ts-space-3);
+	position: fixed;
+	top: var(--ts-space-3);
+	transform: translateY(-150%);
+	z-index: 100;
+}
+
+.ts-skip-link:focus {
+	transform: translateY(0);
+}
+
+.ts-app-shell {
+	background: var(--ts-color-canvas);
+	color: var(--ts-color-text);
+	display: grid;
+	grid-template-columns: 17.875rem minmax(0, 1fr);
+	min-height: 100vh;
+}
+
+.ts-app-shell__rail {
+	align-self: start;
+	background: var(--ts-color-canvas-subtle);
+	border-right: 1px solid var(--ts-color-border);
+	display: grid;
+	gap: var(--ts-space-3);
+	height: 100vh;
+	overflow: auto;
+	padding: var(--ts-space-3);
+	position: sticky;
+	top: 0;
+}
+
+.ts-shell-brand {
+	align-items: center;
+	color: var(--ts-color-text);
+	display: flex;
+	gap: var(--ts-space-2);
+	min-width: 0;
+	max-width: 100%;
+	text-decoration: none;
+}
+
+.ts-shell-brand:hover {
+	text-decoration: none;
+}
+
+.ts-shell-brand__mark {
+	align-items: center;
+	display: inline-flex;
+	flex: 0 0 auto;
+	font-weight: 800;
+	height: 3rem;
+	justify-content: center;
+	max-height: 3rem;
+	max-width: 3rem;
+	overflow: hidden;
+	width: 3rem;
+}
+
+.ts-shell-brand__mark img {
+	display: block;
+	height: 100%;
+	max-height: 100%;
+	max-width: 100%;
+	object-fit: contain;
+	width: 100%;
+}
+
+.ts-shell-brand__text {
+	display: grid;
+	gap: 0.1rem;
+	min-width: 0;
+}
+
+.ts-shell-brand__name {
+	font-size: 0.95rem;
+	font-weight: 750;
+	line-height: 1.15;
+}
+
+.ts-shell-brand__tag {
+	color: var(--ts-color-text-muted);
+	font-size: 0.74rem;
+	font-weight: 500;
+	line-height: 1.25;
+	max-width: 13rem;
+}
+
+.ts-top-bar {
+	align-items: center;
+	display: flex;
+	gap: var(--ts-space-2);
+	justify-content: space-between;
+	min-width: 0;
+}
+
+.ts-top-bar__actions {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--ts-space-1);
+	justify-content: flex-end;
+	min-width: 0;
+}
+
+.ts-app-shell__rail-context,
+.ts-app-shell__quick-actions {
+	border-top: 1px solid var(--ts-color-border);
+	display: grid;
+	gap: var(--ts-space-2);
+	padding-top: var(--ts-space-2);
+}
+
+.ts-app-shell__eyebrow {
+	color: var(--ts-color-text-subtle);
+	font-size: 0.75rem;
+	font-weight: 750;
+	margin: 0;
+	text-transform: uppercase;
+}
+
+.ts-app-shell__quick-list {
+	display: grid;
+	gap: var(--ts-space-2);
+}
+
+.ts-rail-nav {
+	border-top: 1px solid var(--ts-color-border);
+	display: grid;
+	gap: 0.2rem;
+	padding-top: var(--ts-space-2);
+}
+
+.ts-rail-nav__link,
+.ts-bottom-nav__link,
+.ts-public-shell__link,
+.ts-shell-tab {
+	color: var(--ts-color-text-muted);
+	text-decoration: none;
+}
+
+.ts-rail-nav__link {
+	border-radius: var(--ts-radius-md);
+	display: flex;
+	font-weight: 650;
+	justify-content: space-between;
+	padding: 0.55rem 0.55rem;
+}
+
+.ts-rail-nav__link[aria-current='page'],
+.ts-rail-nav__link:hover {
+	background: var(--ts-color-surface);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-app-shell__main {
+	display: grid;
+	gap: var(--ts-space-3);
+	padding: var(--ts-space-3);
+}
+
+.ts-app-shell__mobile-top {
+	display: none;
+}
+
+.ts-app-shell__header {
+	align-items: flex-start;
+	display: flex;
+	gap: var(--ts-space-3);
+	justify-content: space-between;
+}
+
+.ts-app-shell__title {
+	display: grid;
+	gap: var(--ts-space-1);
+	min-width: 0;
+}
+
+.ts-app-shell__title h1 {
+	color: var(--ts-color-text);
+	font-size: 1.55rem;
+	line-height: 1.12;
+	margin: 0;
+}
+
+.ts-app-shell__title p,
+.ts-project-header p {
+	color: var(--ts-color-text-muted);
+	line-height: 1.5;
+	margin: 0;
+}
+
+.ts-app-shell__header-actions {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--ts-space-2);
+	justify-content: flex-end;
+}
+
+.ts-project-header {
+	background: var(--ts-color-surface);
+	border: 1px solid var(--ts-color-border);
+	border-radius: var(--ts-radius-lg);
+	display: grid;
+	gap: var(--ts-space-2);
+	padding: var(--ts-space-3);
+}
+
+.ts-project-header__main {
+	display: grid;
+	gap: var(--ts-space-2);
+}
+
+.ts-project-header__badges,
+.ts-project-header__actions {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--ts-space-2);
+}
+
+.ts-project-header h2 {
+	color: var(--ts-color-text);
+	font-size: 1.15rem;
+	line-height: 1.15;
+	margin: 0;
+}
+
+.ts-shell-tabs {
+	align-items: stretch;
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--ts-space-2);
+}
+
+.ts-shell-tab {
+	align-items: center;
+	background: var(--ts-color-surface-muted);
+	border: 1px solid var(--ts-color-border);
+	border-radius: var(--ts-radius-md);
+	box-sizing: border-box;
+	display: inline-flex;
+	flex: 1 1 7rem;
+	font-size: 0.875rem;
+	font-weight: 650;
+	justify-content: center;
+	line-height: 1.2;
+	min-height: 2.5rem;
+	padding: 0.55rem 0.75rem;
+	text-align: center;
+	white-space: nowrap;
+}
+
+.ts-shell-tab[aria-current='page'],
+.ts-shell-tab[aria-selected='true'],
+.ts-shell-tab:hover {
+	background: var(--ts-color-surface);
+	border-color: var(--ts-color-border-strong);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-bottom-nav {
+	background: var(--ts-color-surface-overlay);
+	border-top: 1px solid var(--ts-color-border);
+	bottom: 0;
+	display: none;
+	gap: var(--ts-space-1);
+	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+	left: 0;
+	padding: var(--ts-space-2);
+	position: fixed;
+	right: 0;
+	z-index: 30;
+}
+
+.ts-bottom-nav__link {
+	border-radius: var(--ts-radius-md);
+	display: grid;
+	font-size: 0.75rem;
+	font-weight: 700;
+	min-height: 2.5rem;
+	place-items: center;
+	text-align: center;
+}
+
+.ts-bottom-nav__link[aria-current='page'],
+.ts-bottom-nav__link:hover {
+	background: var(--ts-color-surface-muted);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-public-shell {
+	background: var(--ts-color-canvas);
+	color: var(--ts-color-text);
+	margin: 0 auto;
+	max-width: var(--ts-shell-width);
+	min-height: 100vh;
+	padding: var(--ts-space-3);
+}
+
+.ts-public-shell--content .ts-public-shell__main {
+	margin-inline: auto;
+	max-width: var(--ts-content-width);
+	width: 100%;
+}
+
+.ts-public-shell__header {
+	display: grid;
+	gap: var(--ts-space-2);
+	padding-bottom: var(--ts-space-3);
+}
+
+.ts-public-shell__nav {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--ts-space-1);
+	justify-content: flex-end;
+	min-width: 0;
+}
+
+.ts-public-shell__link {
+	border: 1px solid transparent;
+	border-radius: 999px;
+	font-size: 0.94rem;
+	font-weight: 650;
+	padding: 0.42rem 0.7rem;
+}
+
+.ts-public-shell__link[aria-current='page'],
+.ts-public-shell__summary--active,
+.ts-public-shell__link:hover {
+	background: var(--ts-color-surface-raised);
+	border-color: var(--ts-color-border);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-public-shell__nav-group {
+	position: relative;
+}
+
+.ts-public-shell__summary {
+	align-items: center;
+	cursor: pointer;
+	display: inline-flex;
+	gap: 0.35rem;
+	list-style: none;
+}
+
+.ts-public-shell__summary::-webkit-details-marker {
+	display: none;
+}
+
+.ts-public-shell__summary span {
+	color: var(--ts-color-text-subtle);
+	font-size: 0.75rem;
+	transition: transform 160ms ease;
+}
+
+.ts-public-shell__nav-group[open] .ts-public-shell__summary span {
+	transform: rotate(180deg);
+}
+
+.ts-public-shell__menu {
+	background: var(--ts-color-surface-overlay);
+	border: 1px solid var(--ts-color-border-strong);
+	border-radius: var(--ts-radius-md);
+	box-shadow: var(--ts-color-shadow);
+	display: grid;
+	gap: 0.15rem;
+	inset-block-start: calc(100% + 0.35rem);
+	inset-inline-end: 0;
+	min-width: 13rem;
+	padding: var(--ts-space-1);
+	position: absolute;
+	z-index: 40;
+}
+
+.ts-public-shell__menu-link {
+	border-radius: var(--ts-radius-sm);
+	color: var(--ts-color-text-muted);
+	font-size: 0.9rem;
+	font-weight: 600;
+	padding: 0.5rem 0.65rem;
+	text-decoration: none;
+}
+
+.ts-public-shell__menu-link[aria-current='page'],
+.ts-public-shell__menu-link:hover,
+.ts-public-shell__menu-link:focus-visible {
+	background: var(--ts-color-surface-muted);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-public-shell__icon-link {
+	align-items: center;
+	border: 1px solid transparent;
+	border-radius: var(--ts-radius-md);
+	color: var(--ts-color-text-muted);
+	display: inline-flex;
+	height: 2.25rem;
+	justify-content: center;
+	text-decoration: none;
+	width: 2.25rem;
+}
+
+.ts-public-shell__icon-link:hover,
+.ts-public-shell__icon-link:focus-visible {
+	background: var(--ts-color-surface-raised);
+	border-color: var(--ts-color-border);
+	color: var(--ts-color-text);
+	text-decoration: none;
+}
+
+.ts-public-shell__icon-link svg {
+	fill: currentColor;
+	height: 1.15rem;
+	width: 1.15rem;
+}
+
+.ts-public-shell__icon-link--stroke svg {
+	fill: none;
+	stroke: currentColor;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+	stroke-width: 1.8;
+}
+
+.ts-public-shell__main {
+	display: grid;
+	gap: var(--ts-space-3);
+	padding-top: clamp(1.25rem, 3vw, 2.25rem);
+}
+
+.ts-public-footer {
+	border-top: 2px solid var(--ts-color-border-strong);
+	display: block;
+	margin-top: 4rem;
+	padding-top: 2rem;
+	width: 100%;
+}
+
+.site-footer-cta + .ts-public-footer {
+	margin-top: 0;
+}
+
+.ts-public-footer__inner {
+	display: grid;
+	gap: 2rem;
+	margin-inline: auto;
+	max-width: var(--ts-content-width);
+	padding-bottom: 3.75rem;
+	width: 100%;
+}
+
+.ts-public-footer__grid {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 2rem;
+	justify-content: center;
+}
+
+.ts-public-footer__column {
+	align-content: start;
+	display: grid;
+	gap: 0.75rem;
+	width: 16rem;
+}
+
+.ts-public-footer__title,
+.ts-public-footer__column-title {
+	color: var(--ts-color-text);
+	font-size: 1.25rem;
+	font-weight: 750;
+	line-height: 1.2;
+	margin: 0;
+}
+
+.ts-public-footer__heading {
+	color: var(--ts-color-info-text);
+	font-size: 0.82rem;
+	font-weight: 750;
+	letter-spacing: 0.14em;
+	line-height: 1.2;
+	margin: 0;
+	text-transform: uppercase;
+}
+
+.ts-public-footer__copy,
+.ts-public-footer__links {
+	color: var(--ts-color-text-muted);
+	font-size: 1rem;
+	line-height: 1.9;
+	margin: 0;
+}
+
+.ts-public-footer__links {
+	display: flex;
+	flex-direction: column;
+	gap: 0.35rem;
+}
+
+.ts-public-footer__links a {
+	color: var(--ts-color-text-muted);
+	display: block;
+	text-decoration: none;
+}
+
+.ts-public-footer__links a:hover,
+.ts-public-footer__links a:focus-visible {
+	color: var(--ts-color-text);
+	text-decoration: underline;
+}
+
+@media (min-width: 48rem) {
+	.ts-project-header {
+		align-items: center;
+		grid-template-columns: minmax(0, 1fr) auto;
+	}
+
+	.ts-project-header .ts-shell-tabs {
+		grid-column: 1 / -1;
+	}
+}
+
+@media (max-width: 61.25rem) {
+	.ts-app-shell {
+		display: block;
+		padding-bottom: 4.5rem;
+	}
+
+	.ts-app-shell__rail {
+		display: none;
+	}
+
+	.ts-app-shell__main {
+		padding: var(--ts-space-2);
+	}
+
+	.ts-app-shell__mobile-top {
+		background: var(--ts-color-surface-overlay);
+		border-bottom: 1px solid var(--ts-color-border);
+		display: flex;
+		margin: calc(var(--ts-space-2) * -1) calc(var(--ts-space-2) * -1) 0;
+		padding: var(--ts-space-2);
+		position: sticky;
+		top: 0;
+		z-index: 20;
+	}
+
+	.ts-app-shell__header {
+		flex-direction: column;
+	}
+
+	.ts-app-shell__header-actions {
+		justify-content: stretch;
+		width: 100%;
+	}
+
+	.ts-bottom-nav {
+		display: grid;
+	}
+}
+
+@media (max-width: 40rem) {
+	.ts-public-shell {
+		padding: var(--ts-space-2);
+	}
+
+	.ts-top-bar {
+		align-items: center;
+		flex-wrap: wrap;
+	}
+
+	.ts-top-bar__actions {
+		justify-content: flex-end;
+	}
+
+	.ts-public-shell__nav {
+		justify-content: flex-start;
+	}
+
+	.ts-public-shell__menu {
+		inset-inline: 0 auto;
+	}
+}