@jasonshimmy/vite-plugin-cer-app 0.23.1 → 0.24.0

package/src/plugin/virtual/content-components.ts

@@ -1,83 +0,0 @@
-import { extractComponentRegistrations, extractTemplateTagNames } from '@jasonshimmy/custom-elements-runtime/vite-plugin'
-import { existsSync, readFileSync } from 'node:fs'
-import { parseContentFileAsync } from '../content/parser.js'
-import { scanContentFiles } from '../content/scanner.js'
-import { scanDirectory } from '../scanner.js'
-
-function emptyModule(): string {
-  return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport {}\n`
-}
-
-async function buildComponentManifest(componentsDir: string): Promise<Map<string, string>> {
-  const manifest = new Map<string, string>()
-  if (!existsSync(componentsDir)) return manifest
-
-  const files = await scanDirectory('**/*.ts', componentsDir)
-  for (const file of files) {
-    try {
-      const source = readFileSync(file, 'utf-8')
-      for (const tag of extractComponentRegistrations(source)) {
-        manifest.set(tag, file)
-      }
-    } catch {
-      // Skip unreadable files.
-    }
-  }
-
-  return manifest
-}
-
-async function collectMarkdownTags(contentDir: string): Promise<Set<string>> {
-  const tags = new Set<string>()
-  if (!existsSync(contentDir)) return tags
-
-  const files = await scanContentFiles(contentDir)
-  const markdownFiles = files.filter((file) => file.ext === 'md')
-
-  await Promise.all(
-    markdownFiles.map(async (file) => {
-      try {
-        const item = await parseContentFileAsync(file, contentDir)
-        for (const tag of extractTemplateTagNames(item.body)) {
-          tags.add(tag)
-        }
-      } catch (err) {
-        console.warn(
-          `[cer-app] Skipping content file (parse error): ${file.filePath}\n  ${(err as Error).message}`,
-        )
-      }
-    }),
-  )
-
-  return tags
-}
-
-/**
- * Generates a side-effect virtual module that registers app components used
- * inside rendered markdown bodies.
- */
-export async function generateContentComponentsCode(
-  componentsDir: string,
-  contentDir: string,
-): Promise<string> {
-  const [manifest, markdownTags] = await Promise.all([
-    buildComponentManifest(componentsDir),
-    collectMarkdownTags(contentDir),
-  ])
-
-  const imports = [...markdownTags]
-    .sort()
-    .map((tag) => manifest.get(tag))
-    .filter((file): file is string => typeof file === 'string')
-
-  if (imports.length === 0) return emptyModule()
-
-  const lines = ['// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app', '']
-  for (const file of imports) {
-    lines.push(`import ${JSON.stringify(file)}`)
-  }
-  lines.push('')
-  lines.push('export {}')
-  lines.push('')
-  return lines.join('\n')
-}

package/src/plugin/virtual/error.ts

@@ -1,34 +0,0 @@
-import { existsSync } from 'node:fs'
-import { join } from 'pathe'
-
-/**
- * Generates the virtual:cer-error module code.
- *
- * If app/error.ts exists the module exports:
- *   hasError = true
- *   errorTag  = 'page-error'
- *
- * The page-error component receives an `error` attribute (stringified message)
- * and a `reset` attribute (set to "true" to signal the reset handler).
- * The bootstrap wires `resetError()` as a global so the component can call it.
- */
-export async function generateErrorCode(srcDir: string): Promise<string> {
-  const errorFile = join(srcDir, 'error.ts')
-
-  if (!existsSync(errorFile)) {
-    return [
-      '// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app',
-      'export const hasError = false',
-      'export const errorTag = null',
-      '',
-    ].join('\n')
-  }
-
-  return [
-    '// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app',
-    `import ${JSON.stringify(errorFile)}`,
-    'export const hasError = true',
-    "export const errorTag = 'page-error'",
-    '',
-  ].join('\n')
-}

package/src/plugin/virtual/layouts.ts

@@ -1,41 +0,0 @@
-import { existsSync } from 'node:fs'
-import { scanDirectory } from '../scanner.js'
-import { fileToLayoutName, fileToLayoutTagName } from '../path-utils.js'
-
-/**
- * Generates the virtual:cer-layouts module code.
- * Scans app/layouts/ and produces a layouts map.
- */
-export async function generateLayoutsCode(layoutsDir: string): Promise<string> {
-  if (!existsSync(layoutsDir)) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const layouts = {}\nexport default layouts\n`
-  }
-
-  const files = await scanDirectory('**/*.ts', layoutsDir)
-
-  if (files.length === 0) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const layouts = {}\nexport default layouts\n`
-  }
-
-  const lines: string[] = ['// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app', '']
-
-  // Side-effect imports to register the layout custom elements
-  for (const file of files) {
-    lines.push(`import ${JSON.stringify(file)}`)
-  }
-
-  lines.push('')
-  lines.push('export const layouts = {')
-
-  for (const file of files) {
-    const name = fileToLayoutName(file, layoutsDir)
-    const tagName = fileToLayoutTagName(file, layoutsDir)
-    lines.push(`  ${JSON.stringify(name)}: ${JSON.stringify(tagName)},`)
-  }
-
-  lines.push('}')
-  lines.push('export default layouts')
-  lines.push('')
-
-  return lines.join('\n')
-}

package/src/plugin/virtual/loading.ts

@@ -1,32 +0,0 @@
-import { existsSync } from 'node:fs'
-import { join } from 'pathe'
-
-/**
- * Generates the virtual:cer-loading module code.
- *
- * If app/loading.ts exists the module exports:
- *   hasLoading = true
- *   loadingTag  = 'page-loading'
- *
- * Otherwise both are falsy so the bootstrap skips the loading indicator.
- */
-export async function generateLoadingCode(srcDir: string): Promise<string> {
-  const loadingFile = join(srcDir, 'loading.ts')
-
-  if (!existsSync(loadingFile)) {
-    return [
-      '// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app',
-      'export const hasLoading = false',
-      'export const loadingTag = null',
-      '',
-    ].join('\n')
-  }
-
-  return [
-    '// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app',
-    `import ${JSON.stringify(loadingFile)}`,
-    'export const hasLoading = true',
-    "export const loadingTag = 'page-loading'",
-    '',
-  ].join('\n')
-}

package/src/plugin/virtual/middleware.ts

@@ -1,45 +0,0 @@
-import { existsSync } from 'node:fs'
-import { basename } from 'pathe'
-import { scanDirectory } from '../scanner.js'
-
-/**
- * Generates the virtual:cer-middleware module code.
- * Scans app/middleware/ and produces a named map of middleware functions.
- */
-export async function generateMiddlewareCode(middlewareDir: string): Promise<string> {
-  if (!existsSync(middlewareDir)) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const middleware = {}\nexport default middleware\n`
-  }
-
-  const files = await scanDirectory('**/*.ts', middlewareDir)
-
-  if (files.length === 0) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const middleware = {}\nexport default middleware\n`
-  }
-
-  const lines: string[] = ['// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app', '']
-
-  const entries: Array<{ alias: string; name: string }> = []
-
-  for (const file of files) {
-    // Key is the filename without extension
-    const name = basename(file).replace(/\.[jt]s$/, '')
-    // Create a safe JS identifier
-    const alias = `_m_${name.replace(/[^a-zA-Z0-9_]/g, '_').replace(/^(\d)/, '_$1')}`
-    entries.push({ alias, name })
-    lines.push(`import ${alias} from ${JSON.stringify(file)}`)
-  }
-
-  lines.push('')
-  lines.push('export const middleware = {')
-
-  for (const { alias, name } of entries) {
-    lines.push(`  ${JSON.stringify(name)}: ${alias},`)
-  }
-
-  lines.push('}')
-  lines.push('export default middleware')
-  lines.push('')
-
-  return lines.join('\n')
-}

package/src/plugin/virtual/plugins.ts

@@ -1,46 +0,0 @@
-import { existsSync } from 'node:fs'
-import { scanDirectory } from '../scanner.js'
-import { sortPluginFiles } from '../path-utils.js'
-
-/**
- * Generates the virtual:cer-plugins module code.
- * Scans app/plugins/ and produces an ordered array of plugin imports.
- *
- * @param pluginsDir - Absolute path to app/plugins/
- * @param serverSafeOnly - When true, excludes files ending in `.client.ts`.
- *   These are client-only plugins (CSS injections, browser component libraries,
- *   etc.) that must not be imported in the SSR server entry. Naming convention:
- *   `app/plugins/my-plugin.client.ts` → excluded from the server bundle.
- */
-export async function generatePluginsCode(pluginsDir: string, serverSafeOnly = false): Promise<string> {
-  if (!existsSync(pluginsDir)) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const plugins = []\nexport default plugins\n`
-  }
-
-  const files = await scanDirectory('**/*.ts', pluginsDir)
-
-  if (files.length === 0) {
-    return `// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app\nexport const plugins = []\nexport default plugins\n`
-  }
-
-  const sorted = sortPluginFiles(files)
-  // In server-safe mode, exclude `.client.ts` plugins — they are browser-only
-  // (CSS imports, client component libraries, etc.) and must not be loaded
-  // server-side. Rename the file to `*.client.ts` to mark it as client-only.
-  const filtered = serverSafeOnly ? sorted.filter(f => !f.endsWith('.client.ts')) : sorted
-  const lines: string[] = ['// AUTO-GENERATED by @jasonshimmy/vite-plugin-cer-app', '']
-
-  const aliases: string[] = []
-  filtered.forEach((file, i) => {
-    const alias = `_p${i}`
-    aliases.push(alias)
-    lines.push(`import ${alias} from ${JSON.stringify(file)}`)
-  })
-
-  lines.push('')
-  lines.push(`export const plugins = [${aliases.join(', ')}]`)
-  lines.push('export default plugins')
-  lines.push('')
-
-  return lines.join('\n')
-}