skrypt-ai 0.1.0

package/dist/template/src/lib/search-types.ts

@@ -0,0 +1,37 @@
+/**
+ * Type definitions for Orama search database
+ * Fixes P0: Removes `any` types from search functionality
+ */
+
+import type { Orama, Results, SearchParams } from '@orama/orama'
+
+// Schema definition for search index documents
+export interface SearchDocument {
+  id: string
+  title: string
+  content: string
+  href: string
+  section: string
+}
+
+// Orama database type with our schema
+export type SearchDatabase = Orama<{
+  id: 'string'
+  title: 'string'
+  content: 'string'
+  href: 'string'
+  section: 'string'
+}>
+
+// Search hit from Orama results
+export interface SearchHit {
+  id: string
+  score: number
+  document: SearchDocument
+}
+
+// Orama search results type
+export type SearchResults = Results<SearchDocument>
+
+// Search parameters for our use case
+export type SearchOptions = SearchParams<SearchDatabase, SearchDocument>

package/dist/template/src/lib/search.ts

@@ -0,0 +1,125 @@
+import { create, load, search as oramaSearch } from '@orama/orama'
+import type { SearchDatabase, SearchHit } from './search-types'
+
+let db: SearchDatabase | null = null
+let loadPromise: Promise<void> | null = null
+
+const schema = {
+  id: 'string' as const,
+  title: 'string' as const,
+  content: 'string' as const,
+  href: 'string' as const,
+  section: 'string' as const,
+}
+
+export interface SearchResult {
+  title: string
+  href: string
+  content: string
+  section?: string
+}
+
+async function loadSearchIndex(): Promise<void> {
+  if (db) return
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const response = await fetch('/search-index.json')
+      if (!response.ok) {
+        throw new Error('Search index not found')
+      }
+      const data = await response.json()
+
+      const newDb = await create({ schema }) as SearchDatabase
+      await load(newDb, data)
+      db = newDb
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err)
+      console.error('Failed to load search index:', message)
+      db = null
+    }
+  })()
+
+  return loadPromise
+}
+
+/**
+ * Generate a snippet with highlighted search terms
+ */
+function generateSnippet(content: string, query: string, maxLength: number = 150): string {
+  const terms = query.toLowerCase().split(/\s+/).filter(Boolean)
+  const contentLower = content.toLowerCase()
+
+  // Find the best position to start the snippet (where most terms match)
+  let bestPos = 0
+  let bestScore = 0
+
+  for (let i = 0; i < content.length - 50; i += 20) {
+    const window = contentLower.slice(i, i + maxLength)
+    const score = terms.filter(term => window.includes(term)).length
+    if (score > bestScore) {
+      bestScore = score
+      bestPos = i
+    }
+  }
+
+  // Extract snippet around best position
+  let start = Math.max(0, bestPos - 20)
+  let end = Math.min(content.length, start + maxLength)
+
+  // Adjust to word boundaries
+  if (start > 0) {
+    const spaceIndex = content.indexOf(' ', start)
+    if (spaceIndex !== -1 && spaceIndex < start + 20) start = spaceIndex + 1
+  }
+  if (end < content.length) {
+    const spaceIndex = content.lastIndexOf(' ', end)
+    if (spaceIndex > end - 20) end = spaceIndex
+  }
+
+  let snippet = content.slice(start, end)
+  if (start > 0) snippet = '...' + snippet
+  if (end < content.length) snippet = snippet + '...'
+
+  return snippet
+}
+
+export interface SearchResultWithHighlight extends SearchResult {
+  snippet: string
+  score: number
+}
+
+export async function search(query: string): Promise<SearchResultWithHighlight[]> {
+  if (!query.trim()) return []
+
+  await loadSearchIndex()
+
+  if (!db) return []
+
+  try {
+    const results = await oramaSearch(db, {
+      term: query,
+      properties: ['title', 'content'],
+      limit: 10,
+      tolerance: 1,
+      boost: {
+        title: 2,
+        content: 1,
+      },
+    })
+
+    return results.hits.map((hit: SearchHit) => ({
+      title: hit.document.title,
+      href: hit.document.href,
+      content: hit.document.content,
+      section: hit.document.section || undefined,
+      snippet: generateSnippet(hit.document.content, query),
+      score: hit.score,
+    }))
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err)
+    console.error('Search error:', message)
+    return []
+  }
+}

package/dist/template/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/dist/template/src/styles/globals.css

@@ -0,0 +1,152 @@
+@import "tailwindcss";
+
+@theme {
+  /* Colors */
+  --color-primary: #3b82f6;
+  --color-primary-dark: #2563eb;
+  --color-accent: #8b5cf6;
+
+  /* Background */
+  --color-bg: #ffffff;
+  --color-bg-secondary: #f8fafc;
+  --color-bg-tertiary: #f1f5f9;
+
+  /* Text */
+  --color-text: #0f172a;
+  --color-text-secondary: #475569;
+  --color-text-tertiary: #94a3b8;
+
+  /* Border */
+  --color-border: #e2e8f0;
+  --color-border-strong: #cbd5e1;
+
+  /* Code */
+  --color-code-bg: #1e293b;
+  --color-code-text: #e2e8f0;
+
+  /* Sidebar */
+  --sidebar-width: 280px;
+  --toc-width: 240px;
+}
+
+/* Dark mode - supports both system preference and manual toggle */
+@media (prefers-color-scheme: dark) {
+  :root:not(.light) {
+    --color-bg: #0f172a;
+    --color-bg-secondary: #1e293b;
+    --color-bg-tertiary: #334155;
+    --color-text: #f8fafc;
+    --color-text-secondary: #cbd5e1;
+    --color-text-tertiary: #64748b;
+    --color-border: #334155;
+    --color-border-strong: #475569;
+    --color-code-bg: #0f172a;
+    --color-code-text: #e2e8f0;
+  }
+}
+
+/* Manual dark mode override */
+:root.dark {
+  --color-bg: #0f172a;
+  --color-bg-secondary: #1e293b;
+  --color-bg-tertiary: #334155;
+  --color-text: #f8fafc;
+  --color-text-secondary: #cbd5e1;
+  --color-text-tertiary: #64748b;
+  --color-border: #334155;
+  --color-border-strong: #475569;
+  --color-code-bg: #0f172a;
+  --color-code-text: #e2e8f0;
+}
+
+/* Base styles */
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: var(--color-bg);
+  color: var(--color-text);
+}
+
+/* Code blocks */
+pre {
+  background-color: var(--color-code-bg) !important;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  overflow-x: auto;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 0.875rem;
+}
+
+/* Inline code */
+:not(pre) > code {
+  background-color: var(--color-bg-tertiary);
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+}
+
+/* Links */
+a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+  color: var(--color-text);
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+h1 { font-size: 2.25rem; }
+h2 { font-size: 1.75rem; margin-top: 2rem; }
+h3 { font-size: 1.375rem; margin-top: 1.5rem; }
+h4 { font-size: 1.125rem; margin-top: 1.25rem; }
+
+/* Prose content */
+.prose {
+  max-width: 65ch;
+  line-height: 1.75;
+}
+
+.prose p {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.prose ul, .prose ol {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  padding-left: 1.5rem;
+}
+
+.prose li {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.prose table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1.5rem 0;
+}
+
+.prose th, .prose td {
+  border: 1px solid var(--color-border);
+  padding: 0.75rem;
+  text-align: left;
+}
+
+.prose th {
+  background-color: var(--color-bg-secondary);
+  font-weight: 600;
+}

package/dist/template/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/lib/*": ["./src/lib/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}