@kuratchi/js 0.0.16 → 0.0.17

package/dist/compiler/index.js

@@ -7,7 +7,7 @@ import { compileAssets } from './asset-pipeline.js';
 import { compileApiRoute } from './api-route-pipeline.js';
 import { createClientModuleCompiler } from './client-module-pipeline.js';
 import { createComponentCompiler } from './component-pipeline.js';
-import { readAssetsPrefix, readAuthConfig, readDoConfig, readOrmConfig, readUiConfigValues, readUiTheme, } from './config-reading.js';
+import { readAssetsPrefix, readAuthConfig, readDoConfig, readOrmConfig, readSecurityConfig, readUiConfigValues, readUiTheme, } from './config-reading.js';
 import { discoverContainerFiles, discoverConventionClassFiles, discoverWorkflowFiles, } from './convention-discovery.js';
 import { discoverDurableObjects, generateHandlerProxy } from './durable-object-pipeline.js';
 import { compileErrorPages } from './error-page-pipeline.js';
@@ -22,6 +22,7 @@ import { buildWorkerEntrypointSource, resolveRuntimeImportPath as resolveRuntime
 import { syncWranglerConfig as syncWranglerConfigPipeline } from './wrangler-sync.js';
 import { filePathToPattern } from '../runtime/router.js';
 import * as fs from 'node:fs';
+import * as fsp from 'node:fs/promises';
 import * as path from 'node:path';
 export { parseFile } from './parser.js';
 export { compileTemplate, generateRenderFunction } from './template.js';
@@ -40,15 +41,40 @@ function getFrameworkPackageName() {
     }
 }
 /**
- * Compile a project's src/routes/ into .kuratchi/routes.js
+ * Pre-read all route files and their layouts in parallel for better I/O performance.
+ * Returns a Map from file path to content.
+ */
+async function preReadFiles(routesDir, routeFiles) {
+    const filesToRead = new Set();
+    // Collect all unique files to read
+    for (const rf of routeFiles) {
+        filesToRead.add(path.join(routesDir, rf.file));
+        for (const layout of rf.layouts) {
+            filesToRead.add(path.join(routesDir, layout));
+        }
+    }
+    // Also include root layout if it exists
+    const rootLayout = path.join(routesDir, 'layout.html');
+    if (fs.existsSync(rootLayout)) {
+        filesToRead.add(rootLayout);
+    }
+    // Read all files in parallel
+    const entries = await Promise.all(Array.from(filesToRead).map(async (filePath) => {
+        const content = await fsp.readFile(filePath, 'utf-8');
+        return [filePath, content];
+    }));
+    return new Map(entries);
+}
+/**
+ * Compile a project's src/routes/ into .kuratchi/routes.ts
  *
- * The generated module exports { app } ?" an object with a fetch() method
+ * The generated module exports { app } — an object with a fetch() method
  * that handles routing, load functions, form actions, and rendering.
- * Returns the path to .kuratchi/worker.js ? the stable wrangler entry point that
- * re-exports everything from routes.js (default fetch handler + named DO class exports).
+ * Returns the path to .kuratchi/worker.ts — the stable wrangler entry point that
+ * re-exports everything from routes.ts (default fetch handler + named DO class exports).
  * No src/index.ts is needed in user projects.
  */
-export function compile(options) {
+export async function compile(options) {
     const { projectDir } = options;
     const srcDir = path.join(projectDir, 'src');
     const routesDir = path.join(srcDir, 'routes');
@@ -57,6 +83,8 @@ export function compile(options) {
     }
     // Discover all .html route files
     const routeFiles = discoverRoutesPipeline(routesDir);
+    // Pre-read all files in parallel for better I/O performance
+    const fileContents = await preReadFiles(routesDir, routeFiles);
     const componentCompiler = createComponentCompiler({
         projectDir,
         srcDir,
@@ -71,8 +99,8 @@ export function compile(options) {
     const layoutFile = path.join(routesDir, 'layout.html');
     let compiledLayout = null;
     let layoutPlan = null;
-    if (fs.existsSync(layoutFile)) {
-        const layoutImportSource = fs.readFileSync(layoutFile, 'utf-8');
+    if (fileContents.has(layoutFile)) {
+        const layoutImportSource = fileContents.get(layoutFile);
         const themeCSS = readUiTheme(projectDir);
         const uiConfigValues = readUiConfigValues(projectDir);
         const source = prepareRootLayoutSource({
@@ -100,6 +128,8 @@ export function compile(options) {
     const ormDatabases = readOrmConfig(projectDir);
     // Read auth config from kuratchi.config.ts
     const authConfig = readAuthConfig(projectDir);
+    // Read security config from kuratchi.config.ts
+    const securityConfig = readSecurityConfig(projectDir);
     // Auto-discover Durable Objects from .do.ts files (config optional, only needed for stubId)
     const configDoEntries = readDoConfig(projectDir);
     const { config: doConfig, handlers: doHandlers } = discoverDurableObjects(srcDir, configDoEntries, ormDatabases);
@@ -122,13 +152,13 @@ export function compile(options) {
                 projectDir,
                 runtimeDoImport: RUNTIME_DO_IMPORT,
             });
-            const proxyFile = path.join(doProxyDir, handler.fileName + '.js');
+            const proxyFile = path.join(doProxyDir, handler.fileName + '.ts');
             const proxyFileDir = path.dirname(proxyFile);
             if (!fs.existsSync(proxyFileDir))
                 fs.mkdirSync(proxyFileDir, { recursive: true });
             writeIfChanged(proxyFile, proxyCode);
             const handlerAbsNoExt = handler.absPath.replace(/\\/g, '/').replace(/\.ts$/, '');
-            const proxyAbsNoExt = proxyFile.replace(/\\/g, '/').replace(/\.js$/, '');
+            const proxyAbsNoExt = proxyFile.replace(/\\/g, '/').replace(/\.ts$/, '');
             registerDoProxyPath(handlerAbsNoExt, proxyAbsNoExt);
             // Backward-compatible alias for '.do' suffix.
             registerDoProxyPath(handlerAbsNoExt.replace(/\.do$/, ''), proxyAbsNoExt.replace(/\.do$/, ''));
@@ -137,13 +167,13 @@ export function compile(options) {
             registerDoProxyPath(path.join(srcDir, 'durable-objects', handler.fileName.replace(/\.do$/, '')).replace(/\\/g, '/'), proxyAbsNoExt.replace(/\.do$/, ''));
             if (handler.fileName.endsWith('.do')) {
                 const aliasFileName = handler.fileName.slice(0, -3);
-                const aliasProxyFile = path.join(doProxyDir, aliasFileName + '.js');
-                const aliasCode = `// Auto-generated alias for .do handler\nexport * from './${handler.fileName}.js';\n`;
+                const aliasProxyFile = path.join(doProxyDir, aliasFileName + '.ts');
+                const aliasCode = `// Auto-generated alias for .do handler\nexport * from './${handler.fileName}.ts';\n`;
                 const aliasProxyDir = path.dirname(aliasProxyFile);
                 if (!fs.existsSync(aliasProxyDir))
                     fs.mkdirSync(aliasProxyDir, { recursive: true });
                 writeIfChanged(aliasProxyFile, aliasCode);
-                registerDoProxyPath(handlerAbsNoExt.replace(/\.do$/, ''), aliasProxyFile.replace(/\\/g, '/').replace(/\.js$/, ''));
+                registerDoProxyPath(handlerAbsNoExt.replace(/\.do$/, ''), aliasProxyFile.replace(/\\/g, '/').replace(/\.ts$/, ''));
             }
         }
     }
@@ -191,13 +221,14 @@ export function compile(options) {
             continue;
         }
         // -- Page route (page.html) --
-        const source = fs.readFileSync(fullPath, 'utf-8');
+        const source = fileContents.get(fullPath) ?? fs.readFileSync(fullPath, 'utf-8');
         const parsed = parseFile(source, { kind: 'route', filePath: fullPath });
         const routeState = assembleRouteState({
             parsed,
             fullPath,
             routesDir,
             layoutRelativePaths: rf.layouts,
+            fileContents,
         });
         compiledRoutes.push(compilePageRoute({
             pattern,
@@ -228,7 +259,7 @@ export function compile(options) {
         // so that $durable-objects/* and other project imports get rewritten to their proxies.
         const runtimeAbs = path.resolve(path.join(projectDir, '.kuratchi'), rawRuntimeImportPath);
         const transformedRuntimePath = serverModuleCompiler.transformModule(runtimeAbs);
-        const outFile = options.outFile ?? path.join(projectDir, '.kuratchi', 'routes.js');
+        const outFile = options.outFile ?? path.join(projectDir, '.kuratchi', 'routes.ts');
         runtimeImportPath = serverModuleCompiler.toModuleSpecifier(outFile, transformedRuntimePath);
     }
     const hasRuntime = !!runtimeImportPath;
@@ -242,6 +273,7 @@ export function compile(options) {
         compiledErrorPages,
         ormDatabases,
         authConfig,
+        securityConfig,
         doConfig,
         doHandlers,
         workflowConfig,
@@ -255,18 +287,18 @@ export function compile(options) {
         runtimeDoImport: RUNTIME_DO_IMPORT,
         runtimeWorkerImport: RUNTIME_WORKER_IMPORT,
     });
-    // Write to .kuratchi/routes.js
-    const outFile = options.outFile ?? path.join(projectDir, '.kuratchi', 'routes.js');
+    // Write to .kuratchi/routes.ts
+    const outFile = options.outFile ?? path.join(projectDir, '.kuratchi', 'routes.ts');
     const outDir = path.dirname(outFile);
     if (!fs.existsSync(outDir)) {
         fs.mkdirSync(outDir, { recursive: true });
     }
     writeIfChanged(outFile, output);
-    // Generate .kuratchi/worker.js ? the stable wrangler entry point.
-    // routes.js already exports the default fetch handler and all named DO classes;
-    // worker.js explicitly re-exports them so wrangler.jsonc can reference a
-    // stable filename while routes.js is freely regenerated.
-    const workerFile = path.join(outDir, 'worker.js');
+    // Generate .kuratchi/worker.ts — the stable wrangler entry point.
+    // routes.ts already exports the default fetch handler and all named DO classes;
+    // worker.ts explicitly re-exports them so wrangler.jsonc can reference a
+    // stable filename while routes.ts is freely regenerated.
+    const workerFile = path.join(outDir, 'worker.ts');
     writeIfChanged(workerFile, buildWorkerEntrypointSource({
         projectDir,
         outDir,

package/dist/compiler/layout-pipeline.js

@@ -64,7 +64,7 @@ export function compileLayoutPlan(opts) {
         let finalLayoutBody = layoutRenderBody;
         if (layoutComponentStyles.length > 0) {
             const lines = layoutRenderBody.split('\n');
-            const styleLines = layoutComponentStyles.map((css) => `__html += \`${css}\\n\`;`);
+            const styleLines = layoutComponentStyles.map((css) => `__parts.push(\`${css}\\n\`);`);
             finalLayoutBody = [lines[0], ...styleLines, ...lines.slice(1)].join('\n');
         }
         let layoutScriptBody = importParsed.script
@@ -80,11 +80,11 @@ export function compileLayoutPlan(opts) {
             ? `const __layoutHead = __head + ${JSON.stringify(`<script type="module" src="${clientModuleHref}"></script>\n`)};`
             : `const __layoutHead = __head;`;
         return {
-            compiledLayout: `function __layout(__content, __head = '') {
-  const __esc = (v) => { if (v == null) return ''; return String(v).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;'); };
-  ${layoutHeadAssignment}
-  ${layoutScriptBody ? layoutScriptBody + '\n  ' : ''}${finalLayoutBody}
-  return __html;
+            compiledLayout: `function __layout(__content, __head = '') {
+  const __esc = (v) => { if (v == null) return ''; return String(v).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;'); };
+  ${layoutHeadAssignment}
+  ${layoutScriptBody ? layoutScriptBody + '\n  ' : ''}${finalLayoutBody}
+  return __html;
 }`,
             componentNames,
             importParsed,

package/dist/compiler/parser.js

@@ -505,12 +505,12 @@ function collectTemplateClientDeclaredNames(template) {
         const body = match[2] || '';
         if (!isExecutableTemplateScript(attrs))
             continue;
-        const transpiled = transpileTypeScript(body, 'template-client-script.ts');
-        for (const name of extractTopLevelImportNames(transpiled))
+        // TypeScript source works directly for reference collection
+        for (const name of extractTopLevelImportNames(body))
             declared.add(name);
-        for (const name of extractTopLevelDataVars(transpiled))
+        for (const name of extractTopLevelDataVars(body))
             declared.add(name);
-        for (const name of extractTopLevelFunctionNames(transpiled))
+        for (const name of extractTopLevelFunctionNames(body))
             declared.add(name);
     }
     return Array.from(declared);
@@ -1066,11 +1066,10 @@ export function parseFile(source, options = {}) {
         if (workerEnvAliases.length > 0 && kind !== 'route') {
             throw buildEnvAccessError(kind, options.filePath, `Imported env from cloudflare:workers in a ${kind} script.`);
         }
-        const transpiledScriptBody = transpileTypeScript(scriptBody, 'route-script.ts');
-        const serverScriptRefs = new Set(collectReferencedIdentifiers(transpiledScriptBody));
+        // TypeScript source works directly for reference collection
+        const serverScriptRefs = new Set(collectReferencedIdentifiers(scriptBody));
         if (loadFunction) {
-            const transpiledLoadFunction = transpileTypeScript(loadFunction, 'route-load.ts');
-            for (const ref of collectReferencedIdentifiers(transpiledLoadFunction))
+            for (const ref of collectReferencedIdentifiers(loadFunction))
                 serverScriptRefs.add(ref);
         }
         const leakedClientScriptBindings = routeClientImportBindings.filter((name) => serverScriptRefs.has(name));
@@ -1079,10 +1078,10 @@ export function parseFile(source, options = {}) {
                 `Top-level $client imports cannot be used in server route code: ${leakedClientScriptBindings.join(', ')}.\n` +
                 `Move this usage to a client event handler or client bridge code, or import from $shared instead.`);
         }
-        const topLevelVars = extractTopLevelDataVars(transpiledScriptBody);
+        const topLevelVars = extractTopLevelDataVars(scriptBody);
         for (const v of topLevelVars)
             dataVars.push(v);
-        const topLevelFns = extractTopLevelFunctionNames(transpiledScriptBody);
+        const topLevelFns = extractTopLevelFunctionNames(scriptBody);
         for (const fn of topLevelFns) {
             if (!dataVars.includes(fn))
                 dataVars.push(fn);
@@ -1258,4 +1257,4 @@ export function parseFile(source, options = {}) {
         devAliases,
     };
 }
-import { transpileTypeScript } from './transpile.js';
+// TypeScript transpilation removed — wrangler's esbuild handles it