@publier/shell 2.1.1

package/src/icons/index.tsx

@@ -0,0 +1,246 @@
+import { component$, type QwikIntrinsicElements } from '@qwik.dev/core';
+
+type IconProps = QwikIntrinsicElements['svg'];
+
+export interface IconDef {
+	
+	path: string;
+	
+	fill?: boolean;
+	
+	viewBox?: string;
+	
+	strokeWidth?: number;
+}
+
+export const ICON_DEFS = {
+	
+	ChevronDown: { path: '<path d="m6 9 6 6 6-6"/>' },
+	ChevronRight: { path: '<path d="m9 18 6-6-6-6"/>' },
+	ChevronLeft: { path: '<path d="m15 18-6-6 6-6"/>' },
+	ArrowRight: { path: '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>' },
+	ArrowUpRight: { path: '<path d="M7 17 17 7"/><path d="M7 7h10v10"/>' },
+	Menu: {
+		path: '<line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/>',
+	},
+	X: { path: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>' },
+	ExternalLink: {
+		path: '<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>',
+	},
+
+	
+	Search: { path: '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>' },
+	Copy: {
+		path: '<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>',
+	},
+	Check: { path: '<path d="M20 6 9 17l-5-5"/>' },
+	Share: {
+		path: '<circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/>',
+	},
+
+	
+	Sun: {
+		path: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>',
+	},
+	Moon: { path: '<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>' },
+
+	
+	FileText: {
+		path: '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/>',
+	},
+	Book: {
+		path: '<path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/>',
+	},
+	Webhook: {
+		path: '<path d="M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2"/><path d="m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06"/><path d="m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8"/>',
+	},
+	Tag: {
+		path: '<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/>',
+	},
+	Rss: {
+		path: '<path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/>',
+	},
+
+	
+	Github: {
+		path: '<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/>',
+	},
+
+	
+	Plus: { path: '<path d="M5 12h14"/><path d="M12 5v14"/>' },
+	Minus: { path: '<path d="M5 12h14"/>' },
+	Info: {
+		path: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+	},
+	AlertTriangle: {
+		path: '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+	},
+	Zap: {
+		path: '<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>',
+	},
+	Sparkles: {
+		path: '<path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/>',
+	},
+	Mail: {
+		path: '<rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>',
+	},
+	Users: {
+		path: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
+	},
+	User: {
+		path: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+	},
+	HandCoins: {
+		path: '<path d="M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17"/><path d="m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 16 6 6"/><circle cx="16" cy="9" r="2.9"/><circle cx="6" cy="5" r="3"/>',
+	},
+	BarChart: {
+		path: '<line x1="12" x2="12" y1="20" y2="10"/><line x1="18" x2="18" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="16"/>',
+	},
+	Settings: {
+		path: '<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>',
+	},
+	Palette: {
+		path: '<circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"/>',
+	},
+	Code: {
+		path: '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>',
+	},
+	Globe: {
+		path: '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>',
+	},
+	Shield: {
+		path: '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>',
+	},
+	Layers: {
+		path: '<path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.84z"/><path d="m6.08 9.5-3.5 1.6a1 1 0 0 0 0 1.81l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9a1 1 0 0 0 0-1.83l-3.5-1.59"/><path d="m6.08 13.5-3.5 1.6a1 1 0 0 0 0 1.81l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9a1 1 0 0 0 0-1.83l-3.5-1.59"/>',
+	},
+	Play: { path: '<polygon points="6 3 20 12 6 21 6 3"/>' },
+	Files: {
+		path: '<path d="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/>',
+	},
+	Puzzle: {
+		path: '<path d="M15.39 4.39a1 1 0 0 0 .61.22 2.5 2.5 0 0 1 0 5 1 1 0 0 0-1 1v3.78a1 1 0 0 0 1 1 2.5 2.5 0 0 1 0 5 1 1 0 0 0-.61.22A1 1 0 0 1 14 21H4a1 1 0 0 1-1-1v-3.39a1 1 0 0 1 .22-.61A1 1 0 0 0 3.61 16a2.5 2.5 0 0 1 0-5 1 1 0 0 0 .39-.39A1 1 0 0 1 4 10h3.78a1 1 0 0 0 1-1 2.5 2.5 0 0 1 5 0 1 1 0 0 0 1 1H20a1 1 0 0 1 1 1v4"/>',
+	},
+	MessageCircle: { path: '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22z"/>' },
+	History: {
+		path: '<path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/>',
+	},
+	Send: {
+		path: '<path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/>',
+	},
+	Trash: {
+		path: '<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>',
+	},
+	MoreVertical: {
+		path: '<circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/>',
+	},
+	Clipboard: {
+		path: '<rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>',
+	},
+	RefreshCw: {
+		path: '<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/>',
+	},
+	Star: {
+		path: '<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>',
+	},
+	ChevronUp: { path: '<path d="m18 15-6-6-6 6"/>' },
+	ListIcon: {
+		path: '<line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/>',
+	},
+} as const satisfies Record<string, IconDef>;
+
+export type IconName = keyof typeof ICON_DEFS;
+
+export function getIconDef(name: string | undefined): IconDef | undefined {
+	if (!name) return undefined;
+	return (ICON_DEFS as Record<string, IconDef>)[name];
+}
+
+// biome-ignore lint/correctness/useQwikValidLexicalScope: factory captures only primitive strings, which are serializable by Qwik's runtime.
+const icon = (
+	rawPath: string,
+	opts?: { fill?: boolean; viewBox?: string; strokeWidth?: number },
+) => {
+	
+	
+	
+	
+	
+	const viewBox = opts?.viewBox ?? '0 0 24 24';
+	const fill = opts?.fill ? 'currentColor' : 'none';
+	const stroke = opts?.fill ? 'none' : 'currentColor';
+	const strokeWidth = opts?.fill ? undefined : (opts?.strokeWidth ?? 2);
+	return component$<IconProps>((props) => (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="24"
+			height="24"
+			viewBox={viewBox}
+			fill={fill}
+			stroke={stroke}
+			stroke-width={strokeWidth}
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			{...props}
+			dangerouslySetInnerHTML={rawPath}
+		/>
+	));
+};
+
+const fromDef = (def: IconDef) => icon(def.path, def);
+
+export const ChevronDown = fromDef(ICON_DEFS.ChevronDown);
+export const ChevronRight = fromDef(ICON_DEFS.ChevronRight);
+export const ChevronLeft = fromDef(ICON_DEFS.ChevronLeft);
+export const ArrowRight = fromDef(ICON_DEFS.ArrowRight);
+export const ArrowUpRight = fromDef(ICON_DEFS.ArrowUpRight);
+export const Menu = fromDef(ICON_DEFS.Menu);
+export const X = fromDef(ICON_DEFS.X);
+export const ExternalLink = fromDef(ICON_DEFS.ExternalLink);
+
+export const Search = fromDef(ICON_DEFS.Search);
+export const Copy = fromDef(ICON_DEFS.Copy);
+export const Check = fromDef(ICON_DEFS.Check);
+export const Share = fromDef(ICON_DEFS.Share);
+
+export const Sun = fromDef(ICON_DEFS.Sun);
+export const Moon = fromDef(ICON_DEFS.Moon);
+
+export const FileText = fromDef(ICON_DEFS.FileText);
+export const Book = fromDef(ICON_DEFS.Book);
+export const Webhook = fromDef(ICON_DEFS.Webhook);
+export const Tag = fromDef(ICON_DEFS.Tag);
+export const Rss = fromDef(ICON_DEFS.Rss);
+
+export const Github = fromDef(ICON_DEFS.Github);
+
+export const Plus = fromDef(ICON_DEFS.Plus);
+export const Minus = fromDef(ICON_DEFS.Minus);
+export const Info = fromDef(ICON_DEFS.Info);
+export const AlertTriangle = fromDef(ICON_DEFS.AlertTriangle);
+export const Zap = fromDef(ICON_DEFS.Zap);
+export const Sparkles = fromDef(ICON_DEFS.Sparkles);
+export const Mail = fromDef(ICON_DEFS.Mail);
+export const Users = fromDef(ICON_DEFS.Users);
+export const User = fromDef(ICON_DEFS.User);
+export const HandCoins = fromDef(ICON_DEFS.HandCoins);
+export const BarChart = fromDef(ICON_DEFS.BarChart);
+export const Settings = fromDef(ICON_DEFS.Settings);
+export const Palette = fromDef(ICON_DEFS.Palette);
+export const Code = fromDef(ICON_DEFS.Code);
+export const Globe = fromDef(ICON_DEFS.Globe);
+export const Shield = fromDef(ICON_DEFS.Shield);
+export const Layers = fromDef(ICON_DEFS.Layers);
+export const Play = fromDef(ICON_DEFS.Play);
+export const Files = fromDef(ICON_DEFS.Files);
+export const Puzzle = fromDef(ICON_DEFS.Puzzle);
+export const MessageCircle = fromDef(ICON_DEFS.MessageCircle);
+export const History = fromDef(ICON_DEFS.History);
+export const Send = fromDef(ICON_DEFS.Send);
+export const Trash = fromDef(ICON_DEFS.Trash);
+export const MoreVertical = fromDef(ICON_DEFS.MoreVertical);
+export const Clipboard = fromDef(ICON_DEFS.Clipboard);
+export const RefreshCw = fromDef(ICON_DEFS.RefreshCw);
+export const Star = fromDef(ICON_DEFS.Star);
+export const ChevronUp = fromDef(ICON_DEFS.ChevronUp);
+export const ListIcon = fromDef(ICON_DEFS.ListIcon);

package/src/icons/resolve.tsx

@@ -0,0 +1,45 @@
+import type { Component, QwikIntrinsicElements } from '@qwik.dev/core';
+import * as icons from './index';
+
+type IconComponent = Component<QwikIntrinsicElements['svg']>;
+
+const iconMap: Record<string, IconComponent> = {
+	Book: icons.Book,
+	Webhook: icons.Webhook,
+	Sparkles: icons.Sparkles,
+	Palette: icons.Palette,
+	Play: icons.Play,
+	Files: icons.Files,
+	Puzzle: icons.Puzzle,
+	MessageCircle: icons.MessageCircle,
+	History: icons.History,
+	FileText: icons.FileText,
+	Code: icons.Code,
+	Globe: icons.Globe,
+	Shield: icons.Shield,
+	Layers: icons.Layers,
+	Zap: icons.Zap,
+	Settings: icons.Settings,
+	Users: icons.Users,
+	Tag: icons.Tag,
+	Search: icons.Search,
+	Mail: icons.Mail,
+	Info: icons.Info,
+	ArrowRight: icons.ArrowRight,
+	Plus: icons.Plus,
+	Check: icons.Check,
+	ListIcon: icons.ListIcon,
+	HandCoins: icons.HandCoins,
+	BarChart: icons.BarChart,
+	Send: icons.Send,
+	Rss: icons.Rss,
+	X: icons.X,
+	AlertTriangle: icons.AlertTriangle,
+	Star: icons.Star,
+	ChevronUp: icons.ChevronUp,
+};
+
+export function resolveIcon(name: string | undefined): IconComponent | undefined {
+	if (!name) return undefined;
+	return iconMap[name];
+}

package/src/layouts/base-layout.astro

@@ -0,0 +1,63 @@
+---
+import { Font } from 'astro:assets';
+import { ClientRouter } from 'astro:transitions';
+import { shellRenderBaseLayout, navigationMatchNavPath } from '@publier/native';
+import SearchButton from '../components/search-button.astro';
+import ThemeToggle from '../components/theme-toggle.astro';
+import TopNavMobile from '../components/top-nav-mobile.astro';
+import { TopNav } from '../components/index.ts';
+import { announcement } from 'virtual:publier-announcement';
+import { feeds } from 'virtual:publier-feeds';
+import { fonts } from 'virtual:publier-fonts';
+import { navConfig } from 'virtual:publier-nav-config';
+import { site } from 'virtual:publier-site';
+
+interface Props { title: string; description?: string; nav?: string | false; class?: string }
+const { title, description, nav: navProp, class: className } = Astro.props;
+const currentPath = Astro.url.pathname;
+let navVariant: string | false;
+if (navProp !== undefined) {
+	navVariant = navProp;
+} else {
+	const matched = navigationMatchNavPath(JSON.stringify(navConfig.pathRules), currentPath);
+	navVariant = matched === 'false'
+		? false
+		: matched === 'null'
+			? navConfig.defaultVariant
+			: (JSON.parse(matched) as string);
+}
+const storageKey = announcement?.storageKey ?? 'publier-announcement';
+
+const [head, bodyOpen, bodyClose] = JSON.parse(shellRenderBaseLayout(JSON.stringify({
+	title, description, className, favicon: site.favicon, footer: site.footer, serviceWorker: !!site.serviceWorker,
+	announcement: announcement && { ...announcement, variant: announcement.variant ?? 'info', storageKey, dismissible: true },
+}))) as [string, string, string];
+---
+<!doctype html>
+<html lang="en">
+<head>
+<Fragment set:html={head} />
+<Font cssVariable="--publier-font-builtin-sans" preload />
+<Font cssVariable="--publier-font-builtin-mono" />
+{fonts.slots.includes('heading') && <Font cssVariable="--publier-font-heading" preload />}
+{fonts.slots.includes('body') && <Font cssVariable="--publier-font-body" preload />}
+{fonts.slots.includes('mono') && <Font cssVariable="--publier-font-mono" />}
+{site.url && feeds.map((f) => (
+	<link rel="alternate" type="application/rss+xml" title={f.title} href={`${site.url}${f.href}`} />
+))}
+<ClientRouter />
+<slot name="head" />
+</head>
+<body class={className}>
+<Fragment set:html={bodyOpen} />
+{navVariant !== false && (
+	<TopNav variant={navVariant} currentPath={currentPath}>
+		{navConfig.searchEnabled && <SearchButton slot="search" />}
+		<ThemeToggle slot="theme" />
+		<TopNavMobile slot="mobile" variant={navVariant} currentPath={currentPath} />
+	</TopNav>
+)}
+<slot />
+<Fragment set:html={bodyClose} />
+</body>
+</html>

package/src/qwik.ts

@@ -0,0 +1,3 @@
+
+
+export { AskAi } from './components/ask-ai';

package/src/routes/blog-index.astro

@@ -0,0 +1,20 @@
+---
+import { getCollection } from 'astro:content';
+import BaseLayout from '../layouts/base-layout.astro';
+import { shellRenderBlogIndex } from '@publier/native';
+
+interface BlogEntry {
+	id: string;
+	data: { title: string; description?: string; author?: string; date?: Date; pubDate?: Date; draft?: boolean };
+}
+
+const posts = ((await getCollection('blog')) as unknown as BlogEntry[])
+	.filter((p) => !p.data.draft)
+	.map((p) => ({ ...p, resolvedDate: p.data.date ?? p.data.pubDate ?? new Date(0) }))
+	.sort((a, b) => b.resolvedDate.getTime() - a.resolvedDate.getTime());
+const bodyHtml = shellRenderBlogIndex(JSON.stringify({ posts: posts.map((p) => ({ href: `/blog/${p.id.replace(/\.(mdx?|md)$/, '')}`, title: p.data.title, description: p.data.description ?? null, author: p.data.author ?? null, date_ms: p.resolvedDate.getTime() })) }));
+---
+
+<BaseLayout title="Blog" description="News, updates, and articles." nav="blog">
+	<Fragment set:html={bodyHtml} />
+</BaseLayout>

package/src/routes/blog-rss.xml.ts

@@ -0,0 +1,40 @@
+
+
+import { getCollection } from 'astro:content';
+import { site as siteConfig } from 'virtual:publier-site';
+import rss from '@astrojs/rss';
+
+interface BlogEntry {
+	id: string;
+	data: {
+		title: string;
+		description?: string;
+		author?: string;
+		date: Date;
+		updated?: Date;
+		draft: boolean;
+	};
+}
+
+export async function GET(context: { site?: URL }) {
+	const all = (await getCollection('blog')) as unknown as BlogEntry[];
+	const items = all
+		.filter((entry) => !entry.data.draft)
+		.sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
+		.map((entry) => ({
+			title: entry.data.title,
+			description: entry.data.description ?? '',
+			pubDate: entry.data.date,
+			link: `/blog/${entry.id.replace(/\.(mdx?|md)$/, '')}/`,
+			...(entry.data.author ? { author: entry.data.author } : {}),
+		}));
+
+	return rss({
+		title: `${siteConfig.name || 'Publier'} — Blog`,
+		description: siteConfig.description ?? 'Latest blog posts.',
+		
+		
+		site: context.site ?? new URL(siteConfig.url ?? 'https://example.com'),
+		items,
+	});
+}

package/src/routes/blog-slug.astro

@@ -0,0 +1,32 @@
+---
+import { getCollection, render } from 'astro:content';
+import BaseLayout from '../layouts/base-layout.astro';
+import { LastModified } from '../components/index.ts';
+import { shellRenderBlogSlug } from '@publier/native';
+
+interface BlogEntry {
+	id: string;
+	data: { title: string; description?: string; author?: string; date?: Date; pubDate?: Date; updated?: Date };
+}
+
+export async function getStaticPaths() {
+	const posts = await getCollection('blog');
+	return posts.map((post) => ({
+		params: { slug: post.id.replace(/\.(mdx?|md)$/, '') },
+		props: { post },
+	}));
+}
+
+const { post } = Astro.props as { post: BlogEntry };
+const { Content } = await render(post as unknown as Parameters<typeof render>[0]);
+const d = post.data.date ?? post.data.pubDate;
+const updated = post.data.updated instanceof Date ? post.data.updated : null;
+const [head, tail] = shellRenderBlogSlug(JSON.stringify({ title: post.data.title, description: post.data.description ?? null, author: post.data.author ?? null, date_ms: d ? d.getTime() : null })).split('<!--publier-content-slot-->');
+---
+
+<BaseLayout title={post.data.title} description={post.data.description} nav="blog">
+	<Fragment set:html={head} />
+	<Content />
+	{updated && <LastModified date={updated} />}
+	<Fragment set:html={tail} />
+</BaseLayout>

package/src/routes/changelog-index.astro

@@ -0,0 +1,25 @@
+---
+import { getCollection, render } from 'astro:content';
+import BaseLayout from '../layouts/base-layout.astro';
+import { shellRenderChangelogEntry, shellRenderChangelogFooter, shellRenderChangelogHeader } from '@publier/native';
+
+interface ChangelogEntry {
+	id: string;
+	data: { title: string; description?: string; version?: string; date: Date; draft?: boolean; tags?: string[] };
+}
+
+const entries = ((await getCollection('changelog')) as unknown as ChangelogEntry[])
+	.filter((e) => !e.data.draft)
+	.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
+const rendered = await Promise.all(entries.map(async (entry) => {
+	const { Content } = await render(entry as unknown as Parameters<typeof render>[0]);
+	const [head, tail] = shellRenderChangelogEntry(JSON.stringify({ title: entry.data.title, date_ms: entry.data.date.getTime(), version: entry.data.version ?? null, tags: entry.data.tags ?? [] })).split('<!--publier-content-slot-->');
+	return { head, tail, Content };
+}));
+---
+
+<BaseLayout title="Changelog" description="Version history and release notes.">
+	<Fragment set:html={shellRenderChangelogHeader()} />
+	{rendered.map(({ head, tail, Content }) => (<><Fragment set:html={head} /><Content /><Fragment set:html={tail} /></>))}
+	<Fragment set:html={shellRenderChangelogFooter()} />
+</BaseLayout>

package/src/routes/changelog-rss.xml.ts

@@ -0,0 +1,47 @@
+
+
+import { getCollection } from 'astro:content';
+import { site as siteConfig } from 'virtual:publier-site';
+import rss from '@astrojs/rss';
+
+interface ChangelogEntry {
+	id: string;
+	data: {
+		title: string;
+		description?: string;
+		version?: string;
+		date: Date;
+		draft: boolean;
+		tags?: string[];
+	};
+}
+
+export async function GET(context: { site?: URL }) {
+	const all = (await getCollection('changelog')) as unknown as ChangelogEntry[];
+	const items = all
+		.filter((entry) => !entry.data.draft)
+		.sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
+		.map((entry) => {
+			const version = entry.data.version;
+			const baseTitle = entry.data.title;
+			const displayTitle =
+				version && !baseTitle.includes(version) ? `${baseTitle} (${version})` : baseTitle;
+			return {
+				title: displayTitle,
+				description: entry.data.description ?? '',
+				pubDate: entry.data.date,
+				
+				
+				
+				link: `/changelog/#${entry.id.replace(/\.(mdx?|md)$/, '')}`,
+				...(entry.data.tags ? { categories: entry.data.tags } : {}),
+			};
+		});
+
+	return rss({
+		title: `${siteConfig.name || 'Publier'} — Changelog`,
+		description: siteConfig.description ?? 'Version history and release notes.',
+		site: context.site ?? new URL(siteConfig.url ?? 'https://example.com'),
+		items,
+	});
+}

package/src/routes/docs-slug.astro

@@ -0,0 +1,31 @@
+---
+import { getCollection, render } from 'astro:content';
+import BaseLayout from '../layouts/base-layout.astro';
+import { type BreadcrumbItem, DocsLayout, LastModified, Sidebar, SkipLink, TableOfContents } from '../components/index.ts';
+import { buildSidebar, entryToPage } from '@publier/shell/search';
+import { shellPlanDocsSlug, shellRenderDocsSlug } from '@publier/native';
+import { docsConfig } from 'virtual:publier-docs-config';
+import '../styles/expressive-code.css';
+export async function getStaticPaths() {
+	return (await getCollection('docs')).map((entry) => ({ params: { slug: entry.id.replace(/\.(mdx?|md)$/, '').replace(/\/index$/, '').replace(/^index$/, '') || undefined }, props: { entry } }));
+}
+const { entry } = Astro.props;
+const { Content, headings } = await render(entry);
+const all = await getCollection('docs');
+const plan = JSON.parse(shellPlanDocsSlug(JSON.stringify({ entry_id: entry.id, title: entry.data.title, description: entry.data.description ?? null, tab_sections: docsConfig.tabSections, all_entry_ids: all.map((e) => e.id) }))) as { breadcrumbs: BreadcrumbItem[]; section_entry_ids: string[]; scope: string; current_path: string; sidebar_persist_key: string };
+const ids = new Set(plan.section_entry_ids);
+const sidebarItems = buildSidebar(all.filter((e) => ids.has(e.id)).map((e) => entryToPage({ slug: e.id.replace(/\.(mdx?|md)$/, ''), data: e.data, headings: [] }, { urlPrefix: '/docs' })), { urlPrefix: '/docs', meta: docsConfig.sidebarMeta });
+const [bodyHead, bodyTail] = shellRenderDocsSlug(JSON.stringify({ title: entry.data.title, description: entry.data.description ?? null })).split('<!--publier-content-slot-->');
+const lastUpdated = entry.data.lastUpdated instanceof Date ? entry.data.lastUpdated : null;
+---
+<BaseLayout title={`${entry.data.title} — Docs`} description={entry.data.description} nav="docs">
+	<SkipLink targetId="main-content" />
+	<DocsLayout breadcrumbs={plan.breadcrumbs.length > 2 ? plan.breadcrumbs : undefined} sidebarPersistKey={plan.sidebar_persist_key}>
+		<Sidebar slot="sidebar" items={sidebarItems} currentPath={plan.current_path} versions={docsConfig.versions.length > 0 ? docsConfig.versions : undefined} anchors={docsConfig.anchors.length > 0 ? docsConfig.anchors : undefined} scope={plan.scope} />
+		<TableOfContents slot="toc" headings={headings} />
+		<Fragment set:html={bodyHead} />
+		<Content />
+		{lastUpdated && <LastModified date={lastUpdated} />}
+		<Fragment set:html={bodyTail} />
+	</DocsLayout>
+</BaseLayout>

package/src/routes/not-found.astro

@@ -0,0 +1,14 @@
+---
+import BaseLayout from '../layouts/base-layout.astro';
+import { shellRenderNotFound } from '@publier/native';
+
+const bodyHtml = shellRenderNotFound();
+---
+
+<BaseLayout
+	title="Page not found"
+	description="The page you were looking for could not be found."
+	nav="default"
+>
+	<Fragment set:html={bodyHtml} />
+</BaseLayout>

package/src/runtime/banner-init.ts

@@ -0,0 +1,9 @@
+
+
+import { shellBuildBannerInitScript } from '@publier/native';
+
+export const BANNER_DEFAULT_STORAGE_KEY = 'publier-banner-dismissed';
+
+export function buildBannerInitScript(storageKey: string = BANNER_DEFAULT_STORAGE_KEY): string {
+	return shellBuildBannerInitScript(storageKey);
+}

package/src/runtime/lazy-upgrade-init.ts

@@ -0,0 +1,5 @@
+
+
+import { shellLazyUpgradeScript } from '@publier/native';
+
+export const LAZY_UPGRADE_SCRIPT = shellLazyUpgradeScript();

package/src/runtime/sidebar-scroll-init.ts

@@ -0,0 +1,3 @@
+
+
+export const SIDEBAR_SCROLL_STORAGE_KEY = 'publier:docs-sidebar-scroll';

package/src/runtime/theme-init.ts

@@ -0,0 +1,16 @@
+
+
+import { shellBuildThemeInitScript } from '@publier/native';
+
+export interface AppearanceOptions {
+	
+	default?: 'system' | 'light' | 'dark';
+	
+	strict?: boolean;
+}
+
+export function buildThemeInitScript(appearance: AppearanceOptions = {}): string {
+	return shellBuildThemeInitScript(appearance.default ?? 'system', appearance.strict ?? false);
+}
+
+export const THEME_INIT_SCRIPT = buildThemeInitScript({ default: 'system', strict: false });

package/src/schemas/blog.ts

@@ -0,0 +1,37 @@
+
+
+import { z } from 'astro/zod';
+
+export const blogSchema = z.object({
+	
+	title: z.string(),
+
+	
+	description: z.string().optional(),
+
+	
+	date: z.coerce.date(),
+
+	
+	updated: z.coerce.date().optional(),
+
+	
+	author: z.string().optional(),
+
+	
+	tags: z.array(z.string()).optional(),
+
+	
+	image: z.string().optional(),
+
+	
+	imageAlt: z.string().optional(),
+
+	
+	draft: z.boolean().default(false),
+
+	
+	excerpt: z.string().optional(),
+});
+
+export type BlogEntry = z.infer<typeof blogSchema>;