create-vatts-app 1.0.0 → 1.0.1

package/dist/{createApp/cli.js → cli.js}

@@ -48,27 +48,41 @@ function parseArgs(argv) {
     };
 }
 async function promptForMissingOptions(opts) {
-    const appName = opts.appName ?? (await console_1.default.ask("What is the name of your app?", "my-vatts-app"));
+    let appName = opts.appName;
+    if (appName === undefined) {
+        appName = await console_1.default.ask("What is the name of your app?", "my-vatts-app");
+        console.log("             ");
+    }
+    let typescript = opts.typeScript;
+    if (typescript === undefined) {
+        typescript = await console_1.default.confirm("Do you want to use typescript?", true);
+        console.log("  ");
+    }
     let tailwind = opts.tailwind;
     if (tailwind === undefined) {
         tailwind = await console_1.default.confirm("Do you want to include Tailwind CSS?", true);
+        console.log("             ");
     }
     let examples = opts.examples;
     if (examples === undefined) {
         examples = await console_1.default.confirm("Do you want to include example routes?", true);
+        console.log(" ");
     }
-    let install = opts.install;
-    if (install === undefined) {
-        install = await console_1.default.confirm("Do you want to install dependencies?", true);
+    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);
+        console.log(" ");
     }
     let alias = opts.alias;
     if (moduleAlias) {
         if (alias === undefined) {
             alias = await console_1.default.ask("Which alias do you want to set?", "@/");
+            console.log(" ");
         }
         alias = normalizeAliasPrefix(alias);
     }
@@ -76,6 +90,11 @@ async function promptForMissingOptions(opts) {
         // keep a stable value even when disabled
         alias = "@/";
     }
+    let install = opts.install;
+    if (install === undefined) {
+        install = await console_1.default.confirm("Do you want to install dependencies?", true);
+        console.log("             ");
+    }
     return {
         appName,
         tailwind,
@@ -83,5 +102,7 @@ async function promptForMissingOptions(opts) {
         install,
         moduleAlias,
         alias,
+        pathRouter,
+        typeScript: typescript
     };
 }

package/dist/{createApp/createApp.js → createApp.js}

@@ -37,10 +37,11 @@ exports.createAppFromArgv = createAppFromArgv;
 exports.createApp = createApp;
 const cli_1 = require("./cli");
 const steps_1 = require("./steps");
+const summary_1 = require("./summary");
 const path = __importStar(require("node:path"));
 const validate_1 = require("./validate");
 function resolveOwnPackageJson() {
-    const pkgPath = path.resolve(__dirname, "..", "..", "package.json");
+    const pkgPath = path.resolve(__dirname, "..", "package.json");
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     return require(pkgPath);
 }
@@ -65,14 +66,15 @@ async function createApp(options) {
         moduleAlias: resolved.alias,
         vattsVersion: ownPkg.version,
         packageJson: {},
+        pathRouter: resolved.pathRouter,
+        typeScript: resolved.typeScript
     };
     console.clear();
-    await (0, steps_1.stepCreateProjectDirAndPackageJson)(ctx);
-    await (0, steps_1.stepCreateProjectStructure)(ctx);
-    await (0, steps_1.stepWriteVattsConfig)(ctx);
-    await (0, steps_1.stepWriteTsConfig)(ctx);
-    await (0, steps_1.stepSetupTailwind)(ctx);
-    await (0, steps_1.stepCreateExampleRoutes)(ctx);
-    await (0, steps_1.stepInstallDependencies)(ctx);
-    (0, steps_1.printSummary)(ctx);
+    for (const step of steps_1.steps) {
+        if (step.condition?.(ctx) === false) {
+            continue;
+        }
+        await step.action(ctx);
+    }
+    (0, summary_1.printSummary)(ctx);
 }

package/dist/{createApp/packageJson.d.ts → packageJson.d.ts}

@@ -1,2 +1,2 @@
 import type { CreateAppContext } from "./types";
-export declare function buildPackageJson(ctx: Pick<CreateAppContext, "appName" | "vattsVersion" | "willTailwind">): Promise<any>;
+export declare function buildPackageJson(ctx: Pick<CreateAppContext, "appName" | "vattsVersion" | "willTailwind" | "typeScript">): Promise<any>;

package/dist/{createApp/packageJson.js → packageJson.js}

@@ -28,16 +28,24 @@ async function buildPackageJson(ctx) {
             dev: "vatts dev",
         },
         dependencies: {
-            vatts: `${version}`,
+            vatts: `^${version}`,
             react: "^19.2.3",
-            "react-dom": "^19.2.3",
-            "ts-node": "^10.9.2",
+            "react-dom": "^19.2.3"
         },
         devDependencies: {
             "@types/react": "^19.2.8",
-            typescript: "^5.9.3",
         },
     };
+    if (ctx.typeScript) {
+        packageJson.devDependencies = {
+            ...packageJson.devDependencies,
+            typescript: "^5.9.3",
+        };
+        packageJson.dependencies = {
+            ...packageJson.dependencies,
+            "ts-node": "^10.9.2",
+        };
+    }
     if (ctx.willTailwind) {
         packageJson.dependencies = {
             ...packageJson.dependencies,

package/dist/steps/createExampleRoutes.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function createExampleRoutes(ctx: CreateAppContext): Promise<void>;

package/dist/steps/createExampleRoutes.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createExampleRoutes = createExampleRoutes;
+const console_1 = __importDefault(require("vatts/console"));
+const path = __importStar(require("node:path"));
+const fs_1 = require("../fs");
+const templates_1 = require("../templates");
+async function createExampleRoutes(ctx) {
+    const dynamic = console_1.default.dynamicLine("Creating example routes...");
+    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));
+    (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/createProject.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function createProject(ctx: CreateAppContext): Promise<void>;

package/dist/steps/createProject.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createProject = createProject;
+const console_1 = __importDefault(require("vatts/console"));
+const path = __importStar(require("node:path"));
+const fs_1 = require("../fs");
+const packageJson_1 = require("../packageJson");
+async function createProject(ctx) {
+    const dynamic = console_1.default.dynamicLine("Creating your Vatts.js app...");
+    (0, fs_1.ensureDir)(ctx.rootDir);
+    ctx.packageJson = await (0, packageJson_1.buildPackageJson)({
+        appName: ctx.appName,
+        vattsVersion: ctx.vattsVersion,
+        willTailwind: ctx.willTailwind,
+        typeScript: ctx.typeScript
+    });
+    (0, fs_1.writeJson)(path.join(ctx.rootDir, "package.json"), ctx.packageJson);
+    dynamic.end("Created project directory and package.json");
+}

package/dist/steps/createProjectStructure.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function createProjectStructure(ctx: CreateAppContext): Promise<void>;

package/dist/steps/createProjectStructure.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createProjectStructure = createProjectStructure;
+const console_1 = __importDefault(require("vatts/console"));
+const path = __importStar(require("node:path"));
+const fs_1 = require("../fs");
+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.writeFile)(path.join(ctx.rootDir, "src", "web", "globals.css"), (0, templates_1.globalsCssTemplate)(ctx.willTailwind));
+    (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)());
+    dynamic.end("Created project structure");
+}

package/dist/steps/index.d.ts

@@ -0,0 +1,7 @@
+import { CreateAppContext } from "../types";
+export interface Step {
+    label: string;
+    action: (ctx: CreateAppContext) => Promise<void>;
+    condition?: (ctx: CreateAppContext) => boolean;
+}
+export declare const steps: Step[];

package/dist/steps/index.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.steps = void 0;
+const createProject_1 = require("./createProject");
+const createProjectStructure_1 = require("./createProjectStructure");
+const writeVattsConfig_1 = require("./writeVattsConfig");
+const writeTsConfig_1 = require("./writeTsConfig");
+const setupTailwind_1 = require("./setupTailwind");
+const createExampleRoutes_1 = require("./createExampleRoutes");
+const installDependencies_1 = require("./installDependencies");
+exports.steps = [
+    {
+        label: "Creating project directory and package.json",
+        action: createProject_1.createProject,
+    },
+    {
+        label: "Creating project structure",
+        action: createProjectStructure_1.createProjectStructure,
+    },
+    {
+        label: "Writing vatts.config.ts",
+        action: writeVattsConfig_1.writeVattsConfig,
+    },
+    {
+        label: "Initializing TypeScript configuration",
+        action: writeTsConfig_1.writeTsConfig,
+    },
+    {
+        label: "Setting up Tailwind CSS",
+        action: setupTailwind_1.setupTailwind,
+        condition: (ctx) => ctx.willTailwind,
+    },
+    {
+        label: "Creating example routes",
+        action: createExampleRoutes_1.createExampleRoutes,
+        condition: (ctx) => ctx.willRouteExample,
+    },
+    {
+        label: "Installing dependencies",
+        action: installDependencies_1.installDependencies,
+        condition: (ctx) => ctx.willInstallDependencies,
+    },
+];

package/dist/steps/installDependencies.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function installDependencies(ctx: CreateAppContext): Promise<void>;

package/dist/steps/installDependencies.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installDependencies = installDependencies;
+const console_1 = __importStar(require("vatts/console"));
+const install_1 = require("../install");
+async function installDependencies(ctx) {
+    const dynamic = console_1.default.dynamicLine("Installing dependencies...");
+    console.log(`\nInstalling dependencies:\n${ctx.packageJson.dependencies
+        ? Object.keys(ctx.packageJson.dependencies)
+            .map((dep) => `  - ${console_1.Colors.FgCyan}${dep}${console_1.Colors.Reset}`)
+            .join("\n")
+        : ""}\n\nInstalling devDependencies:\n${ctx.packageJson.devDependencies
+        ? Object.keys(ctx.packageJson.devDependencies)
+            .map((dep) => `  - ${console_1.Colors.FgCyan}${dep}${console_1.Colors.Reset}`)
+            .join("\n")
+        : ""}\n`);
+    const spinnerFrames = ["|", "/", "-", "\\"];
+    let frameIndex = 0;
+    const spinner = setInterval(() => {
+        dynamic.update(`${console_1.Colors.FgGreen}${spinnerFrames[frameIndex]}${console_1.Colors.Reset} Installing...`);
+        frameIndex = (frameIndex + 1) % spinnerFrames.length;
+    }, 100);
+    try {
+        await (0, install_1.npmInstall)(ctx.rootDir);
+    }
+    finally {
+        clearInterval(spinner);
+    }
+    dynamic.end("Dependencies installed.");
+}

package/dist/steps/setupTailwind.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function setupTailwind(ctx: CreateAppContext): Promise<void>;

package/dist/steps/setupTailwind.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupTailwind = setupTailwind;
+const console_1 = __importDefault(require("vatts/console"));
+const path = __importStar(require("node:path"));
+const fs_1 = require("../fs");
+const templates_1 = require("../templates");
+async function setupTailwind(ctx) {
+    const dynamic = console_1.default.dynamicLine("Setting up Tailwind CSS...");
+    (0, fs_1.writeFile)(path.join(ctx.rootDir, "postcss.config.js"), (0, templates_1.postcssConfigTemplate)());
+    (0, fs_1.writeFile)(path.join(ctx.rootDir, "tailwind.config.js"), (0, templates_1.tailwindConfigTemplate)());
+    dynamic.end("Tailwind CSS setup complete.");
+}

package/dist/steps/writeTsConfig.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function writeTsConfig(ctx: CreateAppContext): Promise<void>;

package/dist/steps/writeTsConfig.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeTsConfig = writeTsConfig;
+const console_1 = __importDefault(require("vatts/console"));
+const path = __importStar(require("node:path"));
+const fs_1 = require("../fs");
+const templates_1 = require("../templates");
+async function writeTsConfig(ctx) {
+    const dynamic = console_1.default.dynamicLine("Initializing TypeScript configuration...");
+    (0, fs_1.writeFile)(path.join(ctx.rootDir, "tsconfig.json"), (0, templates_1.tsconfigTemplate)(ctx.willUseModuleAlias ? { moduleAlias: ctx.moduleAlias } : { moduleAlias: false }));
+    dynamic.end("TypeScript configuration initialized.");
+}

package/dist/steps/writeVattsConfig.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "../types";
+export declare function writeVattsConfig(ctx: CreateAppContext): Promise<void>;

package/dist/steps/writeVattsConfig.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeVattsConfig = writeVattsConfig;
+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));
+}

package/dist/summary.d.ts

@@ -0,0 +1,2 @@
+import { CreateAppContext } from "./types";
+export declare function printSummary(ctx: CreateAppContext): void;

package/dist/summary.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printSummary = printSummary;
+const console_1 = require("vatts/console");
+function printSummary(ctx) {
+    console.clear();
+    const now = new Date();
+    const time = now.toLocaleTimeString("pt-BR", { hour12: false });
+    const timer = ` ${console_1.Colors.FgGray}${time}${console_1.Colors.Reset}  `;
+    const label = console_1.Colors.FgGray;
+    const cmd = console_1.Colors.Bright + console_1.Colors.FgCyan;
+    const ok = console_1.Colors.FgGreen;
+    const dim = console_1.Colors.Dim;
+    const bright = console_1.Colors.Bright;
+    const nodeVersion = process.version;
+    const platform = process.platform;
+    console.log("");
+    console.log(`${timer}${bright}${console_1.Colors.FgCyan}Vatts.js${console_1.Colors.Reset} ${dim}v${ctx.vattsVersion}${console_1.Colors.Reset}`);
+    console.log(`${timer}${dim}────────────────────────────────────────${console_1.Colors.Reset}`);
+    console.log(`${timer}${ok}✔${console_1.Colors.Reset}  ${bright}Project ${console_1.Colors.FgWhite}${ctx.appName}${console_1.Colors.Reset}${bright} created successfully.${console_1.Colors.Reset}`);
+    console.log("");
+    console.log(`${timer}${label}Environment:${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  • Runtime:${console_1.Colors.Reset} ${console_1.Colors.Bright + console_1.Colors.FgGreen}Node.js${console_1.Colors.Reset} ${dim}${nodeVersion}${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  • Platform:${console_1.Colors.Reset} ${cmd}${platform}${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  • Framework:${console_1.Colors.Reset} ${cmd}Vatts.js${console_1.Colors.Reset} ${dim}v${ctx.vattsVersion}${console_1.Colors.Reset}`);
+    console.log("");
+    console.log(`${timer}${label}Next steps:${console_1.Colors.Reset}`);
+    console.log(`${timer}${label}  1.${console_1.Colors.Reset} ${cmd}cd ${ctx.appName}${console_1.Colors.Reset}`);
+    let step = 2;
+    if (!ctx.willInstallDependencies) {
+        console.log(`${timer}${label}  ${step++}.${console_1.Colors.Reset} ${cmd}npm install${console_1.Colors.Reset}`);
+    }
+    console.log(`${timer}${label}  ${step++}.${console_1.Colors.Reset} ${cmd}vatts dev${console_1.Colors.Reset}${console_1.Colors.Reset}`);
+    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("");
+    console.log(`${timer}${dim}Website:${console_1.Colors.Reset} ${console_1.Colors.FgCyan}https://vatts.mfraz.ovh${console_1.Colors.Reset}`);
+    console.log("");
+    console.log();
+}

package/dist/templates.d.ts

@@ -0,0 +1,11 @@
+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 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 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;";

package/dist/{createApp/templates.js → templates.js}

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.globalsCssTemplate = globalsCssTemplate;
 exports.layoutTsxTemplate = layoutTsxTemplate;
+exports.layoutJsxTemplate = layoutJsxTemplate;
 exports.vattsConfigTemplate = vattsConfigTemplate;
 exports.tsconfigTemplate = tsconfigTemplate;
 exports.postcssConfigTemplate = postcssConfigTemplate;
@@ -38,14 +39,49 @@ export default function Layout({ children }: LayoutProps) {
 }
 `;
 }
-function vattsConfigTemplate() {
+function layoutJsxTemplate() {
+    // keeping same content/behavior as original generator
+    return `import React from 'react';
+import './globals.css';
+
+
+export const metadata = {
+    title: "Vatts JS | The Fast and Simple Web Framework for React",
+    description: "The fastest and simplest web framework for React! Start building high-performance web applications today with Vatts JS.",
+    keywords: ["Vatts JS", "web framework", "React", "JavaScript", "TypeScript", "web development", "fast", "simple", "SSR", "frontend"],
+    author: "Vatts JS Team",
+};
+
+export default function Layout({ children }) {
+    return (
+        <>{children}</>
+    );
+}
+`;
+}
+function vattsConfigTemplate(typescript, pathRouter) {
+    if (!typescript) {
+        return `
+const vattsConfig = (phase, { defaultConfig }) => {
+    return {
+        ...defaultConfig${pathRouter ? `,
+        pathRouter: true` : ''}
+    };
+};
+
+export default vattsConfig;
+    `;
+    }
     return `import type { VattsConfigFunction } from 'vatts';
 
-const hightConfig: VattsConfigFunction = (phase, { defaultConfig }) => {
-    return defaultConfig;
+const vattsConfig: VattsConfigFunction = (phase, { defaultConfig }) => {
+    return {
+        ...defaultConfig${pathRouter ? `,
+        pathRouter: true` : ''}
+    };
 };
 
-export default hightConfig;`;
+export default vattsConfig;`;
 }
 function tsconfigTemplate(opts) {
     const aliasPrefix = opts?.moduleAlias;
@@ -68,6 +104,7 @@ function tsconfigTemplate(opts) {
     "strict": true,
     "esModuleInterop": true,
     "resolveJsonModule": true,
+    "allowJs": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "rootDir": "./src",
@@ -104,12 +141,13 @@ module.exports = {
   plugins: [],
 }`;
 }
-function webIndexRouteTemplate(willTailwind) {
+function webIndexRouteTemplate(willTailwind, pathRouter, typescript) {
+    const functionName = pathRouter ? 'export default function' : 'function';
     let base = `import React from 'react'; 
 import {RouteConfig} from "vatts/react";`;
     if (willTailwind) {
         base += `
-function Welcome() {
+${functionName} Welcome() {
   return (
     <div className="flex min-h-screen flex-col items-center justify-center bg-gray-950 p-4 text-center">
       <div className="group relative">
@@ -131,11 +169,11 @@ function Welcome() {
     }
     else {
         base += `
-function Welcome() {
+${functionName} Welcome() {
   const [isHovered, setIsHovered] = React.useState(false);
 
   // Definição dos estilos
-  const styles: { [key: string]: React.CSSProperties } = {
+  const styles${typescript ? ': { [key: string]: React.CSSProperties }' : ''} = {
     container: {
       display: 'flex',
       minHeight: '100vh',
@@ -218,9 +256,10 @@ function Welcome() {
   );
 }`;
     }
-    base += `
+    if (!pathRouter) {
+        base += `
 
-export const config: RouteConfig = {
+export const config${typescript ? ': RouteConfig' : ''} = {
     pattern: '/',
     component: Welcome,
     generateMetadata: () => ({
@@ -230,9 +269,31 @@ export const config: RouteConfig = {
 
 export default config;
 `;
+    }
     return base;
 }
-function backendExampleRouteTemplate() {
+function backendExampleRouteTemplate(typescript) {
+    if (!typescript) {
+        return `import {VattsResponse} from "vatts"
+
+const ExampleRoute = {
+    pattern: '/api/example',
+    GET(request, params) {
+        return VattsResponse.json({
+            message: 'Welcome to the Example API!'
+        })
+    },
+    POST: async (request, params) => {
+        const data = await request.json();
+        return VattsResponse.json({
+            message: 'POST request received at Example API!',
+            body: data
+        })
+    }
+};
+
+export default ExampleRoute;`;
+    }
     return `import {BackendRouteConfig, VattsRequest, VattsResponse} from "vatts"
 
 const ExampleRoute: BackendRouteConfig = {

package/dist/{createApp/types.d.ts → types.d.ts}

@@ -8,6 +8,8 @@ export type CreateAppOptions = {
     moduleAlias?: boolean;
     /** Alias prefix to use when moduleAlias=true (default: "@/") */
     alias?: string;
+    pathRouter?: boolean;
+    typeScript?: boolean;
 };
 export type CreateAppContext = {
     appName: string;
@@ -16,9 +18,11 @@ export type CreateAppContext = {
     willRouteExample: boolean;
     willInstallDependencies: boolean;
     willUseModuleAlias: boolean;
+    pathRouter: boolean;
     /** Normalized alias prefix (ex: "@/") */
     moduleAlias: string;
     /** computed */
     vattsVersion: string;
     packageJson: Record<string, any>;
+    typeScript: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vatts-app",
-  "version": "1.0.0",
+  "version": "1.0.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.0.1"
+    "vatts": "1.1.0"
   },
   "scripts": {
     "build": "rimraf dist && tsc",

package/dist/createApp/index.d.ts

@@ -1 +0,0 @@
-export * from "./createApp";

package/dist/createApp/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./createApp"), exports);

package/dist/createApp/steps.d.ts

@@ -1,9 +0,0 @@
-import type { CreateAppContext } from "./types";
-export declare function stepCreateProjectDirAndPackageJson(ctx: CreateAppContext): Promise<void>;
-export declare function stepCreateProjectStructure(ctx: CreateAppContext): Promise<void>;
-export declare function stepWriteVattsConfig(ctx: CreateAppContext): Promise<void>;
-export declare function stepWriteTsConfig(ctx: CreateAppContext): Promise<void>;
-export declare function stepSetupTailwind(ctx: CreateAppContext): Promise<void>;
-export declare function stepCreateExampleRoutes(ctx: CreateAppContext): Promise<void>;
-export declare function stepInstallDependencies(ctx: CreateAppContext): Promise<void>;
-export declare function printSummary(ctx: CreateAppContext): void;

package/dist/createApp/steps.js

@@ -1,160 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stepCreateProjectDirAndPackageJson = stepCreateProjectDirAndPackageJson;
-exports.stepCreateProjectStructure = stepCreateProjectStructure;
-exports.stepWriteVattsConfig = stepWriteVattsConfig;
-exports.stepWriteTsConfig = stepWriteTsConfig;
-exports.stepSetupTailwind = stepSetupTailwind;
-exports.stepCreateExampleRoutes = stepCreateExampleRoutes;
-exports.stepInstallDependencies = stepInstallDependencies;
-exports.printSummary = printSummary;
-const console_1 = __importStar(require("vatts/console"));
-const path = __importStar(require("node:path"));
-const fs_1 = require("./fs");
-const templates_1 = require("./templates");
-const packageJson_1 = require("./packageJson");
-const install_1 = require("./install");
-async function stepCreateProjectDirAndPackageJson(ctx) {
-    const dynamic = console_1.default.dynamicLine("Creating your Vatts.js app...");
-    (0, fs_1.ensureDir)(ctx.rootDir);
-    ctx.packageJson = await (0, packageJson_1.buildPackageJson)({
-        appName: ctx.appName,
-        vattsVersion: ctx.vattsVersion,
-        willTailwind: ctx.willTailwind,
-    });
-    (0, fs_1.writeJson)(path.join(ctx.rootDir, "package.json"), ctx.packageJson);
-    dynamic.end("Created project directory and package.json");
-}
-async function stepCreateProjectStructure(ctx) {
-    const dynamic = console_1.default.dynamicLine("Creating project structure...");
-    (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "backend", "routes"));
-    (0, fs_1.ensureDir)(path.join(ctx.rootDir, "src", "web", "routes"));
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "web", "globals.css"), (0, templates_1.globalsCssTemplate)(ctx.willTailwind));
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "web", "layout.tsx"), (0, templates_1.layoutTsxTemplate)());
-    dynamic.end("Created project structure");
-}
-async function stepWriteVattsConfig(ctx) {
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "vatts.config.ts"), (0, templates_1.vattsConfigTemplate)());
-}
-async function stepWriteTsConfig(ctx) {
-    const dynamic = console_1.default.dynamicLine("Initializing TypeScript configuration...");
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "tsconfig.json"), (0, templates_1.tsconfigTemplate)(ctx.willUseModuleAlias ? { moduleAlias: ctx.moduleAlias } : { moduleAlias: false }));
-    dynamic.end("TypeScript configuration initialized.");
-}
-async function stepSetupTailwind(ctx) {
-    if (!ctx.willTailwind)
-        return;
-    const dynamic = console_1.default.dynamicLine("Setting up Tailwind CSS...");
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "postcss.config.js"), (0, templates_1.postcssConfigTemplate)());
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "tailwind.config.js"), (0, templates_1.tailwindConfigTemplate)());
-    dynamic.end("Tailwind CSS setup complete.");
-}
-async function stepCreateExampleRoutes(ctx) {
-    if (!ctx.willRouteExample)
-        return;
-    const dynamic = console_1.default.dynamicLine("Creating example routes...");
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "web", "routes", "index.tsx"), (0, templates_1.webIndexRouteTemplate)(ctx.willTailwind));
-    (0, fs_1.writeFile)(path.join(ctx.rootDir, "src", "backend", "routes", "Example.ts"), (0, templates_1.backendExampleRouteTemplate)());
-    dynamic.end("Example routes created.");
-}
-async function stepInstallDependencies(ctx) {
-    if (!ctx.willInstallDependencies)
-        return;
-    const dynamic = console_1.default.dynamicLine("Installing dependencies...");
-    console.log(`\nInstalling dependencies:\n${ctx.packageJson.dependencies
-        ? Object.keys(ctx.packageJson.dependencies)
-            .map((dep) => `  - ${console_1.Colors.FgCyan}${dep}${console_1.Colors.Reset}`)
-            .join("\n")
-        : ""}\n\nInstalling devDependencies:\n${ctx.packageJson.devDependencies
-        ? Object.keys(ctx.packageJson.devDependencies)
-            .map((dep) => `  - ${console_1.Colors.FgCyan}${dep}${console_1.Colors.Reset}`)
-            .join("\n")
-        : ""}\n`);
-    const spinnerFrames = ["|", "/", "-", "\\"];
-    let frameIndex = 0;
-    const spinner = setInterval(() => {
-        dynamic.update(`${console_1.Colors.FgGreen}${spinnerFrames[frameIndex]}${console_1.Colors.Reset} Installing...`);
-        frameIndex = (frameIndex + 1) % spinnerFrames.length;
-    }, 100);
-    try {
-        await (0, install_1.npmInstall)(ctx.rootDir);
-    }
-    finally {
-        clearInterval(spinner);
-    }
-    dynamic.end("Dependencies installed.");
-}
-function printSummary(ctx) {
-    console.clear();
-    const now = new Date();
-    const time = now.toLocaleTimeString("pt-BR", { hour12: false });
-    const timer = ` ${console_1.Colors.FgGray}${time}${console_1.Colors.Reset}  `;
-    const label = console_1.Colors.FgGray;
-    const cmd = console_1.Colors.Bright + console_1.Colors.FgCyan;
-    const ok = console_1.Colors.FgGreen;
-    const dim = console_1.Colors.Dim;
-    const bright = console_1.Colors.Bright;
-    const nodeVersion = process.version;
-    const platform = process.platform;
-    console.log("");
-    console.log(`${timer}${bright}${console_1.Colors.FgCyan}Vatts.js${console_1.Colors.Reset} ${dim}v${ctx.vattsVersion}${console_1.Colors.Reset}`);
-    console.log(`${timer}${dim}────────────────────────────────────────${console_1.Colors.Reset}`);
-    console.log(`${timer}${ok}✔${console_1.Colors.Reset}  ${bright}Project ${console_1.Colors.FgWhite}${ctx.appName}${console_1.Colors.Reset}${bright} created successfully.${console_1.Colors.Reset}`);
-    console.log("");
-    console.log(`${timer}${label}Environment:${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}  • Runtime:${console_1.Colors.Reset} ${console_1.Colors.Bright + console_1.Colors.FgGreen}Node.js${console_1.Colors.Reset} ${dim}${nodeVersion}${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}  • Platform:${console_1.Colors.Reset} ${cmd}${platform}${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}  • Framework:${console_1.Colors.Reset} ${cmd}Vatts.js${console_1.Colors.Reset} ${dim}v${ctx.vattsVersion}${console_1.Colors.Reset}`);
-    console.log("");
-    console.log(`${timer}${label}Next steps:${console_1.Colors.Reset}`);
-    console.log(`${timer}${label}  1.${console_1.Colors.Reset} ${cmd}cd ${ctx.appName}${console_1.Colors.Reset}`);
-    let step = 2;
-    if (!ctx.willInstallDependencies) {
-        console.log(`${timer}${label}  ${step++}.${console_1.Colors.Reset} ${cmd}npm install${console_1.Colors.Reset}`);
-    }
-    console.log(`${timer}${label}  ${step++}.${console_1.Colors.Reset} ${cmd}vatts dev${console_1.Colors.Reset}${console_1.Colors.Reset}`);
-    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("");
-    console.log(`${timer}${dim}Website:${console_1.Colors.Reset} ${console_1.Colors.FgCyan}https://vatts.mfraz.ovh${console_1.Colors.Reset}`);
-    console.log("");
-    console.log();
-}

package/dist/createApp/templates.d.ts

@@ -1,10 +0,0 @@
-export declare function globalsCssTemplate(willTailwind: boolean): "@import \"tailwindcss\";\n" | "body {\nbackground-color: #030712; \n}";
-export declare function layoutTsxTemplate(): string;
-export declare function vattsConfigTemplate(): string;
-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): string;
-export declare function backendExampleRouteTemplate(): string;