@devlusoft/devix 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 devlusoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,216 @@
+# devix
+
+Un meta-framework ligero de React 19 con SSR, impulsado por Vite 8 + Hono.
+
+Construye aplicaciones React full-stack con enrutamiento basado en archivos, renderizado del lado del servidor, generación estática de sitios y rutas API — configuración mínima, control máximo.
+
+> **⚠️ En desarrollo activo** — devix está en evolución constante. Las API's pueden cambiar entre versiones sin período de deprecación. No se recomienda para uso en producción todavía.
+
+## Características
+
+- **Vite 8** — HMR instantáneo y builds rápidos con Rolldown
+- **React 19** — SSR con `renderToString` e `hydrateRoot`
+- **Enrutamiento basado en archivos** — páginas, layouts anidados y rutas API desde el sistema de archivos
+- **SSR por defecto** — cada página se renderiza en el servidor
+- **SSG** — genera HTML estático con `generateStaticParams`
+- **Rutas API** — basadas en archivos, potenciadas por Hono
+- **Carga de datos** — funciones `loader` con hidratación automática en el cliente
+- **Guards de ruta** — redirecciones del lado del servidor antes del renderizado
+- **SEO** — `metadata` y `generateMetadata` por página, con soporte de Open Graph y Twitter
+- **TypeScript primero** — inferencia de tipos completa en todo el framework
+
+## Instalación
+
+```bash
+npm install @devlusoft/devix react react-dom
+```
+
+Requiere React 19+, Vite 8+, Node 20+.
+
+## Inicio rápido
+
+```bash
+npx devix dev
+```
+
+**1. Crea `devix.config.ts`:**
+
+```ts
+import { defineConfig } from '@devlusoft/devix/config'
+
+export default defineConfig({
+  port: 3000,
+})
+```
+
+**2. Crea tu primera página en `app/pages/index.tsx`:**
+
+```tsx
+export default function Home() {
+  return <h1>¡Hola devix!</h1>
+}
+```
+
+**3. Ejecuta el servidor de desarrollo:**
+
+```bash
+npx devix dev
+```
+
+## Convenciones de archivos
+
+```
+app/
+├── pages/
+│   ├── layout.tsx          # Layout raíz (envuelve todas las páginas)
+│   ├── index.tsx           # → /
+│   ├── about.tsx           # → /about
+│   └── blog/
+│       ├── layout.tsx      # Layout anidado (envuelve páginas de blog)
+│       ├── index.tsx       # → /blog
+│       └── [slug].tsx      # → /blog/:slug
+└── api/
+    ├── middleware.ts        # Middleware global de la API
+    └── posts/
+        └── [id].ts         # → GET/POST /api/posts/:id
+```
+
+## Conceptos principales
+
+### Loader y datos
+
+```tsx
+import { useLoaderData } from '@devlusoft/devix'
+import type { PageProps, LoaderContext } from '@devlusoft/devix'
+
+export async function loader({ params, request }: LoaderContext) {
+  const post = await db.posts.findBySlug(params.slug)
+  return post
+}
+
+export default function BlogPost({ data, params }: PageProps<typeof loader>) {
+  return <article>{data.title}</article>
+}
+```
+
+### Guard de ruta
+
+```ts
+export async function guard({ request }: LoaderContext) {
+  const user = await getSession(request)
+  if (!user) return '/login'
+  return null
+}
+```
+
+### Metadata
+
+```ts
+export const metadata = {
+  title: 'Inicio',
+  description: 'Bienvenido a mi sitio',
+  og: { image: '/og.png', type: 'website' },
+  twitter: { card: 'summary_large_image' },
+}
+
+// o dinámica:
+export async function generateMetadata({ loaderData }) {
+  return { title: loaderData.title }
+}
+```
+
+### Layouts
+
+```tsx
+import type { LayoutProps } from '@devlusoft/devix'
+
+export default function RootLayout({ children }: LayoutProps) {
+  return (
+    <div>
+      <nav>...</nav>
+      {children}
+    </div>
+  )
+}
+```
+
+### Rutas API
+
+```ts
+import type { RouteHandler } from '@devlusoft/devix'
+
+export const GET: RouteHandler = async (ctx, req) => {
+  return Response.json({ hello: 'world' })
+}
+
+export const POST: RouteHandler = async (ctx, req) => {
+  const body = await req.json()
+  return Response.json(body, { status: 201 })
+}
+```
+
+### Generación estática (SSG)
+
+Configura `output: 'static'` y exporta `generateStaticParams` desde cualquier página dinámica:
+
+```ts
+// devix.config.ts
+export default defineConfig({ output: 'static' })
+```
+
+```ts
+// app/pages/blog/[slug].tsx
+export async function generateStaticParams() {
+  const posts = await db.posts.all()
+  return posts.map(p => ({ slug: p.slug }))
+}
+```
+
+```bash
+npx devix generate   # compila y pre-renderiza todas las páginas en dist/client/
+npx devix start      # sirve los archivos estáticos (sin SSR en runtime)
+```
+
+## Comandos
+
+| Comando          | Descripción                                     |
+|------------------|-------------------------------------------------|
+| `devix dev`      | Inicia el servidor de desarrollo con HMR        |
+| `devix build`    | Compila para producción                         |
+| `devix start`    | Inicia el servidor de producción                |
+| `devix generate` | Compila y pre-renderiza todas las páginas (SSG) |
+
+## Configuración
+
+```ts
+// devix.config.ts
+import { defineConfig } from '@devlusoft/devix/config'
+
+export default defineConfig({
+  port: 3000,                // puerto del servidor dev y producción (default: 3000)
+  host: false,               // bind a 0.0.0.0 (default: false)
+  appDir: 'app',             // directorio de la app (default: 'app')
+  output: 'server',          // 'server' | 'static' (default: 'server')
+  loaderTimeout: 10_000,     // timeout de los loaders en ms (default: 10000)
+  css: ['./app/styles/global.css'],  // archivos CSS globales
+  envPrefix: 'PUBLIC_',      // expone variables de entorno con este prefijo al cliente
+  vite: {},                  // extiende la configuración de Vite
+})
+```
+
+## Documentación
+
+La documentación completa está en la carpeta [`docs/`](./docs):
+
+- [Primeros pasos](./docs/getting-started.md)
+- [Enrutamiento](./docs/routing.md)
+- [Layouts](./docs/layouts.md)
+- [Carga de datos](./docs/data-loading.md)
+- [Rutas API](./docs/api-routes.md)
+- [Metadata y SEO](./docs/metadata.md)
+- [Generación estática (SSG)](./docs/ssg.md)
+- [Configuración](./docs/configuration.md)
+
+## Licencia
+
+MIT — devix es un proyecto de [devlusoft](https://www.devlusoft.com).

package/bin/devix.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '../dist/cli/index.js'

package/dist/cli/build.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cli/build.js

@@ -0,0 +1,286 @@
+// src/cli/build.ts
+import { writeFileSync } from "node:fs";
+import { resolve as resolve2 } from "node:path";
+import { build } from "vite";
+
+// src/vite/index.ts
+import { mergeConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { fileURLToPath } from "node:url";
+import { dirname, resolve } from "node:path";
+
+// src/vite/codegen/entry-client.ts
+function generateEntryClient({ cssUrls }) {
+  const cssImports = cssUrls.map((u) => `import '${u}'`).join("\n");
+  return `
+${cssImports}
+import "@vitejs/plugin-react/preamble"
+import React from "react"
+import {hydrateRoot, createRoot} from 'react-dom/client'
+import {matchClientRoute, loadErrorPage, getDefaultErrorPage} from 'virtual:devix/client-routes'
+import {RouterProvider} from '@devlusoft/devix'
+
+const root = document.getElementById('devix-root')
+
+if (!window.__DEVIX__) {
+    const ErrorPage = getDefaultErrorPage()
+    createRoot(root).render(React.createElement(ErrorPage, {statusCode: 500, message: 'Server error'}))
+} else {
+    const {metadata, viewport, clientEntry} = window.__DEVIX__
+    const loaderData = window.__LOADER_DATA__
+    const layoutsData = window.__LAYOUTS_DATA__ ?? []
+
+    const matched = matchClientRoute(window.location.pathname)
+
+    if (matched) {
+        const [pageMod, ...layoutMods] = await Promise.all([
+            matched.load(),
+            ...matched.loadLayouts.map(l => l()),
+        ])
+        hydrateRoot(
+            root,
+            React.createElement(RouterProvider, {
+                clientEntry,
+                initialData: loaderData,
+                initialParams: matched.params,
+                initialPage: pageMod.default,
+                initialLayouts: layoutMods.map(m => m.default),
+                initialLayoutsData: layoutsData,
+                initialMeta: metadata,
+                initialViewport: viewport,
+            })
+        )
+    } else {
+        const ErrorPage = await loadErrorPage() ?? getDefaultErrorPage()
+        createRoot(root).render(
+            React.createElement(RouterProvider, {
+                clientEntry,
+                initialData: null,
+                initialParams: {},
+                initialPage: () => null,
+                initialLayouts: [],
+                initialLayoutsData: [],
+                initialMeta: null,
+                initialError: {statusCode: 404, message: 'Not found'},
+                initialErrorPage: ErrorPage,
+            })
+        )
+    }
+}
+`;
+}
+
+// src/vite/codegen/client-routes.ts
+function generateClientRoutes({ pagesDir, matcherPath }) {
+  return `
+import React from 'react'
+import { createMatcher } from '${matcherPath}'
+const pageFiles = import.meta.glob(['/${pagesDir}/**/*.tsx', '!**/error.tsx', '!**/layout.tsx'])
+const layoutFiles = import.meta.glob('/${pagesDir}/**/layout.tsx')
+const errorFiles = import.meta.glob('/${pagesDir}/**/error.tsx')
+
+export const matchClientRoute = createMatcher(pageFiles, layoutFiles)
+
+export async function loadErrorPage() {
+    const key = Object.keys(errorFiles)[0]
+    if (!key) return null
+    const mod = await errorFiles[key]()
+    return mod?.default ?? null
+}
+
+export function getDefaultErrorPage() {
+    return function DefaultError({ statusCode, message }) {
+        return React.createElement('main', {
+            style: { minHeight: '100dvh', display: 'flex', flexDirection: 'column', 
+                     alignItems: 'center', justifyContent: 'center', gap: '8px',
+                     fontFamily: 'system-ui, sans-serif' }
+        },
+            React.createElement('h1', {style: {fontSize: '4rem', fontWeight: 700}}, statusCode),
+            React.createElement('p', {style: {color: '#666'}}, message ?? 'An unexpected error occurred'),
+        )
+    }
+}
+`;
+}
+
+// src/vite/codegen/render.ts
+function generateRender({ pagesDir, renderPath }) {
+  return `
+import { render as _render, runLoader as _runLoader, getStaticRoutes as _getStaticRoutes } from '${renderPath}'
+
+const _pages = import.meta.glob(['/${pagesDir}/**/*.tsx', '!**/error.tsx', '!**/layout.tsx'])
+const _layouts = import.meta.glob('/${pagesDir}/**/layout.tsx')
+
+const _glob = {
+    pages: _pages,
+    layouts: _layouts,
+    pagesDir: '/${pagesDir}',
+}
+
+export function render(url, request, options) {
+    return _render(url, request, _glob, options)
+}
+
+export function runLoader(url, request, options) {
+    return _runLoader(url, request, _glob, options)
+}
+
+export function getStaticRoutes() {
+    return _getStaticRoutes(_glob)
+}
+`;
+}
+
+// src/vite/codegen/api.ts
+function generateApi({ apiPath, appDir }) {
+  return `
+import { handleApiRequest as _handleApiRequest } from '${apiPath}'
+
+const _routes = import.meta.glob(['/${appDir}/api/**/*.ts', '!**/middleware.ts'])
+const _middlewares = import.meta.glob('/${appDir}/api/**/middleware.ts')
+
+const _glob = {
+    routes: _routes,
+    middlewares: _middlewares,
+    apiDir: '/${appDir}/api',
+}
+
+export function handleApiRequest(url, request) {
+    return _handleApiRequest(url, request, _glob)
+}
+`;
+}
+
+// src/server/pages-router.ts
+var cache = null;
+function invalidatePagesCache() {
+  cache = null;
+}
+
+// src/server/api-router.ts
+var cache2 = null;
+function invalidateApiCache() {
+  cache2 = null;
+}
+
+// src/vite/codegen/context.ts
+function generateContext() {
+  return `
+export {RouterContext} from '@devlusoft/devix/runtime/context'
+`;
+}
+
+// src/vite/index.ts
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var VIRTUAL_ENTRY_CLIENT = "virtual:devix/entry-client";
+var VIRTUAL_CLIENT_ROUTES = "virtual:devix/client-routes";
+var VIRTUAL_RENDER = "virtual:devix/render";
+var VIRTUAL_API = "virtual:devix/api";
+var VIRTUAL_CONTEXT = "virtual:devix/context";
+function devix(config2) {
+  const appDir = config2.appDir ?? "app";
+  const pagesDir = `${appDir}/pages`;
+  const cssUrls = (config2.css ?? []).map((u) => u.startsWith("/") ? u : `/${u.replace(/^\.\//, "")}`);
+  const renderPath = resolve(__dirname, "../server/render.js").replace(/\\/g, "/");
+  const apiPath = resolve(__dirname, "../server/api.js").replace(/\\/g, "/");
+  const matcherPath = resolve(__dirname, "../runtime/client-router.js").replace(/\\/g, "/");
+  const virtualPlugin = {
+    name: "devix",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === VIRTUAL_ENTRY_CLIENT) return `\0${VIRTUAL_ENTRY_CLIENT}`;
+      if (id === VIRTUAL_CLIENT_ROUTES) return `\0${VIRTUAL_CLIENT_ROUTES}`;
+      if (id === VIRTUAL_RENDER) return `\0${VIRTUAL_RENDER}`;
+      if (id === VIRTUAL_API) return `\0${VIRTUAL_API}`;
+      if (id === VIRTUAL_CONTEXT) return `\0${VIRTUAL_CONTEXT}`;
+    },
+    load(id) {
+      if (id === `\0${VIRTUAL_ENTRY_CLIENT}`)
+        return generateEntryClient({ cssUrls });
+      if (id === `\0${VIRTUAL_CLIENT_ROUTES}`)
+        return generateClientRoutes({ pagesDir, matcherPath });
+      if (id === `\0${VIRTUAL_RENDER}`)
+        return generateRender({ pagesDir, renderPath });
+      if (id === `\0${VIRTUAL_API}`)
+        return generateApi({ apiPath, appDir });
+      if (id === `\0${VIRTUAL_CONTEXT}`)
+        return generateContext();
+    },
+    configureServer(server) {
+      server.watcher.on("add", (file) => {
+        if (file.startsWith(resolve(process.cwd(), pagesDir))) invalidatePagesCache();
+        if (file.includes(`${appDir}/api`)) invalidateApiCache();
+      });
+      server.watcher.on("unlink", (file) => {
+        if (file.startsWith(resolve(process.cwd(), pagesDir))) invalidatePagesCache();
+        if (file.includes(`${appDir}/api`)) invalidateApiCache();
+      });
+    }
+  };
+  const base = {
+    plugins: [react(), virtualPlugin],
+    ssr: { noExternal: ["@devlusoft/devix"] },
+    ...config2.envPrefix ? { envPrefix: config2.envPrefix } : {}
+  };
+  return mergeConfig(base, config2.vite ?? {});
+}
+
+// src/utils/duration.ts
+function parseDuration(value) {
+  if (typeof value === "number") return value;
+  const match = value.trim().match(/^(\d+(?:\.\d+)?)\s*(ms|s|m|h)?$/);
+  if (!match) throw new Error(`[devix] Invalid duration: "${value}". Use a number (ms) or a string like "5s", "2m", "500ms".`);
+  const n = parseFloat(match[1]);
+  switch (match[2]) {
+    case "h":
+      return n * 36e5;
+    case "m":
+      return n * 6e4;
+    case "s":
+      return n * 1e3;
+    case "ms":
+    default:
+      return n;
+  }
+}
+
+// src/cli/build.ts
+var config = (await import(`${process.cwd()}/devix.config.ts`)).default;
+var baseConfig = devix(config);
+await build({
+  ...baseConfig,
+  configFile: false,
+  build: {
+    outDir: "dist/client",
+    manifest: true,
+    rolldownOptions: {
+      input: "virtual:devix/entry-client"
+    }
+  }
+});
+await build({
+  ...baseConfig,
+  configFile: false,
+  build: {
+    ssr: true,
+    outDir: "dist/server",
+    rolldownOptions: {
+      input: {
+        render: "virtual:devix/render",
+        api: "virtual:devix/api"
+      }
+    }
+  }
+});
+var runtimeConfig = {
+  port: config.port ?? 3e3,
+  host: config.host ?? false,
+  loaderTimeout: parseDuration(config.loaderTimeout ?? 1e4),
+  output: config.output ?? "server"
+};
+writeFileSync(
+  resolve2(process.cwd(), "dist/devix.config.json"),
+  JSON.stringify(runtimeConfig, null, 2),
+  "utf-8"
+);
+//# sourceMappingURL=build.js.map

package/dist/cli/build.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cli/build.ts", "../../src/vite/index.ts", "../../src/vite/codegen/entry-client.ts", "../../src/vite/codegen/client-routes.ts", "../../src/vite/codegen/render.ts", "../../src/vite/codegen/api.ts", "../../src/server/pages-router.ts", "../../src/server/api-router.ts", "../../src/vite/codegen/context.ts", "../../src/utils/duration.ts"],
+  "sourcesContent": ["import {writeFileSync} from 'node:fs'\nimport {resolve} from 'node:path'\nimport {build} from 'vite'\nimport type {DevixConfig} from '../config'\nimport {devix} from '../vite'\nimport {parseDuration} from '../utils/duration'\n\nconst config: DevixConfig = (await import(`${process.cwd()}/devix.config.ts`)).default\nconst baseConfig = devix(config)\n\nawait build({\n    ...baseConfig,\n    configFile: false,\n    build: {\n        outDir: 'dist/client',\n        manifest: true,\n        rolldownOptions: {\n            input: 'virtual:devix/entry-client',\n        },\n    },\n})\n\nawait build({\n    ...baseConfig,\n    configFile: false,\n    build: {\n        ssr: true,\n        outDir: 'dist/server',\n        rolldownOptions: {\n            input: {\n                render: 'virtual:devix/render',\n                api: 'virtual:devix/api',\n            },\n        },\n    },\n})\n\nconst runtimeConfig = {\n    port: config.port ?? 3000,\n    host: config.host ?? false,\n    loaderTimeout: parseDuration(config.loaderTimeout ?? 10_000),\n    output: config.output ?? 'server',\n}\n\nwriteFileSync(\n    resolve(process.cwd(), 'dist/devix.config.json'),\n    JSON.stringify(runtimeConfig, null, 2),\n    'utf-8'\n)\n\n\nexport {}", "import {UserConfig, Plugin, mergeConfig} from 'vite'\nimport type {DevixConfig} from '../config'\nimport react from '@vitejs/plugin-react'\nimport {fileURLToPath} from 'node:url'\nimport {dirname, resolve} from 'node:path'\nimport {generateEntryClient} from './codegen/entry-client'\nimport {generateClientRoutes} from './codegen/client-routes'\nimport {generateRender} from './codegen/render'\nimport {generateApi} from './codegen/api'\nimport {invalidatePagesCache} from \"../server/pages-router\";\nimport {invalidateApiCache} from \"../server/api-router\";\nimport {generateContext} from \"./codegen/context\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\n\nconst VIRTUAL_ENTRY_CLIENT = 'virtual:devix/entry-client'\nconst VIRTUAL_CLIENT_ROUTES = 'virtual:devix/client-routes'\nconst VIRTUAL_RENDER = 'virtual:devix/render'\nconst VIRTUAL_API = 'virtual:devix/api'\nconst VIRTUAL_CONTEXT = 'virtual:devix/context'\n\nexport function devix(config: DevixConfig): UserConfig {\n    const appDir = config.appDir ?? 'app'\n    const pagesDir = `${appDir}/pages`\n    const cssUrls = (config.css ?? []).map(u => u.startsWith('/') ? u : `/${u.replace(/^\\.\\//, '')}`)\n\n    const renderPath = resolve(__dirname, '../server/render.js').replace(/\\\\/g, '/')\n    const apiPath = resolve(__dirname, '../server/api.js').replace(/\\\\/g, '/')\n    const matcherPath = resolve(__dirname, '../runtime/client-router.js').replace(/\\\\/g, '/')\n\n    const virtualPlugin: Plugin = {\n        name: 'devix',\n        enforce: 'pre',\n\n        resolveId(id) {\n            if (id === VIRTUAL_ENTRY_CLIENT) return `\\0${VIRTUAL_ENTRY_CLIENT}`\n            if (id === VIRTUAL_CLIENT_ROUTES) return `\\0${VIRTUAL_CLIENT_ROUTES}`\n            if (id === VIRTUAL_RENDER) return `\\0${VIRTUAL_RENDER}`\n            if (id === VIRTUAL_API) return `\\0${VIRTUAL_API}`\n            if (id === VIRTUAL_CONTEXT) return `\\0${VIRTUAL_CONTEXT}`\n        },\n\n        load(id) {\n            if (id === `\\0${VIRTUAL_ENTRY_CLIENT}`)\n                return generateEntryClient({cssUrls})\n            if (id === `\\0${VIRTUAL_CLIENT_ROUTES}`)\n                return generateClientRoutes({pagesDir, matcherPath})\n            if (id === `\\0${VIRTUAL_RENDER}`)\n                return generateRender({pagesDir, renderPath})\n            if (id === `\\0${VIRTUAL_API}`)\n                return generateApi({apiPath, appDir})\n            if (id === `\\0${VIRTUAL_CONTEXT}`)\n                return generateContext()\n        },\n\n        configureServer(server) {\n            server.watcher.on('add', (file) => {\n                if (file.startsWith(resolve(process.cwd(), pagesDir))) invalidatePagesCache()\n                if (file.includes(`${appDir}/api`)) invalidateApiCache()\n            })\n            server.watcher.on('unlink', (file) => {\n                if (file.startsWith(resolve(process.cwd(), pagesDir))) invalidatePagesCache()\n                if (file.includes(`${appDir}/api`)) invalidateApiCache()\n            })\n        },\n    }\n\n    const base: UserConfig = {\n        plugins: [react(), virtualPlugin],\n        ssr: {noExternal: ['@devlusoft/devix']},\n        ...(config.envPrefix ? {envPrefix: config.envPrefix} : {}),\n    }\n\n    return mergeConfig(base, config.vite ?? {})\n}", "interface EntryClientOptions {\n    cssUrls: string[]\n}\n\nexport function generateEntryClient({cssUrls}: EntryClientOptions): string {\n    const cssImports = cssUrls.map(u => `import '${u}'`).join('\\n')\n\n    return `\n${cssImports}\nimport \"@vitejs/plugin-react/preamble\"\nimport React from \"react\"\nimport {hydrateRoot, createRoot} from 'react-dom/client'\nimport {matchClientRoute, loadErrorPage, getDefaultErrorPage} from 'virtual:devix/client-routes'\nimport {RouterProvider} from '@devlusoft/devix'\n\nconst root = document.getElementById('devix-root')\n\nif (!window.__DEVIX__) {\n    const ErrorPage = getDefaultErrorPage()\n    createRoot(root).render(React.createElement(ErrorPage, {statusCode: 500, message: 'Server error'}))\n} else {\n    const {metadata, viewport, clientEntry} = window.__DEVIX__\n    const loaderData = window.__LOADER_DATA__\n    const layoutsData = window.__LAYOUTS_DATA__ ?? []\n\n    const matched = matchClientRoute(window.location.pathname)\n\n    if (matched) {\n        const [pageMod, ...layoutMods] = await Promise.all([\n            matched.load(),\n            ...matched.loadLayouts.map(l => l()),\n        ])\n        hydrateRoot(\n            root,\n            React.createElement(RouterProvider, {\n                clientEntry,\n                initialData: loaderData,\n                initialParams: matched.params,\n                initialPage: pageMod.default,\n                initialLayouts: layoutMods.map(m => m.default),\n                initialLayoutsData: layoutsData,\n                initialMeta: metadata,\n                initialViewport: viewport,\n            })\n        )\n    } else {\n        const ErrorPage = await loadErrorPage() ?? getDefaultErrorPage()\n        createRoot(root).render(\n            React.createElement(RouterProvider, {\n                clientEntry,\n                initialData: null,\n                initialParams: {},\n                initialPage: () => null,\n                initialLayouts: [],\n                initialLayoutsData: [],\n                initialMeta: null,\n                initialError: {statusCode: 404, message: 'Not found'},\n                initialErrorPage: ErrorPage,\n            })\n        )\n    }\n}\n`\n}", "interface ClientRoutesOptions {\n    pagesDir: string\n    matcherPath: string\n}\n\nexport function generateClientRoutes({pagesDir, matcherPath}: ClientRoutesOptions) {\n    return `\nimport React from 'react'\nimport { createMatcher } from '${matcherPath}'\nconst pageFiles = import.meta.glob(['/${pagesDir}/**/*.tsx', '!**/error.tsx', '!**/layout.tsx'])\nconst layoutFiles = import.meta.glob('/${pagesDir}/**/layout.tsx')\nconst errorFiles = import.meta.glob('/${pagesDir}/**/error.tsx')\n\nexport const matchClientRoute = createMatcher(pageFiles, layoutFiles)\n\nexport async function loadErrorPage() {\n    const key = Object.keys(errorFiles)[0]\n    if (!key) return null\n    const mod = await errorFiles[key]()\n    return mod?.default ?? null\n}\n\nexport function getDefaultErrorPage() {\n    return function DefaultError({ statusCode, message }) {\n        return React.createElement('main', {\n            style: { minHeight: '100dvh', display: 'flex', flexDirection: 'column', \n                     alignItems: 'center', justifyContent: 'center', gap: '8px',\n                     fontFamily: 'system-ui, sans-serif' }\n        },\n            React.createElement('h1', {style: {fontSize: '4rem', fontWeight: 700}}, statusCode),\n            React.createElement('p', {style: {color: '#666'}}, message ?? 'An unexpected error occurred'),\n        )\n    }\n}\n`\n}", "interface RenderOptions {\n    pagesDir: string\n    renderPath: string\n}\n\nexport function generateRender({pagesDir, renderPath}: RenderOptions): string {\n    return `\nimport { render as _render, runLoader as _runLoader, getStaticRoutes as _getStaticRoutes } from '${renderPath}'\n\nconst _pages = import.meta.glob(['/${pagesDir}/**/*.tsx', '!**/error.tsx', '!**/layout.tsx'])\nconst _layouts = import.meta.glob('/${pagesDir}/**/layout.tsx')\n\nconst _glob = {\n    pages: _pages,\n    layouts: _layouts,\n    pagesDir: '/${pagesDir}',\n}\n\nexport function render(url, request, options) {\n    return _render(url, request, _glob, options)\n}\n\nexport function runLoader(url, request, options) {\n    return _runLoader(url, request, _glob, options)\n}\n\nexport function getStaticRoutes() {\n    return _getStaticRoutes(_glob)\n}\n`\n}\n", "interface ApiOptions {\n    apiPath: string\n    appDir: string\n}\n\nexport function generateApi({apiPath, appDir}: ApiOptions): string {\n    return `\nimport { handleApiRequest as _handleApiRequest } from '${apiPath}'\n\nconst _routes = import.meta.glob(['/${appDir}/api/**/*.ts', '!**/middleware.ts'])\nconst _middlewares = import.meta.glob('/${appDir}/api/**/middleware.ts')\n\nconst _glob = {\n    routes: _routes,\n    middlewares: _middlewares,\n    apiDir: '/${appDir}/api',\n}\n\nexport function handleApiRequest(url, request) {\n    return _handleApiRequest(url, request, _glob)\n}\n`\n}\n", "import {routePattern} from \"../utils/patterns\";\n\nexport interface Page {\n    path: string\n    key: string\n    params: string[]\n    regex: RegExp\n}\n\nexport interface Layout {\n    dir: string\n    key: string\n}\n\nexport interface PagesResult {\n    pages: Page[]\n    layouts: Layout[]\n}\n\nfunction keyToRoutePattern(key: string, pagesDir: string): string {\n    const rel = key.slice(pagesDir.length + 1).replace(/\\\\/g, '/')\n    const pattern = routePattern(rel)\n    return pattern === \"/\" ? \"/\" : `/${pattern}`\n}\n\nfunction keyToDir(key: string): string {\n    return key.slice(0, key.lastIndexOf('/'))\n}\n\nlet cache: PagesResult | null = null\n\nexport function invalidatePagesCache() {\n    cache = null\n}\n\nexport function buildPages(pageKeys: string[], layoutKeys: string[], pagesDir: string): PagesResult {\n    if (cache) return cache\n\n    const pages: Page[] = []\n    const layouts: Layout[] = []\n\n    for (const key of layoutKeys) {\n        layouts.push({dir: keyToDir(key), key})\n    }\n\n    for (const key of pageKeys) {\n        const pattern = keyToRoutePattern(key, pagesDir)\n        const params = [...pattern.matchAll(/:([^/]+)/g)].map(m => m[1])\n        const regexStr = pattern\n            .replace(/:[^/]+/g, '([^/]+)')\n            .replace(/\\//g, '\\\\/')\n        pages.push({path: pattern, key, params, regex: new RegExp(`^${regexStr}$`)})\n    }\n\n    pages.sort((a, b) => {\n        const aScore = (a.path.match(/:/g) || []).length\n        const bScore = (b.path.match(/:/g) || []).length\n        if (aScore !== bScore) return aScore - bScore\n        return b.path.length - a.path.length\n    })\n\n    cache = {pages, layouts}\n    return cache\n}\n\nexport function collectLayoutChain(pageKey: string, layouts: Layout[]): Layout[] {\n    const pageDir = keyToDir(pageKey)\n\n    return layouts\n        .filter(layout => pageDir.startsWith(layout.dir))\n        .sort((a, b) => a.dir.split('/').length - b.dir.split('/').length)\n}\n\nexport function matchPage(pathname: string, pages: Page[]): {\n    page: Page\n    params: Record<string, string>\n} | null {\n    for (const page of pages) {\n        const match = pathname.match(page.regex)\n        if (match) {\n            const params: Record<string, string> = {}\n            page.params.forEach((name, i) => {\n                params[name] = decodeURIComponent(match[i + 1])\n            })\n            return {page, params}\n        }\n    }\n    return null\n}\n", "import {routePattern} from \"../utils/patterns\";\n\nexport interface ApiRoute {\n    path: string\n    key: string\n    params: string[]\n    regex: RegExp\n}\n\nexport interface ApiMiddleware {\n    dir: string\n    key: string\n}\n\nexport interface ApiResult {\n    routes: ApiRoute[]\n    middlewares: ApiMiddleware[]\n}\n\nfunction keyToRoutePattern(key: string, apiDir: string): string {\n    const rel = key.slice(apiDir.length + 1).replace(/\\\\/g, '/')\n    const pattern = routePattern(rel)\n    return pattern === '/' ? '/api' : `/api/${pattern}`.replace('/api//', '/api/')\n}\n\nfunction keyToDir(key: string): string {\n    return key.slice(0, key.lastIndexOf('/'))\n}\n\nlet cache: ApiResult | null = null\n\nexport function invalidateApiCache() {\n    cache = null\n}\n\nexport function buildRoutes(routeKeys: string[], middlewareKeys: string[], apiDir: string): ApiResult {\n    if (cache) return cache\n\n    const routes: ApiRoute[] = []\n    const middlewares: ApiMiddleware[] = []\n\n    for (const key of middlewareKeys) {\n        middlewares.push({dir: keyToDir(key), key})\n    }\n\n    for (const key of routeKeys) {\n        const pattern = keyToRoutePattern(key, apiDir)\n        const params = [...pattern.matchAll(/:([^/]+)/g)].map(m => m[1])\n        const regexStr = pattern\n            .replace(/:[^/]+/g, '([^/]+)')\n            .replace(/\\//g, '\\\\/')\n        routes.push({path: pattern, key, params, regex: new RegExp(`^${regexStr}$`)})\n    }\n    routes.sort((a, b) => {\n        const aScore = (a.path.match(/:/g) || []).length\n        const bScore = (b.path.match(/:/g) || []).length\n        if (aScore !== bScore) return aScore - bScore\n        return b.path.length - a.path.length\n    })\n\n    cache = {routes, middlewares}\n    return cache\n}\n\nexport function collectMiddlewareChain(routeKey: string, middlewares: ApiMiddleware[]): ApiMiddleware[] {\n    const routeDir = keyToDir(routeKey)\n\n    return middlewares\n        .filter(mw => routeDir.startsWith(mw.dir))\n        .sort((a, b) => a.dir.split('/').length - b.dir.split('/').length)\n}\n\nexport function matchRoute(\n    pathname: string,\n    routes: ApiRoute[]\n): {route: ApiRoute; params: Record<string, string>} | null {\n    for (const route of routes) {\n        const match = pathname.match(route.regex)\n        if (match) {\n            const params: Record<string, string> = {}\n            route.params.forEach((name, i) => {\n                params[name] = decodeURIComponent(match[i + 1])\n            })\n            return {route, params}\n        }\n    }\n    return null\n}\n", "export function generateContext(): string {\n    return `\nexport {RouterContext} from '@devlusoft/devix/runtime/context'\n`\n}", "export function parseDuration(value: number | string): number {\n    if (typeof value === 'number') return value\n    const match = value.trim().match(/^(\\d+(?:\\.\\d+)?)\\s*(ms|s|m|h)?$/)\n    if (!match) throw new Error(`[devix] Invalid duration: \"${value}\". Use a number (ms) or a string like \"5s\", \"2m\", \"500ms\".`)\n    const n = parseFloat(match[1])\n    switch (match[2]) {\n        case 'h':  return n * 3_600_000\n        case 'm':  return n * 60_000\n        case 's':  return n * 1_000\n        case 'ms':\n        default:   return n\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["resolve", "cache", "config", "resolve"]
+}

package/dist/cli/dev.d.ts

@@ -0,0 +1 @@
+export {};