npm - polen - Versions diffs - 0.10.0-next.12 → 0.10.0-next.14 - Mend

polen 0.10.0-next.12 → 0.10.0-next.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/src/template/routes/root.tsx CHANGED Viewed

@@ -4,7 +4,6 @@ import { GrafaidOld } from '#lib/grafaid-old/index'
 import { createRoute } from '#lib/react-router-aid/react-router-aid'
 import { Box, Grid } from '@radix-ui/themes'
 import { Flex, Theme } from '@radix-ui/themes'
-import radixStylesUrl from '@radix-ui/themes/styles.css?url'
 import { Arr } from '@wollybeard/kit'
 import { useEffect, useState } from 'react'
 import { Link as LinkReactRouter } from 'react-router'
@@ -24,23 +23,12 @@ import { NotFound } from '../components/NotFound.tsx'
 import { Sidebar } from '../components/sidebar/Sidebar.tsx'
 import { ThemeToggle } from '../components/ThemeToggle.tsx'
 import { ThemeProvider, useTheme } from '../contexts/ThemeContext.tsx'
-import entryClientUrl from '../entry.client.jsx?url'
 import { changelog } from './changelog.tsx'
 import { index } from './index.tsx'
 import { reference } from './reference.tsx'
-// todo: not needed anymore because not using hono dev vite plugin right?
-const reactRefreshPreamble = `
-import RefreshRuntime from "/@react-refresh";
-RefreshRuntime.injectIntoGlobalHook(window);
-window.$RefreshReg$ = () => {};
-window.$RefreshSig$ = () => (type) => type;
-window.__vite_plugin_react_preamble_installed__ = true;
-`
 export const Component = () => {
   const schema = PROJECT_DATA.schema?.versions[0]?.after || null
-  console.log('Root component - schema:', schema ? 'EXISTS' : 'NULL')
   // Make schema available globally for MDX components
   if (typeof window !== 'undefined' && schema) {
@@ -50,15 +38,9 @@ export const Component = () => {
   return (
     <html lang='en'>
       <head>
-        {import.meta.env.DEV && <script type='module'>{reactRefreshPreamble}</script>}
-        {import.meta.env.DEV && <script type='module' src='/@vite/client'></script>}
         <meta charSet='utf-8' />
         <meta name='viewport' content='width=device-width, initial-scale=1' />
         <title>{templateVariables.title}</title>
-        {import.meta.env.DEV && <link rel='stylesheet' href={radixStylesUrl} />}
-        {/* <link rel='icon' type='image/svg+xml' href={assetUrl('/favicon.svg', PROJECT_DATA.basePath)} /> */}
-        {/* <link rel='manifest' href={assetUrl('/manifest.json', PROJECT_DATA.basePath)} /> */}
-        {/* <meta name='theme-color' content='#000000' /> */}
       </head>
       <body style={{ margin: 0 }}>
         <ThemeProvider>
@@ -68,7 +50,6 @@ export const Component = () => {
           </GraphQLSchemaProvider>
         </ThemeProvider>
         <ScrollRestoration />
-        {import.meta.env.DEV && <script type='module' src={entryClientUrl}></script>}
       </body>
     </html>
   )
@@ -189,146 +170,6 @@ const Layout = () => {
         px={{ initial: '4', sm: '4', md: '0' }}
         py={{ initial: '4', sm: '4', md: '0' }}
       >
-        <style>
-          {`
-          /* Import Inter font */
-          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-          /* Typography improvements */
-          body {
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-            -webkit-font-smoothing: antialiased;
-            -moz-osx-font-smoothing: grayscale;
-            text-rendering: optimizeLegibility;
-            font-feature-settings: 'kern', 'liga', 'calt', 'ss01', 'ss02';
-          }
-          /* Improved paragraph spacing */
-          .prose p {
-            line-height: 1.7;
-            margin-bottom: 1.25rem;
-          }
-          .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
-            font-weight: 600;
-            letter-spacing: -0.02em;
-            margin-top: 2rem;
-            margin-bottom: 1rem;
-          }
-          .prose h1 { font-size: 2.25rem; line-height: 1.2; }
-          .prose h2 { font-size: 1.875rem; line-height: 1.3; }
-          .prose h3 { font-size: 1.5rem; line-height: 1.4; }
-          .prose h4 { font-size: 1.25rem; line-height: 1.5; }
-          .prose ul, .prose ol {
-            margin-bottom: 1.25rem;
-            padding-left: 1.5rem;
-          }
-          .prose li {
-            margin-bottom: 0.5rem;
-            line-height: 1.7;
-          }
-          .prose a {
-            color: var(--accent-9);
-            text-decoration: none;
-            border-bottom: 1px solid transparent;
-            transition: border-color 0.2s;
-          }
-          .prose a:hover {
-            border-bottom-color: var(--accent-9);
-          }
-          .prose blockquote {
-            border-left: 4px solid var(--accent-6);
-            padding-left: 1rem;
-            margin-left: 0;
-            font-style: italic;
-            color: var(--gray-11);
-          }
-          /* Responsive container fixes */
-          @media (max-width: 768px) {
-            body {
-              overflow-x: hidden;
-            }
-          }
-          /* Ensure proper centering on all screen sizes */
-          .rt-Grid {
-            box-sizing: border-box;
-          }
-          /* Shiki code blocks */
-          pre.shiki {
-            margin: 0;
-            padding: 1rem;
-            border-radius: 8px;
-            overflow-x: auto;
-            font-size: 14px;
-            line-height: 1.6;
-            background-color: #f6f8fa;
-            border: 1px solid var(--gray-4);
-          }
-          /* Light mode: use --shiki-light CSS variables from inline styles */
-          pre.shiki span {
-            color: var(--shiki-light);
-          }
-          /* Dark mode - Radix Themes uses [data-is-root-theme="dark"] */
-          [data-is-root-theme="dark"] pre.shiki {
-            background-color: #1a1b26;
-            border-color: var(--gray-7);
-          }
-          [data-is-root-theme="dark"] pre.shiki span {
-            color: var(--shiki-dark);
-          }
-          pre.shiki code {
-            font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
-            background: transparent;
-            display: block;
-          }
-          /* Inline code */
-          .prose code:not(pre code) {
-            background-color: var(--gray-3);
-            padding: 0.125rem 0.25rem;
-            border-radius: 0.25rem;
-            font-size: 0.875em;
-            font-family: 'JetBrains Mono', 'Fira Code', monospace;
-          }
-          /* Tables */
-          .prose table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-bottom: 1.5rem;
-          }
-          .prose th {
-            background-color: var(--gray-3);
-            font-weight: 600;
-            text-align: left;
-            padding: 0.75rem;
-            border-bottom: 2px solid var(--gray-5);
-          }
-          .prose td {
-            padding: 0.75rem;
-            border-bottom: 1px solid var(--gray-4);
-          }
-          .prose tbody tr:last-child td {
-            border-bottom: none;
-          }
-        `}
-        </style>
         {header}
         {/* Desktop Sidebar */}

package/src/template/server/app.ts CHANGED Viewed

@@ -1,35 +1,45 @@
 import { Hono } from '#dep/hono/index'
-import { AppleTouchIcon } from '#lib/apple-touch-icon/index'
-import { Favicon } from '#lib/favicon/index'
 import { serveStatic } from '@hono/node-server/serve-static'
-import { Http } from '@wollybeard/kit'
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
-import { renderPage } from './render-page.tsx'
-import { view } from './view.ts'
+import viteClientAssetManifest from 'virtual:polen/vite/client/manifest'
+import { injectManifestIntoHtml } from './manifest.ts'
+import { PageMiddleware } from './middleware/page.ts'
+import { UnsupportedAssetsMiddleware } from './middleware/unsupported-assets.ts'
-export const app = new Hono.Hono()
+export type HtmlTransformer = (html: string, ctx: Hono.Context) => Promise<string> | string
-if (__BUILDING__) {
-  app.use(
-    PROJECT_DATA.server.static.route,
-    serveStatic({ root: PROJECT_DATA.server.static.directory }),
-  )
+export interface AppHooks {
+  transformHtml?: HtmlTransformer[]
 }
-app.all(`*`, async (ctx) => {
-  const staticHandlerContext = await view.query(ctx.req.raw)
+export interface AppOptions {
+  hooks?: AppHooks
+}
-  if (staticHandlerContext instanceof Response) {
-    return staticHandlerContext
-  }
+export const createApp = (options: AppOptions = {}) => {
+  const app = new Hono.Hono()
-  if (Favicon.fileNamePattern.test(ctx.req.path)) {
-    return Http.Response.notFound
-  }
+  // Collect all HTML transformers
+  const htmlTransformers: HtmlTransformer[] = [...(options.hooks?.transformHtml || [])]
+  // Core middleware
+  app.use('*', UnsupportedAssetsMiddleware())
-  if (AppleTouchIcon.fileNamePattern.test(ctx.req.path)) {
-    return Http.Response.notFound
+  // Production-specific setup
+  if (__BUILDING__) {
+    // Add manifest transformer
+    htmlTransformers.push((html, _ctx) => {
+      return injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath)
+    })
+    // Static file serving
+    app.use(
+      PROJECT_DATA.server.static.route,
+      serveStatic({ root: PROJECT_DATA.server.static.directory }),
+    )
   }
-  return renderPage(staticHandlerContext)
-})
+  app.all('*', PageMiddleware(htmlTransformers))
+  return app
+}

package/src/template/server/{render-page.tsx → create-page-html-response.ts} RENAMED Viewed

@@ -1,18 +1,20 @@
 import { reportError } from '#api/server/report-error'
 import type { ReactRouter } from '#dep/react-router/index'
+import { React } from '#dep/react/index'
 import { ResponseInternalServerError } from '#lib/kit-temp'
 import type { ReactRouterAid } from '#lib/react-router-aid/index'
 import { Arr } from '@wollybeard/kit'
-import { StrictMode } from 'react'
 import * as ReactDomServer from 'react-dom/server'
 import { createStaticRouter, StaticRouterProvider } from 'react-router'
-import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
-import viteClientAssetManifest from 'virtual:polen/vite/client/manifest'
-import { injectManifestIntoHtml } from './manifest.ts'
 import { view } from './view.ts'
-export const renderPage = (
+interface RenderHooks {
+  transformHtml?: (html: string) => Promise<string> | string
+}
+export const createPageHtmlResponse = async (
   staticHandlerContext: ReactRouter.StaticHandlerContext,
+  hooks?: RenderHooks,
 ) => {
   const router = createStaticRouter(view.dataRoutes, staticHandlerContext)
@@ -20,24 +22,25 @@ export const renderPage = (
   try {
     html = ReactDomServer.renderToString(
-      <StrictMode>
-        <StaticRouterProvider router={router} context={staticHandlerContext} />
-      </StrictMode>,
+      React.createElement(
+        React.StrictMode,
+        null,
+        React.createElement(StaticRouterProvider, {
+          router,
+          context: staticHandlerContext,
+        }),
+      ),
     )
   } catch (cause) {
     reportError(new Error(`Failed to server side render the HTML`, { cause }))
     return ResponseInternalServerError()
   }
-  if (__BUILDING__) {
-    html = injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath)
-  }
+  // Create the full HTML document
-  // todo: what is this?
-  if (import.meta.env.DEV) {
-    // const env = ctx.env as { viteDevServer: Vite.ViteDevServer }
-    // html = await env.viteDevServer.transformIndexHtml(ctx.req.url, html)
-    // await env.viteDevServer.transformIndexHtml(ctx.req.url, html)
+  // Apply HTML transformation hook to the full document
+  if (hooks?.transformHtml) {
+    html = await hooks.transformHtml(html)
   }
   const headers = getRouteHeaders(staticHandlerContext)

package/src/template/server/main.ts CHANGED Viewed

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

package/src/template/server/middleware/page.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { Hono } from '#dep/hono/index'
+import { asyncReduceWith } from '#lib/kit-temp'
+import type { HtmlTransformer } from '../app.ts'
+import { createPageHtmlResponse } from '../create-page-html-response.ts'
+import { view } from '../view.ts'
+export const PageMiddleware = (transformers: HtmlTransformer[]) => {
+  return async (ctx: Hono.Context) => {
+    const staticHandlerContext = await view.query(ctx.req.raw)
+    if (staticHandlerContext instanceof Response) {
+      return staticHandlerContext
+    }
+    return createPageHtmlResponse(staticHandlerContext, {
+      transformHtml: asyncReduceWith(transformers, ctx),
+    })
+  }
+}

package/src/template/server/middleware/unsupported-assets.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import type { Hono } from '#dep/hono/index'
+import { AppleTouchIcon } from '#lib/apple-touch-icon/index'
+import { Favicon } from '#lib/favicon/index'
+import { Http } from '@wollybeard/kit'
+/**
+ * Temporary middleware to block unsupported asset requests
+ *
+ * TODO: Polen should eventually support favicon and apple-touch-icon generation
+ * For now, we return 404 immediately to prevent these requests from reaching
+ * React Router and causing unnecessary processing or errors.
+ */
+export const UnsupportedAssetsMiddleware = (): Hono.MiddlewareHandler => {
+  return async (ctx, next) => {
+    // Block these asset requests until Polen supports them
+    if (
+      Favicon.fileNamePattern.test(ctx.req.path)
+      || AppleTouchIcon.fileNamePattern.test(ctx.req.path)
+    ) {
+      return Http.Response.notFound
+    }
+    await next()
+  }
+}

package/src/template/server/ssg/generate.ts CHANGED Viewed

@@ -1,95 +1,91 @@
 import { Hono } from '#dep/hono/index'
 import type { ReactRouter } from '#dep/react-router/index'
-import { app } from '#template/server/app'
+import { asyncParallel, chunk } from '#lib/kit-temp'
+import { debugPolen } from '#singletons/debug'
 import * as NodeFs from 'node:fs/promises'
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper'
-import { renderPage } from '../render-page.tsx'
+import viteClientAssetManifest from 'virtual:polen/vite/client/manifest'
+import { createPageHtmlResponse } from '../create-page-html-response.tsx'
+import { injectManifestIntoHtml } from '../manifest.ts'
 import { getRoutesPaths } from './get-route-paths.ts'
 export const generate = async (view: ReactRouter.StaticHandler) => {
-  const handler: Hono.Handler = async (ctx) => {
-    // For SSG, we need to create a request with the base path prepended
-    // so React Router can match it correctly
-    const url = new URL(ctx.req.raw.url)
-    const basePath = PROJECT_DATA.basePath === '/' ? '' : PROJECT_DATA.basePath.slice(0, -1)
-    // Create a new request with the base path prepended to the pathname
-    const modifiedRequest = new Request(
-      `${url.protocol}//${url.host}${basePath}${url.pathname}${url.search}`,
-      {
-        method: ctx.req.raw.method,
-        headers: ctx.req.raw.headers,
-        body: ctx.req.raw.body,
-      },
-    )
-    const staticHandlerContext = await view.query(modifiedRequest)
-    if (staticHandlerContext instanceof Response) {
-      return staticHandlerContext
-    }
-    return renderPage(staticHandlerContext)
-  }
+  const debug = debugPolen.sub(`ssg`)
   const routePaths = getRoutesPaths()
+  const totalPaths = routePaths.length
+  debug(`start`, { totalPaths })
-  for (const routePath of routePaths) {
-    app.get(routePath, handler)
-  }
+  // Process routes in batches using the new utilities
+  const batchSize = 50
+  const batches = chunk(routePaths, batchSize)
-  // For large schemas, we need to process in smaller batches to avoid memory issues
-  const BATCH_SIZE = 50
-  const totalPaths = routePaths.length
-  console.log(`[info] Generating ${totalPaths} static pages...`)
+  const result = await asyncParallel(
+    batches,
+    async (batchPaths, batchIndex) => {
+      const batchApp = new Hono.Hono()
-  for (let i = 0; i < totalPaths; i += BATCH_SIZE) {
-    const batchPaths = routePaths.slice(i, i + BATCH_SIZE)
-    const batchApp = new Hono.Hono()
+      // Create a custom handler for batch processing that includes base path handling
+      const batchHandler: Hono.Handler = async (ctx) => {
+        // For SSG, we need to create a request with the base path prepended
+        const url = new URL(ctx.req.raw.url)
+        const basePath = PROJECT_DATA.basePath === '/' ? '' : PROJECT_DATA.basePath.slice(0, -1)
-    // Create a custom handler for batch processing that includes base path handling
-    const batchHandler: Hono.Handler = async (ctx) => {
-      // For SSG, we need to create a request with the base path prepended
-      const url = new URL(ctx.req.raw.url)
-      const basePath = PROJECT_DATA.basePath === '/' ? '' : PROJECT_DATA.basePath.slice(0, -1)
+        // Create a new request with the base path prepended to the pathname
+        const modifiedRequest = new Request(
+          `${url.protocol}//${url.host}${basePath}${url.pathname}${url.search}`,
+          {
+            method: ctx.req.raw.method,
+            headers: ctx.req.raw.headers,
+            body: ctx.req.raw.body,
+          },
+        )
-      // Create a new request with the base path prepended to the pathname
-      const modifiedRequest = new Request(
-        `${url.protocol}//${url.host}${basePath}${url.pathname}${url.search}`,
-        {
-          method: ctx.req.raw.method,
-          headers: ctx.req.raw.headers,
-          body: ctx.req.raw.body,
-        },
-      )
+        const staticHandlerContext = await view.query(modifiedRequest)
+        if (staticHandlerContext instanceof Response) {
+          return staticHandlerContext
+        }
-      const staticHandlerContext = await view.query(modifiedRequest)
-      if (staticHandlerContext instanceof Response) {
-        return staticHandlerContext
+        // SSG uses manifest-based transformation directly
+        const transformHtml = (html: string) => {
+          return injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath)
+        }
+        return createPageHtmlResponse(staticHandlerContext, { transformHtml })
       }
-      return renderPage(staticHandlerContext)
-    }
-    // Register only the routes for this batch
-    for (const routePath of batchPaths) {
-      batchApp.get(routePath, batchHandler)
-    }
-    console.log(
-      `[info] Processing batch ${Math.floor(i / BATCH_SIZE) + 1}/${
-        Math.ceil(totalPaths / BATCH_SIZE)
-      } (${batchPaths.length} pages)...`,
-    )
+      // Register only the routes for this batch
+      for (const routePath of batchPaths) {
+        batchApp.get(routePath, batchHandler)
+      }
-    const result = await Hono.SSG.toSSG(batchApp, NodeFs, {
-      concurrency: 5, // Reduced concurrency for memory efficiency
-      dir: PROJECT_DATA.paths.relative.build.root,
-    })
+      debug(`batch:start`, {
+        batchIndex: batchIndex + 1,
+        totalBatches: batches.length,
+        pagesInBatch: batchPaths.length,
+      })
-    if (!result.success) {
-      throw new Error(`Failed to generate static site at batch ${Math.floor(i / BATCH_SIZE) + 1}`, {
-        cause: result.error,
+      const ssgResult = await Hono.SSG.toSSG(batchApp, NodeFs, {
+        concurrency: 5, // Reduced concurrency for memory efficiency
+        dir: PROJECT_DATA.paths.relative.build.root,
       })
-    }
+      if (!ssgResult.success) {
+        throw new Error(`Failed to generate static site at batch ${batchIndex + 1}`, {
+          cause: ssgResult.error,
+        })
+      }
+      return ssgResult
+    },
+    {
+      concurrency: 1, // Process batches sequentially to avoid memory issues
+      failFast: true, // Stop on first batch failure
+    },
+  )
+  if (!result.success) {
+    throw new Error(`SSG generation failed`, { cause: result.errors[0] })
   }
-  console.log(`[info] Successfully generated ${totalPaths} static pages.`)
+  debug(`complete`, { totalPaths })
 }

package/build/lib/graphql-document/components/HoverTooltip.d.ts DELETED Viewed

@@ -1,35 +0,0 @@
-import type { React } from '#dep/react/index';
-import type { DOMPosition } from '../positioning-simple.ts';
-import type { Documentation } from '../schema-integration.ts';
-import type { Identifier } from '../types.ts';
-/**
- * Props for the HoverTooltip component
- */
-export interface HoverTooltipProps {
-    /** The identifier being hovered */
-    identifier: Identifier;
-    /** Documentation from schema */
-    documentation: Documentation;
-    /** Position of the identifier */
-    position: DOMPosition;
-    /** Whether this identifier has an error */
-    hasError?: boolean;
-    /** Reference URL for "View docs" link */
-    referenceUrl: string;
-    /** Callback to close the tooltip */
-    onClose?: () => void;
-    /** Callback to navigate to docs */
-    onNavigate?: () => void;
-}
-/**
- * Tooltip shown on hover over GraphQL identifiers
- *
- * Displays type information, descriptions, deprecation warnings,
- * and links to full documentation.
- */
-export declare const HoverTooltip: React.FC<HoverTooltipProps>;
-/**
- * Default styles for hover tooltips
- */
-export declare const hoverTooltipStyles = "\n.graphql-hover-tooltip {\n  /* Tooltip animation */\n  animation: graphql-tooltip-fade-in 0.2s ease-out;\n}\n\n@keyframes graphql-tooltip-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Ensure tooltips appear above other content */\n.graphql-hover-tooltip .rt-Card {\n  box-shadow: 0 10px 38px -10px rgba(22, 23, 24, 0.35), \n              0 10px 20px -15px rgba(22, 23, 24, 0.2);\n}\n";
-//# sourceMappingURL=HoverTooltip.d.ts.map

package/build/lib/graphql-document/components/HoverTooltip.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"HoverTooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/graphql-document/components/HoverTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,gCAAgC;IAChC,aAAa,EAAE,aAAa,CAAA;IAC5B,iCAAiC;IACjC,QAAQ,EAAE,WAAW,CAAA;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,YAAY,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6NpD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,yeAsB9B,CAAA"}