polen 0.11.0-next.18 → 0.11.0-next.19

package/src/template/components/VersionPicker.tsx

@@ -1,108 +1,42 @@
-import { Api } from '#api/iso'
-import type { React } from '#dep/react/index'
-import { Catalog } from '#lib/catalog/$'
 import { Version } from '#lib/version/$'
-import { HashMap, Option } from 'effect'
-import { useNavigate } from 'react-router'
-import { schemasCatalog } from 'virtual:polen/project/schemas'
-import { useReferencePath } from '../hooks/useReferencePath.js'
-import { Stores } from '../stores/$.js'
-import { tryWithToast } from '../utils/try-with-toast.js'
-import { SimpleVersionPicker } from './SimpleVersionPicker.js'
+import { Select } from '@radix-ui/themes'
+import type * as React from 'react'
 
 interface Props {
-  data: readonly Version.Version[]
-  current: Version.Version
+  versions: readonly Version.Version[]
+  currentVersion: Version.Version
+  onVersionChange: (version: Version.Version) => void
 }
 
-export const VersionPicker: React.FC<Props> = ({ data, current }) => {
-  const navigate = useNavigate()
-  const currentPath = useReferencePath()
-
-  const handleVersionChange = async (version: Version.Version) => {
-    const newVersion = Version.encodeSync(version)
-    const error = await tryWithToast(async () => {
-      // Get the full catalog to find the target schema
-      if (!schemasCatalog) {
-        throw new Error('No catalog available')
-      }
-      const catalog = schemasCatalog
-
-      // This component is only used for versioned catalogs
-      if (catalog._tag !== 'CatalogVersioned') {
-        throw new Error('VersionPicker used with non-versioned catalog')
-      }
-
-      // Find the schema for the target version
-      // Note: newVersion is a string that we need to parse
-      const targetSchemaOption = Option.map(
-        HashMap.findFirst(catalog.entries, (_, key) => Version.encodeSync(key) === newVersion),
-        ([, value]) => value,
-      )
-
-      if (Option.isNone(targetSchemaOption)) {
-        throw new Error(`Version ${newVersion} not found`)
-      }
-
-      const targetSchema = Option.getOrThrow(targetSchemaOption)
-
-      // Find fallback path if needed
-      const fallbackPath = Api.Schema.Validation.findFallbackPath(targetSchema.definition, currentPath)
-      // Get redirect description if path changed
-      const redirectDescription = Api.Schema.Validation.getRedirectDescription(
-        targetSchema.definition,
-        currentPath,
-        fallbackPath,
-        newVersion,
-      )
-      // Create the new path - parse newVersion string to Version type
-      const newPath = Api.Schema.Routing.createReferencePath({
-        version: Version.fromString(newVersion),
-        type: fallbackPath.type || '',
-        field: fallbackPath.field || '',
-      })
-      // Show toast notification if schema location redirect will occur
-      if (redirectDescription) {
-        Stores.Toast.store.info(redirectDescription, {
-          duration: 160_000,
-          actions: [
-            {
-              label: 'Go back',
-              onClick() {
-                navigate(-1)
-              },
-            },
-            {
-              label: 'View changelog',
-              onClick() {
-                // Navigate to changelog page
-                navigate('/changelog')
-              },
-            },
-          ],
-        })
-      }
-
-      navigate(newPath)
-    }, 'Failed to switch version')
-
-    // Fallback logic if error occurred
-    if (error) {
-      // Fallback to simple navigation if schema loading fails
-      const newPath = Api.Schema.Routing.createReferencePath({
-        version: Version.fromString(newVersion),
-        type: currentPath.type || '',
-        field: currentPath.field || '',
-      })
-      navigate(newPath)
-    }
+/**
+ * A generic version picker component that can be used for any versioned content.
+ * This is a controlled component - parent manages the state.
+ */
+export const VersionPicker: React.FC<Props> = ({
+  versions,
+  currentVersion,
+  onVersionChange,
+}) => {
+  // Don't show selector if only one version
+  if (versions.length <= 1) {
+    return null
   }
 
   return (
-    <SimpleVersionPicker
-      versions={data}
-      currentVersion={current}
-      onVersionChange={handleVersionChange}
-    />
+    <Select.Root
+      value={Version.encodeSync(currentVersion)}
+      onValueChange={(versionEncoded) => onVersionChange(Version.fromString(versionEncoded))}
+    >
+      <Select.Trigger style={{ minWidth: '120px' }}>
+        Version {Version.encodeSync(currentVersion)}
+      </Select.Trigger>
+      <Select.Content position='popper' sideOffset={5}>
+        {versions.map(version => (
+          <Select.Item key={Version.encodeSync(version)} value={Version.encodeSync(version)}>
+            Version {Version.encodeSync(version)}
+          </Select.Item>
+        ))}
+      </Select.Content>
+    </Select.Root>
   )
 }

package/src/template/{components/Changelog/Changelog.tsx → routes/changelog/ChangelogBody.tsx}

@@ -1,75 +1,18 @@
 import { Catalog } from '#lib/catalog/$'
 import { Change } from '#lib/change/$'
-import { DateOnly } from '#lib/date-only/$'
 import { Revision } from '#lib/revision/$'
 import { Schema } from '#lib/schema/$'
-import { Version } from '#lib/version/$'
-import { HashMap, Option } from 'effect'
 const CRITICALITY_LEVELS = ['BREAKING', 'DANGEROUS', 'NON_BREAKING'] as const
 import type { CriticalityLevel } from '@graphql-inspector/core'
 import { Box, Heading } from '@radix-ui/themes'
-import React, { useEffect } from 'react'
+import React from 'react'
 import { useMemo } from 'react'
-import { useNavigate, useParams } from 'react-router'
-import { ComponentDispatch } from '../ComponentDispatch.js'
-import { CriticalitySection } from './CriticalitySection.js'
-import * as Group from './groups/index.js'
-
-export const renderDate = (dateOnly: DateOnly.DateOnly) => {
-  const date = DateOnly.toDate(dateOnly)
-  const year = date.getUTCFullYear()
-  return `${year} ${
-    date.toLocaleString('default', {
-      month: 'long',
-      day: 'numeric',
-      timeZone: 'UTC',
-    })
-  }`
-}
-
-export const Changelog: React.FC<{ catalog: Catalog.Catalog }> = ({ catalog }) => {
-  const params = useParams()
-  const navigate = useNavigate()
-  const urlVersion = params['version']
-
-  // Redirect to latest version if versioned catalog and no version specified
-  useEffect(() => {
-    if (urlVersion) return
-    if (Catalog.Unversioned.is(catalog)) return
-    const latestSchema = Catalog.Versioned.getLatestOrThrow(catalog)
-    const latestVersion = Version.encodeSync(latestSchema.version)
-    navigate(`/changelog/version/${latestVersion}`, { replace: true })
-  }, [catalog, urlVersion, navigate])
-
-  // Get revisions and corresponding schema based on catalog type and URL params
-  const { revisions, schema } = useMemo(() => {
-    if (Catalog.Unversioned.is(catalog)) {
-      return {
-        revisions: catalog.schema.revisions,
-        schema: catalog.schema,
-      }
-    } else {
-      // For versioned catalogs, always show specific version (never all)
-      if (urlVersion) {
-        const entryOption = Option.map(
-          HashMap.findFirst(catalog.entries, (_, key) => Version.encodeSync(key) === urlVersion),
-          ([, value]) => value,
-        )
-        return Option.match(entryOption, {
-          onNone: () => ({ revisions: [], schema: null }),
-          onSome: (entry) => ({ revisions: entry.revisions, schema: entry }),
-        })
-      }
-      // This shouldn't happen due to redirect above, but return empty as fallback
-      return { revisions: [], schema: null }
-    }
-  }, [catalog, urlVersion])
-
-  // Don't render anything while redirecting
-  if (Catalog.Versioned.is(catalog) && !urlVersion) {
-    return null
-  }
+import { CriticalitySection } from '../../components/Changelog/CriticalitySection.js'
+import * as Group from '../../components/Changelog/groups/index.js'
+import { ComponentDispatch } from '../../components/ComponentDispatch.js'
+import { renderDate } from './utils.js'
 
+export const ChangelogBody: React.FC<{ schema: Schema.Schema }> = ({ schema }) => {
   return (
     <Box>
       {/* Title bar - always shown */}
@@ -77,7 +20,7 @@ export const Changelog: React.FC<{ catalog: Catalog.Catalog }> = ({ catalog }) =
         Changelog
       </Heading>
 
-      {revisions.map(revision => <Changeset key={revision.date} revision={revision} schema={schema} />)}
+      {schema.revisions.map(revision => <Changeset key={revision.date} revision={revision} schema={schema} />)}
     </Box>
   )
 }

package/src/template/routes/changelog/ChangelogSidebar.tsx

@@ -0,0 +1,80 @@
+import { Catalog } from '#lib/catalog/$'
+import { Schema } from '#lib/schema/$'
+import { Swiss } from '#lib/swiss/$'
+import { Version } from '#lib/version'
+import { Box, Text } from '@radix-ui/themes'
+import { useEffect, useState } from 'react'
+import { useNavigate, useParams } from 'react-router'
+import { VersionPicker } from '../../components/VersionPicker.js'
+import { ChangelogSidebarItem } from './ChangelogSidebarItem.js'
+
+export const ChangelogSidebar: React.FC<{
+  catalog: Catalog.Catalog
+  schema: Schema.Schema
+}> = ({ catalog, schema }) => {
+  {
+    const navigate = useNavigate()
+
+    // Get revisions for the current version (for sidebar)
+    const revisions = schema.revisions
+
+    const [activeRevision, setActiveRevision] = useState<string | null>(null)
+    // Track active revision based on URL hash
+    useEffect(() => {
+      const handleHashChange = () => {
+        const hash = window.location.hash.slice(1)
+        setActiveRevision(hash || null)
+      }
+
+      // Set initial active revision
+      handleHashChange()
+
+      // Listen for hash changes
+      window.addEventListener('hashchange', handleHashChange)
+
+      // Listen for pushState/replaceState (custom event we'll dispatch)
+      window.addEventListener('pushstate', handleHashChange)
+
+      return () => {
+        window.removeEventListener('hashchange', handleHashChange)
+        window.removeEventListener('pushstate', handleHashChange)
+      }
+    }, [])
+
+    return (
+      <Swiss.Item
+        cols={3}
+        style={{
+          position: 'sticky',
+          top: '2rem',
+          height: 'fit-content',
+          minWidth: '250px',
+          maxHeight: 'calc(100vh - 4rem)',
+          overflowY: 'auto',
+        }}
+      >
+        {Catalog.Versioned.is(catalog) && Schema.Versioned.is(schema) && (
+          <Box mb='3'>
+            <VersionPicker
+              versions={Catalog.Versioned.getVersions(catalog)}
+              currentVersion={schema.version}
+              onVersionChange={(newVersion) => {
+                navigate(`/changelog/version/${Version.encodeSync(newVersion)}`)
+              }}
+            />
+          </Box>
+        )}
+        <Text size='2' weight='medium' mb='3' style={{ display: 'block' }}>
+          Revisions
+        </Text>
+        {revisions.map((revision) => (
+          <ChangelogSidebarItem
+            key={revision.date}
+            revision={revision}
+            isActive={activeRevision === revision.date}
+          />
+        ))}
+      </Swiss.Item>
+    )
+  }
+}

package/src/template/routes/changelog/ChangelogSidebarItem.tsx

@@ -0,0 +1,68 @@
+import { Change } from '#lib/change'
+import { Revision } from '#lib/revision'
+import { Box, Flex, Text } from '@radix-ui/themes'
+import { renderDate } from './utils.js'
+
+export const ChangelogSidebarItem: React.FC<{
+  revision: Revision.Revision
+  isActive: boolean
+}> = ({ revision, isActive }) => {
+  const counts = calculateCounts(revision)
+
+  return (
+    <Box mb='2'>
+      <a
+        href={`#${revision.date}`}
+        style={{
+          textDecoration: 'none',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          padding: '0.5rem 0.75rem',
+          borderRadius: '4px',
+          backgroundColor: isActive ? 'var(--gray-a3)' : 'transparent',
+          color: 'inherit',
+          transition: 'background-color 0.2s',
+        }}
+        onClick={(e) => {
+          e.preventDefault()
+          // Update URL hash
+          window.history.pushState(null, '', `#${revision.date}`)
+          // Dispatch custom event for pushState
+          window.dispatchEvent(new Event('pushstate'))
+          // Smooth scroll to element
+          document.getElementById(revision.date)?.scrollIntoView({ behavior: 'smooth' })
+        }}
+      >
+        <Text size='2' weight={isActive ? 'medium' : 'regular'}>
+          {renderDate(revision.date)}
+        </Text>
+        <Flex gap='2' align='center'>
+          {counts.breaking > 0 && (
+            <Text size='1' weight='medium' style={{ color: '#ef4444' }}>
+              {counts.breaking}
+            </Text>
+          )}
+          {counts.dangerous > 0 && (
+            <Text size='1' weight='medium' style={{ color: '#f59e0b' }}>
+              {counts.dangerous}
+            </Text>
+          )}
+          {counts.safe > 0 && (
+            <Text size='1' weight='medium' style={{ color: '#10b981' }}>
+              {counts.safe}
+            </Text>
+          )}
+        </Flex>
+      </a>
+    </Box>
+  )
+}
+
+export const calculateCounts = (revision: Revision.Revision) => {
+  return {
+    breaking: revision.changes.filter(Change.isBreaking).length,
+    dangerous: revision.changes.filter(Change.isDangerous).length,
+    safe: revision.changes.filter(Change.isSafe).length,
+  }
+}

package/src/template/routes/changelog/_.tsx

@@ -0,0 +1,129 @@
+import { Catalog } from '#lib/catalog'
+import { S } from '#lib/kit-temp/$'
+import { route } from '#lib/react-router-effect/route'
+import { useLoaderData } from '#lib/react-router-effect/use-loader-data'
+import { Schema } from '#lib/schema/$'
+import { Swiss } from '#lib/swiss'
+import { Version } from '#lib/version'
+import { Http } from '@wollybeard/kit'
+import { Effect, Option } from 'effect'
+import { HashMap } from 'effect'
+import { redirect } from 'react-router'
+import { schemasCatalog } from 'virtual:polen/project/schemas'
+import { ChangelogBody } from './ChangelogBody.js'
+import { ChangelogSidebar } from './ChangelogSidebar.js'
+
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Schema
+//
+//
+
+const LoaderSchema = S.Struct({
+  catalog: Catalog.Catalog,
+  schema: Schema.Schema,
+})
+
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Loader
+//
+//
+
+const loader = ({ params }: { params: { version?: string } }) => {
+  const catalog = schemasCatalog!
+
+  // If catalog is versioned and no version is provided in URL, redirect to latest version
+  if (Catalog.Versioned.is(catalog) && !params.version) {
+    const latestVersion = Catalog.getLatestVersion(catalog)
+    const urlVersion = Version.encodeSync(Option.getOrThrow(latestVersion))
+    throw redirect(`/changelog/version/${urlVersion}`)
+  }
+
+  const schemaMaybe = ((): Option.Option<Schema.Schema> => {
+    if (Catalog.Versioned.is(catalog)) {
+      const version = Version.decodeSync(params.version!)
+      const schema = HashMap.get(catalog.entries, version)
+      return schema
+    }
+    return Option.some(catalog.schema)
+  })()
+
+  if (Option.isNone(schemaMaybe)) {
+    throw Http.Response.notFound
+  }
+
+  return Effect.succeed({ catalog, schema: schemaMaybe.value })
+}
+
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Component
+//
+//
+
+const Component = () => {
+  const { catalog, schema } = useLoaderData(LoaderSchema)
+
+  return (
+    <Swiss.Body subgrid>
+      <ChangelogSidebar schema={schema} catalog={catalog} />
+      <Swiss.Item start={5} cols={8}>
+        <ChangelogBody schema={schema} />
+      </Swiss.Item>
+    </Swiss.Body>
+  )
+}
+
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Routes
+//
+//
+
+export const changelog = !schemasCatalog
+  ? null
+  : Catalog.Versioned.is(schemasCatalog)
+  ? route({
+    path: `changelog`,
+    loader,
+    Component,
+    children: [
+      route({
+        path: `version/:version`,
+        schema: LoaderSchema,
+        loader,
+        Component,
+        // children: [
+        //   route({
+        //     path: `revision/:revision`,
+        //     schema: LoaderSchema,
+        //     loader,
+        //     Component,
+        //   }),
+        // ],
+      }),
+    ],
+  })
+  : route({
+    path: `changelog`,
+    loader,
+    schema: LoaderSchema,
+    Component,
+    // children: [
+    //   route({
+    //     path: `revision/:revision`,
+    //     schema: LoaderSchema,
+    //     loader,
+    //     Component,
+    //   }),
+    // ],
+  })

package/src/template/routes/changelog/utils.ts

@@ -0,0 +1,13 @@
+import { DateOnly } from '#lib/date-only/$'
+
+export const renderDate = (dateOnly: DateOnly.DateOnly) => {
+  const date = DateOnly.toDate(dateOnly)
+  const year = date.getUTCFullYear()
+  return `${year} ${
+    date.toLocaleString('default', {
+      month: 'long',
+      day: 'numeric',
+      timeZone: 'UTC',
+    })
+  }`
+}

package/src/template/routes/reference.tsx

@@ -18,7 +18,7 @@ import { Field } from '../components/Field.js'
 import { TypeKindIcon } from '../components/graphql/graphql.js'
 import { MissingSchema } from '../components/MissingSchema.js'
 import { NamedType } from '../components/NamedType.js'
-import { VersionPicker } from '../components/VersionPicker.js'
+import { ReferenceVersionPicker } from '../components/ReferenceVersionPicker.js'
 import { GraphqlLifecycleProvider } from '../contexts/GraphqlLifecycleContext.js'
 import { SidebarLayout } from '../layouts/index.js'
 
@@ -160,7 +160,7 @@ const ReferenceView = () => {
           const version = Schema.getVersion(schema)
           return catalog._tag === 'CatalogVersioned' && version
             ? (
-              <VersionPicker
+              <ReferenceVersionPicker
                 data={Catalog.Versioned.getVersions(catalog)}
                 current={version}
               />

package/src/template/routes/root.tsx

@@ -20,7 +20,7 @@ import { ThemeProvider, useTheme } from '../contexts/ThemeContext.js'
 import { swissSharpTheme } from '../theme/swiss-sharp.js'
 import '../theme/swiss-sharp.css'
 import '../../lib/swiss/styles.css'
-import { changelog } from './changelog.js'
+import { changelog } from './changelog/_.js'
 import { examplesRoute } from './examples/_.js'
 import { index } from './index.js'
 import { pages } from './pages.js'

package/src/template/theme/swiss-sharp.css

@@ -40,18 +40,18 @@ body {
         "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;
 
     /* Font adjustments for impact */
-    --heading-font-size-adjust: 1.05;
+    /*--heading-font-size-adjust: 1.05;
     --heading-letter-spacing: -0.04em;
-    --heading-line-height: 0.9;
+    --heading-line-height: 0.9;*/
 
     /* Weight system - extreme contrast */
-    --font-weight-light: 200;
+    /*--font-weight-light: 200;
     --font-weight-regular: 400;
     --font-weight-medium: 500;
-    --font-weight-bold: 900;
+    --font-weight-bold: 900;*/
 
     /* Letter spacing - tighter for sharpness */
-    --letter-spacing-1: 0.04em;
+    /*--letter-spacing-1: 0.04em;
     --letter-spacing-2: 0.02em;
     --letter-spacing-3: 0em;
     --letter-spacing-4: -0.01em;
@@ -59,16 +59,16 @@ body {
     --letter-spacing-6: -0.025em;
     --letter-spacing-7: -0.03em;
     --letter-spacing-8: -0.035em;
-    --letter-spacing-9: -0.04em;
+    --letter-spacing-9: -0.04em;*/
 
     /* ============================================================================
    * Accent Color - Sharp Blue
    * ============================================================================ */
 
     /* Override accent with a sharp blue - works in both light and dark */
-    --accent-9: #0055ff;
+    /*--accent-9: #0055ff;
     --accent-10: #0044dd;
-    --accent-11: #0033bb;
+    --accent-11: #0033bb;*/
 
     /* ============================================================================
    * Spacing - Using Radix defaults to avoid breaking components
@@ -80,32 +80,32 @@ body {
    * Radius - All Sharp (Zero Radius)
    * ============================================================================ */
 
-    --radius-1: 0px;
+    /*--radius-1: 0px;
     --radius-2: 0px;
     --radius-3: 0px;
     --radius-4: 0px;
     --radius-5: 0px;
     --radius-6: 0px;
     --radius-full: 0px;
-    --radius-thumb: 0px;
+    --radius-thumb: 0px;*/
 
     /* ============================================================================
    * Shadows - Minimal & Sharp
    * ============================================================================ */
 
     /* Minimal shadows - using semi-transparent blacks for theme compatibility */
-    --shadow-1: 0 1px 0 0 rgba(0, 0, 0, 0.05);
+    /*--shadow-1: 0 1px 0 0 rgba(0, 0, 0, 0.05);
     --shadow-2: 0 2px 0 0 rgba(0, 0, 0, 0.1);
     --shadow-3: 0 4px 0 0 rgba(0, 0, 0, 0.15);
     --shadow-4: 0 8px 0 0 rgba(0, 0, 0, 0.2);
     --shadow-5: 0 12px 0 0 rgba(0, 0, 0, 0.25);
-    --shadow-6: 0 16px 0 0 rgba(0, 0, 0, 0.3);
+    --shadow-6: 0 16px 0 0 rgba(0, 0, 0, 0.3);*/
 
     /* ============================================================================
    * Cursors - Minimal
    * ============================================================================ */
 
-    --cursor-button: pointer;
+    /*--cursor-button: pointer;
     --cursor-checkbox: pointer;
     --cursor-disabled: not-allowed;
     --cursor-link: pointer;
@@ -113,5 +113,5 @@ body {
     --cursor-radio: pointer;
     --cursor-slider-thumb: grab;
     --cursor-slider-thumb-active: grabbing;
-    --cursor-switch: pointer;
+    --cursor-switch: pointer;*/
 }

package/src/vite/plugins/schemas.ts

@@ -6,7 +6,6 @@ import { createAssetReader } from '#lib/vite-reactive/reactive-asset-plugin'
 import { ViteVirtual } from '#lib/vite-virtual/$'
 import { debugPolen } from '#singletons/debug'
 import { polenVirtual } from '#vite/vi'
-import { FileSystem } from '@effect/platform'
 import * as NodeFileSystem from '@effect/platform-node/NodeFileSystem'
 import { Effect } from 'effect'
 import * as NodePath from 'node:path'

package/build/sandbox.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=sandbox.d.ts.map

package/build/sandbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../src/sandbox.ts"],"names":[],"mappings":""}

package/build/sandbox.js

@@ -1,17 +0,0 @@
-export {};
-//
-//
-//
-//
-//
-// Temporary Work File
-//
-// ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
-//
-// – Use freely
-// – Try to remember to not commit changes
-// – Included by development TypeScript configuration
-// – Excluded by build TypeScript configuration
-//
-//
-//# sourceMappingURL=sandbox.js.map

package/build/sandbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sandbox.js","sourceRoot":"","sources":["../src/sandbox.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,EAAE;AACF,sBAAsB;AACtB,EAAE;AACF,oFAAoF;AACpF,EAAE;AACF,eAAe;AACf,0CAA0C;AAC1C,qDAAqD;AACrD,+CAA+C;AAC/C,EAAE;AACF,EAAE"}