create-vatts-app 1.1.1 → 1.2.0-canary.1

package/dist/cli.js

@@ -83,8 +83,6 @@ function parseArgs(argv) {
     const examplesFlag = args.includes("--examples");
     const noAliasFlag = args.includes("--no-alias");
     const aliasValue = readArgValue(args, "--alias");
-    const pathRouterFlag = args.includes("--path-router") || args.includes("-p");
-    const noPathRouterFlag = args.includes("--no-path-router");
     const reactFlag = args.includes("--react");
     const vueFlag = args.includes("--vue");
     return {
@@ -95,7 +93,6 @@ function parseArgs(argv) {
         install: noInstallFlag ? false : installFlag ? true : undefined,
         moduleAlias: noAliasFlag ? false : aliasValue ? true : undefined,
         alias: aliasValue ? normalizeAliasPrefix(aliasValue) : undefined,
-        pathRouter: pathRouterFlag ? true : noPathRouterFlag ? false : undefined,
         typeScript: args.includes("--typescript") || args.includes("-ts") ? true : undefined,
         framework: reactFlag ? 'react' : vueFlag ? 'vue' : undefined
     };
@@ -137,11 +134,9 @@ async function promptForMissingOptions(opts) {
     let name = framework === 'react' ? 'React' : 'Vue';
     const recommended = await console_1.default.selection(`Would you like to use the recommended options? (${name})`, {
         "yes": `${console_1.Colors.Underscore}Yes, use recommended defaults - TypeScript, Tailwind CSS, Module Alias`,
-        "maybe": `Maybe, use Path Router defaults - TypeScript, Tailwind CSS`,
         "no": "No, customize settings"
     });
     if (recommended !== 'no') {
-        recommendedOptions.pathRouter = recommended === 'maybe';
         // Forçar todas as propriedades obrigatórias
         return {
             appName: recommendedOptions.appName,
@@ -150,7 +145,6 @@ async function promptForMissingOptions(opts) {
             install: recommendedOptions.install,
             moduleAlias: recommendedOptions.moduleAlias,
             alias: recommendedOptions.alias,
-            pathRouter: recommendedOptions.pathRouter,
             typeScript: recommendedOptions.typeScript,
             framework: recommendedOptions.framework
         };
@@ -170,11 +164,6 @@ async function promptForMissingOptions(opts) {
         examples = await console_1.default.confirm("Do you want to include example routes?", true);
         console.log(" ");
     }
-    let pathRouter = opts.pathRouter;
-    if (pathRouter === undefined) {
-        pathRouter = await console_1.default.confirm("Do you want to use path router?", false);
-        console.log(" ");
-    }
     let moduleAlias = opts.moduleAlias;
     if (moduleAlias === undefined) {
         moduleAlias = await console_1.default.confirm("Do you want to set a module alias?", true);
@@ -204,7 +193,6 @@ async function promptForMissingOptions(opts) {
         install: install,
         moduleAlias: moduleAlias,
         alias: alias,
-        pathRouter: pathRouter,
         typeScript: typescript,
         framework: framework
     };

package/dist/createApp.js

@@ -66,7 +66,6 @@ async function createApp(options) {
         moduleAlias: resolved.alias,
         vattsVersion: ownPkg.version,
         packageJson: {},
-        pathRouter: resolved.pathRouter,
         typeScript: resolved.typeScript,
         framework: resolved.framework
     };

package/dist/packageJson.js

@@ -30,6 +30,7 @@ async function buildPackageJson(ctx) {
         scripts: {
             start: "vatts start",
             dev: "vatts dev",
+            build: "vatts build",
         },
         dependencies: {
             vatts: `^${version}`

package/dist/steps/createExampleRoutes.js

@@ -60,18 +60,12 @@ const templates_1 = require("../templates");
 async function createExampleRoutes(ctx) {
     const dynamic = console_1.default.dynamicLine("Creating example routes...");
     if (ctx.framework === 'react') {
-        let pathResolve = path.join(ctx.rootDir, "src", "web", "routes", `index.${ctx.typeScript ? 'tsx' : 'jsx'}`);
-        if (ctx.pathRouter) {
-            pathResolve = path.join(ctx.rootDir, "src", "web", `page.${ctx.typeScript ? 'tsx' : 'jsx'}`);
-        }
-        (0, fs_1.writeFile)(pathResolve, (0, templates_1.webIndexRouteTemplate)(ctx.willTailwind, ctx.pathRouter, ctx.typeScript));
+        let pathResolve = path.join(ctx.rootDir, "src", "web", `page.${ctx.typeScript ? 'tsx' : 'jsx'}`);
+        (0, fs_1.writeFile)(pathResolve, (0, templates_1.webIndexRouteTemplate)(ctx.willTailwind, ctx.typeScript));
     }
     else if (ctx.framework === 'vue') {
-        let pathResolve = path.join(ctx.rootDir, "src", "web", "routes", `index.vue`);
-        if (ctx.pathRouter) {
-            pathResolve = path.join(ctx.rootDir, "src", "web", `page.vue`);
-        }
-        (0, fs_1.writeFile)(pathResolve, (0, templates_1.vueExampleRoute)(ctx.typeScript, ctx.pathRouter, ctx.willTailwind));
+        let pathResolve = path.join(ctx.rootDir, "src", "web", `page.vue`);
+        (0, fs_1.writeFile)(pathResolve, (0, templates_1.vueExampleRoute)(ctx.typeScript, ctx.willTailwind));
     }
     (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "backend", "routes", `Example.${ctx.typeScript ? 'ts' : 'js'}`), (0, templates_1.backendExampleRouteTemplate)(ctx.typeScript));
     dynamic.end("Example routes created.");

package/dist/steps/createProjectStructure.js

@@ -60,12 +60,7 @@ const templates_1 = require("../templates");
 async function createProjectStructure(ctx) {
     const dynamic = console_1.default.dynamicLine("Creating project structure...");
     (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "backend", "routes"));
-    if (!ctx.pathRouter) {
-        (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "web", "routes"));
-    }
-    else {
-        (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "web"));
-    }
+    (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "web"));
     (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "web", "globals.css"), (0, templates_1.globalsCssTemplate)(ctx.willTailwind));
     if (ctx.framework === 'react') {
         (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "web", `layout.${ctx.typeScript ? 'tsx' : 'jsx'}`), ctx.typeScript ? (0, templates_1.layoutTsxTemplate)() : (0, templates_1.layoutJsxTemplate)());

package/dist/steps/writeVattsConfig.js

@@ -54,5 +54,5 @@ const path = __importStar(require("node:path"));
 const fs_1 = require("../fs");
 const templates_1 = require("../templates");
 async function writeVattsConfig(ctx) {
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, `vatts.config.${ctx.typeScript ? 'ts' : 'js'}`), (0, templates_1.vattsConfigTemplate)(ctx.typeScript, ctx.pathRouter));
+    (0, fs_1.writeFile)(path.join(ctx.rootDir, `vatts.config.${ctx.typeScript ? 'ts' : 'js'}`), (0, templates_1.vattsConfigTemplate)(ctx.typeScript));
 }

package/dist/summary.js

@@ -50,10 +50,11 @@ function printSummary(ctx) {
     console.log(`${timer}${label}     or${console_1.Colors.Reset}`);
     console.log(`${timer}${label}     ${cmd}npm run dev${console_1.Colors.Reset}`);
     console.log("");
-    console.log(`${timer}${label}Production:${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}  • Start:${console_1.Colors.Reset} ${cmd}vatts start${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}    or${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}    ${cmd}npm run start${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}Production steps:${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  1. ${cmd}vatts build${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  2. ${cmd}vatts start${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}     or${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}     ${cmd}npm run start${console_1.Colors.Reset}`);
     console.log("");
     console.log(`${timer}${dim}Website:${console_1.Colors.Reset} ${console_1.Colors.FgCyan}https://vatts.mfraz.ovh${console_1.Colors.Reset}`);
     console.log("");

package/dist/templates.d.ts

@@ -1,13 +1,13 @@
 export declare function globalsCssTemplate(willTailwind: boolean): "@import \"tailwindcss\";\n" | "body {\nbackground-color: #030712; \n}";
 export declare function layoutTsxTemplate(): string;
 export declare function layoutJsxTemplate(): string;
-export declare function vattsConfigTemplate(typescript: boolean, pathRouter: boolean): string;
+export declare function vattsConfigTemplate(typescript: boolean): "\nconst vattsConfig = (phase, { defaultConfig }) => {\n    return {\n        ...defaultConfig\n    };\n};\n\nexport default vattsConfig;\n    " | "import type { VattsConfigFunction } from 'vatts';\n\nconst vattsConfig: VattsConfigFunction = (phase, { defaultConfig }) => {\n    return {\n        ...defaultConfig\n    };\n};\n\nexport default vattsConfig;";
 export declare function tsconfigTemplate(opts?: {
     moduleAlias?: string | false;
 }): string;
 export declare function postcssConfigTemplate(): string;
 export declare function tailwindConfigTemplate(): string;
-export declare function webIndexRouteTemplate(willTailwind: boolean, pathRouter: boolean, typescript: boolean): string;
+export declare function webIndexRouteTemplate(willTailwind: boolean, typescript: boolean): string;
 export declare function backendExampleRouteTemplate(typescript: boolean): "import {VattsResponse} from \"vatts\"\n\nconst ExampleRoute = {\n    pattern: '/api/example',\n    GET(request, params) {\n        return VattsResponse.json({\n            message: 'Welcome to the Example API!'\n        })\n    },\n    POST: async (request, params) => {\n        const data = await request.json();\n        return VattsResponse.json({\n            message: 'POST request received at Example API!',\n            body: data\n        })\n    }\n};\n\nexport default ExampleRoute;" | "import {BackendRouteConfig, VattsRequest, VattsResponse} from \"vatts\"\n\nconst ExampleRoute: BackendRouteConfig = {\n    pattern: '/api/example',\n    GET(request: VattsRequest, params) {\n        return VattsResponse.json({\n            message: 'Welcome to the Example API!'\n        })\n    },\n    POST: async (request: VattsRequest, params) => {\n        const data = await request.json();\n        return VattsResponse.json({\n            message: 'POST request received at Example API!',\n            body: data\n        })\n    }\n};\n\nexport default ExampleRoute;";
-export declare function vueExampleRoute(typescript: boolean, pathRouter: boolean, tailwind: boolean): string;
+export declare function vueExampleRoute(typescript: boolean, tailwind: boolean): string;
 export declare function vueExampleLayout(typescript: boolean): string;

package/dist/templates.js

@@ -77,13 +77,12 @@ export default function Layout({ children }) {
 }
 `;
 }
-function vattsConfigTemplate(typescript, pathRouter) {
+function vattsConfigTemplate(typescript) {
     if (!typescript) {
         return `
 const vattsConfig = (phase, { defaultConfig }) => {
     return {
-        ...defaultConfig${pathRouter ? `,
-        pathRouter: true` : ''}
+        ...defaultConfig
     };
 };
 
@@ -94,8 +93,7 @@ export default vattsConfig;
 
 const vattsConfig: VattsConfigFunction = (phase, { defaultConfig }) => {
     return {
-        ...defaultConfig${pathRouter ? `,
-        pathRouter: true` : ''}
+        ...defaultConfig
     };
 };
 
@@ -159,8 +157,8 @@ module.exports = {
   plugins: [],
 }`;
 }
-function webIndexRouteTemplate(willTailwind, pathRouter, typescript) {
-    const functionName = pathRouter ? 'export default function' : 'function';
+function webIndexRouteTemplate(willTailwind, typescript) {
+    const functionName = 'export default function';
     let base = `import React from 'react'; 
 import {RouteConfig} from "vatts/react";`;
     if (willTailwind) {
@@ -273,20 +271,6 @@ ${functionName} Welcome() {
       </div>
   );
 }`;
-    }
-    if (!pathRouter) {
-        base += `
-
-export const config${typescript ? ': RouteConfig' : ''} = {
-    pattern: '/',
-    component: Welcome,
-    generateMetadata: () => ({
-        title: 'Vatts.js | Home'
-    })
-};
-
-export default config;
-`;
     }
     return base;
 }
@@ -332,18 +316,8 @@ const ExampleRoute: BackendRouteConfig = {
 
 export default ExampleRoute;`;
 }
-function vueExampleRoute(typescript, pathRouter, tailwind) {
-    return `${pathRouter ? '' : `<script${typescript ? ' lang="ts"' : ''}>
-${typescript ? 'import type { RouteConfig } from "vatts/vue";\n' : ''}
-export const config${typescript ? ': RouteConfig' : ''} = {
-  pattern: '/',
-  component: undefined,
-  generateMetadata: () => ({
-    title: 'Vatts.js | Home'
-  })
-};
-</script>`}
-${tailwind ? `<template>
+function vueExampleRoute(typescript, tailwind) {
+    return `${tailwind ? `<template>
   <div class="flex min-h-screen flex-col items-center justify-center bg-gray-950 p-4 text-center">
     <div class="group relative">
       <div class="absolute -inset-1 rounded-lg bg-gradient-to-r from-purple-600 to-cyan-400 opacity-25 blur transition duration-500 group-hover:opacity-50"></div>

package/dist/types.d.ts

@@ -8,7 +8,6 @@ export type CreateAppOptions = {
     moduleAlias?: boolean;
     /** Alias prefix to use when moduleAlias=true (default: "@/") */
     alias?: string;
-    pathRouter?: boolean;
     typeScript?: boolean;
     framework?: 'react' | 'vue';
 };
@@ -19,7 +18,6 @@ export type CreateAppContext = {
     willRouteExample: boolean;
     willInstallDependencies: boolean;
     willUseModuleAlias: boolean;
-    pathRouter: boolean;
     /** Normalized alias prefix (ex: "@/") */
     moduleAlias: string;
     /** computed */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vatts-app",
-  "version": "1.1.1",
+  "version": "1.2.0-canary.1",
   "description": "CLI tool to create a new Vatts.js application",
   "main": "dist/index.js",
   "bin": {
@@ -27,7 +27,7 @@
   "dependencies": {
     "commander": "^14.0.2",
     "ts-node": "^10.9.2",
-    "vatts": "1.2.3"
+    "vatts": "2.1.0-canary.8"
   },
   "scripts": {
     "build": "rimraf dist && tsc",