@setzkasten-cms/astro-admin 0.6.0

package/LICENSE

@@ -0,0 +1,37 @@
+Setzkasten Community License
+
+Copyright (c) 2026 Lilapixel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to use,
+copy, modify, merge, publish, and distribute the Software, subject to the
+following conditions:
+
+1. The above copyright notice and this permission notice shall be included in
+   all copies or substantial portions of the Software.
+
+2. The Software may not be used for commercial purposes without a separate
+   commercial license from the copyright holder. "Commercial purposes" means
+   any use of the Software that is primarily intended for or directed toward
+   commercial advantage or monetary compensation. This includes, but is not
+   limited to:
+   - Using the Software to manage content for a commercial website or product
+   - Offering the Software as part of a paid service
+   - Using the Software within a for-profit organization
+
+3. Non-commercial use is permitted without restriction. This includes:
+   - Personal projects
+   - Open source projects
+   - Educational and academic use
+   - Non-profit organizations
+
+4. A commercial license ("Enterprise License") may be obtained by contacting
+   Lilapixel at hello@lilapixel.de.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@setzkasten-cms/astro-admin",
+  "version": "0.6.0",
+  "description": "Setzkasten Admin-UI, Init-Wizard und Adoptions-Pipeline für Astro",
+  "type": "module",
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Lilapixel <hello@lilapixel.de>",
+  "homepage": "https://github.com/thosor87/setzkasten/tree/main/packages/astro-admin#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thosor87/setzkasten.git",
+    "directory": "packages/astro-admin"
+  },
+  "bugs": "https://github.com/thosor87/setzkasten/issues",
+  "keywords": [
+    "cms",
+    "setzkasten",
+    "astro",
+    "admin",
+    "git-based",
+    "headless-cms"
+  ],
+  "exports": {
+    "./auth-login": "./src/api-routes/auth-login.ts",
+    "./auth-callback": "./src/api-routes/auth-callback.ts",
+    "./auth-logout": "./src/api-routes/auth-logout.ts",
+    "./auth-session": "./src/api-routes/auth-session.ts",
+    "./github-proxy": "./src/api-routes/github-proxy.ts",
+    "./asset-proxy": "./src/api-routes/asset-proxy.ts",
+    "./config": "./src/api-routes/config.ts",
+    "./pages": "./src/api-routes/pages.ts",
+    "./init-scan": "./src/api-routes/init-scan.ts",
+    "./init-apply": "./src/api-routes/init-apply.ts",
+    "./init-scan-page": "./src/api-routes/init-scan-page.ts",
+    "./init-add-section": "./src/api-routes/init-add-section.ts",
+    "./init-migrate": "./src/api-routes/init-migrate.ts",
+    "./deploy-hook": "./src/api-routes/deploy-hook.ts",
+    "./catalog": "./src/api-routes/catalog-list.ts",
+    "./catalog-add": "./src/api-routes/catalog-add.ts",
+    "./catalog-export": "./src/api-routes/catalog-export.ts",
+    "./section-add": "./src/api-routes/section-add.ts",
+    "./section-prepare": "./src/api-routes/section-prepare.ts",
+    "./section-prepare-copy": "./src/api-routes/section-prepare-copy.ts",
+    "./section-commit-pending": "./src/api-routes/section-commit-pending.ts",
+    "./section-delete": "./src/api-routes/section-delete.ts",
+    "./section-duplicate": "./src/api-routes/section-duplicate.ts",
+    "./admin-page": "./src/admin-page.astro"
+  },
+  "devDependencies": {
+    "vitest": "^3.2.0"
+  },
+  "dependencies": {
+    "@astrojs/compiler": "^3.0.0",
+    "@setzkasten-cms/auth": "0.6.0",
+    "@setzkasten-cms/catalog": "0.6.0",
+    "@setzkasten-cms/core": "0.6.0",
+    "@setzkasten-cms/ui": "0.6.0",
+    "@setzkasten-cms/github-adapter": "0.6.0"
+  },
+  "peerDependencies": {
+    "astro": "^5.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}

package/src/admin-page.astro

@@ -0,0 +1,148 @@
+---
+/**
+ * Admin SPA shell – served at /admin/[...path]
+ * Mounts the React-based AdminApp as a client-side SPA.
+ */
+---
+
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex, nofollow" />
+    <title>Setzkasten Admin</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
+    <style>
+      * { box-sizing: border-box; margin: 0; padding: 0; }
+      body {
+        font-family: 'DM Sans', system-ui, sans-serif;
+        color: #1a1a2e;
+        background: #faf9f7;
+        -webkit-font-smoothing: antialiased;
+      }
+      .sk-boot-loading {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        flex-direction: column;
+        gap: 16px;
+      }
+      .sk-boot-spinner {
+        width: 32px;
+        height: 32px;
+        border: 3px solid #e2ddd7;
+        border-top-color: #c45d3e;
+        border-radius: 50%;
+        animation: sk-boot-spin 0.8s linear infinite;
+      }
+      @keyframes sk-boot-spin {
+        to { transform: rotate(360deg); }
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="setzkasten-admin">
+      <div class="sk-boot-loading">
+        <div class="sk-boot-spinner"></div>
+        <div style="font-size: 14px; color: #64748b;">Lade Setzkasten...</div>
+      </div>
+    </div>
+
+    <script>
+      import React, { createElement } from 'react'
+      import { createRoot } from 'react-dom/client'
+      // Tiptap uses React.Component/React.createRef globally
+      ;(globalThis as any).React = React
+      import { SetzKastenProvider, AdminApp, ProxyContentRepository, ProxyAssetStore } from '@setzkasten-cms/ui'
+      import '@setzkasten-cms/ui/styles/admin.css'
+
+      async function boot() {
+        const root = document.getElementById('setzkasten-admin')
+        if (!root) return
+
+        try {
+          const injected = (globalThis as any).__SETZKASTEN_CONFIG__ ?? {}
+
+          const providers: Array<'github' | 'google'> = []
+          if (injected.hasGitHub) providers.push('github')
+          if (injected.hasGoogle) providers.push('google')
+          if (providers.length === 0) providers.push('github')
+
+          // Fetch the full user config from server
+          let userConfig: any = null
+          try {
+            const res = await fetch('/api/setzkasten/config')
+            if (res.ok) userConfig = await res.json()
+          } catch {}
+
+          const skConfig = userConfig ?? {
+            storage: { kind: 'github' as const },
+            auth: { providers },
+            theme: {},
+            products: {},
+            collections: {},
+          }
+
+          // Storage params come from the config API (server-injected via SSR)
+          const storage = userConfig?._storage ?? injected.storage ?? {}
+          const owner = storage.owner ?? ''
+          const repo = storage.repo ?? ''
+          const branch = storage.branch ?? 'main'
+          const contentPath = storage.contentPath ?? 'content'
+
+          const repository = new ProxyContentRepository({
+            proxyBaseUrl: '/api/setzkasten/github',
+            owner,
+            repo,
+            branch,
+            contentPath,
+          })
+
+          const assetsPath = storage.assetsPath ?? 'public/images'
+          const assets = new ProxyAssetStore({
+            proxyBaseUrl: '/api/setzkasten/github',
+            owner,
+            repo,
+            branch,
+            assetsPath,
+            publicUrlPrefix: '/images',
+          })
+
+          const auth = {
+            async login() { window.location.href = '/api/setzkasten/auth/login?provider=github' },
+            async logout() { window.location.href = '/api/setzkasten/auth/logout' },
+            async getSession() {
+              const res = await fetch('/api/setzkasten/auth/session')
+              return res.json()
+            },
+          }
+
+          const reactRoot = createRoot(root)
+          reactRoot.render(
+            createElement(
+              SetzKastenProvider,
+              { config: skConfig, repository, auth, assets },
+              createElement(AdminApp)
+            )
+          )
+        } catch (error) {
+          console.error('[setzkasten] Boot failed:', error)
+          root.innerHTML = `
+            <div style="display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px;">
+              <p style="color:#ef4444;font-size:14px;">Fehler beim Laden des Admin-Panels.</p>
+              <a href="/" style="color:#64748b;font-size:13px;">Zur Startseite</a>
+            </div>
+          `
+        }
+      }
+
+      boot()
+    </script>
+  </body>
+</html>

package/src/api-routes/__tests__/add-section-helpers.test.ts

@@ -0,0 +1,383 @@
+/**
+ * Unit tests for the pure helper logic in init-add-section.ts.
+ *
+ * These functions contain non-trivial logic that has caused bugs or could
+ * silently produce wrong output. They are extracted here so they can be
+ * tested without mocking the GitHub API.
+ *
+ * Covered:
+ *   1. pageKey → configKey separator normalisation ('/' → '_', not '--')
+ *   2. Content JSON generation: field ordering, defaultValue fallback, merge
+ *   3. Page-config JSON: section deduplication (normalizeKey logic)
+ *   4. sk-preview clone: prerender removal, import path adjustment
+ *   5. patchPageFile: import injection, registry entry, hardcoded tag removal
+ *   6. calculateRelativePath: correct relative paths for various depths
+ */
+
+import { describe, it, expect } from 'vitest'
+
+// ---------------------------------------------------------------------------
+// Helpers under test — re-implemented inline so we can test them without
+// importing the whole APIRoute (which has Astro / env deps).
+//
+// These implementations MUST stay in sync with init-add-section.ts.
+// If you change the real implementation, update these copies too.
+// ---------------------------------------------------------------------------
+
+function getDefaultValue(fieldType: string): unknown {
+  switch (fieldType) {
+    case 'text': return ''
+    case 'number': return 0
+    case 'boolean': return false
+    case 'image': return { path: '', alt: '' }
+    case 'array': return []
+    case 'color': return '#000000'
+    case 'date': return ''
+    case 'icon': return ''
+    default: return ''
+  }
+}
+
+function calculateRelativePath(fromDir: string, toPath: string): string {
+  const fromParts = fromDir.split('/')
+  const toParts = toPath.split('/')
+  let common = 0
+  while (
+    common < fromParts.length &&
+    common < toParts.length &&
+    fromParts[common] === toParts[common]
+  ) {
+    common++
+  }
+  const ups = fromParts.length - common
+  const remaining = toParts.slice(common).join('/')
+  if (ups === 0) return './' + remaining
+  return '../'.repeat(ups) + remaining
+}
+
+/** The normalize helper used in the section-dedup logic */
+const normalizeKey = (k: string) => k.replace(/[-_]/g, '').toLowerCase()
+
+/** Config-key computation used in both backend and UI */
+function pageKeyToConfigKey(pageKey: string): string {
+  return '_' + pageKey.replace(/\//g, '_')
+}
+
+/** Build content JSON with field ordering and merge logic */
+function buildSectionData(
+  existingData: Record<string, unknown>,
+  fields: Array<{ key: string; type: string; defaultValue?: unknown }>,
+  orderedKeys: string[],
+): Record<string, unknown> {
+  const sectionData = { ...existingData }
+
+  // Only add values for fields that don't already exist
+  for (const field of fields) {
+    if (!(field.key in sectionData)) {
+      sectionData[field.key] = field.defaultValue ?? getDefaultValue(field.type)
+    }
+  }
+
+  // Reorder keys to match template order
+  const orderedData: Record<string, unknown> = {}
+  for (const key of orderedKeys) {
+    if (key in sectionData) orderedData[key] = sectionData[key]
+  }
+  for (const key of Object.keys(sectionData)) {
+    if (!(key in orderedData)) orderedData[key] = sectionData[key]
+  }
+
+  return orderedData
+}
+
+/** Create or update a page-config JSON, deduplicating sections */
+function buildPageConfig(
+  existingJson: string | null,
+  sectionKey: string,
+): { sections: Array<{ key: string; enabled: boolean }> } {
+  if (existingJson) {
+    const config = JSON.parse(existingJson)
+    const normalizedNewKey = normalizeKey(sectionKey)
+    if (!config.sections.some((s: { key: string }) => normalizeKey(s.key) === normalizedNewKey)) {
+      config.sections.push({ key: sectionKey, enabled: true })
+    }
+    return config
+  }
+  return { sections: [{ key: sectionKey, enabled: true }] }
+}
+
+/** Build the sk-preview clone: strip prerender, fix import depths */
+function buildPreviewClone(patchedSource: string): string {
+  return patchedSource
+    .replace(/\bexport\s+const\s+prerender\s*=\s*true\s*;?\s*\n?/, '')
+    .replace(/(from\s+')(\.\.\/)/g, '$1../$2')
+    .replace(/(from\s+")(\.\.\/)/g, '$1../$2')
+}
+
+// ---------------------------------------------------------------------------
+// 1. pageKey → configKey
+// ---------------------------------------------------------------------------
+
+describe('pageKey → configKey normalisation', () => {
+  it('should use underscore separators for nested pages', () => {
+    expect(pageKeyToConfigKey('docs/architecture')).toBe('_docs_architecture')
+  })
+
+  it('should not use double-dash separators', () => {
+    expect(pageKeyToConfigKey('docs/architecture')).not.toContain('--')
+  })
+
+  it('should handle single-level page', () => {
+    expect(pageKeyToConfigKey('about')).toBe('_about')
+  })
+
+  it('should handle index page', () => {
+    expect(pageKeyToConfigKey('index')).toBe('_index')
+  })
+
+  it('should handle three-level nesting', () => {
+    expect(pageKeyToConfigKey('docs/api/reference')).toBe('_docs_api_reference')
+  })
+})
+
+// ---------------------------------------------------------------------------
+// 2. Content JSON — field ordering and merge
+// ---------------------------------------------------------------------------
+
+describe('Content JSON generation', () => {
+  const fields = [
+    { key: 'heading', type: 'text', defaultValue: 'Hello' },
+    { key: 'count', type: 'number', defaultValue: 42 },
+    { key: 'active', type: 'boolean' },
+    { key: 'items', type: 'array', defaultValue: ['a', 'b'] },
+  ]
+
+  it('should use defaultValue when provided', () => {
+    const data = buildSectionData({}, fields, fields.map(f => f.key))
+    expect(data.heading).toBe('Hello')
+    expect(data.count).toBe(42)
+    expect(data.items).toEqual(['a', 'b'])
+  })
+
+  it('should fall back to getDefaultValue when defaultValue is absent', () => {
+    const data = buildSectionData({}, fields, fields.map(f => f.key))
+    expect(data.active).toBe(false)
+  })
+
+  it('should not overwrite existing values on re-adoption', () => {
+    const existing = { heading: 'Existing Title', count: 99 }
+    const data = buildSectionData(existing, fields, fields.map(f => f.key))
+    expect(data.heading).toBe('Existing Title')
+    expect(data.count).toBe(99)
+  })
+
+  it('should respect template field order', () => {
+    const orderedKeys = ['items', 'count', 'heading', 'active']
+    const data = buildSectionData({}, fields, orderedKeys)
+    expect(Object.keys(data)).toEqual(['items', 'count', 'heading', 'active'])
+  })
+
+  it('should getDefaultValue correctly for all field types', () => {
+    expect(getDefaultValue('text')).toBe('')
+    expect(getDefaultValue('number')).toBe(0)
+    expect(getDefaultValue('boolean')).toBe(false)
+    expect(getDefaultValue('image')).toEqual({ path: '', alt: '' })
+    expect(getDefaultValue('array')).toEqual([])
+    expect(getDefaultValue('color')).toBe('#000000')
+    expect(getDefaultValue('unknown')).toBe('')
+  })
+})
+
+// ---------------------------------------------------------------------------
+// 3. Page config JSON — section deduplication
+// ---------------------------------------------------------------------------
+
+describe('Page config — section deduplication', () => {
+  it('should create a new config when none exists', () => {
+    const config = buildPageConfig(null, 'hero')
+    expect(config.sections).toEqual([{ key: 'hero', enabled: true }])
+  })
+
+  it('should append a new section to existing config', () => {
+    const existing = JSON.stringify({ sections: [{ key: 'hero', enabled: true }] })
+    const config = buildPageConfig(existing, 'features')
+    expect(config.sections).toHaveLength(2)
+    expect(config.sections[1]).toEqual({ key: 'features', enabled: true })
+  })
+
+  it('should not add a duplicate section (same key)', () => {
+    const existing = JSON.stringify({ sections: [{ key: 'hero', enabled: true }] })
+    const config = buildPageConfig(existing, 'hero')
+    expect(config.sections).toHaveLength(1)
+  })
+
+  it('should not add a duplicate section (dash vs underscore variant)', () => {
+    const existing = JSON.stringify({ sections: [{ key: 'hero-section', enabled: true }] })
+    const config = buildPageConfig(existing, 'hero_section')
+    expect(config.sections).toHaveLength(1)
+  })
+
+  it('should not add a duplicate section (case variant)', () => {
+    const existing = JSON.stringify({ sections: [{ key: 'HeroSection', enabled: true }] })
+    const config = buildPageConfig(existing, 'herosection')
+    expect(config.sections).toHaveLength(1)
+  })
+})
+
+// ---------------------------------------------------------------------------
+// 4. sk-preview clone — prerender removal and import depth fix
+// ---------------------------------------------------------------------------
+
+describe('sk-preview clone generation', () => {
+  const patched = `---
+export const prerender = true;
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { getSection } from 'setzkasten:content'
+const skData = getSection('_page_docs_architecture')
+---
+
+<BaseLayout>
+  <section id="section-_page_docs_architecture">
+    <h1 set:html={skData?.heading ?? 'Architektur'} />
+  </section>
+</BaseLayout>
+`
+
+  it('should remove the prerender export', () => {
+    const clone = buildPreviewClone(patched)
+    expect(clone).not.toContain('export const prerender')
+  })
+
+  it('should add an extra ../ level to relative imports', () => {
+    const clone = buildPreviewClone(patched)
+    // Original: '../../layouts/BaseLayout.astro'
+    // After fix: '../../../layouts/BaseLayout.astro'
+    expect(clone).toContain("from '../../../layouts/BaseLayout.astro'")
+  })
+
+  it('should not touch absolute module imports', () => {
+    const clone = buildPreviewClone(patched)
+    expect(clone).toContain("from 'setzkasten:content'")
+  })
+
+  it('should preserve getSection call', () => {
+    const clone = buildPreviewClone(patched)
+    expect(clone).toContain("getSection('_page_docs_architecture')")
+  })
+
+  it('should handle double-quoted imports too', () => {
+    const dq = patched.replace("from '../../layouts", 'from "../../layouts').replace("BaseLayout.astro'", 'BaseLayout.astro"')
+    const clone = buildPreviewClone(dq)
+    expect(clone).toContain('../../../layouts/BaseLayout.astro')
+  })
+})
+
+// ---------------------------------------------------------------------------
+// 5. calculateRelativePath
+// ---------------------------------------------------------------------------
+
+describe('calculateRelativePath', () => {
+  it('same directory', () => {
+    expect(calculateRelativePath('src/components', 'src/components/Hero.astro'))
+      .toBe('./Hero.astro')
+  })
+
+  it('one level up', () => {
+    expect(calculateRelativePath('src/pages', 'src/components/sections/HeroSection.astro'))
+      .toBe('../components/sections/HeroSection.astro')
+  })
+
+  it('two levels up', () => {
+    expect(calculateRelativePath('src/pages/docs', 'src/components/sections/HeroSection.astro'))
+      .toBe('../../components/sections/HeroSection.astro')
+  })
+
+  it('completely different paths', () => {
+    expect(calculateRelativePath('apps/website/src/pages', 'apps/website/src/components/sections/Footer.astro'))
+      .toBe('../components/sections/Footer.astro')
+  })
+
+  it('component in same folder as page', () => {
+    expect(calculateRelativePath('src/pages', 'src/pages/HeroSection.astro'))
+      .toBe('./HeroSection.astro')
+  })
+})
+
+// ---------------------------------------------------------------------------
+// 6. Directory-route clone path — the regression that caused build failures
+//
+// When the UI sends pagePath='src/pages/docs.astro' but the actual file is
+// src/pages/docs/index.astro (directory route), the sk-preview clone must
+// be placed at sk-preview/docs/index.astro (NOT sk-preview/docs.astro).
+//
+// sk-preview/docs.astro (wrong): same depth as src/pages/sk-preview/
+//   → buildPreviewClone adds "../" → "../../layouts/" becomes "../../../layouts/" ✗
+//
+// sk-preview/docs/index.astro (correct): one level deeper in sk-preview/docs/
+//   → buildPreviewClone adds "../" → "../../layouts/" becomes "../../../layouts/" ✓
+// ---------------------------------------------------------------------------
+
+/** Simulate resolvedPagePath logic from init-add-section.ts step 4 */
+function resolvePagePath(bodyPagePath: string, fileExistsOnGitHub: (path: string) => boolean): string {
+  if (fileExistsOnGitHub(bodyPagePath)) return bodyPagePath
+  if (bodyPagePath.endsWith('.astro')) {
+    const indexPath = bodyPagePath.replace(/\.astro$/, '/index.astro')
+    if (fileExistsOnGitHub(indexPath)) return indexPath
+  }
+  return bodyPagePath
+}
+
+describe('Directory-route clone path (build-failure regression)', () => {
+  it('top-level page: resolvedPagePath = bodyPagePath (no fallback needed)', () => {
+    const resolved = resolvePagePath('src/pages/about.astro', (p) => p === 'src/pages/about.astro')
+    expect(resolved).toBe('src/pages/about.astro')
+  })
+
+  it('directory route: resolvedPagePath falls back to index.astro', () => {
+    // docs.astro does not exist, docs/index.astro does
+    const resolved = resolvePagePath(
+      'src/pages/docs.astro',
+      (p) => p === 'src/pages/docs/index.astro',
+    )
+    expect(resolved).toBe('src/pages/docs/index.astro')
+  })
+
+  it('directory route: clone relativePage uses resolved path, not body path', () => {
+    const bodyPagePath = 'src/pages/docs.astro'
+    const resolved = resolvePagePath(
+      bodyPagePath,
+      (p) => p === 'src/pages/docs/index.astro',
+    )
+    const relativePage = resolved.replace(/^src\/pages\//, '')
+    // Must be 'docs/index.astro', NOT 'docs.astro'
+    expect(relativePage).toBe('docs/index.astro')
+    expect(relativePage).not.toBe('docs.astro')
+  })
+
+  it('directory route clone gets correct import depth after buildPreviewClone', () => {
+    // src/pages/docs/index.astro imports '../../layouts/BaseLayout.astro'
+    // clone at sk-preview/docs/index.astro needs '../../../layouts/BaseLayout.astro'
+    const source = `---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { getSection } from 'setzkasten:content'
+const skData = getSection('_page_docs')
+---
+<BaseLayout><slot /></BaseLayout>
+`
+    const clone = buildPreviewClone(source)
+    expect(clone).toContain("from '../../../layouts/BaseLayout.astro'")
+  })
+
+  it('wrong clone path (docs.astro) would have incorrect import depth', () => {
+    // sk-preview/docs.astro is at same depth as sk-preview/*.astro
+    // It needs '../../layouts/' but buildPreviewClone would produce '../../../layouts/'
+    // This test documents the bug: if relativePage were 'docs.astro' instead of
+    // 'docs/index.astro', the clone ends up at the wrong path and imports break.
+    const bodyPagePath = 'src/pages/docs.astro'
+    const wrongRelativePage = bodyPagePath.replace(/^src\/pages\//, '') // 'docs.astro' ← the bug
+    expect(wrongRelativePage).toBe('docs.astro')
+    // The CORRECT relative page (after fix):
+    const correctRelativePage = 'src/pages/docs/index.astro'.replace(/^src\/pages\//, '')
+    expect(correctRelativePage).toBe('docs/index.astro')
+  })
+})