@navneet_25/tempjs 2.0.0 → 3.0.0

package/scripts/template-modules-admin.mjs

@@ -0,0 +1,366 @@
+import { mkdirSync, readFileSync, writeFileSync, unlinkSync, existsSync } from "node:fs";
+import { dirname, join } from "node:path";
+
+/**
+ * Shipped templates with vertical admin tabs (room types, projects, facilities).
+ * @param {string} content
+ */
+export function isVerticalAdminRegistry(content) {
+  return (
+    content.includes("RoomTypesPanel") ||
+    content.includes("ProjectsPanel") ||
+    content.includes("FacilitiesList")
+  );
+}
+
+/**
+ * @param {string} content
+ * @param {string} iconName
+ */
+function addLucideIcon(content, iconName) {
+  if (content.includes(iconName)) return content;
+
+  const blockMatch = content.match(/import\s*\{([^}]+)\}\s*from\s*"lucide-react";/s);
+  if (blockMatch) {
+    const icons = blockMatch[1]
+      .split(",")
+      .map((s) => s.trim())
+      .filter(Boolean);
+    if (!icons.includes(iconName)) {
+      icons.push(iconName);
+    }
+    const formatted = icons.map((i) => `  ${i}`).join(",\n");
+    return content.replace(
+      blockMatch[0],
+      `import {\n${formatted},\n} from "lucide-react";`
+    );
+  }
+
+  const singleMatch = content.match(
+    /import\s*\{([^}]+)\}\s*from\s*"lucide-react";/
+  );
+  if (singleMatch && !singleMatch[1].includes("\n")) {
+    const icons = singleMatch[1]
+      .split(",")
+      .map((s) => s.trim())
+      .filter(Boolean);
+    if (!icons.includes(iconName)) icons.push(iconName);
+    return content.replace(
+      singleMatch[0],
+      `import { ${icons.join(", ")} } from "lucide-react";`
+    );
+  }
+
+  return `import { ${iconName} } from "lucide-react";\n${content}`;
+}
+
+/**
+ * @param {string} content
+ * @param {string} importLine
+ */
+function ensureComponentImport(content, importLine) {
+  if (content.includes(importLine)) return content;
+  const anchor = content.match(/import type \{ AdminTabDefinition \}/);
+  if (anchor) {
+    return content.replace(
+      /import type \{ AdminTabDefinition \}[^\n]+\n/,
+      `$&${importLine}\n`
+    );
+  }
+  return `${importLine}\n${content}`;
+}
+
+/**
+ * @param {string} content
+ */
+function ensureSiteImport(content) {
+  if (content.includes('from "@/constants"')) return content;
+  return `import { SITE } from "@/constants";\n${content}`;
+}
+
+/**
+ * Merge gallery/reviews/blog-compose tab blocks into an existing vertical template registry.
+ * @param {string} registryPath
+ * @param {string[]} moduleIds
+ */
+export function mergeGalleryReviewsIntoRegistry(registryPath, moduleIds) {
+  let content = readFileSync(registryPath, "utf8");
+  const hasGallery = moduleIds.includes("gallery");
+  const hasReviews = moduleIds.includes("reviews");
+  const hasBlogCompose = moduleIds.includes("blog-compose");
+
+  if (hasGallery || hasReviews || hasBlogCompose) {
+    content = ensureSiteImport(content);
+  }
+
+  if (hasGallery) {
+    content = addLucideIcon(content, "Images");
+    content = ensureComponentImport(
+      content,
+      'import GalleryList from "./components/GalleryList";'
+    );
+
+    if (!content.includes('id: "gallery"')) {
+      const galleryBlock = `
+  if (SITE.features.gallery) {
+    tabs.push({
+      id: "gallery",
+      label: "Photo Gallery",
+      icon: Images,
+      Panel: GalleryList,
+      featureFlag: "gallery",
+    });
+  }`;
+
+      content = content.replace(/\n  return tabs;/, `${galleryBlock}\n\n  return tabs;`);
+    }
+  }
+
+  if (hasReviews) {
+    content = addLucideIcon(content, "MessageSquare");
+    content = ensureComponentImport(
+      content,
+      'import ReviewsList from "./components/ReviewsList";'
+    );
+
+    if (!content.includes('id: "reviews"')) {
+      const reviewsBlock = `
+  if (SITE.features.reviews) {
+    tabs.push({
+      id: "reviews",
+      label: "Testimonials",
+      icon: MessageSquare,
+      Panel: ReviewsList,
+      featureFlag: "reviews",
+    });
+  }`;
+
+      content = content.replace(/\n  return tabs;/, `${reviewsBlock}\n\n  return tabs;`);
+    }
+  }
+
+  if (hasBlogCompose) {
+    content = addLucideIcon(content, "BookOpen");
+    content = ensureComponentImport(
+      content,
+      'import BlogComposePanel from "./panels/BlogComposePanel";'
+    );
+
+    if (!content.includes('id: "blog-compose"')) {
+      const blogBlock = `
+  if (SITE.features.blogCompose) {
+    tabs.push({
+      id: "blog-compose",
+      label: "Blog articles",
+      icon: BookOpen,
+      Panel: BlogComposePanel,
+      featureFlag: "blogCompose",
+    });
+  }`;
+
+      content = content.replace(/\n  return tabs;/, `${blogBlock}\n\n  return tabs;`);
+    }
+  }
+
+  writeFileSync(registryPath, content, "utf8");
+}
+
+/**
+ * Generated registry for scaffold / client projects (no vertical tabs).
+ * @param {string[]} moduleIds
+ * @returns {string}
+ */
+export function buildScaffoldAdminRegistrySource(moduleIds) {
+  const hasGallery = moduleIds.includes("gallery");
+  const hasReviews = moduleIds.includes("reviews");
+  const hasBlogCompose = moduleIds.includes("blog-compose");
+
+  const imports = [
+    'import type { AdminTabDefinition } from "@/lib/admin/types";',
+    'import { Users, Sliders, Award, Palette } from "lucide-react";',
+    'import LeadsPanel from "./panels/LeadsPanel";',
+    'import PromoBannerForm from "./components/PromoBannerForm";',
+    'import LaunchLogoForm from "./components/LaunchLogoForm";',
+    'import ThemeEditor from "./components/ThemeEditor";',
+  ];
+
+  if (hasGallery || hasReviews || hasBlogCompose) {
+    imports.unshift('import { SITE } from "@/constants";');
+  }
+
+  if (hasGallery) {
+    imports.push('import { Images } from "lucide-react";');
+    imports.push('import GalleryList from "./components/GalleryList";');
+  }
+  if (hasReviews) {
+    imports.push('import { MessageSquare } from "lucide-react";');
+    imports.push('import ReviewsList from "./components/ReviewsList";');
+  }
+  if (hasBlogCompose) {
+    imports.push('import { BookOpen } from "lucide-react";');
+    imports.push('import BlogComposePanel from "./panels/BlogComposePanel";');
+  }
+
+  const lines = [
+    ...imports,
+    "",
+    "/** Scaffold admin tabs — leads, theme, promo, logo; optional modules when installed. */",
+    "export function getAdminTabs(): AdminTabDefinition[] {",
+    "  const tabs: AdminTabDefinition[] = [",
+    "    { id: \"leads\", label: \"Customer Leads\", icon: Users, Panel: LeadsPanel },",
+    "    { id: \"theme\", label: \"Theme & Colors\", icon: Palette, Panel: ThemeEditor },",
+    "    { id: \"banner\", label: \"Promo Settings\", icon: Sliders, Panel: PromoBannerForm },",
+    "    { id: \"logo\", label: \"Launch Logo\", icon: Award, Panel: LaunchLogoForm },",
+    "  ];",
+  ];
+
+  if (hasGallery) {
+    lines.push(
+      "",
+      "  if (SITE.features.gallery) {",
+      "    tabs.push({",
+      "      id: \"gallery\",",
+      "      label: \"Photo Gallery\",",
+      "      icon: Images,",
+      "      Panel: GalleryList,",
+      "      featureFlag: \"gallery\",",
+      "    });",
+      "  }"
+    );
+  }
+
+  if (hasReviews) {
+    lines.push(
+      "",
+      "  if (SITE.features.reviews) {",
+      "    tabs.push({",
+      "      id: \"reviews\",",
+      "      label: \"Testimonials\",",
+      "      icon: MessageSquare,",
+      "      Panel: ReviewsList,",
+      "      featureFlag: \"reviews\",",
+      "    });",
+      "  }"
+    );
+  }
+
+  if (hasBlogCompose) {
+    lines.push(
+      "",
+      "  if (SITE.features.blogCompose) {",
+      "    tabs.push({",
+      "      id: \"blog-compose\",",
+      "      label: \"Blog articles\",",
+      "      icon: BookOpen,",
+      "      Panel: BlogComposePanel,",
+      "      featureFlag: \"blogCompose\",",
+      "    });",
+      "  }"
+    );
+  }
+
+  lines.push("", "  return tabs;", "}", "");
+
+  return lines.join("\n");
+}
+
+/** @deprecated Use buildScaffoldAdminRegistrySource */
+export function buildAdminRegistrySource(moduleIds) {
+  return buildScaffoldAdminRegistrySource(moduleIds);
+}
+
+/**
+ * @param {string} templateRoot
+ */
+export function removeLegacyAdminContentPage(templateRoot) {
+  const contentPage = join(templateRoot, "app", "admin", "content", "page.tsx");
+  if (existsSync(contentPage)) {
+    unlinkSync(contentPage);
+    console.log("  ✓ removed legacy app/admin/content/page.tsx");
+  }
+}
+
+/**
+ * @param {string} templateRoot
+ */
+export function applyAdminDashboard(templateRoot) {
+  const pageSource = [
+    '"use client";',
+    "",
+    "import React, { useMemo, useState } from \"react\";",
+    "import AdminShell from \"@/lib/admin/AdminShell\";",
+    "import { getAdminTabs } from \"./registry\";",
+    "import { useGetLeads } from \"./hooks/useLeads\";",
+    "",
+    "export default function AdminDashboard() {",
+    "  const tabs = useMemo(() => getAdminTabs(), []);",
+    "  const [activeTabId, setActiveTabId] = useState(tabs[0]?.id ?? \"leads\");",
+    "  const { isLoading: isLoadingLeads } = useGetLeads();",
+    "",
+    "  return (",
+    "    <AdminShell",
+    "      tabs={tabs}",
+    "      activeTabId={activeTabId}",
+    "      onTabChange={setActiveTabId}",
+    "      title=\"Management Dashboard\"",
+    "      subtitle=\"Manage leads, site settings, and optional content modules.\"",
+    "      loading={activeTabId === \"leads\" && isLoadingLeads}",
+    "    />",
+    "  );",
+    "}",
+    "",
+  ].join("\n");
+
+  const pagePath = join(templateRoot, "app", "admin", "page.tsx");
+  mkdirSync(dirname(pagePath), { recursive: true });
+  writeFileSync(pagePath, pageSource, "utf8");
+  console.log("  ✓ wired unified app/admin/page.tsx dashboard");
+}
+
+/**
+ * Wire scaffold registry + dashboard (no gallery/reviews modules).
+ * @param {string} templateRoot
+ */
+export function applyScaffoldAdminRegistry(templateRoot) {
+  const registryPath = join(templateRoot, "app", "admin", "registry.ts");
+  if (!existsSync(registryPath)) {
+    writeFileSync(registryPath, buildScaffoldAdminRegistrySource([]), "utf8");
+    console.log("  ✓ created app/admin/registry.ts (scaffold tabs)");
+  }
+  applyAdminDashboard(templateRoot);
+}
+
+/**
+ * Regenerate or merge admin tab registry when gallery/reviews modules are installed.
+ * @param {string} templateRoot
+ * @param {string[]} moduleIds
+ */
+export function applyAdminTabRegistry(templateRoot, moduleIds) {
+  const hasGallery = moduleIds.includes("gallery");
+  const hasReviews = moduleIds.includes("reviews");
+  const hasBlogCompose = moduleIds.includes("blog-compose");
+
+  if (!hasGallery && !hasReviews && !hasBlogCompose) {
+    return;
+  }
+
+  const registryPath = join(templateRoot, "app", "admin", "registry.ts");
+  const existing = existsSync(registryPath) ? readFileSync(registryPath, "utf8") : "";
+
+  if (existing && isVerticalAdminRegistry(existing)) {
+    mergeGalleryReviewsIntoRegistry(registryPath, moduleIds);
+    console.log("  ✓ merged optional module tabs into app/admin/registry.ts");
+  } else {
+    mkdirSync(dirname(registryPath), { recursive: true });
+    writeFileSync(registryPath, buildScaffoldAdminRegistrySource(moduleIds), "utf8");
+    console.log("  ✓ updated app/admin/registry.ts with module tabs");
+    applyAdminDashboard(templateRoot);
+  }
+
+  removeLegacyAdminContentPage(templateRoot);
+}
+
+/** @deprecated Use applyAdminTabRegistry + applyAdminDashboard */
+export function applyAdminContentPage(templateRoot, moduleIds) {
+  applyAdminTabRegistry(templateRoot, moduleIds);
+}

package/scripts/template-modules-home.mjs

@@ -0,0 +1,120 @@
+/**
+ * @param {string[]} moduleIds
+ * @returns {string}
+ */
+export function buildModulesHomePageSource(moduleIds) {
+  const hasHero = moduleIds.includes("hero-simple");
+  const hasFooter = moduleIds.includes("footer");
+  const hasEnquiry = moduleIds.includes("enquiry-modal");
+  const hasGallery = moduleIds.includes("gallery");
+  const hasReviews = moduleIds.includes("reviews");
+  const hasBlogCompose = moduleIds.includes("blog-compose");
+
+  const uiModules = ["enquiry-modal", "footer", "hero-simple", "gallery", "reviews", "blog-compose"];
+  const hasAnyUi = moduleIds.some((id) => uiModules.includes(id));
+
+  const imports = [
+    'import React, { useState } from "react";',
+    'import Navbar from "./components/Navbar";',
+    'import PromoBanner from "./components/PromoBanner";',
+    'import StickyWidgets from "./components/StickyWidgets";',
+    'import { SITE } from "@/constants";',
+  ];
+
+  if (hasHero) imports.push('import Hero from "./components/Hero";');
+  if (hasFooter) imports.push('import Footer from "./components/Footer";');
+  if (hasEnquiry) imports.push('import EnquiryModal from "./components/EnquiryModal";');
+  if (hasGallery) imports.push('import GallerySection from "./components/GallerySection";');
+  if (hasReviews) imports.push('import ReviewsSection from "./components/ReviewsSection";');
+  if (hasBlogCompose) imports.push('import BlogSection from "./components/BlogSection";');
+
+  const lines = [
+    ...imports,
+    "",
+    "export default function HomePage() {",
+    "  const [isModalOpen, setIsModalOpen] = useState(false);",
+    "  const [modalSelection, setModalSelection] = useState(\"\");",
+    "",
+    "  const handleOpenEnquiry = (label = \"\") => {",
+    "    setModalSelection(label || SITE.brand.name);",
+    "    setIsModalOpen(true);",
+    "  };",
+    "",
+    "  const handleCloseEnquiry = () => {",
+    "    setIsModalOpen(false);",
+    "    setModalSelection(\"\");",
+    "  };",
+    "",
+    "  return (",
+    "    <div className=\"relative min-h-screen flex flex-col font-sans bg-bg-main\">",
+    "      <Navbar onOpenEnquiry={handleOpenEnquiry} />",
+    "",
+  ];
+
+  if (hasHero) {
+    lines.push("      <Hero onOpenEnquiry={handleOpenEnquiry} />");
+  }
+
+  if (!hasHero && !hasGallery && !hasReviews && !hasBlogCompose) {
+    lines.push(
+      "      <main className=\"mx-auto max-w-3xl px-6 py-16 flex-1\">",
+      "        <h1 className=\"text-3xl font-bold text-primary\">{SITE.brand.name}</h1>",
+      "        <p className=\"mt-4 text-text-muted\">{SITE.brand.tagline}</p>",
+      "        <p className=\"mt-6 text-sm text-text-muted\">",
+      "          Add domain sections in this template folder.",
+      "        </p>",
+      "      </main>"
+    );
+  }
+
+  if (hasGallery) {
+    lines.push("      <GallerySection />");
+  }
+
+  if (hasReviews) {
+    lines.push("      <ReviewsSection />");
+  }
+
+  if (hasBlogCompose) {
+    lines.push("      <BlogSection />");
+  }
+
+  lines.push("", "      <PromoBanner onOpenEnquiry={handleOpenEnquiry} />");
+
+  if (hasFooter) {
+    lines.push("", "      <Footer />");
+  }
+
+  lines.push("", "      <StickyWidgets onOpenEnquiry={handleOpenEnquiry} />");
+
+  if (hasEnquiry) {
+    lines.push(
+      "",
+      "      <EnquiryModal",
+      "        isOpen={isModalOpen}",
+      "        onClose={handleCloseEnquiry}",
+      "        defaultSelection={modalSelection}",
+      "      />"
+    );
+  }
+
+  lines.push("    </div>", "  );", "}", "");
+
+  if (!hasAnyUi) {
+    return [
+      'import { SITE } from "@/constants";',
+      "",
+      "export default function HomePage() {",
+      "  return (",
+      "    <main className=\"mx-auto max-w-3xl px-6 py-16\">",
+      "      <h1 className=\"text-3xl font-bold\">{SITE.brand.name}</h1>",
+      "      <p className=\"mt-4 text-text-muted\">{SITE.brand.tagline}</p>",
+      "    </main>",
+      "  );",
+      "}",
+      "",
+    ].join("\n");
+  }
+
+  return lines.join("\n");
+}

package/templates.json

@@ -10,13 +10,27 @@
       "directory": "hotel-website-template",
       "name": "Hotel Website",
       "description": "Modern hotel and resort website with admin panel, gallery, and booking features",
-      "version": "1.2.0",
-      "stack": ["Next.js 16", "React 19", "TypeScript", "Tailwind CSS 4", "Prisma", "MariaDB", "NextAuth"],
+      "version": "1.3.0",
+      "stack": [
+        "Next.js 16",
+        "React 19",
+        "TypeScript",
+        "Tailwind CSS 4",
+        "Prisma",
+        "MariaDB",
+        "NextAuth"
+      ],
       "packageManager": "pnpm",
       "node": ">=20",
       "setupTime": "~10 min",
       "docker": true,
-      "tags": ["admin", "cms", "gallery", "booking", "leads"],
+      "tags": [
+        "admin",
+        "cms",
+        "gallery",
+        "booking",
+        "leads"
+      ],
       "features": [
         "Admin dashboard for rooms, facilities, reviews, and leads",
         "Gallery and promo banner management",
@@ -24,19 +38,65 @@
         "LeadRat CRM integration",
         "Docker Compose for local MariaDB"
       ],
-      "docs": "DEVELOPER_GUIDE.md"
+      "docs": "GETTING_STARTED.md",
+      "init": {
+        "flagGroups": [
+          "generate",
+          "theme",
+          "brand",
+          "database"
+        ],
+        "brandFields": [
+          "name",
+          "shortName",
+          "baseUrl",
+          "phone",
+          "phoneDisplay",
+          "countryCode",
+          "email",
+          "address",
+          "tagline",
+          "developerName",
+          "channelPartner",
+          "templeDistance"
+        ]
+      },
+      "coreModules": [
+        "enquiry-modal",
+        "seo",
+        "gallery",
+        "reviews"
+      ],
+      "templateModules": [
+        "room-types",
+        "facilities",
+        "slug-pages"
+      ]
     },
     "real-estate": {
       "directory": "real-estate-website-template",
       "name": "Real Estate Website",
       "description": "Real estate and property listing website with admin panel and property management",
-      "version": "1.2.0",
-      "stack": ["Next.js 16", "React 19", "TypeScript", "Tailwind CSS 4", "Prisma", "MariaDB", "NextAuth"],
+      "version": "1.3.0",
+      "stack": [
+        "Next.js 16",
+        "React 19",
+        "TypeScript",
+        "Tailwind CSS 4",
+        "Prisma",
+        "MariaDB",
+        "NextAuth"
+      ],
       "packageManager": "pnpm",
       "node": ">=20",
       "setupTime": "~10 min",
       "docker": true,
-      "tags": ["admin", "cms", "properties", "leads"],
+      "tags": [
+        "admin",
+        "cms",
+        "properties",
+        "leads"
+      ],
       "features": [
         "Admin dashboard for property listings and leads",
         "Dynamic project pages with slug routing",
@@ -44,7 +104,102 @@
         "LeadRat CRM integration",
         "Docker Compose for local MariaDB"
       ],
-      "docs": "DEVELOPER_GUIDE.md"
+      "docs": "GETTING_STARTED.md",
+      "init": {
+        "flagGroups": [
+          "generate",
+          "theme",
+          "brand",
+          "database"
+        ],
+        "brandFields": [
+          "name",
+          "shortName",
+          "baseUrl",
+          "phone",
+          "phoneDisplay",
+          "countryCode",
+          "email",
+          "address",
+          "tagline",
+          "developerName",
+          "channelPartner",
+          "agentRera"
+        ]
+      },
+      "coreModules": [
+        "enquiry-modal",
+        "footer",
+        "hero-simple",
+        "seo"
+      ],
+      "templateModules": [
+        "projects",
+        "slug-pages"
+      ]
+    },
+    "dev-agency": {
+      "directory": "dev-agency-website-template",
+      "name": "Dev Agency Website",
+      "description": "Freelance dev agency landing page — expertise, team, CTA, featured work carousel, leads, and SEO",
+      "version": "1.0.0",
+      "stack": [
+        "Next.js 16",
+        "React 19",
+        "TypeScript",
+        "Tailwind CSS 4",
+        "Prisma",
+        "MariaDB",
+        "NextAuth"
+      ],
+      "packageManager": "pnpm",
+      "node": ">=20",
+      "setupTime": "~10 min",
+      "docker": true,
+      "tags": [
+        "admin",
+        "agency",
+        "portfolio",
+        "leads",
+        "seo"
+      ],
+      "features": [
+        "Dark agency landing with expertise, team, CTA, and work carousel",
+        "Admin CMS for expertise cards, team members, and featured projects",
+        "Lead capture via enquiry modal",
+        "SEO pack (sitemap, robots, JSON-LD)",
+        "Optional core modules via tempjs add-module (theme-modes, blog-compose+sidebar, gallery, reviews, …)"
+      ],
+      "optionalModuleExamples": [
+        "theme-modes",
+        "blog-compose+sidebar"
+      ],
+      "docs": "GETTING_STARTED.md",
+      "init": {
+        "flagGroups": [
+          "generate",
+          "theme",
+          "brand",
+          "database"
+        ],
+        "brandFields": [
+          "name",
+          "shortName",
+          "baseUrl",
+          "phone",
+          "phoneDisplay",
+          "countryCode",
+          "email",
+          "address",
+          "tagline",
+          "developerName",
+          "channelPartner"
+        ]
+      },
+      "coreModules": [
+        "enquiry-modal",
+        "seo"
+      ]
     }
   }
 }