polen 0.10.0-next.14 → 0.10.0-next.15

package/src/lib/graphql-document/example.ts

@@ -6,30 +6,30 @@
  * for the interactive GraphQL Document Component.
  */
 
-import { GraphQLDocument } from './$.ts'
+import { GraphQLDocument } from './$.js'
 
 // Example GraphQL query with various constructs
 const exampleQuery = `
-  query GetPokemonWithAbilities($id: ID!, $limit: Int = 10) {
-    pokemon(id: $id) {
+  query GetUserWithProjects($id: ID!, $limit: Int = 10) {
+    user(id: $id) {
       name
-      abilities(first: $limit) {
+      projects(first: $limit) {
         name
-        isHidden
-        pokemon {
+        isPrivate
+        owner {
           name
         }
       }
-      ... on ElectricPokemon {
-        voltage
+      ... on EnterpriseUser {
+        organization
       }
     }
   }
 
-  fragment PokemonBasics on Pokemon {
+  fragment UserBasics on User {
     name
-    type
-    level
+    email
+    role
   }
 `
 
@@ -37,7 +37,7 @@ const exampleQuery = `
  * Demonstrate basic analysis
  */
 export const analyzeExample = () => {
-  console.log('🔍 Analyzing GraphQL Document...\n')
+  console.log(`🔍 Analyzing GraphQL Document...\n`)
 
   const result = GraphQLDocument.analyze(exampleQuery)
 
@@ -50,8 +50,8 @@ export const analyzeExample = () => {
     console.log(`${getKindEmoji(kind)} ${kind} (${identifiers.length}):`)
     for (const identifier of identifiers) {
       const pos = `${identifier.position.line}:${identifier.position.column}`
-      const path = identifier.schemaPath.join(' → ')
-      const parent = identifier.parentType ? ` (in ${identifier.parentType})` : ''
+      const path = identifier.schemaPath.join(` → `)
+      const parent = identifier.parentType ? ` (in ${identifier.parentType})` : ``
       console.log(`  • ${identifier.name}${parent} → ${path} @ ${pos}`)
     }
     console.log()
@@ -64,7 +64,7 @@ export const analyzeExample = () => {
  * Demonstrate identifier lookup by position
  */
 export const demonstratePositionLookup = () => {
-  console.log('📍 Position-based Identifier Lookup...\n')
+  console.log(`📍 Position-based Identifier Lookup...\n`)
 
   const identifiers = GraphQLDocument.extractIdentifiers(exampleQuery)
 
@@ -87,7 +87,7 @@ export const demonstratePositionLookup = () => {
     console.log(`🎯 Identifier near position ${targetPosition}:`)
     console.log(`   Name: ${closestIdentifier.name}`)
     console.log(`   Kind: ${closestIdentifier.kind}`)
-    console.log(`   Schema Path: ${closestIdentifier.schemaPath.join(' → ')}`)
+    console.log(`   Schema Path: ${closestIdentifier.schemaPath.join(` → `)}`)
     console.log(`   Context: ${JSON.stringify(closestIdentifier.context, null, 2)}`)
   }
 }
@@ -96,21 +96,21 @@ export const demonstratePositionLookup = () => {
  * Demonstrate how this enables hyperlink generation
  */
 export const demonstrateHyperlinkGeneration = () => {
-  console.log('🔗 Hyperlink Generation Preview...\n')
+  console.log(`🔗 Hyperlink Generation Preview...\n`)
 
   const identifiers = GraphQLDocument.extractIdentifiers(exampleQuery)
 
   // Show how each identifier could become a hyperlink
-  const typeIdentifiers = identifiers.byKind.get('Type') || []
-  const fieldIdentifiers = identifiers.byKind.get('Field') || []
+  const typeIdentifiers = identifiers.byKind.get(`Type`) || []
+  const fieldIdentifiers = identifiers.byKind.get(`Field`) || []
 
-  console.log('📝 Type References → Schema Links:')
+  console.log(`📝 Type References → Schema Links:`)
   for (const identifier of typeIdentifiers) {
     const referenceUrl = `/reference/${identifier.name}`
     console.log(`  ${identifier.name} → ${referenceUrl}`)
   }
 
-  console.log('\n📝 Field References → Schema Links:')
+  console.log(`\n📝 Field References → Schema Links:`)
   for (const identifier of fieldIdentifiers.slice(0, 5)) { // Show first 5
     const referenceUrl = identifier.parentType
       ? `/reference/${identifier.parentType}#${identifier.name}`
@@ -123,35 +123,35 @@ export const demonstrateHyperlinkGeneration = () => {
  * Show the foundation for hover tooltips
  */
 export const demonstrateTooltipFoundation = () => {
-  console.log('💬 Tooltip Foundation...\n')
+  console.log(`💬 Tooltip Foundation...\n`)
 
   const identifiers = GraphQLDocument.extractIdentifiers(exampleQuery)
 
   // Show context information that would be displayed in tooltips
-  const fieldIdentifiers = identifiers.byKind.get('Field') || []
+  const fieldIdentifiers = identifiers.byKind.get(`Field`) || []
 
   for (const identifier of fieldIdentifiers.slice(0, 3)) { // Show first 3
     console.log(`🏷️  ${identifier.name}:`)
     console.log(`    Position: Line ${identifier.position.line}, Column ${identifier.position.column}`)
-    console.log(`    Schema Path: ${identifier.schemaPath.join(' → ')}`)
-    console.log(`    Parent Type: ${identifier.parentType || 'Root'}`)
-    console.log(`    Operation: ${identifier.context.operationType || 'None'}`)
-    console.log(`    Selection Path: ${identifier.context.selectionPath.join(' → ')}`)
+    console.log(`    Schema Path: ${identifier.schemaPath.join(` → `)}`)
+    console.log(`    Parent Type: ${identifier.parentType || `Root`}`)
+    console.log(`    Operation: ${identifier.context.operationType || `None`}`)
+    console.log(`    Selection Path: ${identifier.context.selectionPath.join(` → `)}`)
     console.log()
   }
 }
 
 // Helper function
-function getKindEmoji(kind: string): string {
+const getKindEmoji = (kind: string): string => {
   const emojis: Record<string, string> = {
-    'Type': '🏷️',
-    'Field': '📋',
-    'Argument': '⚙️',
-    'Variable': '💰',
-    'Directive': '🎯',
-    'Fragment': '🧩',
+    'Type': `🏷️`,
+    'Field': `📋`,
+    'Argument': `⚙️`,
+    'Variable': `💰`,
+    'Directive': `🎯`,
+    'Fragment': `🧩`,
   }
-  return emojis[kind] || '❓'
+  return emojis[kind] || `❓`
 }
 
 // Run example if executed directly

package/src/lib/graphql-document/graphql-document.ts

@@ -24,14 +24,14 @@
  * @see {@link GraphQLDocument} for the main React component
  */
 
-export * from './analysis.ts'
-export * from './components/index.ts'
-export * from './positioning-simple.ts'
-export * from './schema-integration.ts'
-export * from './types.ts'
+export * from './analysis.js'
+export * from './components/index.js'
+export * from './positioning-simple.js'
+export * from './schema-integration.js'
+export * from './types.js'
 
 // Re-export key functions for convenience
-export { analyze, analyzer, extractIdentifiers } from './analysis.ts'
-export { GraphQLDocument } from './components/GraphQLDocument.tsx'
-export { createSimpleOverlay, createSimplePositionCalculator } from './positioning-simple.ts'
-export { analyzeWithSchema, createPolenSchemaResolver } from './schema-integration.ts'
+export { analyze, analyzer, extractIdentifiers } from './analysis.js'
+export { GraphQLDocument } from './components/GraphQLDocument.js'
+export { createSimpleOverlay, createSimplePositionCalculator } from './positioning-simple.js'
+export { analyzeWithSchema, createPolenSchemaResolver } from './schema-integration.js'

package/src/lib/graphql-document/hooks/use-tooltip-state.test.ts

@@ -6,7 +6,7 @@
 
 import { act, renderHook } from '@testing-library/react'
 import { describe, expect, it, vi } from 'vitest'
-import { useTooltipState } from './use-tooltip-state.ts'
+import { useTooltipState } from './use-tooltip-state.js'
 
 describe('useTooltipState', () => {
   it('shows tooltip after hover delay', () => {

package/src/lib/graphql-document/positioning-simple.test.ts

@@ -2,9 +2,9 @@
  * @vitest-environment jsdom
  */
 
-import { beforeEach, describe, expect, it } from 'vitest'
-import { createSimpleOverlay, createSimplePositionCalculator } from './positioning-simple.ts'
-import type { Identifier } from './types.ts'
+import { describe, expect, it } from 'vitest'
+import { createSimpleOverlay, createSimplePositionCalculator } from './positioning-simple.js'
+import type { Identifier } from './types.js'
 
 // Helper to create test identifier
 const createTestIdentifier = (
@@ -106,7 +106,7 @@ describe('Simple Positioning Engine', () => {
         toJSON: () => ({}),
       })
 
-      const userSpan = container.querySelector('[data-graphql-id]') as HTMLElement
+      const userSpan = container.querySelector('[data-graphql-id]')!
       userSpan.getBoundingClientRect = () => ({
         top: 10,
         left: 20,

package/src/lib/graphql-document/positioning-simple.ts

@@ -5,7 +5,7 @@
  * This simplified version focuses on working with Polen's existing infrastructure.
  */
 
-import type { Identifier } from './types.ts'
+import type { Identifier } from './types.js'
 
 /**
  * DOM position for rendering overlays
@@ -51,8 +51,8 @@ export class SimplePositionCalculator {
     identifiers: Identifier[],
   ): void {
     // Get the full text content of the container
-    const fullText = containerElement.textContent || ''
-    const lines = fullText.split('\n')
+    const fullText = containerElement.textContent || ``
+    const lines = fullText.split(`\n`)
 
     // Build a map of line start positions in the full text
     const lineStartPositions: number[] = [0]
@@ -82,7 +82,7 @@ export class SimplePositionCalculator {
         let alreadyWrapped = false
         for (const wrapped of existingWrapped) {
           if (wrapped.textContent === identifier.name) {
-            const startPos = parseInt(wrapped.getAttribute('data-graphql-start') || '0')
+            const startPos = parseInt(wrapped.getAttribute(`data-graphql-start`) || `0`)
             if (startPos === identifier.position.start) {
               alreadyWrapped = true
               break
@@ -92,16 +92,16 @@ export class SimplePositionCalculator {
         if (alreadyWrapped) continue
 
         // Create wrapper span
-        const wrapper = document.createElement('span')
+        const wrapper = document.createElement(`span`)
         const id = `${identifier.position.start}-${identifier.name}-${identifier.kind}`
-        wrapper.setAttribute('data-graphql-id', id)
-        wrapper.setAttribute('data-graphql-name', identifier.name)
-        wrapper.setAttribute('data-graphql-kind', identifier.kind)
-        wrapper.setAttribute('data-graphql-start', String(identifier.position.start))
-        wrapper.setAttribute('data-graphql-end', String(identifier.position.end))
-        wrapper.setAttribute('data-graphql-line', String(identifier.position.line))
-        wrapper.setAttribute('data-graphql-column', String(identifier.position.column))
-        wrapper.setAttribute('data-graphql-path', identifier.schemaPath.join(','))
+        wrapper.setAttribute(`data-graphql-id`, id)
+        wrapper.setAttribute(`data-graphql-name`, identifier.name)
+        wrapper.setAttribute(`data-graphql-kind`, identifier.kind)
+        wrapper.setAttribute(`data-graphql-start`, String(identifier.position.start))
+        wrapper.setAttribute(`data-graphql-end`, String(identifier.position.end))
+        wrapper.setAttribute(`data-graphql-line`, String(identifier.position.line))
+        wrapper.setAttribute(`data-graphql-column`, String(identifier.position.column))
+        wrapper.setAttribute(`data-graphql-path`, identifier.schemaPath.join(`,`))
 
         // Find the position in the container and wrap the text
         const walker = document.createTreeWalker(
@@ -115,7 +115,7 @@ export class SimplePositionCalculator {
 
         while (node = walker.nextNode()) {
           const textNode = node as Text
-          const text = textNode.textContent || ''
+          const text = textNode.textContent || ``
 
           // Check if this text node contains our identifier
           if (currentPos <= absolutePosition && absolutePosition < currentPos + text.length) {
@@ -161,13 +161,13 @@ export class SimplePositionCalculator {
     const results = new Map<string, PositionResult>()
 
     // Find all wrapped identifiers
-    const wrappedIdentifiers = containerElement.querySelectorAll('[data-graphql-id]')
+    const wrappedIdentifiers = containerElement.querySelectorAll(`[data-graphql-id]`)
 
     // Use the provided element for relative positioning, or the container itself
     const referenceElement = relativeToElement || containerElement
 
     for (const element of wrappedIdentifiers) {
-      const id = element.getAttribute('data-graphql-id')
+      const id = element.getAttribute(`data-graphql-id`)
       if (!id) continue
 
       // Get position relative to the reference element
@@ -183,15 +183,15 @@ export class SimplePositionCalculator {
 
       // Reconstruct identifier from data attributes
       const identifier: Identifier = {
-        name: element.getAttribute('data-graphql-name') || '',
-        kind: (element.getAttribute('data-graphql-kind') || 'Field') as Identifier['kind'],
+        name: element.getAttribute(`data-graphql-name`) || ``,
+        kind: (element.getAttribute(`data-graphql-kind`) || `Field`) as Identifier[`kind`],
         position: {
-          start: parseInt(element.getAttribute('data-graphql-start') || '0'),
-          end: parseInt(element.getAttribute('data-graphql-end') || '0'),
-          line: parseInt(element.getAttribute('data-graphql-line') || '1'),
-          column: parseInt(element.getAttribute('data-graphql-column') || '1'),
+          start: parseInt(element.getAttribute(`data-graphql-start`) || `0`),
+          end: parseInt(element.getAttribute(`data-graphql-end`) || `0`),
+          line: parseInt(element.getAttribute(`data-graphql-line`) || `1`),
+          column: parseInt(element.getAttribute(`data-graphql-column`) || `1`),
         },
-        schemaPath: (element.getAttribute('data-graphql-path') || '').split(',').filter(Boolean),
+        schemaPath: (element.getAttribute(`data-graphql-path`) || ``).split(`,`).filter(Boolean),
         context: { selectionPath: [] },
       }
 
@@ -214,16 +214,16 @@ export const createSimpleOverlay = (
     className?: string
   },
 ): HTMLElement => {
-  const overlay = document.createElement('div')
+  const overlay = document.createElement(`div`)
 
   // Base styles for positioning
-  overlay.style.position = 'absolute'
+  overlay.style.position = `absolute`
   overlay.style.top = `${position.top}px`
   overlay.style.left = `${position.left}px`
   overlay.style.width = `${position.width}px`
   overlay.style.height = `${position.height}px`
-  overlay.style.cursor = 'pointer'
-  overlay.style.zIndex = '10'
+  overlay.style.cursor = `pointer`
+  overlay.style.zIndex = `10`
 
   // Add custom class if provided
   if (options?.className) {
@@ -231,20 +231,20 @@ export const createSimpleOverlay = (
   }
 
   // Data attributes
-  overlay.setAttribute('data-graphql-overlay', 'true')
-  overlay.setAttribute('data-graphql-name', identifier.name)
-  overlay.setAttribute('data-graphql-kind', identifier.kind)
+  overlay.setAttribute(`data-graphql-overlay`, `true`)
+  overlay.setAttribute(`data-graphql-name`, identifier.name)
+  overlay.setAttribute(`data-graphql-kind`, identifier.kind)
 
   // Event handlers
   if (options?.onClick) {
-    overlay.addEventListener('click', (e) => {
+    overlay.addEventListener(`click`, (e) => {
       e.preventDefault()
       options.onClick!(identifier)
     })
   }
 
   if (options?.onHover) {
-    overlay.addEventListener('mouseenter', (e) => {
+    overlay.addEventListener(`mouseenter`, (e) => {
       options.onHover!(identifier, e)
     })
   }

package/src/lib/graphql-document/schema-integration.test.ts

@@ -1,6 +1,6 @@
 import { buildSchema } from 'graphql'
 import { describe, expect, it } from 'vitest'
-import { analyzeWithSchema, createPolenSchemaResolver } from './schema-integration.ts'
+import { analyzeWithSchema, createPolenSchemaResolver } from './schema-integration.js'
 
 // Test schema
 const testSchema = buildSchema(`

package/src/lib/graphql-document/schema-integration.ts

@@ -8,27 +8,18 @@
 
 import {
   getNamedType,
-  type GraphQLEnumType,
   type GraphQLField,
   type GraphQLInputField,
-  type GraphQLInputObjectType,
-  type GraphQLInterfaceType,
-  type GraphQLObjectType,
-  type GraphQLScalarType,
   type GraphQLSchema,
   type GraphQLType,
-  type GraphQLUnionType,
-  isEnumType,
   isInputObjectType,
   isInterfaceType,
   isListType,
   isNonNullType,
   isObjectType,
-  isScalarType,
-  isUnionType,
 } from 'graphql'
-import { analyze } from './analysis.ts'
-import type { Identifier } from './types.ts'
+import { analyze } from './analysis.js'
+import type { Identifier } from './types.js'
 
 /**
  * Documentation extracted from GraphQL schema
@@ -119,39 +110,39 @@ export class PolenSchemaResolver implements SchemaResolver {
    * Resolve an identifier against the schema
    */
   resolveIdentifier(identifier: Identifier): SchemaResolution | null {
-    const basePath = this.routeConfig.basePath || '/reference'
+    const basePath = this.routeConfig.basePath || `/reference`
 
     switch (identifier.kind) {
-      case 'Type':
+      case `Type`:
         return this.resolveType(identifier, basePath)
 
-      case 'Field':
+      case `Field`:
         return this.resolveField(identifier, basePath)
 
-      case 'Argument':
+      case `Argument`:
         return this.resolveArgument(identifier, basePath)
 
-      case 'Variable':
+      case `Variable`:
         // Variables don't have schema resolution
         return {
           exists: true,
           referenceUrl: `${basePath}#variables`,
           documentation: {
-            typeInfo: 'Variable',
+            typeInfo: `Variable`,
             description: `Query variable: $${identifier.name}`,
           },
         }
 
-      case 'Directive':
+      case `Directive`:
         return this.resolveDirective(identifier, basePath)
 
-      case 'Fragment':
+      case `Fragment`:
         // Fragments don't have schema resolution
         return {
           exists: true,
           referenceUrl: `${basePath}#fragments`,
           documentation: {
-            typeInfo: 'Fragment',
+            typeInfo: `Fragment`,
             description: `Fragment: ${identifier.name}`,
           },
         }
@@ -179,7 +170,7 @@ export class PolenSchemaResolver implements SchemaResolver {
       return {
         typeInfo: this.getTypeSignature(type),
         description: type.description || undefined,
-        deprecated: 'deprecationReason' in type
+        deprecated: `deprecationReason` in type
           ? {
             reason: (type as any).deprecationReason,
           }
@@ -206,7 +197,7 @@ export class PolenSchemaResolver implements SchemaResolver {
     // Argument-level documentation
     if (fieldName && argName && schemaPath.length === 3) {
       const field = this.getFieldFromType(type, fieldName)
-      if (!field || !('args' in field)) return null
+      if (!field || !(`args` in field)) return null
 
       const arg = field.args.find((a: any) => a.name === argName)
       if (!arg) return null
@@ -227,7 +218,7 @@ export class PolenSchemaResolver implements SchemaResolver {
    * Generate a reference URL for a schema path
    */
   generateReferenceLink(schemaPath: string[]): string {
-    const basePath = this.routeConfig.basePath || '/reference'
+    const basePath = this.routeConfig.basePath || `/reference`
     const includeFragments = this.routeConfig.includeFragments !== false
 
     if (schemaPath.length === 0) return basePath
@@ -241,13 +232,13 @@ export class PolenSchemaResolver implements SchemaResolver {
 
     // Field reference
     if (fieldName && schemaPath.length === 2) {
-      const fragment = includeFragments ? `#${fieldName}` : ''
+      const fragment = includeFragments ? `#${fieldName}` : ``
       return `${basePath}/${typeName}${fragment}`
     }
 
     // Argument reference
     if (fieldName && argName && schemaPath.length === 3) {
-      const fragment = includeFragments ? `#${fieldName}-${argName}` : ''
+      const fragment = includeFragments ? `#${fieldName}-${argName}` : ``
       return `${basePath}/${typeName}${fragment}`
     }
 
@@ -266,7 +257,7 @@ export class PolenSchemaResolver implements SchemaResolver {
    */
   getAllTypes(): string[] {
     return Object.keys(this.schema.getTypeMap())
-      .filter(name => !name.startsWith('__')) // Filter out introspection types
+      .filter(name => !name.startsWith(`__`)) // Filter out introspection types
   }
 
   // Private helper methods
@@ -353,7 +344,7 @@ export class PolenSchemaResolver implements SchemaResolver {
     }
 
     const field = this.getFieldFromType(parentType, fieldName)
-    if (!field || !('args' in field)) {
+    if (!field || !(`args` in field)) {
       return {
         exists: false,
         referenceUrl: `${basePath}/${typeName}#${fieldName}-${identifier.name}`,
@@ -385,7 +376,7 @@ export class PolenSchemaResolver implements SchemaResolver {
       referenceUrl: `${basePath}/directives#${identifier.name}`,
       documentation: directive
         ? {
-          typeInfo: 'Directive',
+          typeInfo: `Directive`,
           description: directive.description || undefined,
         }
         : undefined,
@@ -432,15 +423,15 @@ export const createPolenSchemaResolver = (
  */
 export interface SchemaAwareAnalysisResult {
   /** Original analysis result */
-  analysis: import('./types.ts').AnalysisResult
+  analysis: import('./types.js').AnalysisResult
   /** Schema resolutions for all identifiers */
   resolutions: Map<string, SchemaResolution>
   /** Validation errors from schema checking */
-  schemaErrors: Array<{
+  schemaErrors: {
     identifier: Identifier
     message: string
-    severity: 'error' | 'warning'
-  }>
+    severity: `error` | `warning`
+  }[]
 }
 
 /**
@@ -459,7 +450,7 @@ export const analyzeWithSchema = (
 
   const resolver = createPolenSchemaResolver(schema, routeConfig)
   const resolutions = new Map<string, SchemaResolution>()
-  const schemaErrors: SchemaAwareAnalysisResult['schemaErrors'] = []
+  const schemaErrors: SchemaAwareAnalysisResult[`schemaErrors`] = []
 
   // Resolve all identifiers against schema
   for (const identifier of analysis.identifiers.all) {
@@ -470,11 +461,11 @@ export const analyzeWithSchema = (
       resolutions.set(key, resolution)
 
       // Add validation errors for non-existent identifiers
-      if (!resolution.exists && (identifier.kind === 'Type' || identifier.kind === 'Field')) {
+      if (!resolution.exists && (identifier.kind === `Type` || identifier.kind === `Field`)) {
         schemaErrors.push({
           identifier,
           message: `${identifier.kind} "${identifier.name}" does not exist in schema`,
-          severity: 'error',
+          severity: `error`,
         })
       }
 
@@ -483,7 +474,7 @@ export const analyzeWithSchema = (
         schemaErrors.push({
           identifier,
           message: `${identifier.kind} "${identifier.name}" is deprecated: ${resolution.deprecated.reason}`,
-          severity: 'warning',
+          severity: `warning`,
         })
       }
     }

package/src/lib/graphql-document/types.ts

@@ -7,7 +7,7 @@ export interface Identifier {
   /** The name of the identifier (e.g., 'User', 'name', 'id') */
   name: string
   /** The kind of GraphQL construct this identifier represents */
-  kind: 'Type' | 'Field' | 'Argument' | 'Directive' | 'Variable' | 'Fragment'
+  kind: `Type` | `Field` | `Argument` | `Directive` | `Variable` | `Fragment`
   /** Position information in the source document */
   position: {
     /** Character offset from start of document */
@@ -32,7 +32,7 @@ export interface Identifier {
  */
 export interface IdentifierContext {
   /** The operation type if this identifier is within an operation */
-  operationType?: 'query' | 'mutation' | 'subscription'
+  operationType?: `query` | `mutation` | `subscription`
   /** The operation name if this identifier is within a named operation */
   operationName?: string
   /** Whether this identifier is in a fragment definition */
@@ -48,7 +48,7 @@ export interface IdentifierMap {
   /** Quick lookup by character position */
   byPosition: Map<number, Identifier>
   /** Grouped by identifier kind for easy filtering */
-  byKind: Map<Identifier['kind'], Identifier[]>
+  byKind: Map<Identifier[`kind`], Identifier[]>
   /** Any validation errors found during analysis */
   errors: AnalysisError[]
   /** All identifiers as a flat array */
@@ -64,7 +64,7 @@ export interface AnalysisError {
   /** Human-readable error message */
   message: string
   /** Error severity level */
-  severity: 'error' | 'warning' | 'info'
+  severity: `error` | `warning` | `info`
   /** Position in the document where the error occurred */
   position?: {
     line: number

package/src/lib/graphql-schema-loader/index.ts

@@ -1 +1 @@
-export * as GraphqlSchemaLoader from './graphql-schema-loader.ts'
+export * as GraphqlSchemaLoader from './graphql-schema-loader.js'

package/src/lib/helpers.ts

@@ -10,7 +10,7 @@ export async function checkIsProjectHasPackageInstalled(
   const packageJson = await Manifest.resource.read(projectRoot)
 
   if (Err.is(packageJson)) {
-    if (packageJson._tag === 'ResourceErrorNotFound') return false
+    if (packageJson._tag === `ResourceErrorNotFound`) return false
     throw packageJson
   }
 

package/src/lib/hono-aid/index.ts

@@ -1 +1 @@
-export * as HonoAid from './hono-aid.ts'
+export * as HonoAid from './hono-aid.js'

package/src/lib/html-utils/html-transformer.ts

@@ -0,0 +1,6 @@
+import type { Hono } from '#dep/hono/index'
+import { Fn } from '@wollybeard/kit'
+
+export type HtmlTransformer = (html: string, ctx: Hono.Context) => Promise<string> | string
+
+export const createHtmlTransformer = Fn.identity<HtmlTransformer>