polen 0.10.0-next.18 → 0.10.0-next.20

package/src/cli/commands/config/create.ts

@@ -1,6 +1,23 @@
+import { Api } from '#api/index'
+import { projectParameter } from '#cli/_/parameters'
+import { ensureOptionalAbsoluteWithCwd } from '#lib/kit-temp'
+import { Command } from '@molt/command'
 import { Fs, Path } from '@wollybeard/kit'
 import consola from 'consola'
 
+const args = Command.create()
+  .parameter(
+    `--project -p`,
+    projectParameter,
+  )
+  .parse()
+
+const dir = ensureOptionalAbsoluteWithCwd(args.project)
+
+if (!await Api.Project.validateProjectDirectory(dir)) {
+  process.exit(1)
+}
+
 const fileName = 'polen.config.ts'
 const fileContent = `import { Polen } from 'polen'
 
@@ -9,7 +26,7 @@ export default Polen.defineConfig({
 })
 `
 
-const filePath = Path.join(process.cwd(), fileName)
+const filePath = Path.join(dir, fileName)
 
 const exists = await Fs.exists(filePath)
 if (exists) {

package/src/cli/commands/create.ts

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import { Api } from '#api/index'
 import { Command } from '@molt/command'
 import { Err, Fs, Manifest, Name, Path, Str } from '@wollybeard/kit'
 import * as Ansis from 'ansis'
@@ -48,10 +49,9 @@ const args = Command
 
 const getProjectRoot = async (): Promise<string> => {
   if (args.path) {
-    const stat = await Fs.stat(args.path)
-    if (Fs.isNotFoundError(stat)) return args.path
-    if (stat.isDirectory() && await Fs.isEmptyDir(args.path)) return args.path
-    consola.error(`The given path ${args.path} already exists and is not an empty directory`)
+    if (await Api.Project.validateProjectDirectory(args.path, { mustExist: false, mustBeEmpty: true })) {
+      return args.path
+    }
     process.exit(1)
   }
 

package/src/cli/commands/dev.ts

@@ -1,9 +1,10 @@
 // @ts-nocheck
 import { Api } from '#api/index'
+import { projectParameter } from '#cli/_/parameters'
 import { Vite } from '#dep/vite/index'
-import { ensureOptionalAbsolute, ensureOptionalAbsoluteWithCwd } from '#lib/kit-temp'
+import { ensureOptionalAbsoluteWithCwd } from '#lib/kit-temp'
 import { Command } from '@molt/command'
-import { Err, Path } from '@wollybeard/kit'
+import { Err } from '@wollybeard/kit'
 import { z } from 'zod'
 
 const args = Command.create()
@@ -11,12 +12,16 @@ const args = Command.create()
   .parameter(
     `--project -p`,
     // @ts-expect-error
-    z.string().optional().describe(`The path to the project directory. Default is CWD (current working directory).`),
+    projectParameter,
   )
   .parameter(
     `--base -b`,
     z.string().optional().describe('Base public path for deployment (e.g., /my-project/)'),
   )
+  .parameter(
+    `--port`,
+    z.number().optional().describe('Port to run the development server on'),
+  )
   .settings({
     parameters: {
       environment: {
@@ -30,12 +35,21 @@ const args = Command.create()
   })
   .parse()
 
-const dir = ensureOptionalAbsoluteWithCwd(args.project) as string
+const dir = ensureOptionalAbsoluteWithCwd(args.project)
+
+if (!await Api.Project.validateProjectDirectory(dir)) {
+  process.exit(1)
+}
 
 const viteUserConfig = await Api.ConfigResolver.fromFile({
   dir,
   overrides: {
-    ...(args.base ? { build: { base: args.base } } : {}),
+    build: {
+      base: args.base,
+    },
+    server: {
+      port: args.port,
+    },
     advanced: {
       debug: args.debug,
     },

package/src/exports/mdx.ts

@@ -0,0 +1 @@
+export { MDXProvider, useMDXComponents } from '@mdx-js/react'

package/src/lib/graphql-document/components/GraphQLDocument.tsx

@@ -24,6 +24,8 @@ export interface GraphQLDocumentOptions {
   validate?: boolean
   /** Custom class name for the container */
   className?: string
+  /** Custom render function for the code block */
+  renderCode?: () => React.ReactNode
 }
 
 /**
@@ -55,6 +57,7 @@ export const GraphQLDocument: React.FC<GraphQLDocumentProps> = ({
     onNavigate,
     validate = true,
     className = ``,
+    renderCode,
   } = options
 
   const navigate = useNavigate()
@@ -199,9 +202,15 @@ export const GraphQLDocument: React.FC<GraphQLDocumentProps> = ({
         data-testid='graphql-document'
       >
         {/* Base code block */}
-        <pre className='code-block'>
-          <code>{children}</code>
-        </pre>
+        {renderCode
+          ? (
+            renderCode()
+          )
+          : (
+            <pre className='code-block'>
+            <code>{children}</code>
+            </pre>
+          )}
 
         {/* Interactive overlay layer */}
         {!plain && isReady && (

package/src/lib/kit-temp.test.ts

@@ -1,6 +1,6 @@
 import * as fc from 'fast-check'
 import { describe, expect, test } from 'vitest'
-import { objFilter, ObjOmit, ObjPick, objPolicyFilter } from './kit-temp.js'
+import { objFilter, ObjOmit, ObjPick, objPolicyFilter, spreadShallow } from './kit-temp.js'
 
 describe('objPolicyFilter', () => {
   const testObj = { a: 1, b: 2, c: 3, d: 4 }
@@ -137,3 +137,87 @@ describe('property-based tests', () => {
     )
   })
 })
+
+describe('mergeShallow', () => {
+  test('merges objects while omitting undefined values', () => {
+    const base = { a: 1, b: 2, c: 3 }
+    const override = { b: undefined, c: 4, d: 5 }
+
+    expect(spreadShallow(base, override)).toEqual({ a: 1, b: 2, c: 4, d: 5 })
+  })
+
+  test('handles multiple objects', () => {
+    const obj1 = { a: 1, b: 2 }
+    const obj2 = { b: undefined, c: 3 }
+    const obj3 = { c: undefined, d: 4 }
+
+    expect(spreadShallow(obj1, obj2, obj3)).toEqual({ a: 1, b: 2, c: 3, d: 4 })
+  })
+
+  test('handles empty objects', () => {
+    expect(spreadShallow({}, {})).toEqual({})
+    expect(spreadShallow({ a: 1 }, {})).toEqual({ a: 1 })
+    expect(spreadShallow({}, { a: 1 })).toEqual({ a: 1 })
+  })
+
+  test('handles single object', () => {
+    const obj = { a: 1, b: undefined, c: 3 }
+    expect(spreadShallow(obj)).toEqual({ a: 1, c: 3 })
+  })
+
+  test('handles no objects', () => {
+    expect(spreadShallow()).toEqual({})
+  })
+
+  test('handles undefined objects', () => {
+    const obj = { a: 1, b: 2 }
+    expect(spreadShallow(undefined, obj, undefined)).toEqual({ a: 1, b: 2 })
+    expect(spreadShallow(obj, undefined)).toEqual({ a: 1, b: 2 })
+    expect(spreadShallow(undefined, undefined)).toEqual({})
+  })
+
+  test('preserves null values', () => {
+    const obj1 = { a: 1, b: null }
+    const obj2 = { b: 2, c: null }
+    expect(spreadShallow(obj1, obj2)).toEqual({ a: 1, b: 2, c: null })
+  })
+
+  test('preserves false and 0 values', () => {
+    const obj1 = { a: true, b: 1 }
+    const obj2 = { a: false, b: 0 }
+    expect(spreadShallow(obj1, obj2)).toEqual({ a: false, b: 0 })
+  })
+
+  test('property-based: never includes undefined values', () => {
+    fc.assert(
+      fc.property(
+        fc.array(fc.object({ withUndefined: true })),
+        (objects) => {
+          const result = spreadShallow(...objects)
+          Object.values(result).forEach(value => {
+            expect(value).not.toBe(undefined)
+          })
+        },
+      ),
+    )
+  })
+
+  test('property-based: later objects override earlier ones', () => {
+    fc.assert(
+      fc.property(
+        fc.object(),
+        fc.object(),
+        fc.string(),
+        fc.anything({ withUndefined: false }),
+        (obj1, obj2, key, value) => {
+          // Set the same key in both objects
+          obj1[key] = 'first'
+          obj2[key] = value
+
+          const result = spreadShallow(obj1, obj2)
+          expect(result[key]).toBe(value)
+        },
+      ),
+    )
+  })
+})

package/src/lib/kit-temp.ts

@@ -592,3 +592,54 @@ export const brand = <$BaseType, $BrandName extends string>(
 ): Brand<$BaseType, $BrandName> => {
   return value as Brand<$BaseType, $BrandName>
 }
+
+/**
+ * Shallow merge objects while omitting undefined values.
+ *
+ * This utility simplifies the common pattern of conditionally spreading objects
+ * to avoid including undefined values that would override existing values.
+ *
+ * @param objects - Objects to merge (later objects override earlier ones). Undefined objects are ignored.
+ * @returns Merged object with undefined values omitted
+ *
+ * @example
+ * ```ts
+ * // Instead of:
+ * const overrides = {
+ *   ...(value1 ? { key1: value1 } : {}),
+ *   ...(value2 ? { key2: value2 } : {}),
+ * }
+ *
+ * // Use:
+ * const overrides = mergeShallow({
+ *   key1: value1,
+ *   key2: value2,
+ * })
+ *
+ * // Example with config merging:
+ * const config = mergeShallow(
+ *   defaultConfig,
+ *   userConfig,
+ *   { debug: args.debug, base: args.base }
+ * )
+ * // undefined values in the last object won't override earlier values
+ * ```
+ */
+export const spreadShallow = <T extends object>(...objects: (T | undefined)[]): T => {
+  const result = {} as T
+
+  for (const obj of objects) {
+    if (obj === undefined) continue
+
+    for (const key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        const value = obj[key]
+        if (value !== undefined) {
+          result[key] = value
+        }
+      }
+    }
+  }
+
+  return result
+}

package/src/project-data.ts

@@ -8,6 +8,7 @@ export interface ProjectData {
   paths: Config.Config[`paths`][`project`]
   navbar: NavbarItem[]
   server: {
+    port: number
     static: {
       directory: string
       route: string

package/src/template/components/CodeBlock.tsx

@@ -1,19 +1,35 @@
+import { type HighlightedCode, Pre } from 'codehike/code'
 import React from 'react'
+import { GraphQLDocument } from '../../lib/graphql-document/components/GraphQLDocument.js'
 
 interface CodeBlockProps {
-  children: string
-  language?: string
-  className?: string
+  codeblock: HighlightedCode
 }
 
-export const CodeBlock: React.FC<CodeBlockProps> = ({
-  children,
-  language = `text`,
-  className = ``,
-}) => {
-  return (
-    <pre className={`code-block ${className}`}>
-      <code className={`language-${language}`}>{children}</code>
-    </pre>
-  )
+/**
+ * Code block component for Code Hike
+ * Handles pre-highlighted code blocks and interactive GraphQL blocks
+ */
+export const CodeBlock: React.FC<CodeBlockProps> = ({ codeblock }) => {
+  // Check if this is an interactive GraphQL block
+  if (codeblock.lang === 'graphql' && codeblock.meta?.includes('interactive')) {
+    const schema = typeof window !== 'undefined'
+      ? (window as any).__POLEN_GRAPHQL_SCHEMA__
+      : null
+
+    return (
+      <GraphQLDocument
+        schema={schema}
+        options={{
+          className: 'ch-code-container',
+          renderCode: () => <Pre code={codeblock} />,
+        }}
+      >
+        {codeblock.value}
+      </GraphQLDocument>
+    )
+  }
+
+  // For regular code blocks, use Code Hike's Pre component with pre-highlighted code
+  return <Pre code={codeblock} />
 }

package/src/template/components/CodeHikePre.tsx

@@ -0,0 +1,51 @@
+import { Pre as CodeHikePre } from 'codehike/code'
+import React from 'react'
+import { GraphQLDocument } from '../../lib/graphql-document/components/GraphQLDocument.js'
+
+type CodeHikePreProps = React.ComponentProps<typeof CodeHikePre>
+type HTMLPreProps = React.ComponentPropsWithoutRef<'pre'>
+type PreProps = CodeHikePreProps | HTMLPreProps
+
+/**
+ * Custom Pre component that adds interactive GraphQL support to Code Hike
+ *
+ * Usage in MDX:
+ * ```graphql interactive
+ * query { ... }
+ * ```
+ */
+export const Pre: React.FC<PreProps> = (props) => {
+  // Check if this is a Code Hike pre component (has 'code' prop)
+  if ('code' in props && props.code) {
+    const { code } = props
+
+    // Check if this is an interactive GraphQL block
+    if (code.lang === 'graphql' && code.meta?.includes('interactive')) {
+      // Extract the GraphQL schema if available
+      const schema = typeof window !== 'undefined'
+        ? (window as any).__POLEN_GRAPHQL_SCHEMA__
+        : null
+
+      // For interactive GraphQL blocks, we need to apply Code Hike's styling
+      // but add GraphQLDocument's interactive features
+      return (
+        <GraphQLDocument
+          schema={schema}
+          options={{
+            className: 'ch-code-container',
+            // Use Code Hike's Pre component for rendering
+            renderCode: () => <CodeHikePre {...props as CodeHikePreProps} />,
+          }}
+        >
+          {code.code}
+        </GraphQLDocument>
+      )
+    }
+
+    // For other Code Hike code blocks, use Code Hike's Pre
+    return <CodeHikePre {...props as CodeHikePreProps} />
+  }
+
+  // For standard HTML pre elements, render as-is
+  return <pre {...props as HTMLPreProps} />
+}

package/src/template/{components/layouts → layouts}/SidebarLayout.tsx

@@ -3,8 +3,8 @@ import { Box, Grid } from '@radix-ui/themes'
 import type React from 'react'
 import { useEffect, useState } from 'react'
 import { useLocation } from 'react-router'
-import { HamburgerMenu } from '../HamburgerMenu.js'
-import { Sidebar } from '../sidebar/Sidebar.js'
+import { HamburgerMenu } from '../components/HamburgerMenu.js'
+import { Sidebar } from '../components/sidebar/Sidebar.js'
 
 interface SidebarLayoutProps {
   children: React.ReactNode
@@ -60,7 +60,7 @@ export const SidebarLayout: React.FC<SidebarLayoutProps> = ({ children, sidebar
         </Box>
       )}
 
-      <Box gridArea='content / content / auto / 8' className='prose'>
+      <Box gridArea='content / content / auto / 8'>
         {children}
       </Box>
     </Grid>

package/src/template/routes/reference.tsx

@@ -2,11 +2,10 @@ import type { Content } from '#api/content/$'
 import { GrafaidOld } from '#lib/grafaid-old/index'
 import { createRoute } from '#lib/react-router-aid/react-router-aid'
 import { createLoader, useLoaderData } from '#lib/react-router-loader/react-router-loader'
-import { Box } from '@radix-ui/themes'
 import { Outlet } from 'react-router'
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
-import { SidebarLayout } from '../components/layouts/index.js'
 import { MissingSchema } from '../components/MissingSchema.js'
+import { SidebarLayout } from '../layouts/index.js'
 import { reference$type } from './reference.$type.js'
 
 const loader = createLoader(() => {

package/src/template/routes/root.tsx

@@ -1,15 +1,39 @@
 import type { ReactRouter } from '#dep/react-router/index'
 import { createRoute } from '#lib/react-router-aid/react-router-aid'
-import { Box } from '@radix-ui/themes'
-import { Flex, Theme } from '@radix-ui/themes'
-import { Link as LinkReactRouter } from 'react-router'
+import { SidebarLayout } from '#template/layouts/index'
+import { MDXProvider } from '@mdx-js/react'
+import {
+  Badge,
+  Box,
+  Button,
+  Callout,
+  Card,
+  Code,
+  DataList,
+  Em,
+  Flex,
+  Heading,
+  Link,
+  Quote,
+  Separator,
+  Strong,
+  Table,
+  Tabs,
+  Text,
+  Theme,
+  Tooltip,
+} from '@radix-ui/themes'
+import { Link as LinkReactRouter, useLocation } from 'react-router'
 import { Outlet, ScrollRestoration } from 'react-router'
 import logoSrc from 'virtual:polen/project/assets/logo.svg'
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
+import PROJECT_DATA_PAGES_CATALOG from 'virtual:polen/project/data/pages-catalog.jsonsuper'
 import { routes } from 'virtual:polen/project/routes.jsx'
 import { templateVariables } from 'virtual:polen/template/variables'
 import { GraphQLSchemaProvider } from '../../lib/graphql-document/schema-context.js'
-import { Link } from '../components/Link.js'
+import { CodeBlock } from '../components/CodeBlock.js'
+import { Pre } from '../components/CodeHikePre.js'
+import { Link as PolenLink } from '../components/Link.js'
 import { Logo } from '../components/Logo.js'
 import { NotFound } from '../components/NotFound.js'
 import { ThemeToggle } from '../components/ThemeToggle.js'
@@ -61,9 +85,9 @@ const Layout = () => {
       </LinkReactRouter>
       <Flex direction='row' gap='4' style={{ flex: 1 }}>
         {PROJECT_DATA.navbar.map((item, key) => (
-          <Link key={key} color='gray' to={item.pathExp}>
+          <PolenLink key={key} color='gray' to={item.pathExp}>
             {item.title}
-          </Link>
+          </PolenLink>
         ))}
       </Flex>
       <ThemeToggle />
@@ -81,15 +105,82 @@ const Layout = () => {
         py={{ initial: `4`, sm: `4`, md: `0` }}
       >
         {header}
-        <Outlet />
+        <MDXProvider
+          components={{
+            // Map markdown elements to Radix with spacing
+            p: (props) => <Text as='p' mb='4' {...props} />,
+            h1: (props) => <Heading size='8' mt='6' mb='4' {...props} />,
+            h2: (props) => <Heading size='7' mt='6' mb='3' {...props} />,
+            h3: (props) => <Heading size='6' mt='5' mb='3' {...props} />,
+            h4: (props) => <Heading size='5' mt='5' mb='2' {...props} />,
+            h5: (props) => <Heading size='4' mt='4' mb='2' {...props} />,
+            h6: (props) => <Heading size='3' mt='4' mb='2' {...props} />,
+            strong: Strong,
+            em: Em,
+            code: Code,
+            blockquote: (props) => <Quote my='4' {...props} />,
+            a: Link,
+            hr: (props) => <Separator my='6' {...props} />,
+            pre: Pre,
+            table: Table.Root,
+            thead: Table.Header,
+            tbody: Table.Body,
+            tr: Table.Row,
+            th: Table.ColumnHeaderCell,
+            td: Table.Cell,
+            // Lists need spacing too
+            ul: (props) => <Box as='ul' mb='4' style={{ paddingLeft: '1.5rem' }} {...props} />,
+            ol: (props) => <Box as='ol' mb='4' style={{ paddingLeft: '1.5rem' }} {...props} />,
+            li: (props) => <Box as='li' mb='2' {...props} />,
+
+            // Direct Radix components for MDX
+            Badge,
+            Button,
+            // @ts-expect-error
+            Callout,
+            Card,
+            // @ts-expect-error
+            DataList,
+            // @ts-expect-error
+            Tabs,
+            Tooltip,
+
+            // Code Hike component
+            CodeBlock,
+          }}
+        >
+          <Outlet />
+        </MDXProvider>
       </Box>
     </Theme>
   )
 }
 
+const PagesLayout = () => {
+  const location = useLocation() // Add this line
+
+  // Build sidebar from pages catalog
+  // Get the top-level path segment (e.g., '/guide/foo' -> '/guide')
+  const pathSegments = location.pathname.split('/').filter(Boolean)
+  const topLevelPath = pathSegments[0] ? `/${pathSegments[0]}` : '/'
+
+  // Get the sidebar for this section
+  const sidebar = PROJECT_DATA_PAGES_CATALOG.sidebarIndex[topLevelPath]?.items || []
+
+  return (
+    <SidebarLayout sidebar={sidebar}>
+      <Outlet />
+    </SidebarLayout>
+  )
+}
+
 const children: ReactRouter.RouteObject[] = [
   index,
-  ...routes,
+  {
+    // Pathless layout route - doesn't affect URL paths
+    Component: PagesLayout,
+    children: [...routes], // All MDX page routes go here
+  },
 ]
 
 //

package/src/template/server/main.ts

@@ -1,5 +1,6 @@
 import { serve } from '@hono/node-server' // TODO: support non-node platforms.
 import { neverCase } from '@wollybeard/kit/language'
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
 import { createApp } from './app.js'
 import { generate } from './ssg/generate.js'
 import { view } from './view.js'
@@ -10,7 +11,7 @@ if (__BUILDING__) {
       await generate(view)
       break
     case `ssr`:
-      const port = process.env[`PORT`] ? parseInt(process.env[`PORT`]) : 3001 // todo viteConfigResolved.server.port + 1
+      const port = process.env[`PORT`] ? parseInt(process.env[`PORT`]) : PROJECT_DATA.server.port
       const app = createApp()
       serve({ fetch: app.fetch, port })
       break

package/build/exports/components.d.ts

@@ -1,5 +0,0 @@
-export { Callout, Tabs } from '@radix-ui/themes';
-export { GraphQLDocumentWithSchema } from '../template/components/content/GraphQLDocumentWrapper.js';
-export { mdxComponents } from '../template/components/MDXComponents.js';
-export { TestComponent } from '../template/components/TestComponent.js';
-//# sourceMappingURL=components.d.ts.map

package/build/exports/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/exports/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAA;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA"}

package/build/exports/components.js

@@ -1,5 +0,0 @@
-export { Callout, Tabs } from '@radix-ui/themes';
-export { GraphQLDocumentWithSchema } from '../template/components/content/GraphQLDocumentWrapper.js';
-export { mdxComponents } from '../template/components/MDXComponents.js';
-export { TestComponent } from '../template/components/TestComponent.js';
-//# sourceMappingURL=components.js.map

package/build/exports/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/exports/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAA;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA"}

package/build/template/components/MDXComponents.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface PreProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const mdxComponents: {
-    pre: React.FC<PreProps>;
-};
-export {};
-//# sourceMappingURL=MDXComponents.d.ts.map

package/build/template/components/MDXComponents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXComponents.d.ts","sourceRoot":"","sources":["../../../src/template/components/MDXComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,QAAQ;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,eAAO,MAAM,aAAa;;CAEzB,CAAA"}

package/build/template/components/MDXComponents.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-/**
- * Simple pre component that renders code blocks as-is
- */
-const Pre = ({ children, className, ...props }) => {
-    return _jsx("pre", { className: className, ...props, children: children });
-};
-export const mdxComponents = {
-    pre: Pre,
-};
-//# sourceMappingURL=MDXComponents.js.map

package/build/template/components/MDXComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXComponents.js","sourceRoot":"","sources":["../../../src/template/components/MDXComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;GAEG;AACH,MAAM,GAAG,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,OAAO,cAAK,SAAS,EAAE,SAAS,KAAM,KAAK,YAAG,QAAQ,GAAO,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,GAAG,EAAE,GAAG;CACT,CAAA"}

package/build/template/components/TestComponent.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const TestComponent: React.FC<{
-    children: React.ReactNode;
-}>;
-//# sourceMappingURL=TestComponent.d.ts.map

package/build/template/components/TestComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestComponent.d.ts","sourceRoot":"","sources":["../../../src/template/components/TestComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAGjE,CAAA"}