@pyreon/zero 0.11.5 → 0.11.6

package/src/theme.tsx

@@ -1,6 +1,6 @@
-import type { VNodeChild } from "@pyreon/core"
-import { onMount, onUnmount } from "@pyreon/core"
-import { effect, signal } from "@pyreon/reactivity"
+import type { VNodeChild } from '@pyreon/core'
+import { onMount, onUnmount } from '@pyreon/core'
+import { effect, signal } from '@pyreon/reactivity'
 
 // ─── Theme system ───────────────────────────────────────────────────────────
 //
@@ -10,19 +10,19 @@ import { effect, signal } from "@pyreon/reactivity"
 // - No flash of wrong theme (inline script in HTML)
 // - Reactive theme signal for components
 
-export type Theme = "light" | "dark" | "system"
+export type Theme = 'light' | 'dark' | 'system'
 
-const STORAGE_KEY = "zero-theme"
+const STORAGE_KEY = 'zero-theme'
 
 /** Reactive theme signal. */
-export const theme = signal<Theme>("system")
+export const theme = signal<Theme>('system')
 
 /** Computed resolved theme (what's actually applied). */
-export function resolvedTheme(): "light" | "dark" {
+export function resolvedTheme(): 'light' | 'dark' {
   const t = theme()
-  if (t === "system") {
-    if (typeof window === "undefined") return "dark"
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+  if (t === 'system') {
+    if (typeof window === 'undefined') return 'dark'
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
   }
   return t
 }
@@ -30,13 +30,13 @@ export function resolvedTheme(): "light" | "dark" {
 /** Toggle between light and dark. */
 export function toggleTheme() {
   const current = resolvedTheme()
-  setTheme(current === "dark" ? "light" : "dark")
+  setTheme(current === 'dark' ? 'light' : 'dark')
 }
 
 /** Set theme explicitly. */
 export function setTheme(t: Theme) {
   theme.set(t)
-  if (typeof document !== "undefined") {
+  if (typeof document !== 'undefined') {
     document.documentElement.dataset.theme = resolvedTheme()
     try {
       localStorage.setItem(STORAGE_KEY, t)
@@ -55,7 +55,7 @@ export function initTheme() {
     // Read persisted preference
     try {
       const stored = localStorage.getItem(STORAGE_KEY) as Theme | null
-      if (stored === "light" || stored === "dark" || stored === "system") {
+      if (stored === 'light' || stored === 'dark' || stored === 'system') {
         theme.set(stored)
       }
     } catch {
@@ -66,14 +66,14 @@ export function initTheme() {
     document.documentElement.dataset.theme = resolvedTheme()
 
     // Watch for system preference changes
-    const mq = window.matchMedia("(prefers-color-scheme: dark)")
+    const mq = window.matchMedia('(prefers-color-scheme: dark)')
     function onChange() {
-      if (theme() === "system") {
+      if (theme() === 'system') {
         document.documentElement.dataset.theme = resolvedTheme()
       }
     }
-    mq.addEventListener("change", onChange)
-    onUnmount(() => mq.removeEventListener("change", onChange))
+    mq.addEventListener('change', onChange)
+    onUnmount(() => mq.removeEventListener('change', onChange))
 
     // Re-apply when theme signal changes
     const dispose = effect(() => {
@@ -105,7 +105,7 @@ export function ThemeToggle(props: { class?: string; style?: string }): VNodeChi
       type="button"
     >
       {() =>
-        resolvedTheme() === "dark" ? (
+        resolvedTheme() === 'dark' ? (
           <svg
             width="18"
             height="18"

package/src/types.ts

@@ -1,6 +1,6 @@
-import type { ComponentFn } from "@pyreon/core"
-import type { NavigationGuard } from "@pyreon/router"
-import type { Middleware } from "@pyreon/server"
+import type { ComponentFn } from '@pyreon/core'
+import type { NavigationGuard } from '@pyreon/router'
+import type { Middleware } from '@pyreon/server'
 
 // ─── Route module conventions ────────────────────────────────────────────────
 
@@ -43,7 +43,7 @@ export interface RouteMeta {
 
 // ─── Rendering modes ─────────────────────────────────────────────────────────
 
-export type RenderMode = "ssr" | "ssg" | "spa" | "isr"
+export type RenderMode = 'ssr' | 'ssg' | 'spa' | 'isr'
 
 export interface ISRConfig {
   /** Revalidation interval in seconds. */
@@ -62,7 +62,7 @@ export interface ZeroConfig {
   /** SSR options. */
   ssr?: {
     /** Streaming mode. Default: "string" */
-    mode?: "string" | "stream"
+    mode?: 'string' | 'stream'
   }
 
   /** SSG options — only used when mode is "ssg". */
@@ -75,7 +75,7 @@ export interface ZeroConfig {
   isr?: ISRConfig
 
   /** Deploy adapter. Default: "node" */
-  adapter?: "node" | "bun" | "static"
+  adapter?: 'node' | 'bun' | 'static'
 
   /** Base URL path. Default: "/" */
   base?: string

package/src/utils/use-intersection-observer.ts

@@ -1,4 +1,4 @@
-import { onMount, onUnmount } from "@pyreon/core"
+import { onMount, onUnmount } from '@pyreon/core'
 
 /**
  * Observes an element and calls `onIntersect` once it enters the viewport.
@@ -11,7 +11,7 @@ import { onMount, onUnmount } from "@pyreon/core"
 export function useIntersectionObserver(
   getElement: () => HTMLElement | undefined,
   onIntersect: () => void,
-  rootMargin = "200px",
+  rootMargin = '200px',
 ) {
   onMount(() => {
     const el = getElement()

package/src/vite-plugin.ts

@@ -1,17 +1,17 @@
-import type { Plugin } from "vite"
-import { generateApiRouteModule } from "./api-routes"
-import { resolveConfig } from "./config"
-import { renderErrorOverlay } from "./error-overlay"
-import { generateMiddlewareModule, generateRouteModule, scanRouteFiles } from "./fs-router"
-import type { ZeroConfig } from "./types"
-
-const VIRTUAL_ROUTES_ID = "virtual:zero/routes"
+import type { Plugin } from 'vite'
+import { generateApiRouteModule } from './api-routes'
+import { resolveConfig } from './config'
+import { renderErrorOverlay } from './error-overlay'
+import { generateMiddlewareModule, generateRouteModule, scanRouteFiles } from './fs-router'
+import type { ZeroConfig } from './types'
+
+const VIRTUAL_ROUTES_ID = 'virtual:zero/routes'
 const RESOLVED_VIRTUAL_ROUTES_ID = `\0${VIRTUAL_ROUTES_ID}`
 
-const VIRTUAL_MIDDLEWARE_ID = "virtual:zero/route-middleware"
+const VIRTUAL_MIDDLEWARE_ID = 'virtual:zero/route-middleware'
 const RESOLVED_VIRTUAL_MIDDLEWARE_ID = `\0${VIRTUAL_MIDDLEWARE_ID}`
 
-const VIRTUAL_API_ROUTES_ID = "virtual:zero/api-routes"
+const VIRTUAL_API_ROUTES_ID = 'virtual:zero/api-routes'
 const RESOLVED_VIRTUAL_API_ROUTES_ID = `\0${VIRTUAL_API_ROUTES_ID}`
 
 /**
@@ -33,8 +33,8 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
   let root: string
 
   const plugin: Plugin & { _zeroConfig: ZeroConfig } = {
-    name: "pyreon-zero",
-    enforce: "pre",
+    name: 'pyreon-zero',
+    enforce: 'pre',
     _zeroConfig: userConfig,
 
     configResolved(resolvedConfig) {
@@ -82,8 +82,8 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
       // This runs as a late middleware (return function) so it wraps
       // Vite's own SSR handling and catches rendering failures.
       server.middlewares.use((req, res, next) => {
-        const accept = req.headers.accept ?? ""
-        if (!accept.includes("text/html")) return next()
+        const accept = req.headers.accept ?? ''
+        if (!accept.includes('text/html')) return next()
 
         // Monkey-patch res.end to catch errors from SSR rendering
         const originalEnd = res.end.bind(res)
@@ -96,12 +96,12 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
           server.ssrFixStacktrace(error)
           const html = renderErrorOverlay(error)
           res.statusCode = 500
-          res.setHeader("Content-Type", "text/html; charset=utf-8")
-          res.setHeader("Content-Length", Buffer.byteLength(html))
+          res.setHeader('Content-Type', 'text/html; charset=utf-8')
+          res.setHeader('Content-Length', Buffer.byteLength(html))
           originalEnd(html)
         }
 
-        res.on("error", handleError)
+        res.on('error', handleError)
 
         // Wrap next() in try/catch to handle synchronous errors
         try {
@@ -115,8 +115,8 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
       server.watcher.add(`${routesDir}/**/*.{tsx,jsx,ts,js}`)
 
       // Invalidate virtual modules when route files change
-      server.watcher.on("all", (event, path) => {
-        if (path.startsWith(routesDir) && (event === "add" || event === "unlink")) {
+      server.watcher.on('all', (event, path) => {
+        if (path.startsWith(routesDir) && (event === 'add' || event === 'unlink')) {
           for (const resolvedId of [
             RESOLVED_VIRTUAL_ROUTES_ID,
             RESOLVED_VIRTUAL_MIDDLEWARE_ID,
@@ -125,7 +125,7 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
             const mod = server.moduleGraph.getModuleById(resolvedId)
             if (mod) server.moduleGraph.invalidateModule(mod)
           }
-          server.ws.send({ type: "full-reload" })
+          server.ws.send({ type: 'full-reload' })
         }
       })
     },
@@ -133,7 +133,7 @@ export function zeroPlugin(userConfig: ZeroConfig = {}): Plugin {
     config() {
       return {
         resolve: {
-          conditions: ["bun"],
+          conditions: ['bun'],
         },
         server: {
           port: config.port,