buner 1.0.2 → 1.0.4

package/bin/buner.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
 import path from "path";
 import { execSync, spawn } from "child_process";
+import { fileURLToPath } from "url";
 import { Command } from "commander";
 import chalk from "chalk";
 import fetch from "node-fetch";
 import prompts from "prompts";
 import fs from "fs";
 import fs$1 from "fs/promises";
-import { fileURLToPath } from "url";
 import os from "os";
 import { globby } from "globby";
 import { exec } from "node:child_process";
 import validateProjectName from "validate-npm-package-name";
 const name = "buner";
-const version = "1.0.2";
+const version = "1.0.4";
 const description = "Frontend build toolkit for Vite + React SSR projects — SCSS pipeline, prerender, SSR dev server, and backend integration.";
 const type = "module";
 const license = "MIT";
@@ -139,23 +139,26 @@ const tryGitInit = (root) => {
 };
 const excludeFiles = [
   ".git",
+  ".github",
+  ".npmrc",
   "bin",
+  "cli",
+  "xpack",
   ".vscode",
   ".build",
+  "node_modules",
+  "server.ts",
+  "prerender.ts",
+  "integration.ts",
+  "styles.ts",
+  "scripts.ts",
+  "states.ts",
+  "migrate-scss.ts",
+  "vite.config.ts",
+  "vite.cli.config.ts",
+  "src",
   "public/samples",
-  "public/assets/vendors",
-  "src/_api/!(_base.ts)",
-  "src/_data",
-  "src/assets/scripts/!(color-mode|main|mock-api|pl-states|root|theme-critical).entry.ts",
-  "src/atoms",
-  "src/mocks/avatar",
-  "src/mocks/user",
-  "src/molecules",
-  "src/organisms/!(root|header|footer)/*",
-  "src/pages/!(Root|Home).tsx",
-  "src/templates/!(root|home)/*",
-  "!cli",
-  "!vite.cli.config.ts"
+  "public/assets/vendors"
 ];
 const copy = async (src, dest, { cwd }) => {
   const sourceFiles = await globby(src, {
@@ -166,9 +169,6 @@ const copy = async (src, dest, { cwd }) => {
     ignore: excludeFiles
   });
   const destRelativeToCwd = path.resolve(dest);
-  await fs$1.mkdir(path.join(destRelativeToCwd, "src/atoms"), { recursive: true });
-  await fs$1.mkdir(path.join(destRelativeToCwd, "src/molecules"), { recursive: true });
-  await fs$1.mkdir(path.join(destRelativeToCwd, "src/mocks/example"), { recursive: true });
   return Promise.all(
     sourceFiles.map(async (p) => {
       const dirname2 = path.dirname(p);
@@ -194,11 +194,15 @@ const install = async () => {
     });
   });
 };
+const writeFile = async (filePath, data) => {
+  await fs$1.mkdir(path.dirname(filePath), { recursive: true });
+  await fs$1.writeFile(filePath, data);
+};
 const formatFiles = async (root) => {
   let filePath, data;
   filePath = path.join(root, "src/mocks/handlers.ts");
   data = "import { handlers } from './consts';\n\nexport { handlers };";
-  await fs$1.writeFile(filePath, data + os.EOL);
+  await writeFile(filePath, data + os.EOL);
   filePath = path.join(root, "src/mocks/example/index.ts");
   data = `
     import { handlers } from '@mocks/handlers';
@@ -210,9 +214,8 @@ const formatFiles = async (root) => {
       })
     );
   `;
-  await fs$1.writeFile(filePath, data + os.EOL);
+  await writeFile(filePath, data + os.EOL);
   filePath = path.join(root, "src/react-loader.tsx");
-  await fs$1.mkdir(path.dirname(filePath), { recursive: true });
   data = [
     "import { lazy } from 'react';",
     "",
@@ -221,23 +224,23 @@ const formatFiles = async (root) => {
     "};",
     ""
   ].join("\n");
-  await fs$1.writeFile(filePath, data);
+  await writeFile(filePath, data);
   filePath = path.join(root, "src/_types/atoms.d.ts");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
     `
   );
   filePath = path.join(root, "src/_types/molecules.d.ts");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
     `
   );
   filePath = path.join(root, "src/_types/organisms.d.ts");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
@@ -248,7 +251,7 @@ const formatFiles = async (root) => {
     `
   );
   filePath = path.join(root, "src/pages/Home.tsx");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import Template from '@templates/home/Home';
@@ -261,7 +264,7 @@ const formatFiles = async (root) => {
     `
   );
   filePath = path.join(root, "src/templates/home/Home.tsx");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { FooterModel, HeaderModel } from '@_types/organisms';
@@ -293,7 +296,7 @@ const formatFiles = async (root) => {
     `
   );
   filePath = path.join(root, "src/organisms/header/Header.tsx");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { getModifiers } from '@helpers/functions';
@@ -315,9 +318,9 @@ const formatFiles = async (root) => {
     `
   );
   filePath = path.join(root, "src/organisms/header/Header.scss");
-  await fs$1.writeFile(filePath, "");
+  await writeFile(filePath, "");
   filePath = path.join(root, "src/organisms/footer/Footer.tsx");
-  await fs$1.writeFile(
+  await writeFile(
     filePath,
     `
       import { getModifiers } from '@helpers/functions';
@@ -339,7 +342,7 @@ const formatFiles = async (root) => {
     `
   );
   filePath = path.join(root, "src/organisms/footer/Footer.scss");
-  await fs$1.writeFile(filePath, "");
+  await writeFile(filePath, "");
   return ["xxx"];
 };
 const filename = fileURLToPath(import.meta.url);
@@ -353,32 +356,35 @@ const installTemplate = async (model) => {
     cwd: path.join(dirname, "..")
   });
   await formatFiles(root);
-  const packageJson2 = JSON.parse(await fs$1.readFile("package.json", "utf8"));
-  packageJson2.name = appName;
-  packageJson2.description = "";
-  packageJson2.version = "0.1.0";
-  delete packageJson2.bin;
-  packageJson2.scripts && Object.keys(packageJson2.scripts).map((scriptName) => {
-    if (scriptName.startsWith("cli")) {
-      delete packageJson2.scripts[scriptName];
-    }
-  });
-  packageJson2.dependencies && Object.keys(packageJson2.dependencies).map((dependency) => {
-    if (!dependency.startsWith("react")) {
-      delete packageJson2.dependencies[dependency];
+  const packageJson$1 = {
+    name: appName,
+    description: "",
+    version: "0.1.0",
+    type: "module",
+    private: true,
+    scripts: {
+      start: "buner dev",
+      dev: "buner dev",
+      serve: "buner serve",
+      build: "buner build",
+      generate: "buner generate",
+      eshn: "buner eshn",
+      inte: "buner inte",
+      styles: "buner styles",
+      prerender: "buner prerender"
+    },
+    dependencies: {
+      buner: `^${packageJson.version}`,
+      react: "^19.0.0",
+      "react-dom": "^19.0.0",
+      "react-router-dom": "^7.0.0"
     }
-  });
-  const devDeps = Object.keys(packageJson2.devDependencies).length;
-  if (!devDeps) delete packageJson2.devDependencies;
-  await fs$1.writeFile(path.join(root, "package.json"), JSON.stringify(packageJson2, null, 2) + os.EOL);
+  };
+  await fs$1.writeFile(path.join(root, "package.json"), JSON.stringify(packageJson$1, null, 2) + os.EOL);
   console.log("\nInstalling dependencies:");
-  for (const dependency in packageJson2.dependencies) {
+  for (const dependency in packageJson$1.dependencies) {
     console.log(`- ${cyan$1(dependency)}`);
   }
-  if (devDeps) {
-    console.log("\nInstalling devDependencies:");
-    for (const dependency in packageJson2.devDependencies) console.log(`- ${cyan$1(dependency)}`);
-  }
   await install();
 };
 const { green: green$1 } = chalk;
@@ -424,6 +430,8 @@ function validateNpmName(name2) {
 }
 const { green, yellow, bold, cyan, red } = chalk;
 const packageName = "buner";
+const packageDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+const pkg = (file) => path.join(packageDir, file);
 const run = (cmd, args = [], options = {}) => {
   return new Promise((resolve, reject) => {
     const child = spawn(cmd, args, {
@@ -510,52 +518,52 @@ program.command("dev").description("Start development mode with all watchers").a
   await run("npx", [
     "concurrently",
     "--kill-others",
-    '"bun styles.ts --watch"',
-    '"bun states.ts --watch"',
-    '"cross-env scriptOnly=true npx vite build --mode development --watch"',
-    '"bun server.ts --mode development"'
+    `"bun ${pkg("styles.ts")} --watch"`,
+    `"bun ${pkg("states.ts")} --watch"`,
+    `"cross-env scriptOnly=true npx vite build --config ${pkg("vite.config.ts")} --mode development --watch"`,
+    `"bun ${pkg("server.ts")} --mode development"`
   ]);
 });
 program.command("serve").description("Start the SSR dev server").option("--mode <mode>", "server mode", "development").action(async (opts) => {
-  await run("bun", ["server.ts", "--mode", opts.mode]);
+  await run("bun", [pkg("server.ts"), "--mode", opts.mode]);
 });
 program.command("build").description("Build the project (static + SSR)").action(async () => {
-  runSync("npx vite build --outDir dist/static");
-  runSync("npx vite build --ssr src/entry-server.tsx --outDir dist/server");
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --outDir dist/static`);
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --ssr src/entry-server.tsx --outDir dist/server`);
 });
 program.command("generate").description("Full static site generation (states + styles + build + prerender)").option("--mode <mode>", "build mode", "production").action(async (opts) => {
-  runSync("bun states.ts");
-  runSync("bun styles.ts");
+  runSync(`bun ${pkg("states.ts")}`);
+  runSync(`bun ${pkg("styles.ts")}`);
   if (opts.mode === "production") {
-    runSync("npx vite build --outDir dist/static");
-    runSync("npx vite build --ssr src/entry-server.tsx --outDir dist/server");
+    runSync(`npx vite build --config ${pkg("vite.config.ts")} --outDir dist/static`);
+    runSync(`npx vite build --config ${pkg("vite.config.ts")} --ssr src/entry-server.tsx --outDir dist/server`);
   } else {
-    runSync(`npx vite build --outDir dist/static --mode ${opts.mode}`);
-    runSync(`npx vite build --ssr src/entry-server.tsx --outDir dist/server --mode ${opts.mode}`);
+    runSync(`npx vite build --config ${pkg("vite.config.ts")} --outDir dist/static --mode ${opts.mode}`);
+    runSync(`npx vite build --config ${pkg("vite.config.ts")} --ssr src/entry-server.tsx --outDir dist/server --mode ${opts.mode}`);
   }
-  runSync(`bun prerender.ts --add-hash --mode ${opts.mode}`);
+  runSync(`bun ${pkg("prerender.ts")} --add-hash --mode ${opts.mode}`);
 });
 program.command("eshn").description("Generate with --mode eshn").action(async () => {
-  runSync("bun states.ts");
-  runSync("bun styles.ts");
-  runSync("npx vite build --outDir dist/static --mode eshn");
-  runSync("npx vite build --ssr src/entry-server.tsx --outDir dist/server --mode eshn");
-  runSync("bun prerender.ts --add-hash --mode eshn");
+  runSync(`bun ${pkg("states.ts")}`);
+  runSync(`bun ${pkg("styles.ts")}`);
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --outDir dist/static --mode eshn`);
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --ssr src/entry-server.tsx --outDir dist/server --mode eshn`);
+  runSync(`bun ${pkg("prerender.ts")} --add-hash --mode eshn`);
 });
 program.command("inte").description("Build and integrate with backend (styles + build + prerender + integration)").action(async () => {
-  runSync("bun styles.ts");
-  runSync("npx vite build --outDir dist/static");
-  runSync("npx vite build --ssr src/entry-server.tsx --outDir dist/server");
-  runSync("bun prerender.ts");
-  runSync("bun integration.ts");
+  runSync(`bun ${pkg("styles.ts")}`);
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --outDir dist/static`);
+  runSync(`npx vite build --config ${pkg("vite.config.ts")} --ssr src/entry-server.tsx --outDir dist/server`);
+  runSync(`bun ${pkg("prerender.ts")}`);
+  runSync(`bun ${pkg("integration.ts")}`);
 });
 program.command("styles").description("Compile SCSS").option("--watch", "Watch for changes").action(async (opts) => {
-  const args = ["styles.ts"];
+  const args = [pkg("styles.ts")];
   if (opts.watch) args.push("--watch");
   await run("bun", args);
 });
 program.command("prerender").description("Pre-render HTML files").option("--add-hash", "Add content hashes to asset URLs").option("--mode <mode>", "build mode", "production").action(async (opts) => {
-  const args = ["prerender.ts"];
+  const args = [pkg("prerender.ts")];
   if (opts.addHash) args.push("--add-hash");
   args.push("--mode", opts.mode);
   await run("bun", args);

package/cli/buner.ts

@@ -2,6 +2,7 @@
 
 import path from 'path';
 import { execSync, spawn, SpawnOptions } from 'child_process';
+import { fileURLToPath } from 'url';
 
 import { Command } from 'commander';
 import chalk from 'chalk';
@@ -16,6 +17,12 @@ import { validateNpmName } from './helpers/validate-pkg.js';
 const { green, yellow, bold, cyan, red } = chalk;
 const packageName = 'buner';
 
+// Package's own directory (where server.ts, styles.ts, etc. live)
+const packageDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+
+/** Resolve a file path relative to the buner package directory */
+const pkg = (file: string) => path.join(packageDir, file);
+
 const run = (cmd: string, args: string[] = [], options: SpawnOptions = {}) => {
   return new Promise<void>((resolve, reject) => {
     const child = spawn(cmd, args, {
@@ -132,10 +139,10 @@ program
     await run('npx', [
       'concurrently',
       '--kill-others',
-      '"bun styles.ts --watch"',
-      '"bun states.ts --watch"',
-      '"cross-env scriptOnly=true npx vite build --mode development --watch"',
-      '"bun server.ts --mode development"',
+      `"bun ${pkg('styles.ts')} --watch"`,
+      `"bun ${pkg('states.ts')} --watch"`,
+      `"cross-env scriptOnly=true npx vite build --config ${pkg('vite.config.ts')} --mode development --watch"`,
+      `"bun ${pkg('server.ts')} --mode development"`,
     ]);
   });
 
@@ -145,7 +152,7 @@ program
   .description('Start the SSR dev server')
   .option('--mode <mode>', 'server mode', 'development')
   .action(async (opts) => {
-    await run('bun', ['server.ts', '--mode', opts.mode]);
+    await run('bun', [pkg('server.ts'), '--mode', opts.mode]);
   });
 
 // buner build
@@ -153,8 +160,8 @@ program
   .command('build')
   .description('Build the project (static + SSR)')
   .action(async () => {
-    runSync('npx vite build --outDir dist/static');
-    runSync('npx vite build --ssr src/entry-server.tsx --outDir dist/server');
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --outDir dist/static`);
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --ssr src/entry-server.tsx --outDir dist/server`);
   });
 
 // buner generate
@@ -163,16 +170,16 @@ program
   .description('Full static site generation (states + styles + build + prerender)')
   .option('--mode <mode>', 'build mode', 'production')
   .action(async (opts) => {
-    runSync('bun states.ts');
-    runSync('bun styles.ts');
+    runSync(`bun ${pkg('states.ts')}`);
+    runSync(`bun ${pkg('styles.ts')}`);
     if (opts.mode === 'production') {
-      runSync('npx vite build --outDir dist/static');
-      runSync('npx vite build --ssr src/entry-server.tsx --outDir dist/server');
+      runSync(`npx vite build --config ${pkg('vite.config.ts')} --outDir dist/static`);
+      runSync(`npx vite build --config ${pkg('vite.config.ts')} --ssr src/entry-server.tsx --outDir dist/server`);
     } else {
-      runSync(`npx vite build --outDir dist/static --mode ${opts.mode}`);
-      runSync(`npx vite build --ssr src/entry-server.tsx --outDir dist/server --mode ${opts.mode}`);
+      runSync(`npx vite build --config ${pkg('vite.config.ts')} --outDir dist/static --mode ${opts.mode}`);
+      runSync(`npx vite build --config ${pkg('vite.config.ts')} --ssr src/entry-server.tsx --outDir dist/server --mode ${opts.mode}`);
     }
-    runSync(`bun prerender.ts --add-hash --mode ${opts.mode}`);
+    runSync(`bun ${pkg('prerender.ts')} --add-hash --mode ${opts.mode}`);
   });
 
 // buner eshn
@@ -180,11 +187,11 @@ program
   .command('eshn')
   .description('Generate with --mode eshn')
   .action(async () => {
-    runSync('bun states.ts');
-    runSync('bun styles.ts');
-    runSync('npx vite build --outDir dist/static --mode eshn');
-    runSync('npx vite build --ssr src/entry-server.tsx --outDir dist/server --mode eshn');
-    runSync('bun prerender.ts --add-hash --mode eshn');
+    runSync(`bun ${pkg('states.ts')}`);
+    runSync(`bun ${pkg('styles.ts')}`);
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --outDir dist/static --mode eshn`);
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --ssr src/entry-server.tsx --outDir dist/server --mode eshn`);
+    runSync(`bun ${pkg('prerender.ts')} --add-hash --mode eshn`);
   });
 
 // buner inte
@@ -192,11 +199,11 @@ program
   .command('inte')
   .description('Build and integrate with backend (styles + build + prerender + integration)')
   .action(async () => {
-    runSync('bun styles.ts');
-    runSync('npx vite build --outDir dist/static');
-    runSync('npx vite build --ssr src/entry-server.tsx --outDir dist/server');
-    runSync('bun prerender.ts');
-    runSync('bun integration.ts');
+    runSync(`bun ${pkg('styles.ts')}`);
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --outDir dist/static`);
+    runSync(`npx vite build --config ${pkg('vite.config.ts')} --ssr src/entry-server.tsx --outDir dist/server`);
+    runSync(`bun ${pkg('prerender.ts')}`);
+    runSync(`bun ${pkg('integration.ts')}`);
   });
 
 // buner styles
@@ -205,7 +212,7 @@ program
   .description('Compile SCSS')
   .option('--watch', 'Watch for changes')
   .action(async (opts) => {
-    const args = ['styles.ts'];
+    const args = [pkg('styles.ts')];
 
     if (opts.watch) args.push('--watch');
     await run('bun', args);
@@ -218,7 +225,7 @@ program
   .option('--add-hash', 'Add content hashes to asset URLs')
   .option('--mode <mode>', 'build mode', 'production')
   .action(async (opts) => {
-    const args = ['prerender.ts'];
+    const args = [pkg('prerender.ts')];
 
     if (opts.addHash) args.push('--add-hash');
     args.push('--mode', opts.mode);

package/cli/helpers/copy.ts

@@ -9,23 +9,26 @@ interface CopyOption {
 
 const excludeFiles = [
   '.git',
+  '.github',
+  '.npmrc',
   'bin',
+  'cli',
+  'xpack',
   '.vscode',
   '.build',
+  'node_modules',
+  'server.ts',
+  'prerender.ts',
+  'integration.ts',
+  'styles.ts',
+  'scripts.ts',
+  'states.ts',
+  'migrate-scss.ts',
+  'vite.config.ts',
+  'vite.cli.config.ts',
+  'src',
   'public/samples',
   'public/assets/vendors',
-  'src/_api/!(_base.ts)',
-  'src/_data',
-  'src/assets/scripts/!(color-mode|main|mock-api|pl-states|root|theme-critical).entry.ts',
-  'src/atoms',
-  'src/mocks/avatar',
-  'src/mocks/user',
-  'src/molecules',
-  'src/organisms/!(root|header|footer)/*',
-  'src/pages/!(Root|Home).tsx',
-  'src/templates/!(root|home)/*',
-  '!cli',
-  '!vite.cli.config.ts',
 ];
 
 const copy = async (src: string | string[], dest: string, { cwd }: CopyOption) => {
@@ -39,10 +42,6 @@ const copy = async (src: string | string[], dest: string, { cwd }: CopyOption) =
 
   const destRelativeToCwd = path.resolve(dest);
 
-  await fs.mkdir(path.join(destRelativeToCwd, 'src/atoms'), { recursive: true });
-  await fs.mkdir(path.join(destRelativeToCwd, 'src/molecules'), { recursive: true });
-  await fs.mkdir(path.join(destRelativeToCwd, 'src/mocks/example'), { recursive: true });
-
   return Promise.all(
     sourceFiles.map(async (p) => {
       const dirname = path.dirname(p);

package/cli/helpers/format-files.ts

@@ -2,6 +2,11 @@ import path from 'path';
 import os from 'os';
 import fs from 'fs/promises';
 
+const writeFile = async (filePath: string, data: string) => {
+  await fs.mkdir(path.dirname(filePath), { recursive: true });
+  await fs.writeFile(filePath, data);
+};
+
 const formatFiles = async (root: string) => {
   let filePath, data;
 
@@ -9,7 +14,7 @@ const formatFiles = async (root: string) => {
   filePath = path.join(root, 'src/mocks/handlers.ts');
   data = "import { handlers } from './consts';\n\nexport { handlers };";
 
-  await fs.writeFile(filePath, data + os.EOL);
+  await writeFile(filePath, data + os.EOL);
 
   // example mock file
   filePath = path.join(root, 'src/mocks/example/index.ts');
@@ -24,11 +29,10 @@ const formatFiles = async (root: string) => {
     );
   `;
 
-  await fs.writeFile(filePath, data + os.EOL);
+  await writeFile(filePath, data + os.EOL);
 
   // react loader
   filePath = path.join(root, 'src/react-loader.tsx');
-  await fs.mkdir(path.dirname(filePath), { recursive: true });
   data = [
     "import { lazy } from 'react';",
     '',
@@ -38,12 +42,12 @@ const formatFiles = async (root: string) => {
     '',
   ].join('\n');
 
-  await fs.writeFile(filePath, data);
+  await writeFile(filePath, data);
 
   // src/_types/atoms.d.ts
   filePath = path.join(root, 'src/_types/atoms.d.ts');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
@@ -53,7 +57,7 @@ const formatFiles = async (root: string) => {
   // src/_types/molecules.d.d.ts
   filePath = path.join(root, 'src/_types/molecules.d.ts');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
@@ -63,7 +67,7 @@ const formatFiles = async (root: string) => {
   // src/_types/organisms.d.ts
   filePath = path.join(root, 'src/_types/organisms.d.ts');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { BasedAtomicModel } from "./_general";
@@ -77,7 +81,7 @@ const formatFiles = async (root: string) => {
   // pages/Home.tsx
   filePath = path.join(root, 'src/pages/Home.tsx');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import Template from '@templates/home/Home';
@@ -93,7 +97,7 @@ const formatFiles = async (root: string) => {
   // templates/home/Home.tsx
   filePath = path.join(root, 'src/templates/home/Home.tsx');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { FooterModel, HeaderModel } from '@_types/organisms';
@@ -128,7 +132,7 @@ const formatFiles = async (root: string) => {
   // src/organisms/header/Header.tsx
   filePath = path.join(root, 'src/organisms/header/Header.tsx');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { getModifiers } from '@helpers/functions';
@@ -153,12 +157,12 @@ const formatFiles = async (root: string) => {
   // src/organisms/header/Header.scss
   filePath = path.join(root, 'src/organisms/header/Header.scss');
 
-  await fs.writeFile(filePath, '');
+  await writeFile(filePath, '');
 
   // src/organisms/footer/Footer.tsx
   filePath = path.join(root, 'src/organisms/footer/Footer.tsx');
 
-  await fs.writeFile(
+  await writeFile(
     filePath,
     `
       import { getModifiers } from '@helpers/functions';
@@ -183,7 +187,7 @@ const formatFiles = async (root: string) => {
   // src/organisms/footer/Footer.scss
   filePath = path.join(root, 'src/organisms/footer/Footer.scss');
 
-  await fs.writeFile(filePath, '');
+  await writeFile(filePath, '');
 
   return ['xxx'];
 };

package/cli/install-template.ts

@@ -9,6 +9,7 @@ import chalk from 'chalk';
 import { copy } from './helpers/copy.js';
 import { install } from './helpers/install.js';
 import { formatFiles } from './helpers/format-files.js';
+import packageJson_ from '../package.json';
 
 export const filename = fileURLToPath(import.meta.url);
 export const dirname = path.dirname(filename);
@@ -32,30 +33,30 @@ const installTemplate = async (model: Props) => {
 
   await formatFiles(root);
 
-  const packageJson = JSON.parse(await fs.readFile('package.json', 'utf8'));
-
-  packageJson.name = appName;
-  packageJson.description = '';
-  packageJson.version = '0.1.0';
-
-  delete packageJson.bin;
-  packageJson.scripts &&
-    Object.keys(packageJson.scripts).map((scriptName: string) => {
-      if (scriptName.startsWith('cli')) {
-        delete packageJson.scripts[scriptName];
-      }
-    });
-
-  packageJson.dependencies &&
-    Object.keys(packageJson.dependencies).map((dependency) => {
-      if (!dependency.startsWith('react')) {
-        delete packageJson.dependencies[dependency];
-      }
-    });
-
-  const devDeps = Object.keys(packageJson.devDependencies).length;
-
-  if (!devDeps) delete packageJson.devDependencies;
+  const packageJson = {
+    name: appName,
+    description: '',
+    version: '0.1.0',
+    type: 'module',
+    private: true,
+    scripts: {
+      start: 'buner dev',
+      dev: 'buner dev',
+      serve: 'buner serve',
+      build: 'buner build',
+      generate: 'buner generate',
+      eshn: 'buner eshn',
+      inte: 'buner inte',
+      styles: 'buner styles',
+      prerender: 'buner prerender',
+    },
+    dependencies: {
+      buner: `^${packageJson_.version}`,
+      react: '^19.0.0',
+      'react-dom': '^19.0.0',
+      'react-router-dom': '^7.0.0',
+    },
+  };
 
   await fs.writeFile(path.join(root, 'package.json'), JSON.stringify(packageJson, null, 2) + os.EOL);
 
@@ -65,12 +66,6 @@ const installTemplate = async (model: Props) => {
     console.log(`- ${cyan(dependency)}`);
   }
 
-  if (devDeps) {
-    console.log('\nInstalling devDependencies:');
-
-    for (const dependency in packageJson.devDependencies) console.log(`- ${cyan(dependency)}`);
-  }
-
   await install();
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buner",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Frontend build toolkit for Vite + React SSR projects — SCSS pipeline, prerender, SSR dev server, and backend integration.",
   "type": "module",
   "license": "MIT",