npm - sdocs - Versions diffs - 0.0.3 → 0.0.5 - Mend

sdocs 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/bin/sdocs.js +1 -1
package/dist/app-gen.d.ts +10 -0
package/dist/app-gen.js +147 -0
package/dist/cli.js +71 -0
package/dist/client/App.svelte +151 -0
package/dist/client/App.svelte.d.ts +14 -0
package/dist/client/CollapsiblePanel.svelte +63 -0
package/dist/client/CollapsiblePanel.svelte.d.ts +9 -0
package/dist/client/ComponentView.svelte +321 -0
package/dist/client/ComponentView.svelte.d.ts +10 -0
package/dist/client/ControlsPanel.svelte +191 -0
package/dist/client/ControlsPanel.svelte.d.ts +13 -0
package/dist/client/DataTable.svelte +78 -0
package/dist/client/DataTable.svelte.d.ts +11 -0
package/dist/client/HomePage.svelte +92 -0
package/dist/client/HomePage.svelte.d.ts +8 -0
package/dist/client/LayoutView.svelte +27 -0
package/dist/client/LayoutView.svelte.d.ts +8 -0
package/dist/client/PageView.svelte +130 -0
package/dist/client/PageView.svelte.d.ts +8 -0
package/dist/client/PreviewFrame.svelte +100 -0
package/dist/client/PreviewFrame.svelte.d.ts +10 -0
package/dist/client/Sidebar.svelte +329 -0
package/dist/client/Sidebar.svelte.d.ts +16 -0
package/dist/client/controls/CheckboxControl.svelte +37 -0
package/dist/client/controls/CheckboxControl.svelte.d.ts +8 -0
package/dist/client/controls/ColorControl.svelte +47 -0
package/dist/client/controls/ColorControl.svelte.d.ts +8 -0
package/dist/client/controls/DimensionControl.svelte +56 -0
package/dist/client/controls/DimensionControl.svelte.d.ts +8 -0
package/dist/client/controls/NumberControl.svelte +44 -0
package/dist/client/controls/NumberControl.svelte.d.ts +8 -0
package/dist/client/controls/SelectControl.svelte +48 -0
package/dist/client/controls/SelectControl.svelte.d.ts +9 -0
package/dist/client/controls/TextControl.svelte +43 -0
package/dist/client/controls/TextControl.svelte.d.ts +8 -0
package/dist/client/router.svelte.d.ts +11 -0
package/dist/client/router.svelte.js +45 -0
package/dist/client/theme.css +34 -0
package/dist/client/tree-builder.d.ts +30 -0
package/dist/client/tree-builder.js +162 -0
package/dist/commands/build.d.ts +1 -0
package/dist/commands/build.js +38 -0
package/dist/commands/dev.d.ts +1 -0
package/dist/commands/dev.js +40 -0
package/dist/commands/init.d.ts +1 -0
package/dist/commands/init.js +41 -0
package/dist/commands/preview.d.ts +1 -0
package/dist/commands/preview.js +25 -0
package/dist/config.d.ts +7 -0
package/dist/config.js +57 -0
package/dist/index.d.ts +2 -2
package/dist/index.js +1 -4
package/dist/server/discovery.d.ts +6 -0
package/dist/server/discovery.js +24 -0
package/dist/server/highlighter.d.ts +4 -0
package/dist/server/highlighter.js +31 -0
package/dist/server/meta-parser.d.ts +11 -0
package/dist/server/meta-parser.js +107 -0
package/dist/server/prop-parser.d.ts +5 -0
package/dist/server/prop-parser.js +275 -0
package/dist/server/sdocx-parser.d.ts +11 -0
package/dist/server/sdocx-parser.js +197 -0
package/dist/server/snippet-compiler.d.ts +27 -0
package/dist/server/snippet-compiler.js +145 -0
package/dist/server/snippet-extractor.d.ts +11 -0
package/dist/server/snippet-extractor.js +37 -0
package/dist/server/toc-extractor.d.ts +5 -0
package/dist/server/toc-extractor.js +37 -0
package/dist/types.d.ts +100 -148
package/dist/vite.d.ts +5 -2
package/dist/vite.js +266 -2
package/package.json +50 -74
package/README.md +0 -43
package/dist/Sdocs.svelte +0 -1210
package/dist/Sdocs.svelte.d.ts +0 -5
package/dist/cli/app-plugin.d.ts +0 -7
package/dist/cli/app-plugin.js +0 -69
package/dist/cli/config.d.ts +0 -12
package/dist/cli/config.js +0 -34
package/dist/cli/index.js +0 -72
package/dist/cli/server.d.ts +0 -2
package/dist/cli/server.js +0 -64
package/dist/docgen.d.ts +0 -47
package/dist/docgen.js +0 -463
package/dist/internal/ComponentPreview.svelte +0 -58
package/dist/internal/ComponentPreview.svelte.d.ts +0 -17
package/dist/internal/CssPropsTable.svelte +0 -239
package/dist/internal/CssPropsTable.svelte.d.ts +0 -11
package/dist/internal/Home.svelte +0 -92
package/dist/internal/Home.svelte.d.ts +0 -9
package/dist/internal/MethodsTable.svelte +0 -72
package/dist/internal/MethodsTable.svelte.d.ts +0 -7
package/dist/internal/PropsTable.svelte +0 -342
package/dist/internal/PropsTable.svelte.d.ts +0 -12
package/dist/internal/Showcase.svelte +0 -130
package/dist/internal/Showcase.svelte.d.ts +0 -21
package/dist/ui/Badge/Badge.docs.svelte +0 -46
package/dist/ui/Badge/Badge.docs.svelte.d.ts +0 -26
package/dist/ui/Badge/Badge.svelte +0 -59
package/dist/ui/Badge/Badge.svelte.d.ts +0 -17
package/dist/ui/Badge/index.d.ts +0 -1
package/dist/ui/Badge/index.js +0 -1
package/dist/ui/Checkbox/Checkbox.docs.svelte +0 -51
package/dist/ui/Checkbox/Checkbox.docs.svelte.d.ts +0 -27
package/dist/ui/Checkbox/Checkbox.svelte +0 -169
package/dist/ui/Checkbox/Checkbox.svelte.d.ts +0 -18
package/dist/ui/Checkbox/index.d.ts +0 -1
package/dist/ui/Checkbox/index.js +0 -1
package/dist/ui/CodeBlock/CodeBlock.docs.svelte +0 -28
package/dist/ui/CodeBlock/CodeBlock.docs.svelte.d.ts +0 -24
package/dist/ui/CodeBlock/CodeBlock.svelte +0 -101
package/dist/ui/CodeBlock/CodeBlock.svelte.d.ts +0 -7
package/dist/ui/CodeBlock/index.d.ts +0 -1
package/dist/ui/CodeBlock/index.js +0 -1
package/dist/ui/Frame/Frame.docs.svelte +0 -140
package/dist/ui/Frame/Frame.docs.svelte.d.ts +0 -26
package/dist/ui/Frame/Frame.svelte +0 -88
package/dist/ui/Frame/Frame.svelte.d.ts +0 -15
package/dist/ui/Frame/index.d.ts +0 -1
package/dist/ui/Frame/index.js +0 -1
package/dist/ui/InputNumber/InputNumber.docs.svelte +0 -50
package/dist/ui/InputNumber/InputNumber.docs.svelte.d.ts +0 -26
package/dist/ui/InputNumber/InputNumber.svelte +0 -275
package/dist/ui/InputNumber/InputNumber.svelte.d.ts +0 -26
package/dist/ui/InputNumber/index.d.ts +0 -1
package/dist/ui/InputNumber/index.js +0 -1
package/dist/ui/InputText/InputText.docs.svelte +0 -43
package/dist/ui/InputText/InputText.docs.svelte.d.ts +0 -26
package/dist/ui/InputText/InputText.svelte +0 -116
package/dist/ui/InputText/InputText.svelte.d.ts +0 -22
package/dist/ui/InputText/index.d.ts +0 -1
package/dist/ui/InputText/index.js +0 -1
package/dist/ui/Panel/CollapsiblePanel.docs.svelte +0 -45
package/dist/ui/Panel/CollapsiblePanel.docs.svelte.d.ts +0 -25
package/dist/ui/Panel/CollapsiblePanel.svelte +0 -93
package/dist/ui/Panel/CollapsiblePanel.svelte.d.ts +0 -14
package/dist/ui/Panel/index.d.ts +0 -1
package/dist/ui/Panel/index.js +0 -1
package/dist/ui/Placeholder/Placeholder.docs.svelte +0 -49
package/dist/ui/Placeholder/Placeholder.docs.svelte.d.ts +0 -26
package/dist/ui/Placeholder/Placeholder.svelte +0 -99
package/dist/ui/Placeholder/Placeholder.svelte.d.ts +0 -21
package/dist/ui/Placeholder/index.d.ts +0 -1
package/dist/ui/Placeholder/index.js +0 -1
package/dist/ui/Radio/Radio.docs.svelte +0 -67
package/dist/ui/Radio/Radio.docs.svelte.d.ts +0 -27
package/dist/ui/Radio/Radio.svelte +0 -165
package/dist/ui/Radio/Radio.svelte.d.ts +0 -22
package/dist/ui/Radio/RadioGroup.docs.svelte +0 -70
package/dist/ui/Radio/RadioGroup.docs.svelte.d.ts +0 -27
package/dist/ui/Radio/RadioGroup.svelte +0 -98
package/dist/ui/Radio/RadioGroup.svelte.d.ts +0 -27
package/dist/ui/Radio/index.d.ts +0 -2
package/dist/ui/Radio/index.js +0 -2
package/dist/ui/SegmentControl/SegmentControl.docs.svelte +0 -54
package/dist/ui/SegmentControl/SegmentControl.docs.svelte.d.ts +0 -25
package/dist/ui/SegmentControl/SegmentControl.svelte +0 -120
package/dist/ui/SegmentControl/SegmentControl.svelte.d.ts +0 -18
package/dist/ui/SegmentControl/index.d.ts +0 -1
package/dist/ui/SegmentControl/index.js +0 -1
package/dist/ui/Stack/Stack.docs.svelte +0 -63
package/dist/ui/Stack/Stack.docs.svelte.d.ts +0 -26
package/dist/ui/Stack/Stack.svelte +0 -45
package/dist/ui/Stack/Stack.svelte.d.ts +0 -19
package/dist/ui/Stack/index.d.ts +0 -1
package/dist/ui/Stack/index.js +0 -1
package/dist/ui/Table/Body.svelte +0 -17
package/dist/ui/Table/Body.svelte.d.ts +0 -11
package/dist/ui/Table/Caption.svelte +0 -17
package/dist/ui/Table/Caption.svelte.d.ts +0 -11
package/dist/ui/Table/Cell.svelte +0 -24
package/dist/ui/Table/Cell.svelte.d.ts +0 -15
package/dist/ui/Table/Foot.svelte +0 -17
package/dist/ui/Table/Foot.svelte.d.ts +0 -11
package/dist/ui/Table/Head.svelte +0 -17
package/dist/ui/Table/Head.svelte.d.ts +0 -11
package/dist/ui/Table/Header.svelte +0 -27
package/dist/ui/Table/Header.svelte.d.ts +0 -17
package/dist/ui/Table/Row.svelte +0 -19
package/dist/ui/Table/Row.svelte.d.ts +0 -13
package/dist/ui/Table/Table.docs.svelte +0 -197
package/dist/ui/Table/Table.docs.svelte.d.ts +0 -28
package/dist/ui/Table/Table.svelte +0 -140
package/dist/ui/Table/Table.svelte.d.ts +0 -27
package/dist/ui/Table/index.js +0 -10
package/dist/ui/css/colors.css +0 -377
package/dist/ui/css/global.css +0 -10
package/dist/ui/index.d.ts +0 -12
package/dist/ui/index.js +0 -12
package/dist/virtual-sdocs.d.ts +0 -20
package/dist/vite-plugin.d.ts +0 -18
package/dist/vite-plugin.js +0 -206
/package/dist/{cli/index.d.ts → cli.d.ts} +0 -0

package/bin/sdocs.js CHANGED Viewed

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import('../dist/cli/index.js');
+import '../dist/cli.js';

package/dist/app-gen.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { ResolvedSdocsConfig } from './types.js';
+/** Generate .sdocs/ directory with entry files for dev mode */
+export declare function generateDevFiles(config: ResolvedSdocsConfig, cwd: string): Promise<string>;
+/** Generate .sdocs/ directory with entry + preview HTML files for build mode */
+export declare function generateBuildFiles(config: ResolvedSdocsConfig, cwd: string): Promise<{
+    sdocsDir: string;
+    inputs: Record<string, string>;
+}>;
+/** Remove the .sdocs/ temp directory */
+export declare function cleanBuildFiles(cwd: string): Promise<void>;

package/dist/app-gen.js ADDED Viewed

@@ -0,0 +1,147 @@
+import { mkdir, writeFile, rm, readFile } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { discoverDocFiles, getSdocKind } from './server/discovery.js';
+import { extractSnippets, hasDefaultSnippet } from './server/snippet-extractor.js';
+import { base64urlEncode } from './server/snippet-compiler.js';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+/** Absolute path to the client App.svelte in the installed package */
+function getAppComponentPath() {
+    return resolve(__dirname, 'client', 'App.svelte');
+}
+/** Generate the main index.html */
+function generateIndexHtml(title) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>${title}</title>
+</head>
+<body>
+	<div id="app"></div>
+	<script type="module" src="./entry.js"></script>
+</body>
+</html>`;
+}
+/** Generate the entry.js that mounts the App */
+function generateEntryJs(config) {
+    const appPath = getAppComponentPath().replace(/\\/g, '/');
+    return `import { mount } from 'svelte';
+import { docs, cssNames } from 'virtual:sdocs';
+import App from '${appPath}';
+mount(App, {
+	target: document.getElementById('app'),
+	props: {
+		docs,
+		cssNames,
+		logo: ${JSON.stringify(config.logo)},
+		sidebarConfig: ${JSON.stringify(config.sidebar)},
+	}
+});`;
+}
+/** Generate a preview HTML page for an iframe snippet */
+function generatePreviewHtml(iframeVirtualId, css) {
+    let cssLinks = '';
+    if (css) {
+        if (typeof css === 'string') {
+            cssLinks = `<link rel="stylesheet" href="${css}">`;
+        }
+        else {
+            const names = Object.keys(css);
+            cssLinks = names
+                .map((name, i) => `<link rel="stylesheet" href="${css[name]}" data-sdocs-stylesheet="${name}"${i > 0 ? ' disabled' : ''}>`)
+                .join('\n\t');
+        }
+    }
+    return `<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	${cssLinks}
+	<style>body { margin: 0; }</style>
+</head>
+<body>
+	<div id="app"></div>
+	<script type="module">
+		import { mount } from 'svelte';
+		import App from '${iframeVirtualId}';
+		mount(App, { target: document.getElementById('app') });
+		window.addEventListener('message', (e) => {
+			if (e.data?.type === 'sdocs:update-stylesheet') {
+				const name = e.data.name;
+				document.querySelectorAll('link[data-sdocs-stylesheet]').forEach((link) => {
+					link.disabled = link.dataset.sdocsStylesheet !== name;
+				});
+			}
+			if (e.data?.type === 'sdocs:scroll-to') {
+				const el = document.getElementById(e.data.id);
+				if (el) el.scrollIntoView({ behavior: 'smooth' });
+			}
+		});
+	</script>
+</body>
+</html>`;
+}
+/** Discover doc files and extract snippet names (lightweight, no highlighting) */
+async function discoverSnippets(config, cwd) {
+    const files = await discoverDocFiles(config.include, cwd);
+    const results = [];
+    for (const filePath of files) {
+        const source = await readFile(filePath, 'utf-8');
+        const kind = getSdocKind(filePath);
+        if (kind === 'page' || kind === 'layout') {
+            results.push({ filePath, snippetNames: ['Content'] });
+        }
+        else {
+            const snippets = extractSnippets(source);
+            const names = snippets.map((s) => s.name);
+            if (!hasDefaultSnippet(snippets)) {
+                names.unshift('Default');
+            }
+            results.push({ filePath, snippetNames: names });
+        }
+    }
+    return results;
+}
+/** Generate .sdocs/ directory with entry files for dev mode */
+export async function generateDevFiles(config, cwd) {
+    const sdocsDir = resolve(cwd, '.sdocs');
+    await mkdir(sdocsDir, { recursive: true });
+    await writeFile(resolve(sdocsDir, 'index.html'), generateIndexHtml(config.logo));
+    await writeFile(resolve(sdocsDir, 'entry.js'), generateEntryJs(config));
+    return sdocsDir;
+}
+/** Generate .sdocs/ directory with entry + preview HTML files for build mode */
+export async function generateBuildFiles(config, cwd) {
+    const sdocsDir = resolve(cwd, '.sdocs');
+    await mkdir(sdocsDir, { recursive: true });
+    await writeFile(resolve(sdocsDir, 'index.html'), generateIndexHtml(config.logo));
+    await writeFile(resolve(sdocsDir, 'entry.js'), generateEntryJs(config));
+    const inputs = {
+        main: resolve(sdocsDir, 'index.html'),
+    };
+    // Discover snippets and generate preview HTML pages
+    const docSnippets = await discoverSnippets(config, cwd);
+    for (const { filePath, snippetNames } of docSnippets) {
+        const encoded = base64urlEncode(filePath);
+        for (const snippetName of snippetNames) {
+            const iframeId = `/@sdocs/iframe/${encoded}/${snippetName}.svelte`;
+            const previewDir = resolve(sdocsDir, 'previews', encoded);
+            await mkdir(previewDir, { recursive: true });
+            const previewPath = resolve(previewDir, `${snippetName}.html`);
+            await writeFile(previewPath, generatePreviewHtml(iframeId, config.css));
+            const inputKey = `preview-${encoded}-${snippetName}`;
+            inputs[inputKey] = previewPath;
+        }
+    }
+    return { sdocsDir, inputs };
+}
+/** Remove the .sdocs/ temp directory */
+export async function cleanBuildFiles(cwd) {
+    const sdocsDir = resolve(cwd, '.sdocs');
+    await rm(sdocsDir, { recursive: true, force: true });
+}

package/dist/cli.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, resolve } from 'node:path';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function getVersion() {
+    try {
+        const pkg = JSON.parse(readFileSync(resolve(__dirname, '..', 'package.json'), 'utf-8'));
+        return pkg.version;
+    }
+    catch {
+        return 'unknown';
+    }
+}
+const HELP = `
+sdocs — A lightweight documentation tool for Svelte 5 components
+Usage:
+  sdocs <command>
+Commands:
+  dev       Start development server with HMR
+  build     Build static documentation site
+  preview   Serve built site locally
+  init      Scaffold sdocs.config.js
+Options:
+  --help     Show this help message
+  --version  Show version number
+`.trim();
+async function main() {
+    const args = process.argv.slice(2);
+    const command = args[0];
+    if (!command || command === '--help' || command === '-h') {
+        console.log(HELP);
+        return;
+    }
+    if (command === '--version' || command === '-v') {
+        console.log(getVersion());
+        return;
+    }
+    switch (command) {
+        case 'dev': {
+            const { devCommand } = await import('./commands/dev.js');
+            await devCommand();
+            break;
+        }
+        case 'build': {
+            const { buildCommand } = await import('./commands/build.js');
+            await buildCommand();
+            break;
+        }
+        case 'preview': {
+            const { previewCommand } = await import('./commands/preview.js');
+            await previewCommand();
+            break;
+        }
+        case 'init': {
+            const { initCommand } = await import('./commands/init.js');
+            await initCommand();
+            break;
+        }
+        default:
+            console.error(`Unknown command: ${command}`);
+            console.log(HELP);
+            process.exit(1);
+    }
+}
+main().catch((err) => {
+    console.error(err);
+    process.exit(1);
+});

package/dist/client/App.svelte ADDED Viewed

@@ -0,0 +1,151 @@
+<script lang="ts">
+	import type { DocEntry } from '../types.js';
+	import { initRouter, getPath } from './router.svelte.js';
+	import { buildTree, findDocByPath } from './tree-builder.js';
+	import Sidebar from './Sidebar.svelte';
+	import ComponentView from './ComponentView.svelte';
+	import PageView from './PageView.svelte';
+	import LayoutView from './LayoutView.svelte';
+	import HomePage from './HomePage.svelte';
+	import { onMount } from 'svelte';
+	import './theme.css';
+	type ThemeMode = 'light' | 'dark' | 'system';
+	interface Props {
+		docs: DocEntry[];
+		logo?: string;
+		cssNames?: string[];
+		sidebarConfig?: {
+			order?: Record<string, string[]>;
+			open?: string[];
+		};
+	}
+	let { docs, logo = 'sdocs', cssNames = [], sidebarConfig }: Props = $props();
+	let sidebarHidden = $state(false);
+	let activeStylesheet = $state<string | undefined>(undefined);
+	let theme = $state<ThemeMode>('system');
+	// Initialize active stylesheet to first named CSS (if any)
+	$effect(() => {
+		if (cssNames.length > 0 && !activeStylesheet) {
+			activeStylesheet = cssNames[0];
+		}
+	});
+	onMount(() => {
+		initRouter();
+		// Read saved theme preference
+		const saved = localStorage.getItem('sdocs-theme') as ThemeMode | null;
+		if (saved && ['light', 'dark', 'system'].includes(saved)) {
+			theme = saved;
+		}
+	});
+	// Apply theme attribute and persist
+	$effect(() => {
+		const root = document.querySelector('.sdocs-app');
+		if (!root) return;
+		let resolved: 'light' | 'dark';
+		if (theme === 'system') {
+			resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+		} else {
+			resolved = theme;
+		}
+		root.setAttribute('data-sdocs-theme', resolved);
+		localStorage.setItem('sdocs-theme', theme);
+	});
+	// Listen for OS theme changes when in system mode
+	$effect(() => {
+		if (theme !== 'system') return;
+		const mq = window.matchMedia('(prefers-color-scheme: dark)');
+		const handler = () => {
+			const root = document.querySelector('.sdocs-app');
+			if (root) {
+				root.setAttribute('data-sdocs-theme', mq.matches ? 'dark' : 'light');
+			}
+		};
+		mq.addEventListener('change', handler);
+		return () => mq.removeEventListener('change', handler);
+	});
+	const currentPath = $derived(getPath());
+	const tree = $derived(buildTree(docs, sidebarConfig));
+	const resolved = $derived(findDocByPath(docs, currentPath));
+</script>
+<div class="sdocs-app">
+	{#if !sidebarHidden}
+		<Sidebar
+			{tree}
+			{currentPath}
+			{logo}
+			{cssNames}
+			{activeStylesheet}
+			{theme}
+			onToggleFullscreen={() => sidebarHidden = true}
+			onStylesheetChange={(name) => activeStylesheet = name}
+			onThemeChange={(t) => theme = t}
+		/>
+	{:else}
+		<button class="sdocs-exit-fullscreen" onclick={() => sidebarHidden = false}>
+			&#9664; Exit fullscreen
+		</button>
+	{/if}
+	<main class="sdocs-main" class:sdocs-main-fullscreen={sidebarHidden}>
+		{#if resolved}
+			{#if resolved.doc.kind === 'page'}
+				<PageView doc={resolved.doc} {activeStylesheet} />
+			{:else if resolved.doc.kind === 'layout'}
+				<LayoutView doc={resolved.doc} {activeStylesheet} />
+			{:else}
+				<ComponentView doc={resolved.doc} snippetName={resolved.snippetName} {activeStylesheet} />
+			{/if}
+		{:else}
+			<HomePage {docs} {logo} />
+		{/if}
+	</main>
+</div>
+<style>
+	:global(body) {
+		margin: 0;
+		padding: 0;
+	}
+	.sdocs-app {
+		display: flex;
+		height: 100vh;
+		overflow: hidden;
+		position: relative;
+	}
+	.sdocs-main {
+		flex: 1;
+		overflow-y: auto;
+		background: var(--sdocs-bg);
+	}
+	.sdocs-main-fullscreen {
+		overflow-y: auto;
+	}
+	.sdocs-exit-fullscreen {
+		position: fixed;
+		top: 12px;
+		left: 12px;
+		z-index: 100;
+		padding: 6px 12px;
+		border: 1px solid var(--sdocs-border);
+		border-radius: 6px;
+		background: var(--sdocs-bg);
+		font-size: 12px;
+		color: var(--sdocs-text);
+		cursor: pointer;
+		box-shadow: 0 1px 3px var(--sdocs-shadow);
+		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+	}
+	.sdocs-exit-fullscreen:hover {
+		background: var(--sdocs-bg-hover);
+	}
+</style>

package/dist/client/App.svelte.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { DocEntry } from '../types.js';
+import './theme.css';
+interface Props {
+    docs: DocEntry[];
+    logo?: string;
+    cssNames?: string[];
+    sidebarConfig?: {
+        order?: Record<string, string[]>;
+        open?: string[];
+    };
+}
+declare const App: import("svelte").Component<Props, {}, "">;
+type App = ReturnType<typeof App>;
+export default App;

package/dist/client/CollapsiblePanel.svelte ADDED Viewed

@@ -0,0 +1,63 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	interface Props {
+		title: string;
+		defaultExpanded?: boolean;
+		children: Snippet;
+	}
+	let { title, defaultExpanded = true, children }: Props = $props();
+	let expanded = $state(defaultExpanded);
+</script>
+<div class="sdocs-panel">
+	<button class="sdocs-panel-header" onclick={() => expanded = !expanded}>
+		<span class="sdocs-panel-arrow" class:expanded>&#9654;</span>
+		<span class="sdocs-panel-title">{title}</span>
+	</button>
+	{#if expanded}
+		<div class="sdocs-panel-body">
+			{@render children()}
+		</div>
+	{/if}
+</div>
+<style>
+	.sdocs-panel {
+		border: 1px solid var(--sdocs-border);
+		border-radius: 8px;
+		overflow: hidden;
+	}
+	.sdocs-panel-header {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		width: 100%;
+		padding: 10px 14px;
+		border: none;
+		background: var(--sdocs-bg-subtle);
+		font: inherit;
+		font-size: 13px;
+		font-weight: 600;
+		color: var(--sdocs-text-heading);
+		cursor: pointer;
+		text-align: left;
+	}
+	.sdocs-panel-header:hover {
+		background: var(--sdocs-bg-hover);
+	}
+	.sdocs-panel-arrow {
+		font-size: 8px;
+		transition: transform 0.15s;
+		display: inline-block;
+		width: 10px;
+	}
+	.sdocs-panel-arrow.expanded {
+		transform: rotate(90deg);
+	}
+	.sdocs-panel-body {
+		padding: 14px;
+		border-top: 1px solid var(--sdocs-border);
+	}
+</style>

package/dist/client/CollapsiblePanel.svelte.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    title: string;
+    defaultExpanded?: boolean;
+    children: Snippet;
+}
+declare const CollapsiblePanel: import("svelte").Component<Props, {}, "">;
+type CollapsiblePanel = ReturnType<typeof CollapsiblePanel>;
+export default CollapsiblePanel;