blumenjs 0.1.2 → 0.1.4

package/dist/cli/blumen.js

@@ -3,6 +3,9 @@
 import { spawn, execSync } from "child_process";
 
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -24,10 +27,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`
@@ -147,17 +170,11 @@ async function dev() {
     log.success(`${c.bold}Ready!${c.reset} All services are running.`);
     log.blank();
     console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}App${c.reset}:     ${c.cyan}http://localhost:3000${c.reset}`
-    );
-    console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}SSR${c.reset}:     ${c.dim}http://localhost:4000${c.reset}`
-    );
-    console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}HMR${c.reset}:     ${c.dim}http://localhost:3100${c.reset}`
+      `  ${c.dim}\u279C${c.reset}  ${c.bold}App${c.reset}:  ${c.cyan}http://localhost:3000${c.reset}`
     );
     log.blank();
     console.log(
-      `  ${c.dim}Press ${c.bold}Ctrl+C${c.reset}${c.dim} to stop all services.${c.reset}`
+      `  ${c.dim}Press ${c.bold}Ctrl+C${c.reset}${c.dim} to stop.${c.reset}`
     );
     log.blank();
     divider();
@@ -231,10 +248,10 @@ async function build() {
 
 // cli/commands/start.ts
 import { spawn as spawn2 } from "child_process";
-import * as fs from "fs";
+import * as fs2 from "fs";
 async function start() {
   banner();
-  if (!fs.existsSync("dist/ssr-server.js")) {
+  if (!fs2.existsSync("dist/ssr-server.js")) {
     log.error("Production build not found.");
     log.info(
       `Run ${c.bold}blumen build${c.reset} first to create a production build.`
@@ -319,23 +336,23 @@ async function start() {
 }
 
 // cli/commands/create.ts
-import * as fs2 from "fs";
-import * as path from "path";
+import * as fs3 from "fs";
+import * as path2 from "path";
 import { execSync as execSync3 } from "child_process";
 function getFrameworkRoot() {
-  const cliEntry = fs2.realpathSync(process.argv[1]);
-  const cliDir = path.dirname(cliEntry);
-  return path.resolve(cliDir, "..");
+  const cliEntry = fs3.realpathSync(process.argv[1]);
+  const cliDir = path2.dirname(cliEntry);
+  return path2.resolve(cliDir, "..");
 }
 function readProjectFile(relativePath) {
   const root = getFrameworkRoot();
-  const bundledPath = path.join(root, "templates", relativePath);
-  if (fs2.existsSync(bundledPath)) {
-    return fs2.readFileSync(bundledPath, "utf-8");
+  const bundledPath = path2.join(root, "templates", relativePath);
+  if (fs3.existsSync(bundledPath)) {
+    return fs3.readFileSync(bundledPath, "utf-8");
   }
-  const sourcePath = path.join(root, relativePath);
-  if (fs2.existsSync(sourcePath)) {
-    return fs2.readFileSync(sourcePath, "utf-8");
+  const sourcePath = path2.join(root, relativePath);
+  if (fs3.existsSync(sourcePath)) {
+    return fs3.readFileSync(sourcePath, "utf-8");
   }
   throw new Error(`Template file not found: ${relativePath}`);
 }
@@ -538,10 +555,71 @@ export function Link({ href, children, onClick, target, ...rest }: LinkProps) {
 
 export default Link;
 `;
+var DOCKERFILE = `# \u2500\u2500 Stage 1: Build Go server \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM golang:1.22-alpine AS go-builder
+WORKDIR /app
+COPY go-server/ go-server/
+WORKDIR /app/go-server
+RUN go build -o /app/blumen-server main.go
+
+# \u2500\u2500 Stage 2: Build Node SSR + client bundle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM node:20-alpine AS node-builder
+WORKDIR /app
+COPY package.json tsconfig.json webpack.config.js ./
+COPY app/ app/
+COPY node-ssr/ node-ssr/
+COPY scripts/ scripts/
+RUN npm install --production=false
+RUN npx tsx scripts/generate-routes.ts
+RUN npx webpack --mode production
+RUN npx esbuild node-ssr/server.ts --bundle --platform=node --format=esm \\
+    --outfile=dist/ssr-server.js --external:react --external:react-dom
+
+# \u2500\u2500 Stage 3: Production image \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM node:20-alpine
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Copy Go binary
+COPY --from=go-builder /app/blumen-server ./blumen-server
+
+# Copy Node SSR server + production deps
+COPY --from=node-builder /app/dist/ ./dist/
+COPY --from=node-builder /app/static/ ./static/
+COPY --from=node-builder /app/node_modules/ ./node_modules/
+COPY --from=node-builder /app/package.json ./
+
+EXPOSE 3000 4000
+
+# Start both services (Go on :3000, Node SSR on :4000)
+CMD sh -c './blumen-server & NODE_ENV=production node dist/ssr-server.js'
+`;
+var DOCKER_COMPOSE = `services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "wget", "--spider", "-q", "http://localhost:3000"]
+      interval: 30s
+      timeout: 5s
+      retries: 3
+      start_period: 10s
+`;
+var DOCKERIGNORE = `node_modules
+dist
+static/js/bundle.js
+.git
+*.log
+.DS_Store
+`;
 function writeFile(base, relPath, content) {
-  const fullPath = path.join(base, relPath);
-  fs2.mkdirSync(path.dirname(fullPath), { recursive: true });
-  fs2.writeFileSync(fullPath, content, "utf-8");
+  const fullPath = path2.join(base, relPath);
+  fs3.mkdirSync(path2.dirname(fullPath), { recursive: true });
+  fs3.writeFileSync(fullPath, content, "utf-8");
 }
 function getTemplateFiles(projectName) {
   return [
@@ -563,7 +641,11 @@ function getTemplateFiles(projectName) {
     ["go-server/main.go", readProjectFile("go-server/main.go")],
     ["scripts/generate-routes.ts", readProjectFile("scripts/generate-routes.ts")],
     // Placeholder
-    ["static/js/.gitkeep", ""]
+    ["static/js/.gitkeep", ""],
+    // Docker support (production deployment)
+    ["Dockerfile", DOCKERFILE],
+    ["docker-compose.yml", DOCKER_COMPOSE],
+    [".dockerignore", DOCKERIGNORE]
   ];
 }
 async function create(projectName) {
@@ -578,8 +660,8 @@ async function create(projectName) {
     );
     process.exit(1);
   }
-  const projectDir = path.resolve(process.cwd(), projectName);
-  if (fs2.existsSync(projectDir)) {
+  const projectDir = path2.resolve(process.cwd(), projectName);
+  if (fs3.existsSync(projectDir)) {
     log.error(`Directory ${c.bold}${projectName}${c.reset} already exists.`);
     process.exit(1);
   }
@@ -628,7 +710,6 @@ async function create(projectName) {
 }
 
 // cli/blumen.ts
-var VERSION = "0.1.0";
 async function main() {
   const command = process.argv[2];
   if (!command || command === "--help" || command === "-h") {
@@ -653,8 +734,8 @@ async function main() {
     console.log("");
     return;
   }
-  if (command === "--version" || command === "-v") {
-    console.log(`blumen v${VERSION}`);
+  if (command === "--version" || command === "-v" || command === "version") {
+    console.log(`blumen v${getVersion()}`);
     return;
   }
   switch (command) {

package/dist/cli/commands/build.js

@@ -2,6 +2,9 @@
 import { execSync } from "child_process";
 
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -23,10 +26,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`

package/dist/cli/commands/create.js

@@ -1,9 +1,12 @@
 // cli/commands/create.ts
-import * as fs from "fs";
-import * as path from "path";
+import * as fs2 from "fs";
+import * as path2 from "path";
 import { execSync } from "child_process";
 
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -25,10 +28,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`
@@ -65,19 +88,19 @@ async function select(question, options) {
 
 // cli/commands/create.ts
 function getFrameworkRoot() {
-  const cliEntry = fs.realpathSync(process.argv[1]);
-  const cliDir = path.dirname(cliEntry);
-  return path.resolve(cliDir, "..");
+  const cliEntry = fs2.realpathSync(process.argv[1]);
+  const cliDir = path2.dirname(cliEntry);
+  return path2.resolve(cliDir, "..");
 }
 function readProjectFile(relativePath) {
   const root = getFrameworkRoot();
-  const bundledPath = path.join(root, "templates", relativePath);
-  if (fs.existsSync(bundledPath)) {
-    return fs.readFileSync(bundledPath, "utf-8");
+  const bundledPath = path2.join(root, "templates", relativePath);
+  if (fs2.existsSync(bundledPath)) {
+    return fs2.readFileSync(bundledPath, "utf-8");
   }
-  const sourcePath = path.join(root, relativePath);
-  if (fs.existsSync(sourcePath)) {
-    return fs.readFileSync(sourcePath, "utf-8");
+  const sourcePath = path2.join(root, relativePath);
+  if (fs2.existsSync(sourcePath)) {
+    return fs2.readFileSync(sourcePath, "utf-8");
   }
   throw new Error(`Template file not found: ${relativePath}`);
 }
@@ -280,10 +303,71 @@ export function Link({ href, children, onClick, target, ...rest }: LinkProps) {
 
 export default Link;
 `;
+var DOCKERFILE = `# \u2500\u2500 Stage 1: Build Go server \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM golang:1.22-alpine AS go-builder
+WORKDIR /app
+COPY go-server/ go-server/
+WORKDIR /app/go-server
+RUN go build -o /app/blumen-server main.go
+
+# \u2500\u2500 Stage 2: Build Node SSR + client bundle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM node:20-alpine AS node-builder
+WORKDIR /app
+COPY package.json tsconfig.json webpack.config.js ./
+COPY app/ app/
+COPY node-ssr/ node-ssr/
+COPY scripts/ scripts/
+RUN npm install --production=false
+RUN npx tsx scripts/generate-routes.ts
+RUN npx webpack --mode production
+RUN npx esbuild node-ssr/server.ts --bundle --platform=node --format=esm \\
+    --outfile=dist/ssr-server.js --external:react --external:react-dom
+
+# \u2500\u2500 Stage 3: Production image \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+FROM node:20-alpine
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Copy Go binary
+COPY --from=go-builder /app/blumen-server ./blumen-server
+
+# Copy Node SSR server + production deps
+COPY --from=node-builder /app/dist/ ./dist/
+COPY --from=node-builder /app/static/ ./static/
+COPY --from=node-builder /app/node_modules/ ./node_modules/
+COPY --from=node-builder /app/package.json ./
+
+EXPOSE 3000 4000
+
+# Start both services (Go on :3000, Node SSR on :4000)
+CMD sh -c './blumen-server & NODE_ENV=production node dist/ssr-server.js'
+`;
+var DOCKER_COMPOSE = `services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "wget", "--spider", "-q", "http://localhost:3000"]
+      interval: 30s
+      timeout: 5s
+      retries: 3
+      start_period: 10s
+`;
+var DOCKERIGNORE = `node_modules
+dist
+static/js/bundle.js
+.git
+*.log
+.DS_Store
+`;
 function writeFile(base, relPath, content) {
-  const fullPath = path.join(base, relPath);
-  fs.mkdirSync(path.dirname(fullPath), { recursive: true });
-  fs.writeFileSync(fullPath, content, "utf-8");
+  const fullPath = path2.join(base, relPath);
+  fs2.mkdirSync(path2.dirname(fullPath), { recursive: true });
+  fs2.writeFileSync(fullPath, content, "utf-8");
 }
 function getTemplateFiles(projectName) {
   return [
@@ -305,7 +389,11 @@ function getTemplateFiles(projectName) {
     ["go-server/main.go", readProjectFile("go-server/main.go")],
     ["scripts/generate-routes.ts", readProjectFile("scripts/generate-routes.ts")],
     // Placeholder
-    ["static/js/.gitkeep", ""]
+    ["static/js/.gitkeep", ""],
+    // Docker support (production deployment)
+    ["Dockerfile", DOCKERFILE],
+    ["docker-compose.yml", DOCKER_COMPOSE],
+    [".dockerignore", DOCKERIGNORE]
   ];
 }
 async function create(projectName) {
@@ -320,8 +408,8 @@ async function create(projectName) {
     );
     process.exit(1);
   }
-  const projectDir = path.resolve(process.cwd(), projectName);
-  if (fs.existsSync(projectDir)) {
+  const projectDir = path2.resolve(process.cwd(), projectName);
+  if (fs2.existsSync(projectDir)) {
     log.error(`Directory ${c.bold}${projectName}${c.reset} already exists.`);
     process.exit(1);
   }

package/dist/cli/commands/dev.js

@@ -2,6 +2,9 @@
 import { spawn, execSync } from "child_process";
 
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -23,10 +26,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`
@@ -122,17 +145,11 @@ async function dev() {
     log.success(`${c.bold}Ready!${c.reset} All services are running.`);
     log.blank();
     console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}App${c.reset}:     ${c.cyan}http://localhost:3000${c.reset}`
-    );
-    console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}SSR${c.reset}:     ${c.dim}http://localhost:4000${c.reset}`
-    );
-    console.log(
-      `  ${c.dim}\u279C${c.reset}  ${c.bold}HMR${c.reset}:     ${c.dim}http://localhost:3100${c.reset}`
+      `  ${c.dim}\u279C${c.reset}  ${c.bold}App${c.reset}:  ${c.cyan}http://localhost:3000${c.reset}`
     );
     log.blank();
     console.log(
-      `  ${c.dim}Press ${c.bold}Ctrl+C${c.reset}${c.dim} to stop all services.${c.reset}`
+      `  ${c.dim}Press ${c.bold}Ctrl+C${c.reset}${c.dim} to stop.${c.reset}`
     );
     log.blank();
     divider();

package/dist/cli/commands/start.js

@@ -1,8 +1,11 @@
 // cli/commands/start.ts
 import { spawn } from "child_process";
-import * as fs from "fs";
+import * as fs2 from "fs";
 
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -24,10 +27,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`
@@ -41,7 +64,7 @@ function divider() {
 // cli/commands/start.ts
 async function start() {
   banner();
-  if (!fs.existsSync("dist/ssr-server.js")) {
+  if (!fs2.existsSync("dist/ssr-server.js")) {
     log.error("Production build not found.");
     log.info(
       `Run ${c.bold}blumen build${c.reset} first to create a production build.`

package/dist/cli/utils.js

@@ -1,4 +1,7 @@
 // cli/utils.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
 var c = {
   reset: "\x1B[0m",
   bold: "\x1B[1m",
@@ -20,10 +23,30 @@ var log = {
   step: (msg) => console.log(`  ${c.dim}\u2192${c.reset}  ${msg}`),
   blank: () => console.log("")
 };
+function getVersion() {
+  try {
+    const thisFile = fileURLToPath(import.meta.url);
+    let dir = path.dirname(thisFile);
+    for (let i = 0; i < 5; i++) {
+      const pkgFile = path.join(dir, "package.json");
+      if (fs.existsSync(pkgFile)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgFile, "utf-8"));
+        if (pkg.name === "blumenjs" || pkg.name === "go-react-ssr") {
+          return pkg.version;
+        }
+      }
+      dir = path.dirname(dir);
+    }
+    return "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+}
 function banner() {
+  const version = getVersion();
   console.log("");
   console.log(
-    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v0.1.0${c.reset}`
+    `  ${c.magenta}${c.bold}\u{1F338} Blumen${c.reset} ${c.dim}v${version}${c.reset}`
   );
   console.log(
     `  ${c.dim}The React framework powered by Go${c.reset}`
@@ -80,6 +103,7 @@ export {
   c,
   confirm,
   divider,
+  getVersion,
   log,
   select
 };

package/dist/templates/app/pages/BlumenStarter.tsx

@@ -7,7 +7,7 @@ interface HomeProps {
 
 const HomePage: React.FC<HomeProps> = () => {
 	return (
-		<>
+		<div className="blumen-home">
 			<style
 				dangerouslySetInnerHTML={{
 					__html: `
@@ -305,8 +305,7 @@ const HomePage: React.FC<HomeProps> = () => {
 			`,
 				}}
 			/>
-			<div className="blumen-home">
-				{/* Background effects */}
+			{/* Background effects */}
 				<div className="blumen-bg" />
 				<div className="blumen-orb blumen-orb-1" />
 				<div className="blumen-orb blumen-orb-2" />
@@ -390,8 +389,7 @@ const HomePage: React.FC<HomeProps> = () => {
 						</p>
 					</div>
 				</div>
-			</div>
-		</>
+		</div>
 	);
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "blumenjs",
-	"version": "0.1.2",
+	"version": "0.1.4",
 	"description": "The React framework powered by Go. Lightning-fast SSR with the DX you deserve.",
 	"type": "module",
 	"bin": {