polen 0.10.0-next.17 → 0.10.0-next.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polen",
-  "version": "0.10.0-next.17",
+  "version": "0.10.0-next.19",
   "type": "module",
   "description": "A framework for delightful GraphQL developer portals",
   "author": {
@@ -76,16 +76,15 @@
     ".": {
       "default": "./build/exports/index.js"
     },
-    "./components": {
-      "import": "./build/exports/components.js",
-      "default": "./build/exports/components.js"
-    },
     "./polen": {
       "default": "./build/exports/polen.js"
     },
     "./react": {
       "default": "./build/exports/react.js"
     },
+    "./mdx": {
+      "default": "./build/exports/mdx.js"
+    },
     "./react-dom/server": {
       "default": "./build/exports/react-dom/server.js"
     },
@@ -122,6 +121,7 @@
     "@wollybeard/projector": "^0.2.0",
     "ansis": "^4.1.0",
     "clean-stack": "^5.2.0",
+    "codehike": "^1.0.7",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
     "es-toolkit": "^1.39.6",
@@ -156,7 +156,8 @@
     "vite-plugin-inspect": "^11.3.0",
     "vite-plugin-restart": "^0.4.2",
     "youch-core": "^0.3.3",
-    "zx": "8.6.1"
+    "zx": "8.6.1",
+    "@mdx-js/react": "^3.1.0"
   },
   "devDependencies": {
     "@actions/core": "^1.11.1",

package/src/api/config/configurator.ts

@@ -1,7 +1,7 @@
 import type { Vite } from '#dep/vite/index'
 import { assertPathAbsolute } from '#lib/kit-temp'
 import { type PackagePaths, packagePaths } from '#package-paths'
-import { Path } from '@wollybeard/kit'
+import { Err, Manifest, Path, Str } from '@wollybeard/kit'
 import { z } from 'zod'
 import type { SchemaAugmentation } from '../../api/schema-augmentation/index.js'
 import type { Schema } from '../schema/index.js'
@@ -86,7 +86,19 @@ export interface ConfigInput {
      *
      * Used in the navigation bar and in the title tag.
      *
-     * @default `My Developer Portal`
+     * If not provided, Polen will try to use your project's package.json name
+     * field, converting it to title case (e.g., "my-project" → "My Project").
+     *
+     * @default Your package.json name (title-cased) or "My Developer Portal"
+     * @example
+     * ```ts
+     * // Explicit title
+     * title: 'Acme GraphQL API'
+     *
+     * // Falls back to package.json name
+     * // If package.json has { "name": "acme-graphql" }
+     * // Title will be "Acme Graphql"
+     * ```
      */
     title?: string
   }
@@ -377,6 +389,17 @@ export const normalizeInput = async (
     config.paths = buildPaths(baseRootDirPath)
   }
 
+  // Try to read package.json name as fallback for title
+  if (!configInput?.templateVariables?.title) {
+    const packageJson = await Manifest.resource.read(config.paths.project.rootDir)
+
+    // todo: let the user know there was an error...
+    if (!Err.is(packageJson) && packageJson.name) {
+      // Package name will be used as default, but can still be overridden below
+      config.templateVariables.title = Str.Case.title(packageJson.name)
+    }
+  }
+
   if (configInput?.advanced?.vite) {
     config.advanced.vite = configInput.advanced.vite
   }

package/src/api/vite/plugins/pages.ts

@@ -8,6 +8,7 @@ import { debugPolen } from '#singletons/debug'
 import { superjson } from '#singletons/superjson'
 import mdx from '@mdx-js/rollup'
 import { Arr, Cache, Path, Str } from '@wollybeard/kit'
+import { recmaCodeHike, remarkCodeHike } from 'codehike/mdx'
 import remarkFrontmatter from 'remark-frontmatter'
 import remarkGfm from 'remark-gfm'
 import { viProjectData } from './core.js'
@@ -93,16 +94,28 @@ export const Pages = ({
     return s.render()
   }
 
+  const chConfig = {
+    components: { code: 'CodeBlock' },
+    syntaxHighlighting: {
+      theme: `github-light`,
+    },
+  }
+
   return [
     // Plugin 1: MDX Processing
     {
       enforce: `pre`,
       ...mdx({
         jsxImportSource: `polen/react`,
+        providerImportSource: `polen/mdx`,
         remarkPlugins: [
           // Parse frontmatter blocks so they're removed from content
           remarkFrontmatter,
           remarkGfm,
+          [remarkCodeHike, chConfig],
+        ],
+        recmaPlugins: [
+          [recmaCodeHike, chConfig],
         ],
         rehypePlugins: [],
       }),

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,13 @@ 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/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/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"}

package/build/template/components/TestComponent.js

@@ -1,7 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-export const TestComponent = ({ children }) => {
-    console.log(`TestComponent rendered!`);
-    return _jsxs("div", { style: { border: `2px solid red`, padding: `10px` }, children: ["TEST: ", children] });
-};
-//# sourceMappingURL=TestComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TestComponent.js","sourceRoot":"","sources":["../../../src/template/components/TestComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrF,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAA;IACtC,OAAO,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,uBAAS,QAAQ,IAAO,CAAA;AACzF,CAAC,CAAA"}

package/build/template/components/layouts/SidebarLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../../src/template/components/layouts/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsDtD,CAAA"}

package/build/template/components/layouts/SidebarLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../../src/template/components/layouts/SidebarLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAO/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,oCAAoC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAEnD,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,6DAA6D;SAClE,EACD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAC5D,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,aAGvC,aAAa,IAAI,CAChB,KAAC,GAAG,IAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,GAAG,YACpD,KAAC,aAAa,IACZ,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,GAAG,EAAE;wBACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;oBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wBACZ,iBAAiB,CAAC,KAAK,CAAC,CAAA;oBAC1B,CAAC,EACD,WAAW,EAAE,OAAO,GACpB,GACE,CACP,EAGA,aAAa,IAAI,CAChB,KAAC,GAAG,IACF,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACjE,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,UAAU,YAElB,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,GAAI,GACtB,CACP,EAED,KAAC,GAAG,IAAC,QAAQ,EAAC,8BAA8B,EAAC,SAAS,EAAC,OAAO,YAC3D,QAAQ,GACL,IACD,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/layouts/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/build/template/components/layouts/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/template/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/src/exports/components.ts

@@ -1,4 +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'

package/src/template/components/MDXComponents.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-interface PreProps {
-  children: React.ReactNode
-  className?: string
-}
-
-/**
- * Simple pre component that renders code blocks as-is
- */
-const Pre: React.FC<PreProps> = ({ children, className, ...props }) => {
-  return <pre className={className} {...props}>{children}</pre>
-}
-
-export const mdxComponents = {
-  pre: Pre,
-}

package/src/template/components/TestComponent.tsx

@@ -1,6 +0,0 @@
-import React from 'react'
-
-export const TestComponent: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  console.log(`TestComponent rendered!`)
-  return <div style={{ border: `2px solid red`, padding: `10px` }}>TEST: {children}</div>
-}