@raystack/chronicle 0.1.0-canary.e11f924 → 0.1.0-canary.f0d9bde
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.
- package/dist/cli/index.js +878 -9684
- package/package.json +17 -12
- package/src/cli/__tests__/config.test.ts +25 -0
- package/src/cli/__tests__/scaffold.test.ts +10 -0
- package/src/cli/commands/build.ts +66 -19
- package/src/cli/commands/dev.ts +9 -22
- package/src/cli/commands/init.ts +107 -11
- package/src/cli/commands/serve.ts +36 -35
- package/src/cli/commands/start.ts +11 -21
- package/src/cli/utils/config.ts +2 -2
- package/src/cli/utils/index.ts +1 -1
- package/src/cli/utils/resolve.ts +6 -0
- package/src/cli/utils/scaffold.ts +20 -0
- package/src/components/mdx/code.tsx +10 -1
- package/src/components/mdx/details.module.css +1 -24
- package/src/components/mdx/details.tsx +2 -3
- package/src/components/mdx/image.tsx +5 -19
- package/src/components/mdx/index.tsx +3 -3
- package/src/components/mdx/link.tsx +10 -11
- package/src/components/ui/footer.tsx +3 -2
- package/src/components/ui/search.module.css +7 -0
- package/src/components/ui/search.tsx +62 -87
- package/src/lib/config.ts +9 -0
- package/src/lib/head.tsx +45 -0
- package/src/lib/page-context.tsx +95 -0
- package/src/lib/source.ts +92 -21
- package/src/{app/apis/[[...slug]]/layout.tsx → pages/ApiLayout.tsx} +10 -7
- package/src/pages/ApiPage.tsx +68 -0
- package/src/pages/DocsLayout.tsx +18 -0
- package/src/pages/DocsPage.tsx +43 -0
- package/src/pages/NotFound.tsx +10 -0
- package/src/pages/__tests__/head.test.tsx +57 -0
- package/src/server/App.tsx +59 -0
- package/src/server/__tests__/entry-server.test.tsx +35 -0
- package/src/server/__tests__/handlers.test.ts +77 -0
- package/src/server/__tests__/og.test.ts +23 -0
- package/src/server/__tests__/router.test.ts +72 -0
- package/src/server/__tests__/vite-config.test.ts +25 -0
- package/src/server/adapters/vercel.ts +133 -0
- package/src/server/build-search-index.ts +107 -0
- package/src/server/dev.ts +158 -0
- package/src/server/entry-client.tsx +74 -0
- package/src/server/entry-prod.ts +98 -0
- package/src/server/entry-server.tsx +35 -0
- package/src/server/entry-vercel.ts +28 -0
- package/src/server/handlers/apis-proxy.ts +57 -0
- package/src/{app/api/health/route.ts → server/handlers/health.ts} +1 -1
- package/src/server/handlers/llms.ts +58 -0
- package/src/server/handlers/og.ts +87 -0
- package/src/server/handlers/robots.ts +11 -0
- package/src/server/handlers/search.ts +172 -0
- package/src/server/handlers/sitemap.ts +39 -0
- package/src/server/handlers/specs.ts +9 -0
- package/src/server/index.html +12 -0
- package/src/server/prod.ts +18 -0
- package/src/server/request-handler.ts +64 -0
- package/src/server/router.ts +42 -0
- package/src/server/utils/safe-path.ts +14 -0
- package/src/server/vite-config.ts +71 -0
- package/src/themes/default/Layout.tsx +9 -10
- package/src/themes/default/Page.module.css +60 -0
- package/src/themes/default/font.ts +4 -6
- package/src/themes/paper/ChapterNav.tsx +5 -6
- package/src/themes/paper/Page.tsx +8 -9
- package/src/types/config.ts +11 -0
- package/src/types/content.ts +1 -0
- package/tsconfig.json +29 -0
- package/next.config.mjs +0 -10
- package/source.config.ts +0 -50
- package/src/app/[[...slug]]/layout.tsx +0 -15
- package/src/app/[[...slug]]/page.tsx +0 -57
- package/src/app/api/apis-proxy/route.ts +0 -59
- package/src/app/api/search/route.ts +0 -90
- package/src/app/apis/[[...slug]]/page.tsx +0 -57
- package/src/app/layout.tsx +0 -26
- package/src/app/llms-full.txt/route.ts +0 -18
- package/src/app/llms.txt/route.ts +0 -15
- package/src/app/providers.tsx +0 -8
- package/src/cli/utils/process.ts +0 -7
- package/src/lib/get-llm-text.ts +0 -10
- /package/src/{app/apis/[[...slug]]/layout.module.css → pages/ApiLayout.module.css} +0 -0
|
@@ -1,16 +1,19 @@
|
|
|
1
|
+
import type { ReactNode } from 'react'
|
|
1
2
|
import { cx } from 'class-variance-authority'
|
|
2
|
-
import {
|
|
3
|
-
import { loadApiSpecs } from '@/lib/openapi'
|
|
3
|
+
import { usePageContext } from '@/lib/page-context'
|
|
4
4
|
import { buildApiPageTree } from '@/lib/api-routes'
|
|
5
5
|
import { getTheme } from '@/themes/registry'
|
|
6
6
|
import { Search } from '@/components/ui/search'
|
|
7
|
-
import styles from './
|
|
7
|
+
import styles from './ApiLayout.module.css'
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
interface ApiLayoutProps {
|
|
10
|
+
children: ReactNode
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export function ApiLayout({ children }: ApiLayoutProps) {
|
|
14
|
+
const { config, apiSpecs } = usePageContext()
|
|
11
15
|
const { Layout, className } = getTheme(config.theme?.name)
|
|
12
|
-
const
|
|
13
|
-
const tree = buildApiPageTree(specs)
|
|
16
|
+
const tree = buildApiPageTree(apiSpecs)
|
|
14
17
|
|
|
15
18
|
return (
|
|
16
19
|
<Layout config={config} tree={tree} classNames={{
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { OpenAPIV3 } from 'openapi-types'
|
|
2
|
+
import { Flex, Headline, Text } from '@raystack/apsara'
|
|
3
|
+
import { usePageContext } from '@/lib/page-context'
|
|
4
|
+
import { findApiOperation } from '@/lib/api-routes'
|
|
5
|
+
import { EndpointPage } from '@/components/api'
|
|
6
|
+
import { Head } from '@/lib/head'
|
|
7
|
+
import type { ApiSpec } from '@/lib/openapi'
|
|
8
|
+
|
|
9
|
+
interface ApiPageProps {
|
|
10
|
+
slug: string[]
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export function ApiPage({ slug }: ApiPageProps) {
|
|
14
|
+
const { config, apiSpecs } = usePageContext()
|
|
15
|
+
|
|
16
|
+
if (slug.length === 0) {
|
|
17
|
+
return (
|
|
18
|
+
<>
|
|
19
|
+
<Head
|
|
20
|
+
title="API Reference"
|
|
21
|
+
description={`API documentation for ${config.title}`}
|
|
22
|
+
config={config}
|
|
23
|
+
/>
|
|
24
|
+
<ApiLanding specs={apiSpecs} />
|
|
25
|
+
</>
|
|
26
|
+
)
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const match = findApiOperation(apiSpecs, slug)
|
|
30
|
+
if (!match) return null
|
|
31
|
+
|
|
32
|
+
const operation = match.operation as OpenAPIV3.OperationObject
|
|
33
|
+
const title = operation.summary ?? `${match.method.toUpperCase()} ${match.path}`
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<>
|
|
37
|
+
<Head
|
|
38
|
+
title={title}
|
|
39
|
+
description={operation.description}
|
|
40
|
+
config={config}
|
|
41
|
+
/>
|
|
42
|
+
<EndpointPage
|
|
43
|
+
method={match.method}
|
|
44
|
+
path={match.path}
|
|
45
|
+
operation={match.operation}
|
|
46
|
+
serverUrl={match.spec.server.url}
|
|
47
|
+
specName={match.spec.name}
|
|
48
|
+
auth={match.spec.auth}
|
|
49
|
+
/>
|
|
50
|
+
</>
|
|
51
|
+
)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
function ApiLanding({ specs }: { specs: ApiSpec[] }) {
|
|
55
|
+
return (
|
|
56
|
+
<Flex direction="column" gap="large" style={{ padding: 'var(--rs-space-7)' }}>
|
|
57
|
+
<Headline size="medium" as="h1">API Reference</Headline>
|
|
58
|
+
{specs.map((spec) => (
|
|
59
|
+
<Flex key={spec.name} direction="column" gap="small">
|
|
60
|
+
<Headline size="small" as="h2">{spec.name}</Headline>
|
|
61
|
+
{spec.document.info.description && (
|
|
62
|
+
<Text size={3}>{spec.document.info.description}</Text>
|
|
63
|
+
)}
|
|
64
|
+
</Flex>
|
|
65
|
+
))}
|
|
66
|
+
</Flex>
|
|
67
|
+
)
|
|
68
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ReactNode } from 'react'
|
|
2
|
+
import { usePageContext } from '@/lib/page-context'
|
|
3
|
+
import { getTheme } from '@/themes/registry'
|
|
4
|
+
|
|
5
|
+
interface DocsLayoutProps {
|
|
6
|
+
children: ReactNode
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function DocsLayout({ children }: DocsLayoutProps) {
|
|
10
|
+
const { config, tree } = usePageContext()
|
|
11
|
+
const { Layout, className } = getTheme(config.theme?.name)
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
<Layout config={config} tree={tree} classNames={{ layout: className }}>
|
|
15
|
+
{children}
|
|
16
|
+
</Layout>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { usePageContext } from '@/lib/page-context'
|
|
2
|
+
import { getTheme } from '@/themes/registry'
|
|
3
|
+
import { Head } from '@/lib/head'
|
|
4
|
+
|
|
5
|
+
interface DocsPageProps {
|
|
6
|
+
slug: string[]
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function DocsPage({ slug }: DocsPageProps) {
|
|
10
|
+
const { config, tree, page } = usePageContext()
|
|
11
|
+
|
|
12
|
+
if (!page) return null
|
|
13
|
+
|
|
14
|
+
const { Page } = getTheme(config.theme?.name)
|
|
15
|
+
const pageUrl = config.url ? `${config.url}/${slug.join('/')}` : undefined
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<>
|
|
19
|
+
<Head
|
|
20
|
+
title={page.frontmatter.title}
|
|
21
|
+
description={page.frontmatter.description}
|
|
22
|
+
config={config}
|
|
23
|
+
jsonLd={{
|
|
24
|
+
'@context': 'https://schema.org',
|
|
25
|
+
'@type': 'Article',
|
|
26
|
+
headline: page.frontmatter.title,
|
|
27
|
+
description: page.frontmatter.description,
|
|
28
|
+
...(pageUrl && { url: pageUrl }),
|
|
29
|
+
}}
|
|
30
|
+
/>
|
|
31
|
+
<Page
|
|
32
|
+
page={{
|
|
33
|
+
slug,
|
|
34
|
+
frontmatter: page.frontmatter,
|
|
35
|
+
content: page.content,
|
|
36
|
+
toc: [],
|
|
37
|
+
}}
|
|
38
|
+
config={config}
|
|
39
|
+
tree={tree}
|
|
40
|
+
/>
|
|
41
|
+
</>
|
|
42
|
+
)
|
|
43
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Flex, Headline, Text } from '@raystack/apsara'
|
|
2
|
+
|
|
3
|
+
export function NotFound() {
|
|
4
|
+
return (
|
|
5
|
+
<Flex direction="column" align="center" justify="center" style={{ minHeight: '60vh' }}>
|
|
6
|
+
<Headline size="large" as="h1">404</Headline>
|
|
7
|
+
<Text size={3}>Page not found</Text>
|
|
8
|
+
</Flex>
|
|
9
|
+
)
|
|
10
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { renderToString } from 'react-dom/server'
|
|
3
|
+
import { Head } from '@/lib/head'
|
|
4
|
+
|
|
5
|
+
describe('Head component', () => {
|
|
6
|
+
const baseConfig = {
|
|
7
|
+
title: 'Test Docs',
|
|
8
|
+
theme: { name: 'default' as const },
|
|
9
|
+
search: { enabled: true, placeholder: 'Search...' },
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
it('renders title tag', () => {
|
|
13
|
+
const html = renderToString(
|
|
14
|
+
<Head title="Page Title" config={baseConfig} />
|
|
15
|
+
)
|
|
16
|
+
expect(html).toContain('Page Title | Test Docs')
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
it('renders description meta tag', () => {
|
|
20
|
+
const html = renderToString(
|
|
21
|
+
<Head title="Page" description="A description" config={baseConfig} />
|
|
22
|
+
)
|
|
23
|
+
expect(html).toContain('A description')
|
|
24
|
+
})
|
|
25
|
+
|
|
26
|
+
it('renders OG tags when config.url is set', () => {
|
|
27
|
+
const html = renderToString(
|
|
28
|
+
<Head
|
|
29
|
+
title="Page"
|
|
30
|
+
description="Desc"
|
|
31
|
+
config={{ ...baseConfig, url: 'https://docs.example.com' }}
|
|
32
|
+
/>
|
|
33
|
+
)
|
|
34
|
+
expect(html).toContain('og:title')
|
|
35
|
+
expect(html).toContain('og:description')
|
|
36
|
+
expect(html).toContain('twitter:card')
|
|
37
|
+
})
|
|
38
|
+
|
|
39
|
+
it('skips OG tags when no url in config', () => {
|
|
40
|
+
const html = renderToString(
|
|
41
|
+
<Head title="Page" config={baseConfig} />
|
|
42
|
+
)
|
|
43
|
+
expect(html).not.toContain('og:title')
|
|
44
|
+
})
|
|
45
|
+
|
|
46
|
+
it('renders JSON-LD script', () => {
|
|
47
|
+
const html = renderToString(
|
|
48
|
+
<Head
|
|
49
|
+
title="Page"
|
|
50
|
+
config={baseConfig}
|
|
51
|
+
jsonLd={{ '@context': 'https://schema.org', '@type': 'Article' }}
|
|
52
|
+
/>
|
|
53
|
+
)
|
|
54
|
+
expect(html).toContain('application/ld+json')
|
|
55
|
+
expect(html).toContain('schema.org')
|
|
56
|
+
})
|
|
57
|
+
})
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import '@raystack/apsara/normalize.css'
|
|
2
|
+
import '@raystack/apsara/style.css'
|
|
3
|
+
import { ThemeProvider } from '@raystack/apsara'
|
|
4
|
+
import { useLocation } from 'react-router-dom'
|
|
5
|
+
import { usePageContext } from '@/lib/page-context'
|
|
6
|
+
import { Head } from '@/lib/head'
|
|
7
|
+
import { DocsLayout } from '@/pages/DocsLayout'
|
|
8
|
+
import { DocsPage } from '@/pages/DocsPage'
|
|
9
|
+
import { ApiLayout } from '@/pages/ApiLayout'
|
|
10
|
+
import { ApiPage } from '@/pages/ApiPage'
|
|
11
|
+
import type { ChronicleConfig } from '@/types'
|
|
12
|
+
|
|
13
|
+
function resolveRoute(pathname: string) {
|
|
14
|
+
if (pathname.startsWith('/apis')) {
|
|
15
|
+
const slug = pathname.replace(/^\/apis\/?/, '').split('/').filter(Boolean)
|
|
16
|
+
return { type: 'api' as const, slug }
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
const slug = pathname === '/' ? [] : pathname.slice(1).split('/').filter(Boolean)
|
|
20
|
+
return { type: 'docs' as const, slug }
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export function App() {
|
|
24
|
+
const { pathname } = useLocation()
|
|
25
|
+
const { config } = usePageContext()
|
|
26
|
+
const route = resolveRoute(pathname)
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<ThemeProvider enableSystem>
|
|
30
|
+
<RootHead config={config} />
|
|
31
|
+
{route.type === 'api' ? (
|
|
32
|
+
<ApiLayout>
|
|
33
|
+
<ApiPage slug={route.slug} />
|
|
34
|
+
</ApiLayout>
|
|
35
|
+
) : (
|
|
36
|
+
<DocsLayout>
|
|
37
|
+
<DocsPage slug={route.slug} />
|
|
38
|
+
</DocsLayout>
|
|
39
|
+
)}
|
|
40
|
+
</ThemeProvider>
|
|
41
|
+
)
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
function RootHead({ config }: { config: ChronicleConfig }) {
|
|
45
|
+
return (
|
|
46
|
+
<Head
|
|
47
|
+
title={config.title}
|
|
48
|
+
description={config.description}
|
|
49
|
+
config={config}
|
|
50
|
+
jsonLd={config.url ? {
|
|
51
|
+
'@context': 'https://schema.org',
|
|
52
|
+
'@type': 'WebSite',
|
|
53
|
+
name: config.title,
|
|
54
|
+
description: config.description,
|
|
55
|
+
url: config.url,
|
|
56
|
+
} : undefined}
|
|
57
|
+
/>
|
|
58
|
+
)
|
|
59
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { render, type SSRData } from '../entry-server'
|
|
3
|
+
|
|
4
|
+
const mockData: SSRData = {
|
|
5
|
+
config: { title: 'Test Site' },
|
|
6
|
+
tree: { name: 'root', children: [] },
|
|
7
|
+
page: {
|
|
8
|
+
slug: [],
|
|
9
|
+
frontmatter: { title: 'Test' },
|
|
10
|
+
content: null,
|
|
11
|
+
},
|
|
12
|
+
apiSpecs: [],
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
describe('entry-server', () => {
|
|
16
|
+
it('exports a render function', () => {
|
|
17
|
+
expect(typeof render).toBe('function')
|
|
18
|
+
})
|
|
19
|
+
|
|
20
|
+
it('returns an HTML string', () => {
|
|
21
|
+
const html = render('http://localhost:3000/', mockData)
|
|
22
|
+
expect(typeof html).toBe('string')
|
|
23
|
+
expect(html.length).toBeGreaterThan(0)
|
|
24
|
+
})
|
|
25
|
+
|
|
26
|
+
it('renders docs route for root URL', () => {
|
|
27
|
+
const html = render('http://localhost:3000/', mockData)
|
|
28
|
+
expect(html).toBeTruthy()
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
it('renders api route for /apis URL', () => {
|
|
32
|
+
const html = render('http://localhost:3000/apis', mockData)
|
|
33
|
+
expect(html).toBeTruthy()
|
|
34
|
+
})
|
|
35
|
+
})
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { handleHealth } from '../handlers/health'
|
|
3
|
+
import { handleRobots } from '../handlers/robots'
|
|
4
|
+
import { handleSitemap } from '../handlers/sitemap'
|
|
5
|
+
import { handleApisProxy } from '../handlers/apis-proxy'
|
|
6
|
+
import { handleLlms } from '../handlers/llms'
|
|
7
|
+
|
|
8
|
+
describe('handleHealth', () => {
|
|
9
|
+
it('returns 200 with status ok', async () => {
|
|
10
|
+
const response = handleHealth()
|
|
11
|
+
expect(response.status).toBe(200)
|
|
12
|
+
const body = await response.json()
|
|
13
|
+
expect(body).toEqual({ status: 'ok' })
|
|
14
|
+
})
|
|
15
|
+
})
|
|
16
|
+
|
|
17
|
+
describe('handleRobots', () => {
|
|
18
|
+
it('returns text/plain content type', async () => {
|
|
19
|
+
const response = handleRobots()
|
|
20
|
+
expect(response.headers.get('content-type')).toBe('text/plain')
|
|
21
|
+
})
|
|
22
|
+
|
|
23
|
+
it('includes User-agent directive', async () => {
|
|
24
|
+
const response = handleRobots()
|
|
25
|
+
const text = await response.text()
|
|
26
|
+
expect(text).toContain('User-agent: *')
|
|
27
|
+
expect(text).toContain('Allow: /')
|
|
28
|
+
})
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
describe('handleSitemap', () => {
|
|
32
|
+
it('returns application/xml content type', async () => {
|
|
33
|
+
const response = await handleSitemap()
|
|
34
|
+
expect(response.headers.get('content-type')).toBe('application/xml')
|
|
35
|
+
})
|
|
36
|
+
|
|
37
|
+
it('returns valid XML structure', async () => {
|
|
38
|
+
const response = await handleSitemap()
|
|
39
|
+
const xml = await response.text()
|
|
40
|
+
expect(xml).toContain('<urlset')
|
|
41
|
+
})
|
|
42
|
+
})
|
|
43
|
+
|
|
44
|
+
describe('handleApisProxy', () => {
|
|
45
|
+
it('returns 405 for GET requests', async () => {
|
|
46
|
+
const req = new Request('http://localhost:3000/api/apis-proxy', { method: 'GET' })
|
|
47
|
+
const response = await handleApisProxy(req)
|
|
48
|
+
expect(response.status).toBe(405)
|
|
49
|
+
})
|
|
50
|
+
|
|
51
|
+
it('returns 400 for POST without required fields', async () => {
|
|
52
|
+
const req = new Request('http://localhost:3000/api/apis-proxy', {
|
|
53
|
+
method: 'POST',
|
|
54
|
+
body: JSON.stringify({}),
|
|
55
|
+
headers: { 'Content-Type': 'application/json' },
|
|
56
|
+
})
|
|
57
|
+
const response = await handleApisProxy(req)
|
|
58
|
+
expect(response.status).toBe(400)
|
|
59
|
+
})
|
|
60
|
+
|
|
61
|
+
it('returns 404 for unknown spec', async () => {
|
|
62
|
+
const req = new Request('http://localhost:3000/api/apis-proxy', {
|
|
63
|
+
method: 'POST',
|
|
64
|
+
body: JSON.stringify({ specName: 'nonexistent', method: 'GET', path: '/test' }),
|
|
65
|
+
headers: { 'Content-Type': 'application/json' },
|
|
66
|
+
})
|
|
67
|
+
const response = await handleApisProxy(req)
|
|
68
|
+
expect(response.status).toBe(404)
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
|
|
72
|
+
describe('handleLlms', () => {
|
|
73
|
+
it('returns 404 when llms not enabled', async () => {
|
|
74
|
+
const response = await handleLlms()
|
|
75
|
+
expect(response.status).toBe(404)
|
|
76
|
+
})
|
|
77
|
+
})
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { handleOg } from '../handlers/og'
|
|
3
|
+
|
|
4
|
+
// OG handler requires network to fetch fonts, skip in CI-like environments
|
|
5
|
+
describe.skipIf(!process.env.TEST_OG)('handleOg', () => {
|
|
6
|
+
it('returns SVG content type', async () => {
|
|
7
|
+
const req = new Request('http://localhost:3000/og?title=Test')
|
|
8
|
+
const response = await handleOg(req)
|
|
9
|
+
expect(response.headers.get('content-type')).toBe('image/svg+xml')
|
|
10
|
+
})
|
|
11
|
+
|
|
12
|
+
it('returns cache-control header', async () => {
|
|
13
|
+
const req = new Request('http://localhost:3000/og?title=Test')
|
|
14
|
+
const response = await handleOg(req)
|
|
15
|
+
expect(response.headers.get('cache-control')).toContain('max-age')
|
|
16
|
+
})
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
describe('handleOg export', () => {
|
|
20
|
+
it('exports a function', () => {
|
|
21
|
+
expect(typeof handleOg).toBe('function')
|
|
22
|
+
})
|
|
23
|
+
})
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { matchRoute } from '../router'
|
|
3
|
+
|
|
4
|
+
describe('router', () => {
|
|
5
|
+
it('matches /api/health route', () => {
|
|
6
|
+
const handler = matchRoute('http://localhost:3000/api/health')
|
|
7
|
+
expect(handler).not.toBeNull()
|
|
8
|
+
})
|
|
9
|
+
|
|
10
|
+
it('returns ok for /api/health', async () => {
|
|
11
|
+
const handler = matchRoute('http://localhost:3000/api/health')
|
|
12
|
+
const response = await handler!(new Request('http://localhost:3000/api/health'))
|
|
13
|
+
expect(response.status).toBe(200)
|
|
14
|
+
const body = await response.json()
|
|
15
|
+
expect(body).toEqual({ status: 'ok' })
|
|
16
|
+
})
|
|
17
|
+
|
|
18
|
+
it('matches /api/search route', () => {
|
|
19
|
+
const handler = matchRoute('http://localhost:3000/api/search')
|
|
20
|
+
expect(handler).not.toBeNull()
|
|
21
|
+
})
|
|
22
|
+
|
|
23
|
+
it('matches /robots.txt route', () => {
|
|
24
|
+
const handler = matchRoute('http://localhost:3000/robots.txt')
|
|
25
|
+
expect(handler).not.toBeNull()
|
|
26
|
+
})
|
|
27
|
+
|
|
28
|
+
it('returns robots.txt with correct content', async () => {
|
|
29
|
+
const handler = matchRoute('http://localhost:3000/robots.txt')
|
|
30
|
+
const response = await handler!(new Request('http://localhost:3000/robots.txt'))
|
|
31
|
+
expect(response.headers.get('content-type')).toBe('text/plain')
|
|
32
|
+
const text = await response.text()
|
|
33
|
+
expect(text).toContain('User-agent')
|
|
34
|
+
})
|
|
35
|
+
|
|
36
|
+
it('matches /sitemap.xml route', () => {
|
|
37
|
+
const handler = matchRoute('http://localhost:3000/sitemap.xml')
|
|
38
|
+
expect(handler).not.toBeNull()
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
it('returns sitemap.xml with xml content type', async () => {
|
|
42
|
+
const handler = matchRoute('http://localhost:3000/sitemap.xml')
|
|
43
|
+
const response = await handler!(new Request('http://localhost:3000/sitemap.xml'))
|
|
44
|
+
expect(response.headers.get('content-type')).toBe('application/xml')
|
|
45
|
+
})
|
|
46
|
+
|
|
47
|
+
it('returns null for unknown routes', () => {
|
|
48
|
+
const handler = matchRoute('http://localhost:3000/some/random/path')
|
|
49
|
+
expect(handler).toBeNull()
|
|
50
|
+
})
|
|
51
|
+
|
|
52
|
+
it('matches /llms.txt route', () => {
|
|
53
|
+
const handler = matchRoute('http://localhost:3000/llms.txt')
|
|
54
|
+
expect(handler).not.toBeNull()
|
|
55
|
+
})
|
|
56
|
+
|
|
57
|
+
it('matches /og route', () => {
|
|
58
|
+
const handler = matchRoute('http://localhost:3000/og')
|
|
59
|
+
expect(handler).not.toBeNull()
|
|
60
|
+
})
|
|
61
|
+
|
|
62
|
+
it('matches /api/apis-proxy route', () => {
|
|
63
|
+
const handler = matchRoute('http://localhost:3000/api/apis-proxy')
|
|
64
|
+
expect(handler).not.toBeNull()
|
|
65
|
+
})
|
|
66
|
+
|
|
67
|
+
it('returns 405 for non-POST to apis-proxy', async () => {
|
|
68
|
+
const handler = matchRoute('http://localhost:3000/api/apis-proxy')
|
|
69
|
+
const response = await handler!(new Request('http://localhost:3000/api/apis-proxy'))
|
|
70
|
+
expect(response.status).toBe(405)
|
|
71
|
+
})
|
|
72
|
+
})
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { describe, it, expect } from 'vitest'
|
|
2
|
+
import { createViteConfig } from '../vite-config'
|
|
3
|
+
|
|
4
|
+
describe('createViteConfig', () => {
|
|
5
|
+
it('returns a valid vite config object', async () => {
|
|
6
|
+
const config = await createViteConfig({
|
|
7
|
+
root: '/tmp/test',
|
|
8
|
+
contentDir: '/tmp/test/content',
|
|
9
|
+
isDev: true,
|
|
10
|
+
})
|
|
11
|
+
|
|
12
|
+
expect(config.root).toBe('/tmp/test')
|
|
13
|
+
expect(config.configFile).toBe(false)
|
|
14
|
+
})
|
|
15
|
+
|
|
16
|
+
it('accepts isDev option', async () => {
|
|
17
|
+
const config = await createViteConfig({
|
|
18
|
+
root: '/tmp/test',
|
|
19
|
+
contentDir: '/tmp/test/content',
|
|
20
|
+
isDev: false,
|
|
21
|
+
})
|
|
22
|
+
|
|
23
|
+
expect(config.root).toBe('/tmp/test')
|
|
24
|
+
})
|
|
25
|
+
})
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import path from 'path'
|
|
2
|
+
import fs from 'fs/promises'
|
|
3
|
+
import { existsSync } from 'fs'
|
|
4
|
+
import chalk from 'chalk'
|
|
5
|
+
|
|
6
|
+
interface VercelAdapterOptions {
|
|
7
|
+
distDir: string
|
|
8
|
+
contentDir: string
|
|
9
|
+
projectRoot: string
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const CONTENT_EXTENSIONS = new Set([
|
|
13
|
+
'.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.ico',
|
|
14
|
+
'.pdf', '.json', '.yaml', '.yml', '.txt',
|
|
15
|
+
])
|
|
16
|
+
|
|
17
|
+
export async function buildVercelOutput(options: VercelAdapterOptions) {
|
|
18
|
+
const { distDir, contentDir, projectRoot } = options
|
|
19
|
+
const outputDir = path.resolve(projectRoot, '.vercel/output')
|
|
20
|
+
|
|
21
|
+
console.log(chalk.gray('Generating Vercel output...'))
|
|
22
|
+
|
|
23
|
+
// Clean previous output
|
|
24
|
+
await fs.rm(outputDir, { recursive: true, force: true })
|
|
25
|
+
|
|
26
|
+
// Create output directories
|
|
27
|
+
const staticDir = path.resolve(outputDir, 'static')
|
|
28
|
+
const funcDir = path.resolve(outputDir, 'functions/index.func')
|
|
29
|
+
await fs.mkdir(staticDir, { recursive: true })
|
|
30
|
+
await fs.mkdir(funcDir, { recursive: true })
|
|
31
|
+
|
|
32
|
+
// 1. Copy client assets → .vercel/output/static/
|
|
33
|
+
const clientDir = path.resolve(distDir, 'client')
|
|
34
|
+
await copyDir(clientDir, staticDir)
|
|
35
|
+
console.log(chalk.gray(' Copied client assets to static/'))
|
|
36
|
+
|
|
37
|
+
// 2. Copy content dir assets (images, etc.) → .vercel/output/static/
|
|
38
|
+
if (existsSync(contentDir)) {
|
|
39
|
+
await copyContentAssets(contentDir, staticDir)
|
|
40
|
+
console.log(chalk.gray(' Copied content assets to static/'))
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// 3. Copy server bundle → .vercel/output/functions/index.func/
|
|
44
|
+
const serverDir = path.resolve(distDir, 'server')
|
|
45
|
+
await copyDir(serverDir, funcDir)
|
|
46
|
+
console.log(chalk.gray(' Copied server bundle to functions/'))
|
|
47
|
+
|
|
48
|
+
// 4. Copy HTML template into function dir (not accessible from static/ at runtime)
|
|
49
|
+
const templateSrc = path.resolve(clientDir, 'src/server/index.html')
|
|
50
|
+
await fs.copyFile(templateSrc, path.resolve(funcDir, 'index.html'))
|
|
51
|
+
|
|
52
|
+
// 5. Write package.json for ESM support
|
|
53
|
+
await fs.writeFile(
|
|
54
|
+
path.resolve(funcDir, 'package.json'),
|
|
55
|
+
JSON.stringify({ type: 'module' }, null, 2),
|
|
56
|
+
)
|
|
57
|
+
|
|
58
|
+
// 6. Write .vc-config.json
|
|
59
|
+
await fs.writeFile(
|
|
60
|
+
path.resolve(funcDir, '.vc-config.json'),
|
|
61
|
+
JSON.stringify({
|
|
62
|
+
runtime: 'nodejs24.x',
|
|
63
|
+
handler: 'entry-vercel.js',
|
|
64
|
+
launcherType: 'Nodejs',
|
|
65
|
+
}, null, 2),
|
|
66
|
+
)
|
|
67
|
+
|
|
68
|
+
// 7. Write config.json
|
|
69
|
+
await fs.writeFile(
|
|
70
|
+
path.resolve(outputDir, 'config.json'),
|
|
71
|
+
JSON.stringify({
|
|
72
|
+
version: 3,
|
|
73
|
+
routes: [
|
|
74
|
+
{ handle: 'filesystem' },
|
|
75
|
+
{ src: '/(.*)', dest: '/index' },
|
|
76
|
+
],
|
|
77
|
+
}, null, 2),
|
|
78
|
+
)
|
|
79
|
+
|
|
80
|
+
console.log(chalk.green('Vercel output generated →'), outputDir)
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
async function copyDir(src: string, dest: string) {
|
|
84
|
+
await fs.mkdir(dest, { recursive: true })
|
|
85
|
+
const entries = await fs.readdir(src, { withFileTypes: true })
|
|
86
|
+
|
|
87
|
+
for (const entry of entries) {
|
|
88
|
+
const srcPath = path.join(src, entry.name)
|
|
89
|
+
const destPath = path.join(dest, entry.name)
|
|
90
|
+
|
|
91
|
+
if (entry.isDirectory()) {
|
|
92
|
+
await copyDir(srcPath, destPath)
|
|
93
|
+
} else {
|
|
94
|
+
await fs.copyFile(srcPath, destPath)
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
async function copyContentAssets(contentDir: string, staticDir: string) {
|
|
100
|
+
const entries = await fs.readdir(contentDir, { withFileTypes: true })
|
|
101
|
+
|
|
102
|
+
for (const entry of entries) {
|
|
103
|
+
const srcPath = path.join(contentDir, entry.name)
|
|
104
|
+
|
|
105
|
+
if (entry.isDirectory()) {
|
|
106
|
+
const destSubDir = path.join(staticDir, entry.name)
|
|
107
|
+
await copyContentAssetsRecursive(srcPath, destSubDir)
|
|
108
|
+
} else {
|
|
109
|
+
const ext = path.extname(entry.name).toLowerCase()
|
|
110
|
+
if (CONTENT_EXTENSIONS.has(ext)) {
|
|
111
|
+
await fs.copyFile(srcPath, path.join(staticDir, entry.name))
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
async function copyContentAssetsRecursive(srcDir: string, destDir: string) {
|
|
118
|
+
const entries = await fs.readdir(srcDir, { withFileTypes: true })
|
|
119
|
+
|
|
120
|
+
for (const entry of entries) {
|
|
121
|
+
const srcPath = path.join(srcDir, entry.name)
|
|
122
|
+
|
|
123
|
+
if (entry.isDirectory()) {
|
|
124
|
+
await copyContentAssetsRecursive(srcPath, path.join(destDir, entry.name))
|
|
125
|
+
} else {
|
|
126
|
+
const ext = path.extname(entry.name).toLowerCase()
|
|
127
|
+
if (CONTENT_EXTENSIONS.has(ext)) {
|
|
128
|
+
await fs.mkdir(destDir, { recursive: true })
|
|
129
|
+
await fs.copyFile(srcPath, path.join(destDir, entry.name))
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|