@axerity/cli 0.1.4 → 0.2.0

package/src/content/demo/theming/typography.md

@@ -1,83 +0,0 @@
----
-title: Typography
-description: Swap the UI and code fonts.
-icon: type
----
-
-<script>
-	import { Steps, Step } from '$lib';
-</script>
-
-# Typography
-
-Fonts are self-hosted with [Fontsource](https://fontsource.org) and wired through
-two tokens: `--font-sans` (UI and content) and `--font-mono` (code). Axerity ships
-with **Geist** and **Geist Mono**.
-
-## Where fonts live
-
-The font files are imported in `src/routes/+layout.svelte`:
-
-```svelte title="src/routes/+layout.svelte"
-<script lang="ts">
-	import '@fontsource-variable/geist/index.css';
-	import '@fontsource-variable/geist-mono/index.css';
-	import './layout.css';
-</script>
-```
-
-The tokens that point at them live in `src/routes/layout.css`:
-
-```css title="src/routes/layout.css"
-@theme inline {
-	--font-sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
-	--font-mono: 'Geist Mono Variable', ui-monospace, monospace;
-}
-```
-
-## Swap a font
-
-<Steps>
-	<Step title="Install it">
-
-```bash
-pnpm add @fontsource-variable/geist
-```
-
-    </Step>
-    <Step title="Import the CSS">
-
-In `src/routes/+layout.svelte`, add the import (and drop the old one):
-
-```svelte
-<script lang="ts">
-	import '@fontsource-variable/geist/index.css';
-</script>
-```
-
-    </Step>
-    <Step title="Point the token at it">
-
-In `src/routes/layout.css`, update the family name (find the exact name in the
-package's `index.css`):
-
-```css
-@theme inline {
-	--font-sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
-}
-```
-
-    </Step>
-
-</Steps>
-
-## Type declarations
-
-Fontsource CSS imports have no types, so they're declared in `src/app.d.ts`:
-
-```ts title="src/app.d.ts"
-declare module '@fontsource-variable/geist/*';
-declare module '@fontsource-variable/geist-mono/*';
-```
-
-Add a matching line for any new font package.

package/src/content/demo/writing/code-blocks.md

@@ -1,154 +0,0 @@
----
-title: Code Blocks
-description: Fenced code with syntax highlighting, titles, and line highlighting.
-icon: code
----
-
-# Code Blocks
-
-Fenced code blocks are written with triple backticks and a language hint, then
-highlighted with [Shiki](https://shiki.style), light and dark themes follow
-your color scheme automatically.
-
-## Basic
-
-````md
-```ts
-const greeting: string = 'Hello, Axerity';
-console.log(greeting);
-```
-````
-
-Renders as:
-
-```ts
-const greeting: string = 'Hello, Axerity';
-console.log(greeting);
-```
-
-Hover any block to reveal the **copy** button in the corner.
-
-## Titles
-
-Add `title="…"` after the language to render a filename header bar:
-
-````md
-```ts title="hello.ts"
-export function hello(name: string) {
-	return `Hello, ${name}`;
-}
-```
-````
-
-```ts title="hello.ts"
-export function hello(name: string) {
-	return `Hello, ${name}`;
-}
-```
-
-## Line highlighting
-
-Add a `{…}` range to emphasize specific lines, single lines, comma lists, and
-ranges all work:
-
-````md
-```ts title="server.ts" {2,4-6}
-import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-	res.writeHead(200);
-	res.end('Hello from Axerity');
-});
-
-server.listen(3000);
-```
-````
-
-```ts title="server.ts" {2,4-6}
-import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-	res.writeHead(200);
-	res.end('Hello from Axerity');
-});
-
-server.listen(3000);
-```
-
-## Line numbers
-
-Add `showLineNumbers` to number every line, it combines with titles and
-highlighting:
-
-````md
-```ts showLineNumbers {3}
-function fib(n) {
-	if (n < 2) return n;
-	return fib(n - 1) + fib(n - 2);
-}
-```
-````
-
-```ts showLineNumbers {3}
-function fib(n) {
-	if (n < 2) return n;
-	return fib(n - 1) + fib(n - 2);
-}
-```
-
-## Type hovers with Twoslash
-
-Add `twoslash` to a TypeScript block to run it through the compiler at build
-time. Tokens gain real type information you can hover, and a `^?` comment pops
-the type of whatever sits above the caret:
-
-````md
-```ts twoslash
-const user = {
-	name: 'Ada',
-	id: 1
-};
-
-user.name;
-//   ^?
-```
-````
-
-```ts twoslash
-const user = {
-	name: 'Ada',
-	id: 1
-};
-
-user.name;
-//   ^?
-```
-
-The code has to type check, so a Twoslash block doubles as a test that your
-examples still compile.
-
-## Svelte
-
-Svelte is highlighted too, including the `<script>` block, markup, and bindings:
-
-````md
-```svelte
-<script lang="ts">
-	let count = $state(0);
-</script>
-
-<button onclick={() => count++}>
-	clicked {count} times
-</button>
-```
-````
-
-```svelte
-<script lang="ts">
-	let count = $state(0);
-</script>
-
-<button onclick={() => count++}>
-	clicked {count} times
-</button>
-```

package/src/content/demo/writing/diagrams.md

@@ -1,44 +0,0 @@
----
-title: Diagrams
-description: Draw flowcharts and diagrams with Mermaid.
-icon: workflow
----
-
-# Diagrams
-
-Write a fenced code block with the `mermaid` language and it renders as a
-diagram. Diagrams are drawn in the browser and follow your light or dark theme.
-
-## Flowchart
-
-````md
-```mermaid
-flowchart LR
-	A[Write Markdown] --> B{Has a fence?}
-	B -- mermaid --> C[Render a diagram]
-	B -- code --> D[Highlight with Shiki]
-```
-````
-
-Renders as:
-
-```mermaid
-flowchart LR
-	A[Write Markdown] --> B{Has a fence?}
-	B -- mermaid --> C[Render a diagram]
-	B -- code --> D[Highlight with Shiki]
-```
-
-## Sequence
-
-```mermaid
-sequenceDiagram
-	participant R as Reader
-	participant S as Server
-	R->>S: Request a page
-	S-->>R: Pre-rendered HTML
-	R->>R: Hydrate and draw diagrams
-```
-
-Anything Mermaid supports works, including class diagrams, state diagrams, and
-Gantt charts. See the [Mermaid docs](https://mermaid.js.org) for the full syntax.

package/src/content/demo/writing/frontmatter.md

@@ -1,33 +0,0 @@
----
-title: Frontmatter
-description: Metadata that drives titles, icons, and ordering.
-icon: tag
----
-
-# Frontmatter
-
-Every page starts with a YAML frontmatter block. It supplies the page's
-metadata to the engine.
-
-## Fields
-
-```yaml
----
-title: Frontmatter
-description: Metadata that drives titles, icons, and ordering.
-icon: tag
-badge: New
----
-```
-
-| Field         | Purpose                                   |
-| ------------- | ----------------------------------------- |
-| `title`       | Sidebar label and page `<title>`          |
-| `description` | Meta description, used for SEO            |
-| `icon`        | Lucide icon shown beside the sidebar link |
-| `badge`       | Small pill next to the title (e.g. `New`) |
-
-## How it's used
-
-The content-tree generator reads each page's frontmatter to build the sidebar,
-so changing a `title` here updates the navigation automatically.

package/src/content/demo/writing/markdown.md

@@ -1,62 +0,0 @@
----
-title: Markdown & MDX
-description: Write content in Markdown, enhanced with Svelte.
-icon: file-text
----
-
-# Markdown & MDX
-
-Axerity renders content with [mdsvex](https://mdsvex.pngwn.io), so every page is
-Markdown that can also embed live Svelte components.
-
-## Standard Markdown
-
-All the usual Markdown works, **bold**, _italic_, `inline code`, and
-[links](/).
-
-- Bullet lists
-- With multiple items
-- And nested ones
-
-1. Ordered lists
-2. Work too
-
-> Blockquotes are styled to match the theme.
-
-## Headings become anchors
-
-Every heading gets an id automatically, which powers the table of contents and
-lets you deep-link to any section.
-
-## Tables
-
-Standard Markdown tables are styled as a rounded, scrollable card.
-
-| Feature | Status   |
-| ------- | -------- |
-| Tables  | Built in |
-| Search  | Built in |
-
-## External links
-
-Links to another site open in a new tab automatically. Internal links navigate
-in place.
-
-## Components
-
-Import a component in a `<script>` block at the top of the page, then use it
-anywhere in the Markdown:
-
-```svelte
-<script>
-	import { Callout } from '$lib';
-</script>
-
-<Callout type="tip">
-	Leave a blank line between the tags and the content so the inner Markdown is parsed.
-</Callout>
-```
-
-The blank line around the content matters. Without it the inner text is treated
-as plain text, not Markdown. See the [Components](/components/callout)
-section for everything available.

package/src/content/demo/writing/meta.json

@@ -1,5 +0,0 @@
-{
-	"title": "Writing Content",
-	"icon": "pencil-line",
-	"pages": ["markdown", "frontmatter", "code-blocks", "diagrams"]
-}

package/src/hooks.server.ts

@@ -1,49 +0,0 @@
-import { site } from '$lib/config/site';
-import type { BrandConfig } from '$lib/types';
-import type { Handle } from '@sveltejs/kit';
-
-const theme = site.theme ?? 'neutral';
-
-// Reject anything that could break out of the <style> block. Config is authored
-// by the site owner, but this keeps a stray brace or tag from corrupting the CSS.
-const clean = (value: string) => value.replace(/[<>{}]/g, '').trim();
-
-function brandStyle(brand?: BrandConfig): string {
-	if (!brand) return '';
-
-	const light: string[] = [];
-	const dark: string[] = [];
-
-	if (brand.accent) {
-		const accent = clean(brand.accent);
-		const accentDark = clean(brand.accentDark ?? brand.accent);
-		light.push(`--accent:${accent}!important`);
-		light.push(`--accent-hover:color-mix(in oklab, ${accent} 85%, #000)!important`);
-		dark.push(`--accent:${accentDark}!important`);
-		dark.push(`--accent-hover:color-mix(in oklab, ${accentDark} 85%, #fff)!important`);
-	}
-	if (brand.accentContrast) {
-		light.push(`--accent-contrast:${clean(brand.accentContrast)}!important`);
-	}
-	if (brand.radius) {
-		const r = clean(brand.radius);
-		light.push(`--theme-radius-sm:calc(${r} * 0.25)!important`);
-		light.push(`--theme-radius-md:calc(${r} * 0.5)!important`);
-		light.push(`--theme-radius-lg:${r}!important`);
-		light.push(`--theme-radius-xl:calc(${r} * 1.5)!important`);
-		light.push(`--theme-radius-2xl:calc(${r} * 2)!important`);
-	}
-
-	if (!light.length && !dark.length) return '';
-	const css = `:root{${light.join(';')}}${dark.length ? `.dark{${dark.join(';')}}` : ''}`;
-	return `<style>${css}</style>`;
-}
-
-const brandTag = brandStyle(site.brand);
-
-export const handle: Handle = ({ event, resolve }) => {
-	return resolve(event, {
-		transformPageChunk: ({ html }) =>
-			html.replace('<html', `<html data-theme="${theme}"`).replace('</head>', `${brandTag}</head>`)
-	});
-};

package/src/lib/assets/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>

package/src/lib/base.ts

@@ -1,12 +0,0 @@
-import { base } from '$app/paths';
-
-/**
- * Prefix an internal absolute link with the configured base path. External
- * links, anchors, and already-prefixed links are returned unchanged. Used by
- * components that render author-written hrefs so they work under a sub-path.
- */
-export function withBase(href?: string): string | undefined {
-	if (!href || !base) return href;
-	if (!href.startsWith('/') || href.startsWith('//') || href.startsWith(`${base}/`)) return href;
-	return base + href;
-}

package/src/lib/components/DynamicIcon.svelte

@@ -1,41 +0,0 @@
-<script lang="ts" module>
-	import { icons } from 'lucide';
-
-	type IconNode = [string, Record<string, string | number>][];
-	const registry = icons as unknown as Record<string, IconNode>;
-
-	const pascal = (name: string) =>
-		name
-			.split(/[-_]/)
-			.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-			.join('');
-</script>
-
-<script lang="ts">
-	let {
-		name,
-		size = 16,
-		class: className = ''
-	}: { name?: string; size?: number; class?: string } = $props();
-
-	const node = $derived(name ? registry[pascal(name)] : undefined);
-</script>
-
-{#if node}
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width={size}
-		height={size}
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class={`lucide ${className}`}
-	>
-		{#each node as [tag, attrs], i (i)}
-			<svelte:element this={tag} {...attrs} />
-		{/each}
-	</svg>
-{/if}

package/src/lib/components/docs/Analytics.svelte

@@ -1,38 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import { site } from '$lib/config/site';
-
-	$effect(() => {
-		if (!browser || !site.analytics) return;
-		const added: HTMLScriptElement[] = [];
-
-		if (site.analytics.plausible) {
-			const script = document.createElement('script');
-			script.defer = true;
-			script.setAttribute('data-domain', site.analytics.plausible);
-			script.src = 'https://plausible.io/js/script.js';
-			document.head.appendChild(script);
-			added.push(script);
-		}
-
-		if (site.analytics.googleAnalytics) {
-			const id = site.analytics.googleAnalytics;
-			const loader = document.createElement('script');
-			loader.async = true;
-			loader.src = `https://www.googletagmanager.com/gtag/js?id=${id}`;
-			document.head.appendChild(loader);
-			added.push(loader);
-
-			const inline = document.createElement('script');
-			inline.textContent =
-				`window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}` +
-				`gtag('js',new Date());gtag('config','${id}');`;
-			document.head.appendChild(inline);
-			added.push(inline);
-		}
-
-		return () => {
-			for (const script of added) script.remove();
-		};
-	});
-</script>

package/src/lib/components/docs/Banner.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { browser } from '$app/environment';
-	import X from '@lucide/svelte/icons/x';
-	import type { Banner } from '$lib/types';
-
-	let { banner }: { banner: Banner } = $props();
-
-	const storageKey = $derived(`axerity-banner:${banner.id ?? banner.text}`);
-	let dismissed = $state(false);
-
-	$effect(() => {
-		if (browser && banner.dismissible) {
-			dismissed = localStorage.getItem(storageKey) === '1';
-		}
-	});
-
-	function dismiss() {
-		dismissed = true;
-		if (browser) localStorage.setItem(storageKey, '1');
-	}
-</script>
-
-{#if !dismissed}
-	<div
-		data-banner-key={storageKey}
-		class="banner relative flex items-center justify-center gap-2 bg-fg px-10 py-2 text-center text-sm font-medium text-surface"
-	>
-		{#if banner.href}
-			<a href={banner.href} class="hover:underline">{banner.text}</a>
-		{:else}
-			<span>{banner.text}</span>
-		{/if}
-		{#if banner.dismissible}
-			<button
-				type="button"
-				onclick={dismiss}
-				aria-label="Dismiss announcement"
-				class="absolute right-3 inline-flex h-6 w-6 items-center justify-center rounded-md text-surface/70 transition hover:bg-surface/15 hover:text-surface"
-			>
-				<X size={15} />
-			</button>
-		{/if}
-	</div>
-{/if}

package/src/lib/components/docs/Breadcrumbs.svelte

@@ -1,38 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import ChevronRight from '@lucide/svelte/icons/chevron-right';
-	import type { NavEntry, NavSection } from '$lib/types';
-
-	let { sidebar }: { sidebar: NavSection[] } = $props();
-
-	function findTrail(entries: NavEntry[], acc: string[], path: string): string[] | null {
-		for (const entry of entries) {
-			if ('href' in entry) {
-				if (entry.href === path) return [...acc, entry.title];
-			} else {
-				const nested = findTrail(entry.items, [...acc, entry.title], path);
-				if (nested) return nested;
-			}
-		}
-		return null;
-	}
-
-	const trail = $derived.by(() => {
-		for (const section of sidebar) {
-			const found = findTrail(section.items, [section.title], page.url.pathname);
-			if (found) return found;
-		}
-		return [];
-	});
-</script>
-
-{#if trail.length > 1}
-	<nav class="flex min-w-0 items-center gap-1.5 text-xs text-fg-subtle" aria-label="Breadcrumb">
-		{#each trail as crumb, index (index)}
-			{#if index > 0}
-				<ChevronRight size={12} class="shrink-0" />
-			{/if}
-			<span class="truncate {index === trail.length - 1 ? 'text-fg-muted' : ''}">{crumb}</span>
-		{/each}
-	</nav>
-{/if}