@navneet_25/tempjs 1.0.4 → 1.1.0

package/README.md

@@ -35,9 +35,11 @@ tempjs list
 ```bash
 tempjs list                  # show available templates
 tempjs hotel                 # create project from hotel template using default theme
-tempjs hotel config          # create project and run interactive theme/font setup
+tempjs hotel config          # create project and run full interactive configuration (theme, font, brand, database)
 tempjs theme                 # change/reset the theme of an initialized project
 tempjs font                  # change/reset the font pairing of an initialized project
+tempjs brand                 # configure brand identity & contact info of an initialized project
+tempjs init-db               # set up .env file and run database schema sync on an initialized project
 tempjs real-estate --force   # overwrite existing files
 tempjs --help                # show help
 ```
@@ -46,7 +48,7 @@ tempjs --help                # show help
 
 | Option        | Description |
 |---------------|-------------|
-| `--config`    | Prompt for theme and font pairings during template initialization |
+| `--config`    | Prompt for full configuration (theme, font, brand, db) during template initialization |
 | `--force`     | Overwrite files in the current directory without prompting |
 | `--remote`    | Fetch from GitHub even when a local template copy exists |
 | `--init-git`  | Run `git init` after copying (optional) |

package/cli/brand-manager.js

@@ -0,0 +1,108 @@
+import { createInterface } from "node:readline/promises";
+import { stdin as input, stdout as output } from "node:process";
+import { readFile, writeFile } from "node:fs/promises";
+import { findSiteTs } from "./theme-manager.js";
+
+export async function promptAndApplyBrand(targetDir) {
+  const siteTsPath = await findSiteTs(targetDir);
+  if (!siteTsPath) {
+    console.error("Error: Could not locate constants/site.ts. Make sure you are inside an initialized tempjs template directory.");
+    return;
+  }
+
+  // Load current values if possible to provide defaults
+  let siteContent = await readFile(siteTsPath, "utf8");
+
+  // Parse existing values using simple regex
+  const currentBrandName = (siteContent.match(/name:\s*"([^"]+)"/) || [])[1] || "Chanakya Resort";
+  const currentShortName = (siteContent.match(/shortName:\s*"([^"]+)"/) || [])[1] || "Chanakya";
+  const currentBaseUrl = (siteContent.match(/baseUrl:\s*"([^"]+)"/) || [])[1] || "https://chanakyaresort.com";
+  const currentPhone = (siteContent.match(/phone:\s*"([^"]+)"/) || [])[1] || "9876543210";
+  const currentPhoneDisplay = (siteContent.match(/phoneDisplay:\s*"([^"]+)"/) || [])[1] || "+91 98765 43210";
+  const currentCountryCode = (siteContent.match(/countryCode:\s*"([^"]+)"/) || [])[1] || "91";
+  const currentEmail = (siteContent.match(/email:\s*"([^"]+)"/) || [])[1] || "reservations@chanakyaresort.com";
+  const currentAddress = (siteContent.match(/full:\s*"([^"]+)"/) || [])[1] || "Lonavala, Maharashtra, India";
+
+  const rl = createInterface({ input, output });
+  try {
+    console.log("\n--- Configure Brand & Contact Details ---");
+
+    const brandName = (await rl.question(`Brand Name [${currentBrandName}]: `)).trim() || currentBrandName;
+    const shortName = (await rl.question(`Short/Display Name [${currentShortName}]: `)).trim() || currentShortName;
+    const baseUrl = (await rl.question(`Base URL [${currentBaseUrl}]: `)).trim() || currentBaseUrl;
+
+    // Derive wwwHost from baseUrl
+    let wwwHost = "www.example.com";
+    try {
+      const url = new URL(baseUrl);
+      wwwHost = url.hostname.startsWith("www.") ? url.hostname : `www.${url.hostname}`;
+    } catch {
+      wwwHost = baseUrl.replace(/^https?:\/\//, "");
+      if (!wwwHost.startsWith("www.")) wwwHost = `www.${wwwHost}`;
+    }
+
+    const phone = (await rl.question(`Contact Phone Number [${currentPhone}]: `)).trim() || currentPhone;
+    const phoneDisplay = (await rl.question(`Display Phone Number [${currentPhoneDisplay}]: `)).trim() || currentPhoneDisplay;
+    const countryCode = (await rl.question(`Country Code [${currentCountryCode}]: `)).trim() || currentCountryCode;
+    const email = (await rl.question(`Contact Email [${currentEmail}]: `)).trim() || currentEmail;
+    const address = (await rl.question(`Full Address [${currentAddress}]: `)).trim() || currentAddress;
+
+    // Build replacement blocks
+    const newBrandBlock = `brand: {
+    name: "${brandName}",
+    shortName: "${shortName}",
+    tagline: "Where Nature Meets Refined Comfort",
+    developerName: "${brandName}",
+    channelPartner: "${brandName} Partner",
+    copyright: "${brandName}. All Rights Reserved.",
+    managedBy: "Managed by ${brandName}.",
+  }`;
+
+    const newDomainBlock = `domain: {
+    baseUrl: "${baseUrl}",
+    wwwHost: "${wwwHost}",
+  }`;
+
+    // Extract address locality/region/country or keep defaults
+    let locality = "Lonavala";
+    let region = "MH";
+    const addressParts = address.split(",");
+    if (addressParts.length >= 2) {
+      locality = addressParts[0].trim();
+      region = addressParts[1].trim();
+    }
+
+    const newContactBlock = `contact: {
+    phone: "${phone}",
+    phoneDisplay: "${phoneDisplay}",
+    countryCode: "${countryCode}",
+    email: "${email}",
+    address: {
+      locality: "${locality}",
+      region: "${region}",
+      country: "IN",
+      full: "${address}",
+    },
+  }`;
+
+    // Apply replacements using exact patterns matching our templates
+    const brandRegex = /brand:\s*\{[\s\S]*?\n\s*\},/;
+    const domainRegex = /domain:\s*\{[\s\S]*?\n\s*\},/;
+    const contactRegex = /contact:\s*\{[\s\S]*?address:\s*\{[\s\S]*?\}[\s\S]*?\n\s*\},/;
+
+    if (brandRegex.test(siteContent)) {
+      siteContent = siteContent.replace(brandRegex, newBrandBlock + ",");
+    }
+    if (domainRegex.test(siteContent)) {
+      siteContent = siteContent.replace(domainRegex, newDomainBlock + ",");
+    }
+    if (contactRegex.test(siteContent)) {
+      siteContent = siteContent.replace(contactRegex, newContactBlock + ",");
+    }
+
+    await writeFile(siteTsPath, siteContent, "utf8");
+    console.log("Successfully updated brand and contact configurations in constants/site.ts.");
+  } finally {
+    rl.close();
+  }
+}

package/cli/db-setup.js

@@ -0,0 +1,120 @@
+import { createInterface } from "node:readline/promises";
+import { stdin as input, stdout as output } from "node:process";
+import { readFile, writeFile } from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { join, basename, resolve } from "node:path";
+import crypto from "node:crypto";
+import { execSync } from "node:child_process";
+
+export async function promptAndSetupDb(targetDir) {
+  const envPath = join(targetDir, ".env");
+  const envExamplePath = join(targetDir, ".env.example");
+
+  // Load existing env values as defaults if .env exists
+  let existingEnv = "";
+  if (existsSync(envPath)) {
+    try {
+      existingEnv = await readFile(envPath, "utf8");
+    } catch {
+      // Ignore
+    }
+  }
+
+  // Helper to extract env var
+  const getEnvVal = (key, fallback) => {
+    const match = existingEnv.match(new RegExp(`^${key}\\s*=\\s*["']?([^"'\r\n]+)["']?`, "m"));
+    return match ? match[1] : fallback;
+  };
+
+  // Parse existing DB URL if any
+  const currentDbUrl = getEnvVal("DATABASE_URL", "");
+  let defaultHost = "localhost";
+  let defaultPort = "3306";
+  let defaultUser = "root";
+  let defaultPass = "";
+  let defaultDbName = basename(resolve(targetDir)).toLowerCase().replace(/[^a-z0-9_]/g, "_") + "_db";
+
+  if (currentDbUrl) {
+    const urlMatch = currentDbUrl.match(/mysql:\/\/([^:@]+)(?::([^@]+))?@([^:/]+)(?::(\d+))?\/([^?]+)/);
+    if (urlMatch) {
+      defaultUser = urlMatch[1];
+      defaultPass = urlMatch[2] || "";
+      defaultHost = urlMatch[3];
+      defaultPort = urlMatch[4] || "3306";
+      defaultDbName = urlMatch[5];
+    }
+  }
+
+  const defaultAdminUser = getEnvVal("ADMIN_USER", "admin");
+  const defaultAdminPass = getEnvVal("ADMIN_PASSWORD", crypto.randomBytes(4).toString("hex"));
+
+  const rl = createInterface({ input, output });
+  try {
+    console.log("\n--- Configure Database & Environment Variables ---");
+
+    const host = (await rl.question(`MySQL Database Host [${defaultHost}]: `)).trim() || defaultHost;
+    const port = (await rl.question(`MySQL Database Port [${defaultPort}]: `)).trim() || defaultPort;
+    const user = (await rl.question(`MySQL Database Username [${defaultUser}]: `)).trim() || defaultUser;
+    const pass = (await rl.question(`MySQL Database Password [${defaultPass ? "*****" : "(empty)"}]: `)).trim() || defaultPass;
+    const dbName = (await rl.question(`MySQL Database Name [${defaultDbName}]: `)).trim() || defaultDbName;
+
+    const adminUser = (await rl.question(`Admin Portal Username [${defaultAdminUser}]: `)).trim() || defaultAdminUser;
+    const adminPass = (await rl.question(`Admin Portal Password [${defaultAdminPass}]: `)).trim() || defaultAdminPass;
+
+    // Construct MySQL Connection URL
+    const dbUrl = `mysql://${user}${pass ? `:${encodeURIComponent(pass)}` : ""}@${host}:${port}/${dbName}`;
+
+    // Read template or write fresh environment file
+    let envContent = "";
+    if (existsSync(envExamplePath)) {
+      envContent = await readFile(envExamplePath, "utf8");
+    }
+
+    // Generate fresh secret
+    const randomSecret = crypto.randomBytes(32).toString("base64");
+
+    // Replace or construct env keys
+    const updateEnvKey = (content, key, value) => {
+      const regex = new RegExp(`^#?\\s*${key}\\s*=.*$`, "m");
+      if (regex.test(content)) {
+        return content.replace(regex, `${key}="${value}"`);
+      }
+      return `${content.trim()}\n${key}="${value}"\n`;
+    };
+
+    if (envContent) {
+      envContent = updateEnvKey(envContent, "DATABASE_URL", dbUrl);
+      envContent = updateEnvKey(envContent, "AUTH_SECRET", randomSecret);
+      envContent = updateEnvKey(envContent, "ADMIN_USER", adminUser);
+      envContent = updateEnvKey(envContent, "ADMIN_PASSWORD", adminPass);
+    } else {
+      envContent = `DATABASE_URL="${dbUrl}"
+AUTH_SECRET="${randomSecret}"
+ADMIN_USER="${adminUser}"
+ADMIN_PASSWORD="${adminPass}"
+AUTH_TRUST_HOST="true"
+`;
+    }
+
+    await writeFile(envPath, envContent, "utf8");
+    console.log("Successfully created/updated .env configuration file.");
+
+    // Prompt to run prisma database push
+    const runMigrate = await rl.question("\nDo you want to initialize the database tables now using Prisma? (y/n) [y]: ");
+    const choice = runMigrate.trim().toLowerCase();
+    if (choice === "" || choice === "y" || choice === "yes") {
+      console.log("\nRunning Prisma Database Push (npx prisma db push)...");
+      try {
+        execSync("npx prisma db push", { cwd: targetDir, stdio: "inherit" });
+        console.log("\nSuccessfully synchronized database schemas.");
+      } catch (err) {
+        console.error("\nWarning: Database synchronization failed. Make sure your MySQL server is running and the database details are correct.");
+        console.error("You can run this manually later inside the project folder via: npx prisma db push");
+      }
+    } else {
+      console.log("\nSkipped database table synchronization. Remember to run 'npx prisma db push' before running the app.");
+    }
+  } finally {
+    rl.close();
+  }
+}

package/cli/index.js

@@ -10,6 +10,8 @@ import {
   applyThemeAndFont,
   getSavedConfig,
 } from "./theme-manager.js";
+import { promptAndApplyBrand } from "./brand-manager.js";
+import { promptAndSetupDb } from "./db-setup.js";
 import {
   copyTemplate,
   findConflictingPaths,
@@ -26,13 +28,15 @@ tempjs — instantiate project templates from GitHub
 USAGE
   tempjs list
   tempjs <template-id> [options]
-  tempjs <template-id> config     Initialize with interactive theme & typography setup
+  tempjs <template-id> config     Initialize with interactive theme, typography, brand & database setup
   tempjs theme                    Change the project's theme in an initialized directory
   tempjs font                     Change the project's font styling in an initialized directory
+  tempjs brand                    Configure the brand & contact info in an initialized directory
+  tempjs init-db                  Configure .env and sync database schema in an initialized directory
   tempjs --help
 
 OPTIONS
-  --config      Prompt for theme and font pairings during initialization
+  --config      Prompt for full interactive setup (theme, font, brand, db) during initialization
   --force       Overwrite existing files in the current directory
   --remote      Fetch from GitHub even if a local template copy exists
   --init-git    Run git init after copying the template
@@ -41,7 +45,8 @@ OPTIONS
 EXAMPLES
   mkdir hotel-client && cd hotel-client
   tempjs hotel config
-  tempjs theme
+  tempjs brand
+  tempjs init-db
 
 ENVIRONMENT
   TEMPLATES_REPO_URL       GitHub repo URL or owner/repo (overrides templates.json)
@@ -216,6 +221,12 @@ async function runTemplate(targetDir, templateId, flags, runWithConfig = false)
       const selectedTheme = await promptTheme("theme1");
       const selectedFont = await promptFont("default");
       await applyThemeAndFont(targetDir, selectedTheme, selectedFont);
+
+      // Interactive Brand & Contact Details configuration
+      await promptAndApplyBrand(targetDir);
+
+      // Environment & Database auto-setup
+      await promptAndSetupDb(targetDir);
     }
 
     console.log(`\nTemplate "${entry.name}" created successfully in ${targetDir}`);
@@ -254,16 +265,20 @@ async function main(argv) {
     return;
   }
 
-  if (command === "theme" || command === "font") {
+  if (command === "theme" || command === "font" || command === "brand" || command === "init-db") {
     const targetDir = process.cwd();
     const currentConfig = getSavedConfig(targetDir);
 
     if (command === "theme") {
       const selectedTheme = await promptTheme(currentConfig.theme || "theme1");
       await applyThemeAndFont(targetDir, selectedTheme, currentConfig.font || "default");
-    } else {
+    } else if (command === "font") {
       const selectedFont = await promptFont(currentConfig.font || "default");
       await applyThemeAndFont(targetDir, currentConfig.theme || "theme1", selectedFont);
+    } else if (command === "brand") {
+      await promptAndApplyBrand(targetDir);
+    } else if (command === "init-db") {
+      await promptAndSetupDb(targetDir);
     }
     return;
   }

package/cli/theme-manager.js

@@ -316,8 +316,12 @@ export async function applyThemeAndFont(targetDir, themeId, fontId) {
     if (!globalsContent.includes("tempjs-theme.css")) {
       // Prepend import at the top of the file
       globalsContent = `@import "./tempjs-theme.css";\n` + globalsContent;
-      await writeFile(globalsPath, globalsContent, "utf8");
     }
+
+    // Always append/update a timestamp touch comment to force bundler/Tailwind CSS recompilation
+    globalsContent = globalsContent.replace(/\/\* tempjs-touch: \d+ \*\/\s*$/, "");
+    globalsContent = globalsContent.trim() + `\n/* tempjs-touch: ${Date.now()} */\n`;
+    await writeFile(globalsPath, globalsContent, "utf8");
   } else {
     console.warn("Could not locate globals.css file in the project. CSS variables and font imports were not applied.");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navneet_25/tempjs",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "CLI to instantiate website project templates from a single GitHub repository",
   "type": "module",
   "bin": {