npm - @raystack/chronicle - Versions diffs - 0.1.0-canary.0efaef0 - Mend

@raystack/chronicle 0.1.0-canary.0efaef0

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 (115) hide show

package/bin/chronicle.js +2 -0
package/dist/cli/index.js +276 -0
package/package.json +71 -0
package/src/cli/commands/build.ts +34 -0
package/src/cli/commands/dev.ts +32 -0
package/src/cli/commands/init.ts +69 -0
package/src/cli/commands/serve.ts +40 -0
package/src/cli/commands/start.ts +28 -0
package/src/cli/index.ts +21 -0
package/src/cli/utils/config.ts +42 -0
package/src/cli/utils/index.ts +3 -0
package/src/cli/utils/resolve.ts +10 -0
package/src/cli/utils/scaffold.ts +18 -0
package/src/components/api/code-snippets.module.css +7 -0
package/src/components/api/code-snippets.tsx +76 -0
package/src/components/api/endpoint-page.module.css +58 -0
package/src/components/api/endpoint-page.tsx +283 -0
package/src/components/api/field-row.module.css +126 -0
package/src/components/api/field-row.tsx +204 -0
package/src/components/api/field-section.module.css +24 -0
package/src/components/api/field-section.tsx +100 -0
package/src/components/api/index.ts +8 -0
package/src/components/api/json-editor.module.css +9 -0
package/src/components/api/json-editor.tsx +61 -0
package/src/components/api/key-value-editor.module.css +13 -0
package/src/components/api/key-value-editor.tsx +62 -0
package/src/components/api/method-badge.module.css +4 -0
package/src/components/api/method-badge.tsx +29 -0
package/src/components/api/response-panel.module.css +8 -0
package/src/components/api/response-panel.tsx +44 -0
package/src/components/common/breadcrumb.tsx +3 -0
package/src/components/common/button.tsx +3 -0
package/src/components/common/callout.module.css +7 -0
package/src/components/common/callout.tsx +27 -0
package/src/components/common/code-block.tsx +3 -0
package/src/components/common/dialog.tsx +3 -0
package/src/components/common/index.ts +10 -0
package/src/components/common/input-field.tsx +3 -0
package/src/components/common/sidebar.tsx +3 -0
package/src/components/common/switch.tsx +3 -0
package/src/components/common/table.tsx +3 -0
package/src/components/common/tabs.tsx +3 -0
package/src/components/mdx/code.module.css +42 -0
package/src/components/mdx/code.tsx +27 -0
package/src/components/mdx/details.module.css +37 -0
package/src/components/mdx/details.tsx +18 -0
package/src/components/mdx/image.tsx +9 -0
package/src/components/mdx/index.tsx +35 -0
package/src/components/mdx/link.tsx +41 -0
package/src/components/mdx/mermaid.module.css +9 -0
package/src/components/mdx/mermaid.tsx +37 -0
package/src/components/mdx/paragraph.module.css +8 -0
package/src/components/mdx/paragraph.tsx +19 -0
package/src/components/mdx/table.tsx +40 -0
package/src/components/ui/breadcrumbs.tsx +72 -0
package/src/components/ui/client-theme-switcher.tsx +18 -0
package/src/components/ui/footer.module.css +27 -0
package/src/components/ui/footer.tsx +30 -0
package/src/components/ui/search.module.css +111 -0
package/src/components/ui/search.tsx +218 -0
package/src/lib/api-routes.ts +120 -0
package/src/lib/config.ts +58 -0
package/src/lib/get-llm-text.ts +10 -0
package/src/lib/head.tsx +49 -0
package/src/lib/index.ts +2 -0
package/src/lib/openapi.ts +188 -0
package/src/lib/page-context.tsx +117 -0
package/src/lib/remark-unused-directives.ts +30 -0
package/src/lib/schema.ts +99 -0
package/src/lib/snippet-generators.ts +87 -0
package/src/lib/source.ts +186 -0
package/src/pages/ApiLayout.module.css +22 -0
package/src/pages/ApiLayout.tsx +33 -0
package/src/pages/ApiPage.tsx +73 -0
package/src/pages/DocsLayout.tsx +18 -0
package/src/pages/DocsPage.tsx +43 -0
package/src/pages/NotFound.tsx +17 -0
package/src/server/App.tsx +67 -0
package/src/server/api/apis-proxy.ts +69 -0
package/src/server/api/health.ts +5 -0
package/src/server/api/page/[...slug].ts +18 -0
package/src/server/api/search.ts +170 -0
package/src/server/api/specs.ts +9 -0
package/src/server/build-search-index.ts +117 -0
package/src/server/entry-client.tsx +73 -0
package/src/server/entry-server.tsx +95 -0
package/src/server/routes/llms.txt.ts +61 -0
package/src/server/routes/og.tsx +75 -0
package/src/server/routes/robots.txt.ts +11 -0
package/src/server/routes/sitemap.xml.ts +39 -0
package/src/server/utils/safe-path.ts +17 -0
package/src/server/vite-config.ts +71 -0
package/src/themes/default/Layout.module.css +81 -0
package/src/themes/default/Layout.tsx +160 -0
package/src/themes/default/Page.module.css +46 -0
package/src/themes/default/Page.tsx +19 -0
package/src/themes/default/Toc.module.css +48 -0
package/src/themes/default/Toc.tsx +68 -0
package/src/themes/default/index.ts +11 -0
package/src/themes/paper/ChapterNav.module.css +71 -0
package/src/themes/paper/ChapterNav.tsx +115 -0
package/src/themes/paper/Layout.module.css +33 -0
package/src/themes/paper/Layout.tsx +37 -0
package/src/themes/paper/Page.module.css +181 -0
package/src/themes/paper/Page.tsx +126 -0
package/src/themes/paper/ReadingProgress.module.css +132 -0
package/src/themes/paper/ReadingProgress.tsx +315 -0
package/src/themes/paper/index.ts +8 -0
package/src/themes/registry.ts +14 -0
package/src/types/config.ts +80 -0
package/src/types/content.ts +36 -0
package/src/types/globals.d.ts +4 -0
package/src/types/index.ts +3 -0
package/src/types/theme.ts +22 -0
package/tsconfig.json +29 -0

package/src/pages/DocsPage.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+import { Head } from '@/lib/head';
+import { usePageContext } from '@/lib/page-context';
+import { getTheme } from '@/themes/registry';
+interface DocsPageProps {
+  slug: string[];
+}
+export function DocsPage({ slug }: DocsPageProps) {
+  const { config, tree, page } = usePageContext();
+  if (!page) return null;
+  const { Page } = getTheme(config.theme?.name);
+  const pageUrl = config.url ? `${config.url}/${slug.join('/')}` : undefined;
+  return (
+    <>
+      <Head
+        title={page.frontmatter.title}
+        description={page.frontmatter.description}
+        config={config}
+        jsonLd={{
+          '@context': 'https://schema.org',
+          '@type': 'Article',
+          headline: page.frontmatter.title,
+          description: page.frontmatter.description,
+          ...(pageUrl && { url: pageUrl })
+        }}
+      />
+      <Page
+        page={{
+          slug,
+          frontmatter: page.frontmatter,
+          content: page.content,
+          toc: []
+        }}
+        config={config}
+        tree={tree}
+      />
+    </>
+  );
+}

package/src/pages/NotFound.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import { Flex, Headline, Text } from '@raystack/apsara';
+export function NotFound() {
+  return (
+    <Flex
+      direction='column'
+      align='center'
+      justify='center'
+      style={{ minHeight: '60vh' }}
+    >
+      <Headline size='large' as='h1'>
+        404
+      </Headline>
+      <Text size={3}>Page not found</Text>
+    </Flex>
+  );
+}

package/src/server/App.tsx ADDED Viewed

@@ -0,0 +1,67 @@
+import '@raystack/apsara/normalize.css';
+import '@raystack/apsara/style.css';
+import { ThemeProvider } from '@raystack/apsara';
+import { useLocation } from 'react-router';
+import { Head } from '@/lib/head';
+import { usePageContext } from '@/lib/page-context';
+import { ApiLayout } from '@/pages/ApiLayout';
+import { ApiPage } from '@/pages/ApiPage';
+import { DocsLayout } from '@/pages/DocsLayout';
+import { DocsPage } from '@/pages/DocsPage';
+import type { ChronicleConfig } from '@/types';
+function resolveRoute(pathname: string) {
+  if (pathname.startsWith('/apis')) {
+    const slug = pathname
+      .replace(/^\/apis\/?/, '')
+      .split('/')
+      .filter(Boolean);
+    return { type: 'api' as const, slug };
+  }
+  const slug =
+    pathname === '/' ? [] : pathname.slice(1).split('/').filter(Boolean);
+  return { type: 'docs' as const, slug };
+}
+export function App() {
+  const { pathname } = useLocation();
+  const { config } = usePageContext();
+  const route = resolveRoute(pathname);
+  return (
+    <ThemeProvider enableSystem>
+      <RootHead config={config} />
+      {route.type === 'api' ? (
+        <ApiLayout>
+          <ApiPage slug={route.slug} />
+        </ApiLayout>
+      ) : (
+        <DocsLayout>
+          <DocsPage slug={route.slug} />
+        </DocsLayout>
+      )}
+    </ThemeProvider>
+  );
+}
+function RootHead({ config }: { config: ChronicleConfig }) {
+  return (
+    <Head
+      title={config.title}
+      description={config.description}
+      config={config}
+      jsonLd={
+        config.url
+          ? {
+              '@context': 'https://schema.org',
+              '@type': 'WebSite',
+              name: config.title,
+              description: config.description,
+              url: config.url
+            }
+          : undefined
+      }
+    />
+  );
+}

package/src/server/api/apis-proxy.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import { defineHandler, HTTPError } from 'nitro';
+import { loadConfig } from '@/lib/config';
+import { loadApiSpecs } from '@/lib/openapi';
+interface ProxyRequest {
+  specName: string;
+  method: string;
+  path: string;
+  headers?: Record<string, string>;
+  body?: unknown;
+}
+export default defineHandler(async event => {
+  if (event.req.method !== 'POST') {
+    throw new HTTPError({ status: 405, message: 'Method not allowed' });
+  }
+  const { specName, method, path, headers, body } =
+    (await event.req.json()) as ProxyRequest;
+  if (!specName || !method || !path) {
+    throw new HTTPError({
+      status: 400,
+      message: 'Missing specName, method, or path'
+    });
+  }
+  const config = loadConfig();
+  const specs = await loadApiSpecs(config.api ?? []);
+  const spec = specs.find(s => s.name === specName);
+  if (!spec) {
+    throw new HTTPError({ status: 404, message: `Unknown spec: ${specName}` });
+  }
+  if (/^[a-z]+:\/\//i.test(path) || path.includes('..')) {
+    throw new HTTPError({ status: 400, message: 'Invalid path' });
+  }
+  const url = spec.server.url + path;
+  try {
+    const response = await fetch(url, {
+      method,
+      headers,
+      body: body ? JSON.stringify(body) : undefined
+    });
+    const contentType = response.headers.get('content-type') ?? '';
+    const responseBody = contentType.includes('application/json')
+      ? await response.json()
+      : await response.text();
+    return {
+      status: response.status,
+      statusText: response.statusText,
+      body: responseBody
+    };
+  } catch (error) {
+    const message =
+      error instanceof Error
+        ? `${error.message}${error.cause ? `: ${(error.cause as Error).message}` : ''}`
+        : 'Request failed';
+    throw new HTTPError({
+      status: 502,
+      message: `Could not reach ${url}\n${message}`
+    });
+  }
+});

package/src/server/api/health.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { defineHandler } from 'nitro';
+export default defineHandler(() => {
+  return { status: 'ok' };
+});

package/src/server/api/page/[...slug].ts ADDED Viewed

@@ -0,0 +1,18 @@
+import path from 'node:path';
+import { defineHandler, HTTPError } from 'nitro';
+import { getPage } from '@/lib/source';
+export default defineHandler(async event => {
+  const slugParam = event.context.params?.slug ?? '';
+  const slug = slugParam ? slugParam.split('/') : [];
+  const page = await getPage(slug);
+  if (!page) {
+    throw new HTTPError({ status: 404, message: 'Page not found' });
+  }
+  const contentDir = __CHRONICLE_CONTENT_DIR__;
+  const relativePath = path.relative(contentDir, page.filePath);
+  return { frontmatter: page.frontmatter, relativePath };
+});

package/src/server/api/search.ts ADDED Viewed

@@ -0,0 +1,170 @@
+import fs from 'node:fs/promises';
+import matter from 'gray-matter';
+import MiniSearch from 'minisearch';
+import { defineHandler } from 'nitro';
+import type { OpenAPIV3 } from 'openapi-types';
+import path from 'node:path';
+import { getSpecSlug } from '@/lib/api-routes';
+import { loadConfig } from '@/lib/config';
+import { loadApiSpecs } from '@/lib/openapi';
+interface SearchDocument {
+  id: string;
+  url: string;
+  title: string;
+  content: string;
+  type: 'page' | 'api';
+}
+let searchIndex: MiniSearch<SearchDocument> | null = null;
+let cachedDocs: SearchDocument[] | null = null;
+function createIndex(docs: SearchDocument[]): MiniSearch<SearchDocument> {
+  const index = new MiniSearch<SearchDocument>({
+    fields: ['title', 'content'],
+    storeFields: ['url', 'title', 'type'],
+    searchOptions: {
+      boost: { title: 2 },
+      fuzzy: 0.2,
+      prefix: true
+    }
+  });
+  index.addAll(docs);
+  return index;
+}
+async function loadPrebuiltIndex(): Promise<SearchDocument[] | null> {
+  try {
+    const indexPath = path.resolve(__dirname, 'search-index.json');
+    const raw = await fs.readFile(indexPath, 'utf-8');
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function getContentDir(): string {
+  return __CHRONICLE_CONTENT_DIR__ || path.join(process.cwd(), 'content');
+}
+async function scanContent(): Promise<SearchDocument[]> {
+  const contentDir = getContentDir();
+  const docs: SearchDocument[] = [];
+  async function scan(dir: string, prefix: string[] = []) {
+    try {
+      const entries = await fs.readdir(dir, { withFileTypes: true });
+      for (const entry of entries) {
+        if (entry.name.startsWith('.') || entry.name === 'node_modules')
+          continue;
+        const fullPath = path.join(dir, entry.name);
+        if (entry.isDirectory()) {
+          await scan(fullPath, [...prefix, entry.name]);
+          continue;
+        }
+        if (!entry.name.endsWith('.mdx') && !entry.name.endsWith('.md'))
+          continue;
+        const raw = await fs.readFile(fullPath, 'utf-8');
+        const { data: fm, content } = matter(raw);
+        const baseName = entry.name.replace(/\.(mdx|md)$/, '');
+        const slugs = baseName === 'index' ? prefix : [...prefix, baseName];
+        const url = slugs.length === 0 ? '/' : `/${slugs.join('/')}`;
+        docs.push({
+          id: url,
+          url,
+          title: fm.title ?? baseName,
+          content: content.slice(0, 5000),
+          type: 'page'
+        });
+      }
+    } catch {
+      /* directory not readable */
+    }
+  }
+  await scan(contentDir);
+  return docs;
+}
+async function buildApiDocs(): Promise<SearchDocument[]> {
+  const config = loadConfig();
+  if (!config.api?.length) return [];
+  const docs: SearchDocument[] = [];
+  const specs = await loadApiSpecs(config.api);
+  for (const spec of specs) {
+    const specSlug = getSpecSlug(spec);
+    const paths = spec.document.paths ?? {};
+    for (const [, pathItem] of Object.entries(paths)) {
+      if (!pathItem) continue;
+      for (const method of ['get', 'post', 'put', 'delete', 'patch'] as const) {
+        const op = pathItem[method] as OpenAPIV3.OperationObject | undefined;
+        if (!op?.operationId) continue;
+        const url = `/apis/${specSlug}/${encodeURIComponent(op.operationId)}`;
+        docs.push({
+          id: url,
+          url,
+          title: `${method.toUpperCase()} ${op.summary ?? op.operationId}`,
+          content: op.description ?? '',
+          type: 'api'
+        });
+      }
+    }
+  }
+  return docs;
+}
+async function loadDocuments(): Promise<SearchDocument[]> {
+  const prebuilt = await loadPrebuiltIndex();
+  if (prebuilt) return prebuilt;
+  const [contentDocs, apiDocs] = await Promise.all([
+    scanContent(),
+    buildApiDocs()
+  ]);
+  return [...contentDocs, ...apiDocs];
+}
+async function getDocs(): Promise<SearchDocument[]> {
+  if (cachedDocs) return cachedDocs;
+  cachedDocs = await loadDocuments();
+  return cachedDocs;
+}
+async function getIndex(): Promise<MiniSearch<SearchDocument>> {
+  if (searchIndex) return searchIndex;
+  const docs = await getDocs();
+  searchIndex = createIndex(docs);
+  return searchIndex;
+}
+export default defineHandler(async event => {
+  const query = event.url.searchParams.get('query') ?? '';
+  const index = await getIndex();
+  if (!query) {
+    const docs = await getDocs();
+    return docs
+      .filter(d => d.type === 'page')
+      .slice(0, 8)
+      .map(d => ({
+        id: d.id,
+        url: d.url,
+        type: d.type,
+        content: d.title
+      }));
+  }
+  return index.search(query).map(r => ({
+    id: r.id,
+    url: r.url,
+    type: r.type,
+    content: r.title
+  }));
+});

package/src/server/api/specs.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { defineHandler } from 'nitro';
+import { loadConfig } from '@/lib/config';
+import { loadApiSpecs } from '@/lib/openapi';
+export default defineHandler(async () => {
+  const config = loadConfig();
+  const specs = config.api?.length ? await loadApiSpecs(config.api) : [];
+  return specs;
+});

package/src/server/build-search-index.ts ADDED Viewed

@@ -0,0 +1,117 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import matter from 'gray-matter';
+import type { OpenAPIV3 } from 'openapi-types';
+import remarkParse from 'remark-parse';
+import { unified } from 'unified';
+import { visit } from 'unist-util-visit';
+import type { Heading, Text } from 'mdast';
+import { getSpecSlug } from '@/lib/api-routes';
+import { loadConfig } from '@/lib/config';
+import { loadApiSpecs } from '@/lib/openapi';
+interface SearchDocument {
+  id: string;
+  url: string;
+  title: string;
+  content: string;
+  type: 'page' | 'api';
+}
+function extractHeadings(markdown: string): string {
+  const tree = unified().use(remarkParse).parse(markdown);
+  const headings: string[] = [];
+  visit(tree, 'heading', (node: Heading) => {
+    const text = node.children
+      .filter((child): child is Text => child.type === 'text')
+      .map(child => child.value)
+      .join('');
+    if (text) headings.push(text);
+  });
+  return headings.join(' ');
+}
+async function scanContent(contentDir: string): Promise<SearchDocument[]> {
+  const docs: SearchDocument[] = [];
+  async function scan(dir: string, prefix: string[] = []) {
+    try {
+      const entries = await fs.readdir(dir, { withFileTypes: true });
+      for (const entry of entries) {
+        if (entry.name.startsWith('.') || entry.name === 'node_modules')
+          continue;
+        const fullPath = path.join(dir, entry.name);
+        if (entry.isDirectory()) {
+          await scan(fullPath, [...prefix, entry.name]);
+          continue;
+        }
+        if (!entry.name.endsWith('.mdx') && !entry.name.endsWith('.md'))
+          continue;
+        const raw = await fs.readFile(fullPath, 'utf-8');
+        const { data: fm, content } = matter(raw);
+        const baseName = entry.name.replace(/\.(mdx|md)$/, '');
+        const slugs = baseName === 'index' ? prefix : [...prefix, baseName];
+        const url = slugs.length === 0 ? '/' : `/${slugs.join('/')}`;
+        docs.push({
+          id: url,
+          url,
+          title: fm.title ?? baseName,
+          content: extractHeadings(content),
+          type: 'page'
+        });
+      }
+    } catch {
+      /* directory not readable */
+    }
+  }
+  await scan(contentDir);
+  return docs;
+}
+async function buildApiDocs(): Promise<SearchDocument[]> {
+  const config = loadConfig();
+  if (!config.api?.length) return [];
+  const docs: SearchDocument[] = [];
+  const specs = await loadApiSpecs(config.api);
+  for (const spec of specs) {
+    const specSlug = getSpecSlug(spec);
+    const paths = spec.document.paths ?? {};
+    for (const [, pathItem] of Object.entries(paths)) {
+      if (!pathItem) continue;
+      for (const method of ['get', 'post', 'put', 'delete', 'patch'] as const) {
+        const op = pathItem[method] as OpenAPIV3.OperationObject | undefined;
+        if (!op?.operationId) continue;
+        const url = `/apis/${specSlug}/${encodeURIComponent(op.operationId)}`;
+        docs.push({
+          id: url,
+          url,
+          title: `${method.toUpperCase()} ${op.summary ?? op.operationId}`,
+          content: op.description ?? '',
+          type: 'api'
+        });
+      }
+    }
+  }
+  return docs;
+}
+export async function generateSearchIndex(contentDir: string, outDir: string) {
+  const [contentDocs, apiDocs] = await Promise.all([
+    scanContent(contentDir),
+    buildApiDocs()
+  ]);
+  const documents = [...contentDocs, ...apiDocs];
+  const outPath = path.join(outDir, 'search-index.json');
+  await fs.writeFile(outPath, JSON.stringify(documents));
+  return documents.length;
+}

package/src/server/entry-client.tsx ADDED Viewed

@@ -0,0 +1,73 @@
+import '@vitejs/plugin-react/preamble';
+import React from 'react';
+import { hydrateRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router';
+import { mdxComponents } from '@/components/mdx';
+import { PageProvider } from '@/lib/page-context';
+import type { ChronicleConfig, Frontmatter, PageTree } from '@/types';
+import type { ApiSpec } from '@/lib/openapi';
+import type { ReactNode } from 'react';
+import { App } from './App';
+interface EmbeddedData {
+  config: ChronicleConfig;
+  tree: PageTree;
+  slug: string[];
+  frontmatter: Frontmatter;
+  relativePath: string;
+}
+async function hydrate() {
+  try {
+    const embedded = (
+      window as unknown as { __PAGE_DATA__?: EmbeddedData }
+    ).__PAGE_DATA__;
+    const config: ChronicleConfig = embedded?.config ?? {
+      title: 'Documentation'
+    };
+    const tree: PageTree = embedded?.tree ?? { name: 'root', children: [] };
+    const isApiPage =
+      window.location.pathname.startsWith('/apis') && !!config.api?.length;
+    const apiSpecs: ApiSpec[] = isApiPage
+      ? await fetch('/api/specs')
+          .then(r => r.json())
+          .catch(() => [])
+      : [];
+    const page = embedded?.relativePath
+      ? await loadPage(embedded)
+      : null;
+    hydrateRoot(
+      document.getElementById('root') as HTMLElement,
+      <BrowserRouter>
+        <PageProvider
+          initialConfig={config}
+          initialTree={tree}
+          initialPage={page}
+          initialApiSpecs={apiSpecs}
+        >
+          <App />
+        </PageProvider>
+      </BrowserRouter>
+    );
+  } catch (err) {
+    console.error('Hydration failed:', err);
+  }
+}
+async function loadPage(
+  embedded: EmbeddedData
+): Promise<{ slug: string[]; frontmatter: Frontmatter; content: ReactNode }> {
+  const withoutExt = embedded.relativePath.replace(/\.(mdx|md)$/, '');
+  const mod = embedded.relativePath.endsWith('.md')
+    ? await import(`../../.content/${withoutExt}.md`)
+    : await import(`../../.content/${withoutExt}.mdx`);
+  const content = mod.default
+    ? React.createElement(mod.default, { components: mdxComponents })
+    : null;
+  return { slug: embedded.slug, frontmatter: embedded.frontmatter, content };
+}
+hydrate();

package/src/server/entry-server.tsx ADDED Viewed

@@ -0,0 +1,95 @@
+import '@raystack/apsara/normalize.css';
+import '@raystack/apsara/style.css';
+import path from 'node:path';
+import React from 'react';
+import { renderToReadableStream } from 'react-dom/server.edge';
+import { StaticRouter } from 'react-router';
+import { mdxComponents } from '@/components/mdx';
+import { loadConfig } from '@/lib/config';
+import { loadApiSpecs } from '@/lib/openapi';
+import { PageProvider } from '@/lib/page-context';
+import { buildPageTree, getPage, loadPageComponent } from '@/lib/source';
+import { App } from './App';
+// @ts-expect-error virtual import from Nitro
+import clientAssets from './entry-client?assets=client';
+// @ts-expect-error virtual import from Nitro
+import serverAssets from './entry-server?assets=ssr';
+export default {
+  async fetch(req: Request) {
+    const url = new URL(req.url);
+    const pathname = url.pathname;
+    const slug = pathname === '/' ? [] : pathname.slice(1).split('/').filter(Boolean);
+    const config = loadConfig();
+    const apiSpecs = config.api?.length
+      ? await loadApiSpecs(config.api).catch(() => [])
+      : [];
+    const [tree, sourcePage] = await Promise.all([
+      buildPageTree(),
+      getPage(slug),
+    ]);
+    const pageData = sourcePage
+      ? {
+          slug,
+          frontmatter: sourcePage.frontmatter,
+          content: await loadPageComponent(sourcePage).then(component =>
+            component ? React.createElement(component, { components: mdxComponents }) : null
+          ),
+        }
+      : null;
+    const relativePath = sourcePage
+      ? path.relative(__CHRONICLE_CONTENT_DIR__, sourcePage.filePath)
+      : null;
+    const embeddedData = {
+      config,
+      tree,
+      slug,
+      frontmatter: pageData?.frontmatter ?? null,
+      relativePath,
+    };
+    const safeJson = JSON.stringify(embeddedData).replace(/</g, '\\u003c');
+    const assets = clientAssets.merge(serverAssets);
+    const stream = await renderToReadableStream(
+      <html lang="en">
+        <head>
+          <meta charSet="UTF-8" />
+          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+          {assets.css.map((attr: { href: string }) => (
+            <link key={attr.href} rel="stylesheet" {...attr} />
+          ))}
+          {assets.js.map((attr: { href: string }) => (
+            <link key={attr.href} rel="modulepreload" {...attr} />
+          ))}
+          <script type="module" src={assets.entry} />
+          <script dangerouslySetInnerHTML={{ __html: `window.__PAGE_DATA__ = ${safeJson}` }} />
+        </head>
+        <body>
+          <div id="root">
+            <StaticRouter location={pathname}>
+              <PageProvider
+                initialConfig={config}
+                initialTree={tree}
+                initialPage={pageData}
+                initialApiSpecs={apiSpecs}
+              >
+                <App />
+              </PageProvider>
+            </StaticRouter>
+          </div>
+        </body>
+      </html>,
+    );
+    return new Response(stream, {
+      headers: { 'Content-Type': 'text/html;charset=utf-8' },
+    });
+  },
+};