polen 0.11.0-next.25 → 0.11.0-next.27

package/src/template/routes/reference.tsx

@@ -7,20 +7,28 @@ import { Lifecycles } from '#lib/lifecycles/$'
 import { route, useLoaderData } from '#lib/react-router-effect/react-router-effect'
 import { Schema } from '#lib/schema/$'
 import { Version } from '#lib/version/$'
+import { SegmentedControl, Text } from '@radix-ui/themes'
 import { Flex } from '@radix-ui/themes'
+import { Str } from '@wollybeard/kit'
 import { neverCase } from '@wollybeard/kit/language'
 import { HashMap, Option } from 'effect'
 import { Effect, Match } from 'effect'
 import React from 'react'
-import { useParams } from 'react-router'
+import { redirect, useParams } from 'react-router'
+import { templateConfig } from 'virtual:polen/project/config'
+import { IndexComponent } from 'virtual:polen/project/reference'
 import { schemasCatalog } from 'virtual:polen/project/schemas'
 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 { ReferenceVersionPicker } from '../components/ReferenceVersionPicker.js'
+import { ViewModeToggle } from '../components/ViewModeToggle.js'
 import { GraphqlLifecycleProvider } from '../contexts/GraphqlLifecycleContext.js'
+import { ReferenceConfigProvider } from '../contexts/ReferenceConfigContext.js'
+import { ViewModeProvider } from '../contexts/ViewModeContext.js'
 import { SidebarLayout } from '../layouts/index.js'
+import { MdxProvider } from '../providers/mdx.js'
 
 const routeSchema = S.Struct({
   catalog: Catalog.Catalog,
@@ -28,6 +36,17 @@ const routeSchema = S.Struct({
 })
 
 const referenceLoader = ({ params }: any) => {
+  // Check if reference is enabled
+  if (!templateConfig.reference.enabled) {
+    throw new Response('Reference documentation is disabled', { status: 404 })
+  }
+
+  // Check if no type is selected (index route) and no custom index exists
+  if (!params.type && !params.version && !IndexComponent) {
+    // Redirect to Query type which is guaranteed to exist
+    throw redirect('/reference/Query')
+  }
+
   // This should never be called when schemasCatalog is null
   // because the route won't be added to the router
   // But we return an Effect.fail for safety
@@ -97,7 +116,7 @@ const ReferenceView = () => {
   for (const [title, types] of kindEntries) {
     sidebarItems.push({
       type: `ItemSection` as const,
-      title,
+      title: Str.Case.title(Str.Case.snake(title)),
       pathExp: `reference-${title.toLowerCase()}`,
       isLinkToo: false,
       links: types.map(type => {
@@ -130,7 +149,16 @@ const ReferenceView = () => {
 
   const content: React.ReactNode = (() => {
     if (viewType === 'index') {
-      return <div>Select a type from the sidebar to view its documentation.</div>
+      // Render custom index component if available
+      if (IndexComponent) {
+        return (
+          <MdxProvider schema={schema.definition}>
+            <IndexComponent />
+          </MdxProvider>
+        )
+      }
+      // Fallback message (shouldn't reach here due to redirect)
+      return <Text>Select a type from the sidebar to view its documentation.</Text>
     } else if (viewType === 'type-missing' || viewType === 'field-missing') {
       return <MissingSchema />
     } else if (viewType === 'type') {
@@ -151,26 +179,42 @@ const ReferenceView = () => {
     }
   })()
 
+  const referenceConfig = {
+    descriptionsView: templateConfig.reference.descriptionsView,
+    nullabilityRendering: templateConfig.reference.nullabilityRendering,
+  }
+
   return (
-    <GraphqlLifecycleProvider lifecycle={lifecycle} schema={schema}>
-      <SidebarLayout
-        sidebar={sidebarItems}
-        basePath={basePath}
-        topContent={(() => {
-          const version = Schema.getVersion(schema)
-          return catalog._tag === 'CatalogVersioned' && version
-            ? (
-              <ReferenceVersionPicker
-                data={Catalog.Versioned.getVersions(catalog)}
-                current={version}
-              />
-            )
-            : null
-        })()}
-      >
-        {content}
-      </SidebarLayout>
-    </GraphqlLifecycleProvider>
+    <ReferenceConfigProvider config={referenceConfig}>
+      <ViewModeProvider defaultMode={referenceConfig.descriptionsView.defaultMode}>
+        <GraphqlLifecycleProvider lifecycle={lifecycle} schema={schema}>
+          <SidebarLayout
+            sidebar={sidebarItems}
+            basePath={basePath}
+            topContent={(() => {
+              const version = Schema.getVersion(schema)
+              const versionPicker = catalog._tag === 'CatalogVersioned' && version
+                ? (
+                  <ReferenceVersionPicker
+                    data={Catalog.Versioned.getVersions(catalog)}
+                    current={version}
+                  />
+                )
+                : null
+
+              return (
+                <Flex gap='3' align='center'>
+                  {versionPicker}
+                  {referenceConfig.descriptionsView.showControl && <ViewModeToggle />}
+                </Flex>
+              )
+            })()}
+          >
+            {content}
+          </SidebarLayout>
+        </GraphqlLifecycleProvider>
+      </ViewModeProvider>
+    </ReferenceConfigProvider>
   )
 }
 
@@ -207,7 +251,7 @@ const typeAndFieldRoutes = [
  * - Single ReferenceView component handles all variations
  */
 
-export const reference = !schemasCatalog
+export const reference = !schemasCatalog || !templateConfig.reference.enabled
   ? null
   : route({
     path: `reference`,

package/src/types/virtual-modules.d.ts

@@ -35,6 +35,11 @@ declare module 'virtual:polen/project/examples' {
   export const IndexComponent: React.ComponentType | null
 }
 
+declare module 'virtual:polen/project/reference' {
+  export const referenceCatalog: import('#api/reference/catalog').Catalog
+  export const IndexComponent: React.ComponentType | null
+}
+
 declare module 'virtual:polen/project/config' {
   export const templateConfig: import('#api/config-template/template').TemplateConfig
 }

package/src/vite/plugins/core.ts

@@ -10,6 +10,7 @@ import { Examples } from './examples.js'
 import { Hooks, viProjectHooks } from './hooks.js'
 import { Navbar, viProjectNavbar } from './navbar.js'
 import { Pages, viProjectRoutes } from './pages.js'
+import { Reference, viProjectReference } from './reference.js'
 import { Schemas, viProjectSchema } from './schemas.js'
 
 export interface ProjectRoutesModule {
@@ -44,6 +45,10 @@ export const Core = (config: Api.Config.Config): Vite.PluginOption[] => {
     schemaReader: schemasArea.reader,
     dependentVirtualModules: [viProjectConfig, viProjectNavbar],
   })
+  const referenceArea = Reference({
+    config,
+    dependentVirtualModules: [viProjectConfig, viProjectNavbar],
+  })
   const configPlugin = ConfigPlugin({
     config,
     schemaReader: schemasArea.reader,
@@ -62,6 +67,7 @@ export const Core = (config: Api.Config.Config): Vite.PluginOption[] => {
     ...conditionalPlugins,
     ...examplesArea.plugins,
     ...schemasArea.plugins,
+    ...referenceArea.plugins,
     ...pagesArea.plugins,
     configPlugin,
     navbarPlugin,

package/src/vite/plugins/examples.ts

@@ -121,6 +121,8 @@ export const Examples = ({
             || file.endsWith('.gql')
             || file.endsWith('index.md')
             || file.endsWith('index.mdx')
+            || (file.endsWith('.md') && !file.endsWith('index.md'))
+            || (file.endsWith('.mdx') && !file.endsWith('index.mdx'))
           )
         },
       },
@@ -179,6 +181,16 @@ export const Examples = ({
               s`export const IndexComponent = null`
             }
 
+            // Export description components for each example
+            for (const example of scanExamplesResult.catalog.examples) {
+              if (example.description?.path) {
+                s``
+                s`export { default as DescriptionComponent_${
+                  example.name.replace(/-/g, '_')
+                } } from '${example.description.path}'`
+              }
+            }
+
             // Encode the catalog to ensure HashMap and other Effect types are properly serialized
             const encodedCatalog = Catalog.encodeSync(catalogWithIndex)
 

package/src/vite/plugins/index.ts

@@ -4,5 +4,6 @@ export { Core } from './core.js'
 export { Examples } from './examples.js'
 export { Main } from './main.js'
 export { Pages } from './pages.js'
+export { Reference } from './reference.js'
 export { Schemas } from './schemas.js'
 export { Serve } from './serve.js'

package/src/vite/plugins/navbar.ts

@@ -46,7 +46,10 @@ export const Navbar = ({
             >,
           )
 
-          if (loadedSchemaCatalog?.data) {
+          // Check if reference is enabled (explicitly or auto-detected via schema presence)
+          const referenceEnabled = config.reference.enabled ?? Boolean(loadedSchemaCatalog?.data)
+
+          if (referenceEnabled && loadedSchemaCatalog?.data) {
             // IMPORTANT: Always ensure paths start with '/' for React Router compatibility.
             // Without the leading slash, React Router treats paths as relative, which causes
             // hydration mismatches between SSR (where base path is prepended) and client

package/src/vite/plugins/reference.ts

@@ -0,0 +1,130 @@
+import type { Api } from '#api/$'
+import * as ReferenceModule from '#api/reference/$'
+import * as Catalog from '#api/reference/catalog'
+import { Diagnostic } from '#lib/diagnostic/$'
+import { ViteReactive } from '#lib/vite-reactive/$'
+import { type AssetReader, createAssetReader } from '#lib/vite-reactive/reactive-asset-plugin'
+import { ViteVirtual } from '#lib/vite-virtual'
+import { debugPolen } from '#singletons/debug'
+import { FileSystem } from '@effect/platform'
+import * as NodeFileSystem from '@effect/platform-node/NodeFileSystem'
+import { Str } from '@wollybeard/kit'
+import { Effect } from 'effect'
+import type * as Vite from 'vite'
+import { polenVirtual } from '../vi.js'
+
+// Virtual modules provided by this plugin
+export const viProjectReference = polenVirtual([`project`, `reference`])
+
+export interface Options {
+  config: Api.Config.Config
+  dependentVirtualModules?: ViteVirtual.Identifier.Identifier[]
+}
+
+/**
+ * Reference plugin for handling reference documentation
+ */
+export const Reference = ({
+  config,
+  dependentVirtualModules = [],
+}: Options): {
+  plugins: Vite.Plugin[]
+  reader: AssetReader<ReferenceModule.ScanResult, Error, FileSystem.FileSystem>
+} => {
+  const debug = debugPolen.sub(`vite-reference`)
+
+  const reader = createAssetReader<ReferenceModule.ScanResult, Error, FileSystem.FileSystem>(() => {
+    return ReferenceModule.scan({
+      dir: config.paths.project.rootDir,
+    })
+  })
+
+  const scanReference = async () => {
+    return await Effect.runPromise(
+      reader.read().pipe(Effect.provide(NodeFileSystem.layer)),
+    )
+  }
+
+  // Map diagnostic to its control configuration
+  const getControlForDiagnostic = (diagnostic: any) => {
+    return config.reference.diagnostics?.validation
+  }
+
+  // Report diagnostics
+  const reportDiagnostics = (
+    diagnostics: any[],
+    phase: 'dev' | 'build' = 'dev',
+  ) => {
+    Diagnostic.filterAndReport(diagnostics, getControlForDiagnostic, phase)
+  }
+
+  // Check if a file is the reference index file
+  const isReferenceIndexFile = (file: string): boolean => {
+    return file.endsWith('/reference/index.md') || file.endsWith('/reference/index.mdx')
+  }
+
+  const plugins: Vite.Plugin[] = [
+    ViteReactive.ReactiveAssetPlugin<ReferenceModule.ScanResult, Error, FileSystem.FileSystem>({
+      name: 'polen:reference-reactive',
+      reader,
+      filePatterns: {
+        watch: ['reference'],
+        isRelevant: (file: string) => {
+          return isReferenceIndexFile(file)
+        },
+      },
+      dependentVirtualModules: [viProjectReference, ...dependentVirtualModules],
+      hooks: {
+        async shouldFullReload() {
+          // Trigger full reload for reference changes
+          return true
+        },
+        async onDiagnostics(data: any) {
+          // Report diagnostics with DiagnosticControl filtering
+          reportDiagnostics(data.diagnostics, 'dev')
+        },
+      },
+    }),
+    {
+      name: 'polen:reference-virtual',
+      ...ViteVirtual.IdentifiedLoader.toHooks(
+        {
+          identifier: viProjectReference,
+          async loader() {
+            debug(`Loading viProjectReference virtual module`)
+
+            const scanReferenceResult = await scanReference()
+
+            reportDiagnostics(scanReferenceResult.diagnostics, 'dev')
+
+            // Generate the module code with both catalog and component exports
+            const s = Str.Builder()
+            s`import { Effect } from 'effect'`
+            s`import * as Catalog from '#api/reference/catalog'`
+
+            const indexFilePath = scanReferenceResult.catalog.index?.path
+            if (indexFilePath) {
+              s``
+              s`export { default as IndexComponent } from '${indexFilePath}'`
+            } else {
+              s``
+              s`export const IndexComponent = null`
+            }
+
+            // Encode the catalog to ensure proper serialization
+            const encodedCatalog = Catalog.encodeSync(scanReferenceResult.catalog)
+
+            s``
+            s`const catalogData = ${JSON.stringify(encodedCatalog)}`
+            s``
+            s`export const referenceCatalog = Catalog.decodeSync(catalogData)`
+
+            return s.render()
+          },
+        },
+      ),
+    },
+  ]
+
+  return { plugins, reader }
+}

package/build/lib/extensible-data/$.d.ts

@@ -1,2 +0,0 @@
-export * as ExtensibleData from './extensible-data.js';
-//# sourceMappingURL=$.d.ts.map

package/build/lib/extensible-data/$.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"$.d.ts","sourceRoot":"","sources":["../../../src/lib/extensible-data/$.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAA"}

package/build/lib/extensible-data/$.js

@@ -1,2 +0,0 @@
-export * as ExtensibleData from './extensible-data.js';
-//# sourceMappingURL=$.js.map

package/build/lib/extensible-data/$.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"$.js","sourceRoot":"","sources":["../../../src/lib/extensible-data/$.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAA"}

package/build/lib/extensible-data/extensible-data.d.ts

@@ -1,17 +0,0 @@
-import type { ComputedRef } from '@vue/reactivity';
-type Join<$Data> = (chunks: $Data[]) => $Data;
-type Create<$Data> = () => $Data;
-interface DataTypeOperations<$Data> {
-    join: Join<$Data>;
-    create: Create<$Data>;
-}
-export declare const create: <$Data extends object = object>(dataTypeOperations: DataTypeOperations<$Data>) => ExtensibleData<$Data>;
-export declare class ExtensibleData<$Data extends object = object> {
-    value: ComputedRef<$Data>;
-    private namespacedReactiveData;
-    private dataTypeOperations;
-    constructor(dataTypeOperations: DataTypeOperations<$Data>);
-    get(namespace: string): $Data;
-}
-export {};
-//# sourceMappingURL=extensible-data.d.ts.map

package/build/lib/extensible-data/extensible-data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extensible-data.d.ts","sourceRoot":"","sources":["../../../src/lib/extensible-data/extensible-data.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAEnE,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,CAAA;AAC7C,KAAK,MAAM,CAAC,KAAK,IAAI,MAAM,KAAK,CAAA;AAEhC,UAAU,kBAAkB,CAAC,KAAK;IAChC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IACjB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,oBAAoB,kBAAkB,CAAC,KAAK,CAAC,0BAElG,CAAA;AAED,qBAAa,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IAChD,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAI9B;IAEF,OAAO,CAAC,sBAAsB,CAAqC;IAEnE,OAAO,CAAC,kBAAkB,CAA2B;gBAEzC,kBAAkB,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAIzD,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK;CAO9B"}

package/build/lib/extensible-data/extensible-data.js

@@ -1,24 +0,0 @@
-import { computed, reactive } from '@vue/reactivity';
-export const create = (dataTypeOperations) => {
-    return new ExtensibleData(dataTypeOperations);
-};
-export class ExtensibleData {
-    value = computed(() => {
-        const namespacedDataItems = Array.from(this.namespacedReactiveData.values());
-        const data = this.dataTypeOperations.join(namespacedDataItems);
-        return data;
-    });
-    namespacedReactiveData = reactive(new Map());
-    dataTypeOperations;
-    constructor(dataTypeOperations) {
-        this.dataTypeOperations = dataTypeOperations;
-    }
-    get(namespace) {
-        if (!this.namespacedReactiveData.has(namespace)) {
-            const data = this.dataTypeOperations.create();
-            this.namespacedReactiveData.set(namespace, data);
-        }
-        return this.namespacedReactiveData.get(namespace);
-    }
-}
-//# sourceMappingURL=extensible-data.js.map

package/build/lib/extensible-data/extensible-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extensible-data.js","sourceRoot":"","sources":["../../../src/lib/extensible-data/extensible-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAWpD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAgC,kBAA6C,EAAE,EAAE;IACrG,OAAO,IAAI,cAAc,CAAQ,kBAAkB,CAAC,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,OAAO,cAAc;IAClB,KAAK,GAAuB,QAAQ,CAAC,GAAG,EAAE;QAC/C,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC,CAAA;QAC5E,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAA8B,CAAC,CAAA;QACzE,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAiB,CAAC,CAAA;IAE3D,kBAAkB,CAA2B;IAErD,YAAY,kBAA6C;QACvD,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAA;IAC9C,CAAC;IAED,GAAG,CAAC,SAAiB;QACnB,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAChD,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAA;YAC7C,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,EAAE,IAA8B,CAAC,CAAA;QAC5E,CAAC;QACD,OAAO,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAW,CAAA;IAC7D,CAAC;CACF"}

package/build/lib/vite-plugin-reactive-data/$.d.ts

@@ -1,2 +0,0 @@
-export * as VitePluginReactiveData from './vite-plugin-reactive-data.js';
-//# sourceMappingURL=$.d.ts.map

package/build/lib/vite-plugin-reactive-data/$.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"$.d.ts","sourceRoot":"","sources":["../../../src/lib/vite-plugin-reactive-data/$.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,sBAAsB,MAAM,gCAAgC,CAAA"}

package/build/lib/vite-plugin-reactive-data/$.js

@@ -1,2 +0,0 @@
-export * as VitePluginReactiveData from './vite-plugin-reactive-data.js';
-//# sourceMappingURL=$.js.map

package/build/lib/vite-plugin-reactive-data/$.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"$.js","sourceRoot":"","sources":["../../../src/lib/vite-plugin-reactive-data/$.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,sBAAsB,MAAM,gCAAgC,CAAA"}

package/build/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.d.ts

@@ -1,32 +0,0 @@
-import type { VitePluginJson } from '#lib/vite-plugin-json';
-import { type ComputedRef } from '@vue/reactivity';
-import type { Plugin } from 'vite';
-interface ReactiveDataOptions {
-    /**
-     * Virtual module ID (e.g., 'virtual:polen/navbar') that this data will be exported from.
-     * The appropriate extension will be appended automatically based on moduleType.
-     */
-    moduleId: string;
-    /**
-     * The reactive data to expose.
-     * Can be either:
-     * - A Vue computed ref (recommended)
-     * - A function that returns reactive data
-     * - A reactive value directly
-     */
-    data: ComputedRef<object | unknown[]> | (() => object | unknown[]) | object | unknown[];
-    /**
-     * JSON codec to use
-     * Default: JSON
-     * Only used when includeJsonPlugin is true
-     */
-    codec?: VitePluginJson.Codec;
-    /**
-     * Custom plugin name. Can use to help identify this plugin in logs if using many instances of this plugin.
-     @default 'reactive-data'
-     */
-    name?: string;
-}
-export declare const create: (options: ReactiveDataOptions) => Plugin;
-export {};
-//# sourceMappingURL=vite-plugin-reactive-data.d.ts.map

package/build/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-plugin-reactive-data.d.ts","sourceRoot":"","sources":["../../../src/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,iBAAiB,CAAA;AACjE,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAA;AAEjD,UAAU,mBAAmB;IAC3B;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;;;OAMG;IACH,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE,CAAA;IACvF;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAA;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAID,eAAO,MAAM,MAAM,GAAI,SAAS,mBAAmB,KAAG,MAyFrD,CAAA"}

package/build/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.js

@@ -1,85 +0,0 @@
-import { debugPolen } from '#singletons/debug';
-import { effect, isRef } from '@vue/reactivity';
-const pluginDebug = debugPolen.sub(`vite-reactive-data`);
-export const create = (options) => {
-    const codec = options.codec ?? JSON;
-    const moduleId = options.moduleId;
-    const name = options.name ?? `reactive-data`;
-    const debug = pluginDebug.sub(name);
-    debug(`constructor`, { moduleId });
-    let $server;
-    let $invalidationScheduled = false;
-    const tryInvalidate = () => {
-        $invalidationScheduled = false;
-        if (!$server)
-            throw new Error(`Server not available yet - this should be impossible`);
-        const moduleNode = $server.moduleGraph.getModuleById(moduleId);
-        if (moduleNode) {
-            debug(`invalidate`, { id: moduleNode.id });
-            $server.moduleGraph.invalidateModule(moduleNode);
-        }
-        else {
-            debug(`cannot invalidate`, {
-                reason: `notInModuleGraph`,
-                moduleId,
-                hint: `maybe it was not loaded yet`,
-            });
-        }
-    };
-    const scheduleInvalidate = () => {
-        if ($invalidationScheduled)
-            return; // already scheduled
-        $invalidationScheduled = true;
-        if (!$server)
-            return; // server will flush when ready
-        tryInvalidate();
-    };
-    // Helper to get the current data value
-    const getData = () => {
-        if (isRef(options.data)) {
-            return options.data.value;
-        }
-        else if (typeof options.data === `function`) {
-            return options.data();
-        }
-        else {
-            return options.data;
-        }
-    };
-    // Set up reactive effect immediately
-    effect(() => {
-        // Access data to track dependencies
-        const data = getData();
-        debug(`effect triggered`, { data });
-        scheduleInvalidate();
-    });
-    return {
-        name,
-        configureServer(_server) {
-            debug(`hook configureServer`);
-            $server = _server;
-            if ($invalidationScheduled) {
-                debug(`try invalidate scheduled before server was ready`);
-                tryInvalidate();
-            }
-        },
-        resolveId(id) {
-            if (id === moduleId) {
-                return moduleId;
-            }
-        },
-        // todo make use of Vite's builtin json plugin
-        // for example, call it here somehow
-        load(id) {
-            if (id !== moduleId)
-                return;
-            const data = getData();
-            debug(`hook load`, { data });
-            return {
-                code: codec.stringify(data),
-                map: null,
-            };
-        },
-    };
-};
-//# sourceMappingURL=vite-plugin-reactive-data.js.map

package/build/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-plugin-reactive-data.js","sourceRoot":"","sources":["../../../src/lib/vite-plugin-reactive-data/vite-plugin-reactive-data.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +0,0 @@
-import type { React } from '#dep/react/index';
-import type { GraphQLArgument } from 'graphql';
-export declare const ArgumentsList: React.FC<{
-    args: readonly GraphQLArgument[];
-}>;
-//# sourceMappingURL=ArgumentList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ArgumentList.d.ts","sourceRoot":"","sources":["../../../src/template/components/ArgumentList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,SAAS,eAAe,EAAE,CAAA;CAAE,CAgBxE,CAAA"}

package/build/template/components/ArgumentList.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Flex, Heading, Text } from '@radix-ui/themes';
-import { TypeAnnotation } from './TypeAnnotation.js';
-export const ArgumentsList = ({ args }) => {
-    if (args.length === 0)
-        return null;
-    return (_jsxs(Flex, { direction: 'column', children: [_jsx(Heading, { size: '1', weight: 'bold', children: "Arguments" }), args.map(arg => (_jsxs(Box, { children: [_jsx(Text, { children: arg.name }), _jsx(Text, { children: ":" }), _jsx(TypeAnnotation, { type: arg.type }), arg.description && _jsx(Text, { as: 'p', size: '2', color: 'gray', children: arg.description })] }, arg.name)))] }));
-};
-//# sourceMappingURL=ArgumentList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ArgumentList.js","sourceRoot":"","sources":["../../../src/template/components/ArgumentList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAmD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAElC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,KAAC,OAAO,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,0BAAoB,EAClD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,MAAC,GAAG,eACF,KAAC,IAAI,cAAE,GAAG,CAAC,IAAI,GAAQ,EACvB,KAAC,IAAI,oBAAS,EACd,KAAC,cAAc,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,EACjC,GAAG,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,YAAE,GAAG,CAAC,WAAW,GAAQ,KAJvE,GAAG,CAAC,IAAI,CAKZ,CACP,CAAC,IACG,CACR,CAAA;AACH,CAAC,CAAA"}

package/src/lib/extensible-data/$.ts

@@ -1 +0,0 @@
-export * as ExtensibleData from './extensible-data.js'

package/src/lib/extensible-data/extensible-data.ts

@@ -1,38 +0,0 @@
-import { computed, reactive } from '@vue/reactivity'
-import type { ComputedRef, UnwrapRefSimple } from '@vue/reactivity'
-
-type Join<$Data> = (chunks: $Data[]) => $Data
-type Create<$Data> = () => $Data
-
-interface DataTypeOperations<$Data> {
-  join: Join<$Data>
-  create: Create<$Data>
-}
-
-export const create = <$Data extends object = object>(dataTypeOperations: DataTypeOperations<$Data>) => {
-  return new ExtensibleData<$Data>(dataTypeOperations)
-}
-
-export class ExtensibleData<$Data extends object = object> {
-  public value: ComputedRef<$Data> = computed(() => {
-    const namespacedDataItems = Array.from(this.namespacedReactiveData.values())
-    const data = this.dataTypeOperations.join(namespacedDataItems as $Data[])
-    return data
-  })
-
-  private namespacedReactiveData = reactive(new Map<string, $Data>())
-
-  private dataTypeOperations: DataTypeOperations<$Data>
-
-  constructor(dataTypeOperations: DataTypeOperations<$Data>) {
-    this.dataTypeOperations = dataTypeOperations
-  }
-
-  get(namespace: string): $Data {
-    if (!this.namespacedReactiveData.has(namespace)) {
-      const data = this.dataTypeOperations.create()
-      this.namespacedReactiveData.set(namespace, data as UnwrapRefSimple<$Data>)
-    }
-    return this.namespacedReactiveData.get(namespace)! as $Data
-  }
-}

package/src/lib/vite-plugin-reactive-data/$.ts

@@ -1 +0,0 @@
-export * as VitePluginReactiveData from './vite-plugin-reactive-data.js'