@alliance-droid/svelte-docs-system 0.0.2 → 0.1.0

package/docs/es/index.md

@@ -1,41 +0,0 @@
----
-title: Inicio de Documentación
-description: Bienvenido al Sistema de Documentación de SvelteKit
-author: Andrew
-date: 2026-02-05
----
-
-# Bienvenido al sistema de documentación
-
-Esta es la página de inicio de su sitio de documentación. Demuestra el sistema de enrutamiento de markdown en acción.
-
-## Características
-
-- **Enrutamiento automático** desde archivos markdown
-- **Soporte de rutas anidadas** (organizar documentos en carpetas)
-- **Metadatos de frontmatter** (título, autor, fecha)
-- **Estilo profesional** listo para usar
-- **Fácil de personalizar** y extender
-
-## Comenzar
-
-Consulte la [Guía de configuración](/docs/es/setup) para comenzar.
-
-## Estructura del proyecto
-
-```
-docs/
-├── index.md                 (Este archivo)
-├── setup.md                (Guía de inicio)
-├── routing.md              (Cómo funciona el enrutamiento)
-├── api/
-│   ├── overview.md         (Descripción general de la API)
-│   └── examples.md         (Ejemplos de API)
-└── guides/
-    └── advanced.md         (Temas avanzados)
-```
-
-Cada archivo markdown se convierte automáticamente en una ruta:
-- `docs/setup.md` → `/docs/es/setup`
-- `docs/api/overview.md` → `/docs/es/api/overview`
-- `docs/guides/advanced.md` → `/docs/es/guides/advanced`

package/docs/fr/index.md

@@ -1,41 +0,0 @@
----
-title: Accueil de la Documentation
-description: Bienvenue dans le système de documentation SvelteKit
-author: Andrew
-date: 2026-02-05
----
-
-# Bienvenue dans le système de documentation
-
-Ceci est la page d'accueil de votre site de documentation. Elle démontre le système de routage markdown en action.
-
-## Fonctionnalités
-
-- **Routage automatique** à partir des fichiers markdown
-- **Support des chemins imbriqués** (organisez les documents dans des dossiers)
-- **Métadonnées frontmatter** (titre, auteur, date)
-- **Stylisation professionnelle** prête à l'emploi
-- **Facile à personnaliser** et à étendre
-
-## Commencer
-
-Consultez le [Guide d'installation](/docs/fr/setup) pour commencer.
-
-## Structure du projet
-
-```
-docs/
-├── index.md                 (Ce fichier)
-├── setup.md                (Guide de démarrage)
-├── routing.md              (Fonctionnement du routage)
-├── api/
-│   ├── overview.md         (Aperçu de l'API)
-│   └── examples.md         (Exemples d'API)
-└── guides/
-    └── advanced.md         (Sujets avancés)
-```
-
-Chaque fichier markdown devient automatiquement une route :
-- `docs/setup.md` → `/docs/fr/setup`
-- `docs/api/overview.md` → `/docs/fr/api/overview`
-- `docs/guides/advanced.md` → `/docs/fr/guides/advanced`

package/docs/ja/index.md

@@ -1,41 +0,0 @@
----
-title: ドキュメントホーム
-description: SvelteKit ドキュメントシステムへようこそ
-author: Andrew
-date: 2026-02-05
----
-
-# ドキュメントシステムへようこそ
-
-これはドキュメントサイトのホームページです。マークダウンルーティングシステムの動作を示しています。
-
-## 機能
-
-- **マークダウンファイルからの自動ルーティング**
-- **ネストされたパスのサポート** (フォルダ内にドキュメントを整理)
-- **フロントマターメタデータ** (タイトル、著者、日付)
-- **プロフェッショナルなスタイリング** (すぐに使用可能)
-- **簡単にカスタマイズ** して拡張可能
-
-## 始める
-
-[セットアップガイド](/docs/ja/setup) をご覧ください。
-
-## プロジェクト構造
-
-```
-docs/
-├── index.md                 (このファイル)
-├── setup.md                (スタートガイド)
-├── routing.md              (ルーティングの仕組み)
-├── api/
-│   ├── overview.md         (API概要)
-│   └── examples.md         (API例)
-└── guides/
-    └── advanced.md         (高度なトピック)
-```
-
-各マークダウンファイルは自動的にルートになります:
-- `docs/setup.md` → `/docs/ja/setup`
-- `docs/api/overview.md` → `/docs/ja/api/overview`
-- `docs/guides/advanced.md` → `/docs/ja/guides/advanced`

package/pagefind.toml

@@ -1,8 +0,0 @@
-# Pagefind Search Configuration
-site = "build"
-bundle_size = 20000
-keep_index_url = true
-merging_strategy = "merge_smaller_into_larger"
-indexing = { comment_strings = false }
-root_selector = "main"
-exclude_selectors = ["nav", "aside"]

package/postcss.config.js

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    autoprefixer: {},
-  },
-};

package/src/app.css

@@ -1,119 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Claude Code Aesthetic Styling */
-
-@layer base {
-  :root {
-    color-scheme: light;
-    --background: #ffffff;
-    --foreground: #1a1a1a;
-    --secondary: #565656;
-    --border: #ececec;
-    --accent: #0066cc;
-  }
-
-  :root.dark {
-    color-scheme: dark;
-    --background: #1a1a1a;
-    --foreground: #ffffff;
-    --secondary: #b0b0b0;
-    --border: #3a3a3a;
-    --accent: #4d94ff;
-  }
-
-  html {
-    @apply antialiased scroll-smooth;
-  }
-
-  body {
-    @apply bg-white dark:bg-claude-dark-bg text-claude-text dark:text-claude-dark-text transition-colors;
-  }
-}
-
-@layer components {
-  .doc-container {
-    @apply max-w-7xl mx-auto;
-  }
-
-  .doc-content {
-    @apply prose dark:prose-invert max-w-none;
-  }
-
-  .btn-primary {
-    @apply px-4 py-2 rounded-lg bg-claude-accent dark:bg-claude-dark-accent text-white font-medium hover:bg-claude-accent-hover dark:hover:bg-claude-dark-accent-hover transition-colors;
-  }
-
-  .btn-secondary {
-    @apply px-4 py-2 rounded-lg bg-claude-bg-secondary dark:bg-claude-dark-bg-secondary text-claude-text dark:text-claude-dark-text border border-claude-border dark:border-claude-dark-border hover:bg-claude-border dark:hover:bg-claude-dark-border transition-colors;
-  }
-
-  .card {
-    @apply rounded-lg border border-claude-border dark:border-claude-dark-border bg-white dark:bg-claude-dark-bg-secondary p-6 transition-colors;
-  }
-
-  /* Doc content styling */
-  .doc-content h1 {
-    @apply text-4xl font-bold mb-6 mt-0 text-claude-text dark:text-claude-dark-text;
-  }
-
-  .doc-content h2 {
-    @apply text-2xl font-bold mb-4 mt-8 text-claude-text dark:text-claude-dark-text;
-  }
-
-  .doc-content h3 {
-    @apply text-xl font-bold mb-3 mt-6 text-claude-text dark:text-claude-dark-text;
-  }
-
-  .doc-content p {
-    @apply mb-4 text-claude-text dark:text-claude-dark-text leading-relaxed;
-  }
-
-  .doc-content a {
-    @apply text-claude-accent dark:text-claude-dark-accent hover:underline;
-  }
-
-  .doc-content code {
-    @apply bg-claude-bg-secondary dark:bg-claude-dark-bg-secondary px-2 py-1 rounded text-sm font-mono;
-  }
-
-  .doc-content pre {
-    @apply bg-claude-bg-secondary dark:bg-claude-dark-bg-secondary p-4 rounded-lg overflow-x-auto mb-4;
-  }
-
-  .doc-content pre code {
-    @apply bg-transparent p-0;
-  }
-
-  .doc-content ul,
-  .doc-content ol {
-    @apply mb-4 ml-6 space-y-2;
-  }
-
-  .doc-content li {
-    @apply text-claude-text dark:text-claude-dark-text;
-  }
-
-  .doc-content blockquote {
-    @apply border-l-4 border-claude-accent dark:border-claude-dark-accent pl-4 py-2 text-claude-text-secondary dark:text-claude-dark-text-secondary italic;
-  }
-
-  .doc-content table {
-    @apply w-full border-collapse mb-4;
-  }
-
-  .doc-content th,
-  .doc-content td {
-    @apply border border-claude-border dark:border-claude-dark-border px-4 py-2 text-left;
-  }
-
-  .doc-content th {
-    @apply bg-claude-bg-secondary dark:bg-claude-dark-bg-secondary font-bold;
-  }
-}
-
-/* Smooth dark mode transitions */
-* {
-  @apply transition-colors duration-200;
-}

package/src/app.d.ts

@@ -1,13 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};

package/src/app.html

@@ -1,11 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>

package/src/lib/components/APITable.test.ts

@@ -1,153 +0,0 @@
-import { describe, it, expect } from 'vitest';
-
-/**
- * Unit tests for APITable component
- * Tests API reference table structure and data handling
- */
-
-describe('APITable Component', () => {
-  describe('Column Definition', () => {
-    it('should accept array of columns', () => {
-      const columns = [
-        { header: 'Name', field: 'name' },
-        { header: 'Type', field: 'type' },
-        { header: 'Description', field: 'description' }
-      ];
-      expect(Array.isArray(columns)).toBe(true);
-      expect(columns.length).toBe(3);
-    });
-
-    it('should require header for each column', () => {
-      const column = { header: 'Parameter', field: 'param' };
-      expect(column.header).toBeDefined();
-      expect(typeof column.header).toBe('string');
-    });
-
-    it('should require field property', () => {
-      const column = { header: 'Value', field: 'value' };
-      expect(column.field).toBeDefined();
-      expect(typeof column.field).toBe('string');
-    });
-  });
-
-  describe('Data Rows', () => {
-    it('should accept array of data rows', () => {
-      const data = [
-        { name: 'foo', type: 'string', description: 'A string' },
-        { name: 'bar', type: 'number', description: 'A number' }
-      ];
-      expect(Array.isArray(data)).toBe(true);
-      expect(data.length).toBe(2);
-    });
-
-    it('should handle empty data array', () => {
-      const data: any[] = [];
-      expect(data.length).toBe(0);
-    });
-
-    it('should display data in correct columns', () => {
-      const data = [{ name: 'parameter1', type: 'string' }];
-      const columns = [
-        { header: 'Name', field: 'name' },
-        { header: 'Type', field: 'type' }
-      ];
-      expect(data[0].name).toBe('parameter1');
-      expect(columns[0].field).toBe('name');
-    });
-  });
-
-  describe('Cell Content', () => {
-    it('should support text content', () => {
-      const cell = 'Simple text content';
-      expect(typeof cell).toBe('string');
-    });
-
-    it('should support HTML content', () => {
-      const cell = '<code>inline code</code>';
-      expect(cell).toContain('<code>');
-      expect(cell).toContain('</code>');
-    });
-
-    it('should support code content', () => {
-      const cell = 'User[]';
-      expect(cell).toBeTruthy();
-    });
-
-    it('should support optional properties', () => {
-      const row = {
-        name: 'optional',
-        type: 'string | undefined',
-        optional: true
-      };
-      expect(row.optional).toBe(true);
-    });
-  });
-
-  describe('Table Features', () => {
-    it('should support sortable columns', () => {
-      const column = {
-        header: 'Name',
-        field: 'name',
-        sortable: true
-      };
-      expect(column.sortable).toBe(true);
-    });
-
-    it('should support striped rows', () => {
-      const hasStriped = true;
-      expect(hasStriped).toBe(true);
-    });
-
-    it('should support column alignment', () => {
-      const alignments = ['left', 'center', 'right'];
-      alignments.forEach((align) => {
-        expect(['left', 'center', 'right']).toContain(align);
-      });
-    });
-
-    it('should support column width customization', () => {
-      const column = {
-        header: 'Name',
-        field: 'name',
-        width: '30%'
-      };
-      expect(column.width).toBe('30%');
-    });
-  });
-
-  describe('Styling', () => {
-    it('should support responsive layout', () => {
-      const isResponsive = true;
-      expect(isResponsive).toBe(true);
-    });
-
-    it('should support dark mode', () => {
-      const colorSchemes = ['light', 'dark'];
-      colorSchemes.forEach((scheme) => {
-        expect(['light', 'dark']).toContain(scheme);
-      });
-    });
-
-    it('should have proper borders', () => {
-      const tableStyle = 'border border-gray-200';
-      expect(tableStyle).toContain('border');
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('should have table ARIA role', () => {
-      const role = 'table';
-      expect(role).toBe('table');
-    });
-
-    it('should have header row with th elements', () => {
-      const headerRole = 'columnheader';
-      expect(headerRole).toBe('columnheader');
-    });
-
-    it('should support keyboard navigation', () => {
-      const isKeyboardAccessible = true;
-      expect(isKeyboardAccessible).toBe(true);
-    });
-  });
-});

package/src/lib/components/Breadcrumbs.test.ts

@@ -1,148 +0,0 @@
-import { describe, it, expect } from 'vitest';
-
-/**
- * Unit tests for Breadcrumbs component
- * Tests breadcrumb navigation structure and routing
- */
-
-describe('Breadcrumbs Component', () => {
-  describe('Breadcrumb Items', () => {
-    it('should accept array of breadcrumb items', () => {
-      const items = [
-        { label: 'Home', href: '/' },
-        { label: 'Docs', href: '/docs' },
-        { label: 'API', href: '/docs/api' }
-      ];
-      expect(Array.isArray(items)).toBe(true);
-      expect(items.length).toBe(3);
-    });
-
-    it('should require label for each item', () => {
-      const item = { label: 'Documentation', href: '/docs' };
-      expect(item.label).toBeDefined();
-      expect(typeof item.label).toBe('string');
-    });
-
-    it('should require href for navigation links', () => {
-      const item = { label: 'API', href: '/api' };
-      expect(item.href).toBeDefined();
-      expect(typeof item.href).toBe('string');
-    });
-
-    it('should handle home item', () => {
-      const homeItem = { label: 'Home', href: '/' };
-      expect(homeItem.href).toBe('/');
-    });
-  });
-
-  describe('Breadcrumb Structure', () => {
-    it('should maintain breadcrumb order', () => {
-      const breadcrumbs = [
-        { label: 'Home', href: '/' },
-        { label: 'Products', href: '/products' },
-        { label: 'Books', href: '/products/books' },
-        { label: 'JavaScript Guide' }
-      ];
-      expect(breadcrumbs[0].label).toBe('Home');
-      expect(breadcrumbs[breadcrumbs.length - 1].label).toBe('JavaScript Guide');
-    });
-
-    it('should support single breadcrumb', () => {
-      const items = [{ label: 'Home', href: '/' }];
-      expect(items.length).toBe(1);
-    });
-
-    it('should support current page as last item without link', () => {
-      const items = [
-        { label: 'Home', href: '/' },
-        { label: 'Current Page' }
-      ];
-      const lastItem = items[items.length - 1];
-      expect('href' in lastItem).toBe(false);
-    });
-  });
-
-  describe('Navigation', () => {
-    it('should have proper href attributes', () => {
-      const item = { label: 'Docs', href: '/docs' };
-      expect(item.href).toMatch(/^\//);
-    });
-
-    it('should support absolute URLs', () => {
-      const item = { label: 'External', href: 'https://example.com' };
-      expect(item.href).toContain('http');
-    });
-
-    it('should support relative paths', () => {
-      const item = { label: 'Sibling', href: '../other' };
-      expect(item.href).toContain('..');
-    });
-  });
-
-  describe('Separators', () => {
-    it('should have separators between items', () => {
-      const separator = '/';
-      expect(typeof separator).toBe('string');
-    });
-
-    it('should not show separator after last item', () => {
-      const items = [
-        { label: 'Home', href: '/' },
-        { label: 'Current' }
-      ];
-      const showSeparator = (index: number) => index < items.length - 1;
-      expect(showSeparator(0)).toBe(true);
-      expect(showSeparator(1)).toBe(false);
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('should have nav ARIA landmark', () => {
-      const role = 'navigation';
-      expect(role).toBe('navigation');
-    });
-
-    it('should have proper ARIA attributes', () => {
-      const ariaLabel = 'Breadcrumb navigation';
-      expect(ariaLabel).toBeTruthy();
-    });
-
-    it('should mark current page as current', () => {
-      const ariaCurrent = 'page';
-      expect(ariaCurrent).toBe('page');
-    });
-
-    it('should have proper link semantics', () => {
-      const link = { label: 'Docs', href: '/docs' };
-      expect(link.href).toBeTruthy();
-      expect(link.label).toBeTruthy();
-    });
-  });
-
-  describe('Styling', () => {
-    it('should support custom classes', () => {
-      const customClass = 'text-sm text-gray-600';
-      expect(customClass).toContain('text-');
-    });
-
-    it('should support active/current state styling', () => {
-      const activeClass = 'text-gray-900 font-semibold';
-      expect(activeClass).toBeTruthy();
-    });
-
-    it('should be responsive', () => {
-      const isResponsive = true;
-      expect(isResponsive).toBe(true);
-    });
-  });
-
-  describe('Schema/Structured Data', () => {
-    it('should support breadcrumbList schema', () => {
-      const schema = {
-        '@context': 'https://schema.org',
-        '@type': 'BreadcrumbList'
-      };
-      expect(schema['@type']).toBe('BreadcrumbList');
-    });
-  });
-});

package/src/lib/components/Callout.test.ts

@@ -1,100 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-
-/**
- * Unit tests for Callout component
- * Tests component structure and prop handling
- */
-
-describe('Callout Component', () => {
-  describe('Props', () => {
-    it('should have default variant as info', () => {
-      const defaultVariant = 'info';
-      expect(['info', 'warning', 'success', 'error']).toContain(defaultVariant);
-    });
-
-    it('should accept valid variants', () => {
-      const validVariants = ['info', 'warning', 'success', 'error'];
-      validVariants.forEach((variant) => {
-        expect(validVariants).toContain(variant);
-      });
-    });
-
-    it('should accept optional title', () => {
-      const props = {
-        title: 'Important Note',
-        variant: 'info' as const
-      };
-      expect(props.title).toBeDefined();
-      expect(typeof props.title).toBe('string');
-    });
-
-    it('should accept children slot', () => {
-      const hasChildren = true;
-      expect(hasChildren).toBe(true);
-    });
-  });
-
-  describe('Variant Configuration', () => {
-    const variantConfig = {
-      info: {
-        bgColor: 'bg-blue-50 dark:bg-blue-900/20',
-        borderColor: 'border-blue-200 dark:border-blue-700',
-        textColor: 'text-blue-900 dark:text-blue-100',
-        iconClass: 'fa-circle-info text-blue-500'
-      },
-      warning: {
-        bgColor: 'bg-amber-50 dark:bg-amber-900/20',
-        borderColor: 'border-amber-200 dark:border-amber-700',
-        textColor: 'text-amber-900 dark:text-amber-100',
-        iconClass: 'fa-triangle-exclamation text-amber-500'
-      },
-      success: {
-        bgColor: 'bg-green-50 dark:bg-green-900/20',
-        borderColor: 'border-green-200 dark:border-green-700',
-        textColor: 'text-green-900 dark:text-green-100',
-        iconClass: 'fa-circle-check text-green-500'
-      },
-      error: {
-        bgColor: 'bg-red-50 dark:bg-red-900/20',
-        borderColor: 'border-red-200 dark:border-red-700',
-        textColor: 'text-red-900 dark:text-red-100',
-        iconClass: 'fa-circle-xmark text-red-500'
-      }
-    };
-
-    it('should have all required properties for each variant', () => {
-      Object.entries(variantConfig).forEach(([variant, config]) => {
-        expect(config).toHaveProperty('bgColor');
-        expect(config).toHaveProperty('borderColor');
-        expect(config).toHaveProperty('textColor');
-        expect(config).toHaveProperty('iconClass');
-        expect(config.bgColor).toBeTruthy();
-        expect(config.borderColor).toBeTruthy();
-        expect(config.textColor).toBeTruthy();
-        expect(config.iconClass).toBeTruthy();
-      });
-    });
-
-    it('should use correct icon classes for each variant', () => {
-      expect(variantConfig.info.iconClass).toContain('circle-info');
-      expect(variantConfig.warning.iconClass).toContain('triangle-exclamation');
-      expect(variantConfig.success.iconClass).toContain('circle-check');
-      expect(variantConfig.error.iconClass).toContain('circle-xmark');
-    });
-
-    it('should include dark mode classes', () => {
-      Object.values(variantConfig).forEach((config) => {
-        expect(config.bgColor).toMatch(/dark:/);
-        expect(config.borderColor).toMatch(/dark:/);
-        expect(config.textColor).toMatch(/dark:/);
-      });
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('should support icon from FontAwesome', () => {
-      const iconClass = 'fa-solid fa-circle-info text-blue-500';
-      expect(iconClass).toMatch(/fa-(solid|regular|light|brands)/);
-    });
-  });
-});