@axerity/cli 0.1.4 → 0.2.1

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

@@ -1,67 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import type { NavLink } from '$lib/types';
-	import DynamicIcon from '$lib/components/DynamicIcon.svelte';
-
-	let { item, depth = 0 }: { item: NavLink; depth?: number } = $props();
-
-	const active = $derived(page.url.pathname === item.href);
-</script>
-
-<a
-	href={item.href}
-	aria-current={active ? 'page' : undefined}
-	style="padding-left: {0.75 + depth * 0.75}rem"
-	class="group flex items-center gap-2.5 rounded-md py-1.5 pr-3 text-sm transition
-		{active
-		? 'bg-accent/10 font-medium text-accent'
-		: 'text-fg-muted hover:bg-bg-subtle hover:text-fg'}"
->
-	{#if item.method}
-		<span class="method-badge" data-method={item.method.toUpperCase()}>
-			{item.method.toUpperCase()}
-		</span>
-	{:else if item.icon}
-		<DynamicIcon
-			name={item.icon}
-			size={16}
-			class={active ? 'text-accent' : 'text-fg-subtle group-hover:text-fg-muted'}
-		/>
-	{/if}
-	<span class="flex-1">{item.title}</span>
-	{#if item.badge}
-		<span
-			class="rounded-full bg-accent/15 px-1.5 py-0.5 text-[10px] font-semibold tracking-wide text-accent uppercase"
-		>
-			{item.badge}
-		</span>
-	{/if}
-</a>
-
-<style>
-	/* Color-coded HTTP method label, mirroring the <Endpoint> badge. */
-	.method-badge {
-		flex-shrink: 0;
-		width: 2.75rem;
-		font-family: var(--font-mono);
-		font-size: 0.6rem;
-		font-weight: 700;
-		letter-spacing: 0.02em;
-		color: var(--m);
-	}
-	.method-badge[data-method='GET'] {
-		--m: oklch(0.6 0.15 155);
-	}
-	.method-badge[data-method='POST'] {
-		--m: oklch(0.6 0.16 250);
-	}
-	.method-badge[data-method='PUT'] {
-		--m: oklch(0.68 0.15 75);
-	}
-	.method-badge[data-method='PATCH'] {
-		--m: oklch(0.62 0.19 300);
-	}
-	.method-badge[data-method='DELETE'] {
-		--m: oklch(0.62 0.21 25);
-	}
-</style>

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

@@ -1,77 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { SvelteSet } from 'svelte/reactivity';
-	import type { TocEntry } from '$lib/types';
-
-	// Where to read headings from — the rendered markdown container.
-	let { containerId = 'doc-content' }: { containerId?: string } = $props();
-
-	let entries = $state<TocEntry[]>([]);
-	let activeId = $state<string | null>(null);
-
-	// Extract h2/h3 headings from the rendered content, re-running on navigation.
-	$effect(() => {
-		// Reading the pathname makes this effect re-run (re-extract) on navigation.
-		const pathname = page.url.pathname;
-		const container = document.getElementById(containerId);
-		if (!container || !pathname) {
-			entries = [];
-			return;
-		}
-		const headings = container.querySelectorAll<HTMLElement>('h2[id], h3[id]');
-		entries = Array.from(headings).map((h) => ({
-			id: h.id,
-			title: h.textContent?.trim() ?? '',
-			depth: h.tagName === 'H3' ? 3 : 2
-		}));
-	});
-
-	// Scroll-spy: highlight the heading nearest the top of the viewport.
-	$effect(() => {
-		if (entries.length === 0) return;
-
-		const elements = entries
-			.map((e) => document.getElementById(e.id))
-			.filter((el): el is HTMLElement => el !== null);
-
-		const visible = new SvelteSet<string>();
-		const observer = new IntersectionObserver(
-			(records) => {
-				for (const record of records) {
-					if (record.isIntersecting) visible.add(record.target.id);
-					else visible.delete(record.target.id);
-				}
-				const firstVisible = entries.find((e) => visible.has(e.id));
-				if (firstVisible) activeId = firstVisible.id;
-			},
-			{ rootMargin: '0px 0px -70% 0px', threshold: 0 }
-		);
-
-		for (const el of elements) observer.observe(el);
-		return () => observer.disconnect();
-	});
-</script>
-
-{#if entries.length > 0}
-	<nav class="flex flex-col gap-2 text-sm" aria-label="On this page">
-		<p class="px-3 text-xs font-semibold tracking-wide text-fg-subtle uppercase">On this page</p>
-		<ul class="flex flex-col gap-0.5">
-			{#each entries as entry (entry.id)}
-				{@const active = activeId === entry.id}
-				<li>
-					<a
-						href="#{entry.id}"
-						aria-current={active ? 'location' : undefined}
-						class="block border-l-2 py-1 pr-3 transition
-							{entry.depth === 3 ? 'pl-6' : 'pl-3'}
-							{active
-							? 'border-accent font-medium text-accent'
-							: 'border-transparent text-fg-subtle hover:text-fg'}"
-					>
-						{entry.title}
-					</a>
-				</li>
-			{/each}
-		</ul>
-	</nav>
-{/if}

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

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import Sun from '@lucide/svelte/icons/sun';
-	import Moon from '@lucide/svelte/icons/moon';
-	import { theme } from '$lib/state/theme.svelte';
-</script>
-
-<button
-	type="button"
-	onclick={() => theme.toggle()}
-	class="inline-flex h-9 w-9 items-center justify-center rounded-lg border border-border text-fg-muted transition hover:border-border-strong hover:bg-bg-subtle hover:text-fg"
-	aria-label="Toggle theme"
-	title={theme.resolved === 'dark' ? 'Switch to light' : 'Switch to dark'}
->
-	{#if theme.resolved === 'dark'}
-		<Moon size={17} />
-	{:else}
-		<Sun size={17} />
-	{/if}
-</button>

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

@@ -1,80 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { base } from '$app/paths';
-	import { fade } from 'svelte/transition';
-	import ChevronDown from '@lucide/svelte/icons/chevron-down';
-	import Check from '@lucide/svelte/icons/check';
-	import type { Version } from '$lib/types';
-
-	let {
-		versions,
-		resolveVersion
-	}: {
-		versions: Version[];
-		resolveVersion?: (pathname: string, versionPath: string) => string;
-	} = $props();
-
-	let open = $state(false);
-
-	const stripBase = (path: string): string =>
-		base && path.startsWith(base) ? path.slice(base.length) : path;
-
-	const sorted = $derived(
-		[...versions].sort((a, b) => stripBase(b.href).length - stripBase(a.href).length)
-	);
-
-	const current = $derived(
-		sorted.find((version) => {
-			const vp = stripBase(version.href);
-			const path = stripBase(page.url.pathname);
-			return vp === '/' ? true : path === vp || path.startsWith(`${vp}/`);
-		}) ?? versions[0]
-	);
-
-	const hrefFor = (version: Version): string => {
-		const vp = stripBase(version.href);
-		if (resolveVersion) return resolveVersion(page.url.pathname, vp);
-		const cur = stripBase(current.href);
-		const rest = vp === '/' || cur === '/' ? '' : stripBase(page.url.pathname).slice(cur.length);
-		return base + (vp === '/' ? rest || '/' : vp + rest);
-	};
-</script>
-
-<div class="relative">
-	<button
-		type="button"
-		onclick={() => (open = !open)}
-		aria-expanded={open}
-		class="flex items-center gap-1.5 rounded-md border border-border bg-surface px-2.5 py-1.5 text-xs font-medium text-fg-muted transition hover:border-border-strong hover:text-fg"
-	>
-		{current.label}
-		<ChevronDown size={13} class="text-fg-subtle transition-transform {open ? 'rotate-180' : ''}" />
-	</button>
-
-	{#if open}
-		<button
-			type="button"
-			class="fixed inset-0 z-40 cursor-default"
-			aria-label="Close versions"
-			onclick={() => (open = false)}
-		></button>
-		<div
-			class="absolute left-0 z-50 mt-1.5 w-36 overflow-hidden rounded-lg border border-border bg-surface-raised p-1 shadow-lg"
-			transition:fade={{ duration: 100 }}
-		>
-			{#each versions as version (version.label)}
-				<a
-					href={hrefFor(version)}
-					onclick={() => (open = false)}
-					class="flex items-center justify-between rounded-md px-2.5 py-1.5 text-sm transition hover:bg-bg-subtle
-						{version === current ? 'text-fg' : 'text-fg-muted'}"
-				>
-					{version.label}
-					{#if version === current}
-						<Check size={14} class="text-fg-subtle" />
-					{/if}
-				</a>
-			{/each}
-		</div>
-	{/if}
-</div>

package/src/lib/components/kit/Accordion.svelte

@@ -1,60 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { getContext, untrack } from 'svelte';
-	import { slide } from 'svelte/transition';
-	import ChevronDown from '@lucide/svelte/icons/chevron-down';
-	import DynamicIcon from '$lib/components/DynamicIcon.svelte';
-	import { ACCORDION_GROUP } from './accordion-context';
-
-	let {
-		title,
-		icon,
-		open = false,
-		children
-	}: { title: string; icon?: string; open?: boolean; children: Snippet } = $props();
-
-	// `open` is an uncontrolled initial value; toggling afterwards is internal.
-	let isOpen = $state(untrack(() => open));
-
-	const grouped = getContext(ACCORDION_GROUP) === true;
-
-	// Standalone accordions are self-contained cards; grouped ones inherit the
-	// group's border and dividers.
-	const wrapperClass = grouped ? 'bg-surface' : 'my-5 rounded-xl border border-border bg-surface';
-</script>
-
-<div class={wrapperClass}>
-	<button
-		type="button"
-		onclick={() => (isOpen = !isOpen)}
-		aria-expanded={isOpen}
-		class="flex w-full items-center gap-3 px-4 py-3 text-left text-sm font-medium text-fg transition hover:bg-bg-subtle"
-	>
-		{#if icon}
-			<DynamicIcon name={icon} size={18} class="shrink-0 text-accent" />
-		{/if}
-		<span class="flex-1">{title}</span>
-		<ChevronDown
-			size={18}
-			class="shrink-0 text-fg-subtle transition-transform duration-200 {isOpen ? 'rotate-180' : ''}"
-		/>
-	</button>
-
-	{#if isOpen}
-		<div transition:slide={{ duration: 200 }}>
-			<div class="accordion-body px-4 pb-4 text-sm text-fg-muted">
-				{@render children()}
-			</div>
-		</div>
-	{/if}
-</div>
-
-<style>
-	/* Trim stray margins from markdown rendered inside the panel. */
-	.accordion-body :global(> :first-child) {
-		margin-top: 0;
-	}
-	.accordion-body :global(> :last-child) {
-		margin-bottom: 0;
-	}
-</style>

package/src/lib/components/kit/AccordionGroup.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { setContext } from 'svelte';
-	import { ACCORDION_GROUP } from './accordion-context';
-
-	let { children }: { children: Snippet } = $props();
-
-	setContext(ACCORDION_GROUP, true);
-</script>
-
-<div class="my-5 divide-y divide-border overflow-hidden rounded-xl border border-border">
-	{@render children()}
-</div>

package/src/lib/components/kit/Badge.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	type Color = 'neutral' | 'info' | 'success' | 'warn' | 'error';
-
-	let { color = 'neutral', children }: { color?: Color; children: Snippet } = $props();
-
-	const variants = {
-		neutral: 'border-border bg-bg-subtle text-fg-muted',
-		info: 'border-transparent bg-(--c)/15 text-(--c)',
-		success: 'border-transparent bg-(--c)/15 text-(--c)',
-		warn: 'border-transparent bg-(--c)/15 text-(--c)',
-		error: 'border-transparent bg-(--c)/15 text-(--c)'
-	} as const;
-
-	const colors = {
-		neutral: 'var(--fg-muted)',
-		info: 'oklch(0.62 0.2 250)',
-		success: 'oklch(0.6 0.16 155)',
-		warn: 'oklch(0.7 0.16 75)',
-		error: 'oklch(0.62 0.22 25)'
-	} as const;
-</script>
-
-<span
-	class="inline-flex items-center rounded-full border px-2 py-0.5 align-middle text-xs font-medium {variants[
-		color
-	]}"
-	style="--c: {colors[color]};"
->
-	{@render children()}
-</span>

package/src/lib/components/kit/Callout.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	import Info from '@lucide/svelte/icons/info';
-	import Lightbulb from '@lucide/svelte/icons/lightbulb';
-	import CircleCheck from '@lucide/svelte/icons/circle-check';
-	import TriangleAlert from '@lucide/svelte/icons/triangle-alert';
-	import CircleX from '@lucide/svelte/icons/circle-x';
-
-	type CalloutType = 'info' | 'tip' | 'success' | 'warn' | 'warning' | 'error';
-
-	let {
-		type = 'info',
-		title,
-		children
-	}: { type?: CalloutType; title?: string; children: Snippet } = $props();
-
-	const variants = {
-		info: { icon: Info, color: 'var(--fg-muted)' },
-		tip: { icon: Lightbulb, color: 'oklch(0.62 0.2 300)' },
-		success: { icon: CircleCheck, color: 'oklch(0.6 0.16 155)' },
-		warn: { icon: TriangleAlert, color: 'oklch(0.7 0.16 75)' },
-		error: { icon: CircleX, color: 'oklch(0.62 0.22 25)' }
-	} as const;
-
-	const variant = $derived(variants[type === 'warning' ? 'warn' : type]);
-	const Icon = $derived(variant.icon);
-</script>
-
-<div
-	class="callout my-5 flex gap-2.5 rounded-lg border border-(--c)/25 bg-(--c)/[0.07] px-4 py-3"
-	style="--c: {variant.color};"
-	role="note"
->
-	<Icon size={18} class="mt-0.5 shrink-0 text-(--c)" />
-	<div class="callout-body min-w-0 flex-1 text-sm leading-relaxed text-(--c)">
-		{#if title}
-			<p class="mb-0.5 font-semibold">{title}</p>
-		{/if}
-		{@render children()}
-	</div>
-</div>
-
-<style>
-	.callout-body :global(> :first-child) {
-		margin-top: 0;
-	}
-	.callout-body :global(> :last-child) {
-		margin-bottom: 0;
-	}
-</style>

package/src/lib/components/kit/Card.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import ArrowRight from '@lucide/svelte/icons/arrow-right';
-	import DynamicIcon from '$lib/components/DynamicIcon.svelte';
-	import { withBase } from '$lib/base';
-
-	let {
-		title,
-		icon,
-		href,
-		horizontal = false,
-		children
-	}: {
-		title: string;
-		icon?: string;
-		href?: string;
-		horizontal?: boolean;
-		children?: Snippet;
-	} = $props();
-
-	const isLink = $derived(!!href);
-	const external = $derived(!!href && /^https?:\/\//.test(href));
-</script>
-
-<svelte:element
-	this={href ? 'a' : 'div'}
-	href={withBase(href) || undefined}
-	target={external ? '_blank' : undefined}
-	rel={external ? 'noreferrer' : undefined}
-	class="card-root group block rounded-lg border border-border bg-surface p-4 transition
-		{isLink ? 'hover:border-border-strong hover:bg-bg-subtle' : ''}
-		{horizontal ? 'flex items-start gap-3.5' : ''}"
->
-	{#if icon}
-		<div
-			class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border bg-bg-subtle text-fg
-				{horizontal ? '' : 'mb-3'}"
-		>
-			<DynamicIcon name={icon} size={17} />
-		</div>
-	{/if}
-
-	<div class="min-w-0 flex-1">
-		<div class="flex items-center gap-1.5">
-			<span class="font-semibold text-fg">{title}</span>
-			{#if isLink}
-				<ArrowRight
-					size={15}
-					class="text-fg-subtle transition-transform group-hover:translate-x-0.5"
-				/>
-			{/if}
-		</div>
-		{#if children}
-			<div class="card-body mt-1 text-sm text-fg-muted">
-				{@render children()}
-			</div>
-		{/if}
-	</div>
-</svelte:element>
-
-<style>
-	.card-root,
-	.card-root:hover {
-		text-decoration: none;
-	}
-	.card-body :global(> :first-child) {
-		margin-top: 0;
-	}
-	.card-body :global(> :last-child) {
-		margin-bottom: 0;
-	}
-</style>

package/src/lib/components/kit/CardGroup.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	let { cols = 2, children }: { cols?: number; children: Snippet } = $props();
-</script>
-
-<div class="card-group my-5 grid gap-3" style="--cols: {cols};">
-	{@render children()}
-</div>
-
-<style>
-	.card-group {
-		grid-template-columns: repeat(1, minmax(0, 1fr));
-	}
-
-	@media (min-width: 640px) {
-		.card-group {
-			grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
-		}
-	}
-</style>

package/src/lib/components/kit/CodeGroup.svelte

@@ -1,65 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	let { children }: { children: Snippet } = $props();
-
-	let container = $state<HTMLElement>();
-	let tabs = $state<string[]>([]);
-	let active = $state(0);
-
-	let blocks: HTMLElement[] = [];
-	let initialized = false;
-
-	$effect(() => {
-		if (!container || initialized) return;
-		const found = Array.from(
-			container.querySelectorAll('.cg-blocks > .code-block')
-		) as HTMLElement[];
-		if (!found.length) return;
-
-		blocks = found;
-		tabs = found.map((block, index) => {
-			const title = block.querySelector('.code-title')?.textContent?.trim();
-			block.querySelector('.code-header')?.classList.add('hidden');
-			return title || `Tab ${index + 1}`;
-		});
-		select(0);
-		initialized = true;
-	});
-
-	function select(index: number) {
-		active = index;
-		blocks.forEach((block, i) => block.classList.toggle('hidden', i !== index));
-	}
-</script>
-
-<div class="code-group my-5 overflow-hidden rounded-lg border border-border" bind:this={container}>
-	{#if tabs.length}
-		<div class="cg-tabs flex items-center gap-1 border-b border-border bg-bg-subtle px-1.5 py-1.5">
-			{#each tabs as tab, index (index)}
-				<button
-					type="button"
-					onclick={() => select(index)}
-					class="rounded-md px-2.5 py-1 font-mono text-xs transition
-						{index === active ? 'bg-surface text-fg' : 'text-fg-muted hover:text-fg'}"
-				>
-					{tab}
-				</button>
-			{/each}
-		</div>
-	{/if}
-	<div class="cg-blocks">
-		{@render children()}
-	</div>
-</div>
-
-<style>
-	.code-group :global(.code-block) {
-		margin: 0;
-		border-radius: 0;
-	}
-	.code-group :global(.code-block pre) {
-		border: 0;
-		border-radius: 0;
-	}
-</style>

package/src/lib/components/kit/Columns.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	let { cols = 2, children }: { cols?: number; children: Snippet } = $props();
-</script>
-
-<div class="columns-grid" style="--cols: {cols};">
-	{@render children()}
-</div>
-
-<style>
-	.columns-grid {
-		display: grid;
-		gap: 1rem;
-		grid-template-columns: 1fr;
-		margin: 1.25rem 0;
-	}
-	@media (min-width: 640px) {
-		.columns-grid {
-			grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
-		}
-	}
-	.columns-grid :global(> *) {
-		margin: 0;
-	}
-</style>

package/src/lib/components/kit/Event.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import ArrowRight from '@lucide/svelte/icons/arrow-right';
-	import { withBase } from '$lib/base';
-
-	let { name, href, children }: { name: string; href?: string; children?: Snippet } = $props();
-</script>
-
-<svelte:element
-	this={href ? 'a' : 'div'}
-	href={href ? withBase(href) : undefined}
-	class="event-item flex items-center gap-3 px-4 py-3 text-sm transition {href
-		? 'hover:bg-bg-subtle'
-		: ''}"
->
-	<code class="shrink-0 font-mono text-fg">{name}</code>
-	{#if children}
-		<span class="min-w-0 flex-1 truncate text-fg-muted">{@render children()}</span>
-	{/if}
-	{#if href}
-		<ArrowRight size={15} class="ml-auto shrink-0 text-fg-subtle" />
-	{/if}
-</svelte:element>

package/src/lib/components/kit/EventList.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	let { children }: { children: Snippet } = $props();
-</script>
-
-<div class="event-list my-5 divide-y divide-border overflow-hidden rounded-lg border border-border">
-	{@render children()}
-</div>

package/src/lib/components/kit/File.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-	import FileIcon from '@lucide/svelte/icons/file';
-	import DynamicIcon from '$lib/components/DynamicIcon.svelte';
-
-	let { name, icon }: { name: string; icon?: string } = $props();
-</script>
-
-<div class="tree-file flex items-center gap-1.5 rounded-md py-1 pr-1.5 pl-[1.625rem] text-fg-muted">
-	{#if icon}
-		<DynamicIcon name={icon} size={16} class="shrink-0 text-fg-subtle" />
-	{:else}
-		<FileIcon size={16} class="shrink-0 text-fg-subtle" />
-	{/if}
-	<span class="truncate">{name}</span>
-</div>