@devlusoft/devix 0.1.0

package/dist/vite/codegen/render.js

@@ -0,0 +1,31 @@
+// 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)
+}
+`;
+}
+export {
+  generateRender
+};
+//# sourceMappingURL=render.js.map

package/dist/vite/codegen/render.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/vite/codegen/render.ts"],
+  "sourcesContent": ["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"],
+  "mappings": ";AAKO,SAAS,eAAe,EAAC,UAAU,WAAU,GAA0B;AAC1E,SAAO;AAAA,mGACwF,UAAU;AAAA;AAAA,qCAExE,QAAQ;AAAA,sCACP,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK5B,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B;",
+  "names": []
+}

package/dist/vite/index.d.ts

@@ -0,0 +1,3 @@
+import { UserConfig } from 'vite';
+import type { DevixConfig } from '../config';
+export declare function devix(config: DevixConfig): UserConfig;

package/dist/vite/index.js

@@ -0,0 +1,225 @@
+// 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(config) {
+  const appDir = config.appDir ?? "app";
+  const pagesDir = `${appDir}/pages`;
+  const cssUrls = (config.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"] },
+    ...config.envPrefix ? { envPrefix: config.envPrefix } : {}
+  };
+  return mergeConfig(base, config.vite ?? {});
+}
+export {
+  devix
+};
+//# sourceMappingURL=index.js.map

package/dist/vite/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../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"],
+  "sourcesContent": ["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}"],
+  "mappings": "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",
+  "names": ["cache"]
+}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@devlusoft/devix",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "A lightweight React SSR meta-framework — devix",
+  "author": "devlusoft",
+  "license": "MIT",
+  "homepage": "https://github.com/devlusoft/devix#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/devlusoft/devix.git"
+  },
+  "keywords": [
+    "react",
+    "ssr",
+    "meta-framework",
+    "vite",
+    "file-based-routing",
+    "fullstack",
+    "devix",
+    "devlusoft"
+  ],
+  "bin": {
+    "devix": "./bin/devix.js"
+  },
+  "types": "./dist/runtime/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/runtime/index.d.ts",
+      "default": "./dist/runtime/index.js"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "default": "./dist/config.js"
+    },
+    "./runtime/context": {
+      "types": "./dist/runtime/context.d.ts",
+      "default": "./dist/runtime/context.js"
+    }
+  },
+  "files": [
+    "dist",
+    "bin"
+  ],
+  "scripts": {
+    "build": "node --import tsx/esm build.ts",
+    "prepublishOnly": "pnpm run build",
+    "dev": "tsc --watch",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "start": "node --import tsx/esm src/cli/index.ts start"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19",
+    "vite": ">=8"
+  },
+  "dependencies": {
+    "@hono/node-server": "1.19.11",
+    "@vitejs/plugin-react": "6.0.1",
+    "hono": "4.12.8",
+    "picocolors": "1.1.1"
+  },
+  "packageManager": "pnpm@10.31.0",
+  "devDependencies": {
+    "@types/node": "25.5.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "esbuild": "0.27.4",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tsx": "4.21.0",
+    "typescript": "5.9.3",
+    "vite": "8.0.0",
+    "vitest": "4.1.0"
+  }
+}