create-velox-app 0.4.6 → 0.4.7

package/dist/templates/placeholders.d.ts

@@ -58,6 +58,10 @@ export declare const CONDITIONALS: {
     readonly AUTH_END: "/* @endif auth */";
     readonly DEFAULT_START: "/* @if default */";
     readonly DEFAULT_END: "/* @endif default */";
+    readonly JSX_AUTH_START: "{/* @if auth */}";
+    readonly JSX_AUTH_END: "{/* @endif auth */}";
+    readonly JSX_DEFAULT_START: "{/* @if default */}";
+    readonly JSX_DEFAULT_END: "{/* @endif default */}";
 };
 /**
  * Process conditional blocks in template content.

package/dist/templates/placeholders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholders.d.ts","sourceRoot":"","sources":["../../src/templates/placeholders.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAMjD;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,kDAAkD;;IAElD,+CAA+C;;IAE/C,wCAAwC;;IAExC,wDAAwD;;IAExD,sCAAsC;;IAEtC,0CAA0C;;CAElC,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,cAK5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,cAKzB,CAAC;AAaF;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,GAAG,MAAM,CAgBjF;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAaD;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAcX;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,GACnC,MAAM,CAwBR"}
+{"version":3,"file":"placeholders.d.ts","sourceRoot":"","sources":["../../src/templates/placeholders.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAMjD;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,kDAAkD;;IAElD,+CAA+C;;IAE/C,wCAAwC;;IAExC,wDAAwD;;IAExD,sCAAsC;;IAEtC,0CAA0C;;CAElC,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,cAK5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,cAKzB,CAAC;AAaF;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,GAAG,MAAM,CAgBjF;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,MAAM,EAAE,cAAc,GACrB,MAAM,CAGR;AAaD;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;CAUf,CAAC;AA0BX;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,GACnC,MAAM,CA8BR"}

package/dist/templates/placeholders.js

@@ -106,11 +106,20 @@ export const CONDITIONALS = {
     AUTH_END: '/* @endif auth */',
     DEFAULT_START: '/* @if default */',
     DEFAULT_END: '/* @endif default */',
+    // JSX-style conditionals (wrapped in braces)
+    JSX_AUTH_START: '{/* @if auth */}',
+    JSX_AUTH_END: '{/* @endif auth */}',
+    JSX_DEFAULT_START: '{/* @if default */}',
+    JSX_DEFAULT_END: '{/* @endif default */}',
 };
 /** Pre-compiled regex for auth conditional blocks (performance optimization) */
 const AUTH_BLOCK_PATTERN = new RegExp(`${escapeRegex(CONDITIONALS.AUTH_START)}[\\s\\S]*?${escapeRegex(CONDITIONALS.AUTH_END)}`, 'g');
 /** Pre-compiled regex for default conditional blocks (performance optimization) */
 const DEFAULT_BLOCK_PATTERN = new RegExp(`${escapeRegex(CONDITIONALS.DEFAULT_START)}[\\s\\S]*?${escapeRegex(CONDITIONALS.DEFAULT_END)}`, 'g');
+/** Pre-compiled regex for JSX auth conditional blocks */
+const JSX_AUTH_BLOCK_PATTERN = new RegExp(`${escapeRegex(CONDITIONALS.JSX_AUTH_START)}[\\s\\S]*?${escapeRegex(CONDITIONALS.JSX_AUTH_END)}`, 'g');
+/** Pre-compiled regex for JSX default conditional blocks */
+const JSX_DEFAULT_BLOCK_PATTERN = new RegExp(`${escapeRegex(CONDITIONALS.JSX_DEFAULT_START)}[\\s\\S]*?${escapeRegex(CONDITIONALS.JSX_DEFAULT_END)}`, 'g');
 /**
  * Process conditional blocks in template content.
  *
@@ -120,25 +129,31 @@ const DEFAULT_BLOCK_PATTERN = new RegExp(`${escapeRegex(CONDITIONALS.DEFAULT_STA
  */
 export function processConditionals(content, template) {
     let result = content;
-    // Process auth conditionals
+    // Process auth conditionals (both JS and JSX style)
     if (template === 'auth') {
         // Keep auth content but remove markers
         result = result.replaceAll(CONDITIONALS.AUTH_START, '');
         result = result.replaceAll(CONDITIONALS.AUTH_END, '');
+        result = result.replaceAll(CONDITIONALS.JSX_AUTH_START, '');
+        result = result.replaceAll(CONDITIONALS.JSX_AUTH_END, '');
     }
     else {
         // Remove entire auth blocks
         result = result.replace(AUTH_BLOCK_PATTERN, '');
+        result = result.replace(JSX_AUTH_BLOCK_PATTERN, '');
     }
-    // Process default conditionals
+    // Process default conditionals (both JS and JSX style)
     if (template === 'default') {
         // Keep default content but remove markers
         result = result.replaceAll(CONDITIONALS.DEFAULT_START, '');
         result = result.replaceAll(CONDITIONALS.DEFAULT_END, '');
+        result = result.replaceAll(CONDITIONALS.JSX_DEFAULT_START, '');
+        result = result.replaceAll(CONDITIONALS.JSX_DEFAULT_END, '');
     }
     else {
         // Remove entire default blocks
         result = result.replace(DEFAULT_BLOCK_PATTERN, '');
+        result = result.replace(JSX_DEFAULT_BLOCK_PATTERN, '');
     }
     return result;
 }

package/dist/templates/placeholders.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholders.js","sourceRoot":"","sources":["../../src/templates/placeholders.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"placeholders.js","sourceRoot":"","sources":["../../src/templates/placeholders.ts"],"names":[],"mappings":"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"}

package/dist/templates/shared/web-base.d.ts

@@ -9,10 +9,11 @@ export declare function generateWebTsConfig(): string;
 export declare function generateViteConfig(config: TemplateConfig): string;
 export declare function generateWebIndexHtml(config: TemplateConfig): string;
 export declare function generateFavicon(): string;
-export declare function generateMainTsx(): string;
-export declare function generateRootRoute(): string;
+export declare function generateMainTsx(config: TemplateConfig): string;
+export declare function generateRootRoute(config: TemplateConfig): string;
 export declare function generateDefaultIndexRoute(): string;
 export declare function generateAuthIndexRoute(): string;
 export declare function generateAboutRoute(): string;
+export declare function generateUsersRoute(config: TemplateConfig): string;
 export declare function generateWebBaseFiles(config: TemplateConfig, isAuthTemplate: boolean): TemplateFile[];
 //# sourceMappingURL=web-base.d.ts.map

package/dist/templates/shared/web-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-base.d.ts","sourceRoot":"","sources":["../../../src/templates/shared/web-base.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEjE;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEnE;AAED,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAElD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAMD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,OAAO,GACtB,YAAY,EAAE,CAoBhB"}
+{"version":3,"file":"web-base.d.ts","sourceRoot":"","sources":["../../../src/templates/shared/web-base.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEjE;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEnE;AAED,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAE9D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEhE;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAElD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAEjE;AAMD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,OAAO,GACtB,YAAY,EAAE,CAqBhB"}

package/dist/templates/shared/web-base.js

@@ -23,11 +23,11 @@ export function generateWebIndexHtml(config) {
 export function generateFavicon() {
     return compileTemplate('web/favicon.svg', DEFAULT_CONFIG);
 }
-export function generateMainTsx() {
-    return compileTemplate('web/main.tsx', DEFAULT_CONFIG);
+export function generateMainTsx(config) {
+    return compileTemplate('web/main.tsx', config);
 }
-export function generateRootRoute() {
-    return compileTemplate('web/routes/__root.tsx', DEFAULT_CONFIG);
+export function generateRootRoute(config) {
+    return compileTemplate('web/routes/__root.tsx', config);
 }
 export function generateDefaultIndexRoute() {
     return compileTemplate('web/routes/index.default.tsx', DEFAULT_CONFIG);
@@ -38,6 +38,9 @@ export function generateAuthIndexRoute() {
 export function generateAboutRoute() {
     return compileTemplate('web/routes/about.tsx', DEFAULT_CONFIG);
 }
+export function generateUsersRoute(config) {
+    return compileTemplate('web/routes/users.tsx', config);
+}
 // ============================================================================
 // Generate All Web Base Files
 // ============================================================================
@@ -50,13 +53,14 @@ export function generateWebBaseFiles(config, isAuthTemplate) {
         { path: 'apps/web/index.html', content: generateWebIndexHtml(config) },
         { path: 'apps/web/public/favicon.svg', content: generateFavicon() },
         // Entry point
-        { path: 'apps/web/src/main.tsx', content: generateMainTsx() },
+        { path: 'apps/web/src/main.tsx', content: generateMainTsx(config) },
         // Routes
-        { path: 'apps/web/src/routes/__root.tsx', content: generateRootRoute() },
+        { path: 'apps/web/src/routes/__root.tsx', content: generateRootRoute(config) },
         {
             path: 'apps/web/src/routes/index.tsx',
             content: isAuthTemplate ? generateAuthIndexRoute() : generateDefaultIndexRoute(),
         },
+        { path: 'apps/web/src/routes/users.tsx', content: generateUsersRoute(config) },
         { path: 'apps/web/src/routes/about.tsx', content: generateAboutRoute() },
     ];
 }

package/dist/templates/shared/web-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-base.js","sourceRoot":"","sources":["../../../src/templates/shared/web-base.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGjE,+EAA+E;AAC/E,2BAA2B;AAC3B,+EAA+E;AAE/E,MAAM,UAAU,sBAAsB;IACpC,OAAO,eAAe,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,eAAe,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAsB;IACvD,OAAO,eAAe,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAsB;IACzD,OAAO,eAAe,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,eAAe,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,eAAe,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,eAAe,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,OAAO,eAAe,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,eAAe,CAAC,2BAA2B,EAAE,WAAW,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,eAAe,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AACjE,CAAC;AAED,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E,MAAM,UAAU,oBAAoB,CAClC,MAAsB,EACtB,cAAuB;IAEvB,OAAO;QACL,eAAe;QACf,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAAE;QACpE,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE;QAClE,EAAE,IAAI,EAAE,yBAAyB,EAAE,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE;QACxE,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;QACtE,EAAE,IAAI,EAAE,6BAA6B,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE;QAEnE,cAAc;QACd,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE;QAE7D,SAAS;QACT,EAAE,IAAI,EAAE,gCAAgC,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE;QACxE;YACE,IAAI,EAAE,+BAA+B;YACrC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE;SACjF;QACD,EAAE,IAAI,EAAE,+BAA+B,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE;KACzE,CAAC;AACJ,CAAC"}
+{"version":3,"file":"web-base.js","sourceRoot":"","sources":["../../../src/templates/shared/web-base.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGjE,+EAA+E;AAC/E,2BAA2B;AAC3B,+EAA+E;AAE/E,MAAM,UAAU,sBAAsB;IACpC,OAAO,eAAe,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,eAAe,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAsB;IACvD,OAAO,eAAe,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAsB;IACzD,OAAO,eAAe,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,eAAe,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,MAAsB;IACpD,OAAO,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,MAAsB;IACtD,OAAO,eAAe,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,OAAO,eAAe,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,eAAe,CAAC,2BAA2B,EAAE,WAAW,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,eAAe,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAsB;IACvD,OAAO,eAAe,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E,MAAM,UAAU,oBAAoB,CAClC,MAAsB,EACtB,cAAuB;IAEvB,OAAO;QACL,eAAe;QACf,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAAE;QACpE,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE;QAClE,EAAE,IAAI,EAAE,yBAAyB,EAAE,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE;QACxE,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;QACtE,EAAE,IAAI,EAAE,6BAA6B,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE;QAEnE,cAAc;QACd,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE;QAEnE,SAAS;QACT,EAAE,IAAI,EAAE,gCAAgC,EAAE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE;QAC9E;YACE,IAAI,EAAE,+BAA+B;YACrC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE;SACjF;QACD,EAAE,IAAI,EAAE,+BAA+B,EAAE,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE;QAC9E,EAAE,IAAI,EAAE,+BAA+B,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE;KACzE,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-velox-app",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Project scaffolder for VeloxTS framework",
   "type": "module",
   "main": "dist/index.js",
@@ -25,7 +25,7 @@
     "picocolors": "1.1.1"
   },
   "devDependencies": {
-    "@types/node": "24.10.1",
+    "@types/node": "25.0.0",
     "typescript": "5.9.3"
   },
   "keywords": [

package/src/templates/source/api/index.auth.ts

@@ -12,6 +12,10 @@ import { authProcedures } from './procedures/auth.js';
 import { healthProcedures } from './procedures/health.js';
 import { userProcedures } from './procedures/users.js';
 
+// Router type for frontend type safety
+const router = { auth: authProcedures, health: healthProcedures, users: userProcedures };
+export type AppRouter = typeof router;
+
 const app = await veloxApp({
   port: config.port,
   host: config.host,

package/src/templates/source/api/index.default.ts

@@ -10,6 +10,10 @@ import { prisma } from './config/database.js';
 import { healthProcedures } from './procedures/health.js';
 import { userProcedures } from './procedures/users.js';
 
+// Router type for frontend type safety
+const router = { health: healthProcedures, users: userProcedures };
+export type AppRouter = typeof router;
+
 const app = await veloxApp({
   port: config.port,
   host: config.host,

package/src/templates/source/api/package.auth.json

@@ -23,6 +23,7 @@
     "bcrypt": "5.1.1",
     "better-sqlite3": "12.5.0",
     "dotenv": "17.2.3",
+    "file-uri-to-path": "2.0.0",
     "zod": "3.24.4"
   },
   "devDependencies": {

package/src/templates/source/api/package.default.json

@@ -22,6 +22,7 @@
     "@veloxts/velox": "__VELOXTS_VERSION__",
     "better-sqlite3": "12.5.0",
     "dotenv": "17.2.3",
+    "file-uri-to-path": "2.0.0",
     "zod": "3.24.4"
   },
   "devDependencies": {

package/src/templates/source/api/procedures/auth.ts

@@ -127,7 +127,7 @@ const DUMMY_HASH = '$2b$12$LQv3c1yqBWVHxkd0LHAkCOYz6TtxMQJqhN8/X4.uy7dPSSXB5G6Uy
 // ============================================================================
 
 export const authProcedures = defineProcedures('auth', {
-  register: procedure()
+  createAccount: procedure()
     .rest({ method: 'POST', path: '/auth/register' })
     .use(rateLimiter.register())
     .input(RegisterInput)
@@ -165,7 +165,7 @@ export const authProcedures = defineProcedures('auth', {
       });
     }),
 
-  login: procedure()
+  createSession: procedure()
     .rest({ method: 'POST', path: '/auth/login' })
     .use(
       rateLimiter.login((ctx) => {
@@ -198,7 +198,7 @@ export const authProcedures = defineProcedures('auth', {
       });
     }),
 
-  refresh: procedure()
+  createRefresh: procedure()
     .rest({ method: 'POST', path: '/auth/refresh' })
     .use(rateLimiter.refresh())
     .input(RefreshInput)
@@ -247,7 +247,7 @@ export const authProcedures = defineProcedures('auth', {
       }
     }),
 
-  logout: procedure()
+  deleteSession: procedure()
     .rest({ method: 'POST', path: '/auth/logout' })
     .guard(authenticated)
     .output(LogoutResponse)

package/src/templates/source/api/tsconfig.json

@@ -4,8 +4,9 @@
   "compilerOptions": {
     "rootDir": "./src",
     "outDir": "./dist",
-    "declaration": false,
-    "declarationMap": false
+    "composite": true,
+    "declaration": true,
+    "declarationMap": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.spec.ts"]

package/src/templates/source/web/App.module.css

@@ -247,6 +247,54 @@
   margin-top: 0.5rem;
 }
 
+/* Table */
+.tableContainer {
+  background: #111;
+  border: 1px solid #222;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table th,
+.table td {
+  padding: 1rem 1.5rem;
+  text-align: left;
+}
+
+.table th {
+  background: #0a0a0a;
+  color: #888;
+  font-weight: 600;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  border-bottom: 1px solid #222;
+}
+
+.table td {
+  color: #fff;
+  border-bottom: 1px solid #1a1a1a;
+}
+
+.table tbody tr:hover {
+  background: #1a1a1a;
+}
+
+.table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.emptyState {
+  text-align: center;
+  color: #666;
+  padding: 2rem !important;
+}
+
 /* Responsive */
 @media (max-width: 768px) {
   .nav {

package/src/templates/source/web/main.tsx

@@ -1,19 +1,12 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { RouterProvider, createRouter } from '@tanstack/react-router';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { VeloxProvider } from '@veloxts/client/react';
 import { routeTree } from './routeTree.gen';
 import './styles/global.css';
 
-// Create query client for data fetching
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 1000 * 60, // 1 minute
-      retry: 1,
-    },
-  },
-});
+// Import router type from API for full type safety
+import type { AppRouter } from '../../api/src/index.js';
 
 // Create router with route tree
 const router = createRouter({ routeTree });
@@ -25,14 +18,40 @@ declare module '@tanstack/react-router' {
   }
 }
 
+/* @if auth */
+// Dynamic headers for auth - fetches token on each request
+const getAuthHeaders = () => {
+  const token = localStorage.getItem('token');
+  return token ? { Authorization: `Bearer ${token}` } : {};
+};
+
+// Route mappings for auth procedures with custom .rest() endpoints
+const routes = {
+  auth: {
+    createAccount: '/auth/register',
+    createSession: '/auth/login',
+    createRefresh: '/auth/refresh',
+    deleteSession: '/auth/logout',
+    getMe: '/auth/me',
+  },
+};
+/* @endif auth */
+
 // Render application
 const rootElement = document.getElementById('root');
 if (!rootElement) throw new Error('Root element not found');
 
 createRoot(rootElement).render(
   <StrictMode>
-    <QueryClientProvider client={queryClient}>
+    {/* @if default */}
+    <VeloxProvider<AppRouter> config={{ baseUrl: '/api' }}>
+      <RouterProvider router={router} />
+    </VeloxProvider>
+    {/* @endif default */}
+    {/* @if auth */}
+    <VeloxProvider<AppRouter> config={{ baseUrl: '/api', headers: getAuthHeaders, routes }}>
       <RouterProvider router={router} />
-    </QueryClientProvider>
+    </VeloxProvider>
+    {/* @endif auth */}
   </StrictMode>
 );

package/src/templates/source/web/package.json

@@ -10,17 +10,18 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "@tanstack/react-router": "1.140.0",
-    "@tanstack/react-query": "5.90.12"
+    "@tanstack/react-query": "5.90.12",
+    "@tanstack/react-router": "1.140.5",
+    "@veloxts/client": "__VELOXTS_VERSION__",
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
   },
   "devDependencies": {
-    "@types/react": "19.1.6",
-    "@types/react-dom": "19.1.5",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.2",
-    "@tanstack/router-plugin": "1.140.0",
-    "vite": "6.4.1",
+    "@tanstack/router-plugin": "1.140.5",
+    "vite": "7.2.7",
     "typescript": "5.9.3"
   }
 }

package/src/templates/source/web/routes/__root.tsx

@@ -1,23 +1,44 @@
 import { createRootRoute, Outlet, Link } from '@tanstack/react-router';
 import styles from '@/App.module.css';
+/* @if auth */
+import { useQuery } from '@veloxts/client/react';
+import type { AppRouter } from '../../../api/src/index.js';
+/* @endif auth */
 
 export const Route = createRootRoute({
   component: RootLayout,
 });
 
 function RootLayout() {
+  /* @if auth */
+  const { data: user } = useQuery<AppRouter, 'auth', 'getMe'>('auth', 'getMe', {}, { retry: false });
+  const isAuthenticated = !!user;
+  /* @endif auth */
+
   return (
     <div className={styles.app}>
       <nav className={styles.nav}>
         <div className={styles.navBrand}>
           <Link to="/" className={styles.logo}>
-            Velox TS
+            Velox TS
           </Link>
         </div>
         <div className={styles.navLinks}>
           <Link to="/" className={styles.navLink} activeProps={{ className: styles.navLinkActive }}>
             Home
           </Link>
+          {/* @if default */}
+          <Link to="/users" className={styles.navLink} activeProps={{ className: styles.navLinkActive }}>
+            Users
+          </Link>
+          {/* @endif default */}
+          {/* @if auth */}
+          {isAuthenticated && (
+            <Link to="/users" className={styles.navLink} activeProps={{ className: styles.navLinkActive }}>
+              Users
+            </Link>
+          )}
+          {/* @endif auth */}
           <Link to="/about" className={styles.navLink} activeProps={{ className: styles.navLinkActive }}>
             About
           </Link>

package/src/templates/source/web/routes/index.auth.tsx

@@ -1,49 +1,9 @@
 import { createFileRoute } from '@tanstack/react-router';
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useQuery, useMutation, useQueryClient } from '@veloxts/client/react';
 import { useState } from 'react';
+import type { AppRouter } from '../../../api/src/index.js';
 import styles from '@/App.module.css';
 
-// API helpers
-const api = {
-  get: async <T,>(path: string): Promise<T> => {
-    const token = localStorage.getItem('accessToken');
-    const res = await fetch(`/api${path}`, {
-      headers: token ? { Authorization: `Bearer ${token}` } : {},
-    });
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    return res.json();
-  },
-  post: async <T,>(path: string, data: unknown): Promise<T> => {
-    const token = localStorage.getItem('accessToken');
-    const res = await fetch(`/api${path}`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        ...(token ? { Authorization: `Bearer ${token}` } : {}),
-      },
-      body: JSON.stringify(data),
-    });
-    if (!res.ok) {
-      const error = await res.json().catch(() => ({}));
-      throw new Error(error.message || `HTTP ${res.status}`);
-    }
-    return res.json();
-  },
-};
-
-interface User {
-  id: string;
-  name: string;
-  email: string;
-  roles?: string[];
-}
-
-interface AuthResponse {
-  user: User;
-  accessToken: string;
-  refreshToken: string;
-}
-
 export const Route = createFileRoute('/')({
   component: HomePage,
 });
@@ -57,19 +17,18 @@ function HomePage() {
   const [error, setError] = useState('');
 
   // Check if user is logged in
-  const { data: user, isLoading } = useQuery({
-    queryKey: ['me'],
-    queryFn: () => api.get<User>('/auth/me'),
-    retry: false,
-  });
+  const { data: user, isLoading } = useQuery<AppRouter, 'auth', 'getMe'>(
+    'auth',
+    'getMe',
+    {},
+    { retry: false }
+  );
 
-  const login = useMutation({
-    mutationFn: (data: { email: string; password: string }) =>
-      api.post<AuthResponse>('/auth/login', data),
+  const login = useMutation<AppRouter, 'auth', 'createSession'>('auth', 'createSession', {
     onSuccess: (data) => {
-      localStorage.setItem('accessToken', data.accessToken);
+      localStorage.setItem('token', data.accessToken);
       localStorage.setItem('refreshToken', data.refreshToken);
-      queryClient.invalidateQueries({ queryKey: ['me'] });
+      queryClient.invalidateQueries({ queryKey: ['auth', 'getMe'] });
       setError('');
     },
     onError: (err) => {
@@ -77,13 +36,11 @@ function HomePage() {
     },
   });
 
-  const register = useMutation({
-    mutationFn: (data: { name: string; email: string; password: string }) =>
-      api.post<AuthResponse>('/auth/register', data),
+  const register = useMutation<AppRouter, 'auth', 'createAccount'>('auth', 'createAccount', {
     onSuccess: (data) => {
-      localStorage.setItem('accessToken', data.accessToken);
+      localStorage.setItem('token', data.accessToken);
       localStorage.setItem('refreshToken', data.refreshToken);
-      queryClient.invalidateQueries({ queryKey: ['me'] });
+      queryClient.invalidateQueries({ queryKey: ['auth', 'getMe'] });
       setError('');
     },
     onError: (err) => {
@@ -91,12 +48,11 @@ function HomePage() {
     },
   });
 
-  const logout = useMutation({
-    mutationFn: () => api.post('/auth/logout', {}),
+  const logout = useMutation<AppRouter, 'auth', 'deleteSession'>('auth', 'deleteSession', {
     onSuccess: () => {
-      localStorage.removeItem('accessToken');
+      localStorage.removeItem('token');
       localStorage.removeItem('refreshToken');
-      queryClient.setQueryData(['me'], null);
+      queryClient.setQueryData(['auth', 'getMe'], null);
     },
   });
 

package/src/templates/source/web/routes/index.default.tsx

@@ -1,32 +1,18 @@
 import { createFileRoute } from '@tanstack/react-router';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery } from '@veloxts/client/react';
+import type { AppRouter } from '../../../api/src/index.js';
 import styles from '@/App.module.css';
 
-// API helper
-const api = {
-  get: async <T,>(path: string): Promise<T> => {
-    const res = await fetch(`/api${path}`);
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    return res.json();
-  },
-};
-
 export const Route = createFileRoute('/')({
   component: HomePage,
 });
 
-interface HealthResponse {
-  status: string;
-  version: string;
-  timestamp: string;
-  uptime: number;
-}
-
 function HomePage() {
-  const { data: health, isLoading, error } = useQuery({
-    queryKey: ['health'],
-    queryFn: () => api.get<HealthResponse>('/health'),
-  });
+  const { data: health, isLoading, error } = useQuery<AppRouter, 'health', 'check'>(
+    'health',
+    'check',
+    {}
+  );
 
   return (
     <div className={styles.container}>

package/src/templates/source/web/routes/users.tsx

@@ -0,0 +1,70 @@
+/**
+ * Users Page - Demonstrates type-safe data fetching with VeloxTS hooks
+ */
+
+import { createFileRoute } from '@tanstack/react-router';
+import { useQuery } from '@veloxts/client/react';
+import type { AppRouter } from '../../../api/src/index.js';
+import styles from '@/App.module.css';
+
+export const Route = createFileRoute('/users')({
+  component: UsersPage,
+});
+
+function UsersPage() {
+  const { data, isLoading, error } = useQuery<AppRouter, 'users', 'listUsers'>(
+    'users',
+    'listUsers',
+    {}
+  );
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.hero}>
+        <h1 className={styles.title}>Users</h1>
+        <p className={styles.subtitle}>
+          Type-safe data fetching with VeloxTS hooks
+        </p>
+      </div>
+
+      {isLoading ? (
+        <p className={styles.loading}>Loading users...</p>
+      ) : error ? (
+        <p className={styles.error}>Error: {error.message}</p>
+      ) : (
+        <div className={styles.tableContainer}>
+          <table className={styles.table}>
+            <thead>
+              <tr>
+                <th>Name</th>
+                <th>Email</th>
+                <th>Created</th>
+              </tr>
+            </thead>
+            <tbody>
+              {data?.data.map((user) => (
+                <tr key={user.id}>
+                  <td>{user.name}</td>
+                  <td>{user.email}</td>
+                  <td>{new Date(user.createdAt).toLocaleDateString()}</td>
+                </tr>
+              ))}
+              {data?.data.length === 0 && (
+                <tr>
+                  <td colSpan={3} className={styles.emptyState}>
+                    No users found. Create one via the API!
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+          {data && (
+            <p className={styles.meta}>
+              Page {data.meta.page} - {data.meta.total} total users
+            </p>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/templates/source/web/tsconfig.json

@@ -20,5 +20,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src"]
+  "include": ["src"],
+  "references": [{ "path": "../api" }]
 }