@deneb-ui/create-template 2.0.5 → 2.0.7

package/README.md

@@ -4,7 +4,7 @@
 
 > **DENEB UI — Build beautiful interfaces, effortlessly.**  
 > The premier visual-first React component ecosystem.  
-> Created by **Chamika Gayashan & Induranga Kawishwara**.
+> Proudly presented by **DENEB-UI Collaborate with FIVORA**.
 
 [![Framework: DENEB UI](https://img.shields.io/badge/Framework-DENEB_UI_v2.0-blue.svg)](https://github.com/chamikathereal)
 [![License: MIT](https://img.shields.io/badge/License-MIT-teal.svg)](https://opensource.org/licenses/MIT)

package/bin/index.js

@@ -7,14 +7,33 @@ const readline = require('node:readline');
 const args = process.argv.slice(2);
 let targetDirInput = args[0];
 
+function stripAnsi(str) {
+  return str.replace(/\x1b\[[0-9;]*m/g, '');
+}
+
+function createBox(lines, width = 58) {
+  const cyan = '\x1b[36m';
+  const reset = '\x1b[0m';
+  const top = `  ${cyan}╔${'═'.repeat(width)}╗${reset}`;
+  const bottom = `  ${cyan}╚${'═'.repeat(width)}╝${reset}`;
+
+  const rows = lines.map((line) => {
+    const rawLen = stripAnsi(line).length;
+    const padTotal = Math.max(0, width - rawLen);
+    const padLeft = Math.floor(padTotal / 2);
+    const padRight = padTotal - padLeft;
+    return `  ${cyan}║${reset}${' '.repeat(padLeft)}${line}${' '.repeat(padRight)}${cyan}║${reset}`;
+  });
+
+  return [top, ...rows, bottom].join('\n');
+}
+
 function printBanner() {
-  console.log(`
-  \x1b[36m╔═════════════════════════════════════════════════════════════╗
-  ║                 \x1b[1mDENEB TEMPLATE CREATOR\x1b[0m\x1b[36m                    ║
-  ║          \x1b[90mScaffold a fast, compliant commerce template\x1b[0m\x1b[36m      ║
-  ║   \x1b[90mCreated by Chamika Gayashan & Induranga Kawishwara\x1b[0m\x1b[36m    ║
-  ╚═════════════════════════════════════════════════════════════╝\x1b[0m
-`);
+  console.log('\n' + createBox([
+    '\x1b[1m\x1b[37mDENEB TEMPLATE CREATOR\x1b[0m',
+    '\x1b[90mScaffold a fast, compliant commerce template\x1b[0m',
+    '\x1b[90mPowered by DENEB-UI Collaborate with FIVORA\x1b[0m'
+  ], 58) + '\n');
 }
 
 function copyFolderSync(src, dest) {
@@ -125,7 +144,7 @@ function runScaffolding(targetInput) {
   console.log(`  \x1b[36m${skipInstall ? '6' : '5'}. npm run zip\x1b[0m`);
   console.log(`     Package a clean, upload-ready \x1b[1mfivora-template.zip\x1b[0m.\n`);
 
-  console.log(`\x1b[90mArchitecture created by Chamika Gayashan & Induranga Kawishwara\x1b[0m`);
+  console.log(`\x1b[90mPowered by DENEB-UI Collaborate with FIVORA\x1b[0m`);
   console.log(`\x1b[1m\x1b[36mHappy building with DENEB UI! 🚀\x1b[0m\n`);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/create-template",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "Scaffold a modern, pre-validated DENEB UI storefront template in seconds. Created by Chamika Gayashan & Induranga Kawishwara.",
   "bin": {
     "create-deneb-template": "bin/index.js",

package/template/src/app/page.tsx

@@ -112,78 +112,6 @@ export default function HomePage() {
         </div>
       </section>
 
-      <section
-        className="page-section dev-guide-section"
-        data-design-section="home-developer-guide"
-      >
-        <div className="dev-guide-header">
-          <span className="dev-badge" data-preview-static="dev-guidance">
-            ⚡ DENEB UI &amp; Fivora Developer Guide
-          </span>
-          <h2 data-preview-static="dev-guidance">
-            How DENEB UI Configures with the Fivora Live Editor
-          </h2>
-          <p data-preview-static="dev-guidance">
-            DENEB UI components are visual-first React primitives engineered for live editing in the Fivora merchant platform:
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 my-8 text-left max-w-5xl mx-auto">
-          <div className="p-6 bg-white rounded-2xl border border-slate-200 shadow-sm">
-            <h4 data-preview-static="dev-card-title" className="font-bold text-slate-900 mb-2">1. Live Field Markers</h4>
-            <p data-preview-static="dev-card-desc" className="text-sm text-slate-500 leading-relaxed">
-              Every editable string connects to <code data-preview-static="dev-code">site-data.json</code> via <code data-preview-static="dev-code">fieldPath=&quot;home.title&quot;</code>. Clicking in Fivora highlights the field in the sidebar.
-            </p>
-          </div>
-          <div className="p-6 bg-white rounded-2xl border border-slate-200 shadow-sm">
-            <h4 data-preview-static="dev-card-title" className="font-bold text-slate-900 mb-2">2. Auto-Balancing Grids</h4>
-            <p data-preview-static="dev-card-desc" className="text-sm text-slate-500 leading-relaxed">
-              Use <code data-preview-static="dev-code">&lt;EditableGrid&gt;</code> and <code data-preview-static="dev-code">&lt;EditableCard&gt;</code> from <code data-preview-static="dev-code">@deneb-ui/ui</code> to ensure card heights remain balanced regardless of merchant copy length.
-            </p>
-          </div>
-          <div className="p-6 bg-white rounded-2xl border border-slate-200 shadow-sm">
-            <h4 data-preview-static="dev-card-title" className="font-bold text-slate-900 mb-2">3. Add UI Components</h4>
-            <p data-preview-static="dev-card-desc" className="text-sm text-slate-500 leading-relaxed">
-              Install pre-built components into <code data-preview-static="dev-code">src/components/ui/</code> anytime using <code data-preview-static="dev-code">npx deneb add &lt;name&gt;</code> (e.g. product-card, contact-actions, dialog).
-            </p>
-          </div>
-        </div>
-
-        <div className="dev-command-grid">
-          <div className="dev-cmd-card">
-            <div className="cmd-header">
-              <span className="cmd-tag" data-preview-static="dev-tag">Development</span>
-              <code data-preview-static="dev-command">npm run dev</code>
-            </div>
-            <p data-preview-static="dev-description">Hot-reloading local development with Next.js &amp; Tailwind CSS.</p>
-          </div>
-
-          <div className="dev-cmd-card">
-            <div className="cmd-header">
-              <span className="cmd-tag" data-preview-static="dev-tag">Simulate</span>
-              <code data-preview-static="dev-command">npm run lab</code>
-            </div>
-            <p data-preview-static="dev-description">Visual Editing Lab simulating merchant field clicks &amp; edits.</p>
-          </div>
-
-          <div className="dev-cmd-card">
-            <div className="cmd-header">
-              <span className="cmd-tag" data-preview-static="dev-tag">Compliance</span>
-              <code data-preview-static="dev-command">npm run validate</code>
-            </div>
-            <p data-preview-static="dev-description">Runs Fivora preflight contract tests &amp; empty states.</p>
-          </div>
-
-          <div className="dev-cmd-card">
-            <div className="cmd-header">
-              <span className="cmd-tag" data-preview-static="dev-tag">1-Click Upload</span>
-              <code data-preview-static="dev-command">npm run zip</code>
-            </div>
-            <p data-preview-static="dev-description">Automatically packages clean ZIP excluding caches &amp; junk files.</p>
-          </div>
-        </div>
-      </section>
-
       <section
         className="page-section"
         data-design-section="home-introduction"

package/template/src/data/site-data.json

@@ -41,7 +41,13 @@
         "contact": "Contact"
       },
       "footerHeading": "Build something extraordinary with Fivora.",
-      "copyright": "Fivora. All rights reserved."
+      "copyright": "Fivora. All rights reserved.",
+      "socialMedia": {
+        "twitter": "https://twitter.com",
+        "github": "https://github.com",
+        "linkedin": "https://linkedin.com",
+        "instagram": "https://instagram.com"
+      }
     },
     "home": {
       "heroEyebrow": "⚡ Fivora Template Starter",
@@ -91,7 +97,9 @@
       "email": "developer@fivora.lk",
       "address": "Colombo, Sri Lanka",
       "formTitle": "Send an enquiry",
-      "submitLabel": "Send Message"
+      "submitLabel": "Send Message",
+      "directMessageText": "Send us a direct message",
+      "whatsapp": "+94 77 123 4567"
     }
   },
   "media": {},