ks-web-comp-nav 1.3.1

package/bin/commands/template/v3/navUsage.js

@@ -0,0 +1,45 @@
+import navDefaults from "./navDefaults.js";
+
+const navUsage = {
+    tagName: "ks-nav",
+    attributes: {
+        title: {
+            name: "ks-title",
+            defaultValue: "KeshavSoft"
+        },
+        titleId: {
+            name: "ks-title-id",
+            defaultValue: "titlehtmlId"
+        },
+        navClass: {
+            name: "ks-nav-class",
+            defaultValue: navDefaults.navClass
+        },
+        outerClass: {
+            name: "ks-outer-class",
+            defaultValue: navDefaults.outerClass
+        },
+        innerClass: {
+            name: "ks-inner-class",
+            defaultValue: navDefaults.innerClass
+        },
+        brandClass: {
+            name: "ks-brand-class",
+            defaultValue: navDefaults.brandClass
+        },
+        menuClass: {
+            name: "ks-menu-class",
+            defaultValue: navDefaults.menuClass
+        },
+        menuExtraClass: {
+            name: "ks-ul-class",
+            defaultValue: ""
+        },
+        buttonClass: {
+            name: "ks-button-class",
+            defaultValue: navDefaults.buttonClass
+        }
+    }
+};
+
+export default navUsage;

package/bin/commands/template/v3/readAttributeOrDefault.js

@@ -0,0 +1,9 @@
+const readAttributeOrDefault = ({ inElement, inName, inDefaultValue }) => {
+    const value = inElement.getAttribute(inName);
+
+    if (value === null) return inDefaultValue;
+
+    return value;
+};
+
+export default readAttributeOrDefault;

package/bin/commands/template/v3/readNavStoryFromElement.js

@@ -0,0 +1,42 @@
+import navDefaults from "./navDefaults.js";
+import readAttributeOrDefault from "./readAttributeOrDefault.js";
+
+const readNavStoryFromElement = ({ inElement }) => {
+    return {
+        navClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-nav-class",
+            inDefaultValue: navDefaults.navClass
+        }),
+        outerClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-outer-class",
+            inDefaultValue: navDefaults.outerClass
+        }),
+        innerClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-inner-class",
+            inDefaultValue: navDefaults.innerClass
+        }),
+        titleId: inElement.getAttribute("ks-title-id"),
+        title: inElement.getAttribute("ks-title"),
+        brandClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-brand-class",
+            inDefaultValue: navDefaults.brandClass
+        }),
+        menuClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-menu-class",
+            inDefaultValue: navDefaults.menuClass
+        }),
+        menuExtraClass: inElement.getAttribute("ks-ul-class"),
+        buttonClass: readAttributeOrDefault({
+            inElement,
+            inName: "ks-button-class",
+            inDefaultValue: navDefaults.buttonClass
+        })
+    };
+};
+
+export default readNavStoryFromElement;

package/bin/core/parseInput.js

@@ -0,0 +1,8 @@
+export default function parseInput() {
+    const [folderName] = process.argv.slice(2);
+
+    return {
+        folderName: folderName || null,
+        toPath: process.cwd()
+    };
+};

package/bin/core/resolveCommand.js

@@ -0,0 +1,16 @@
+import fs from "fs";
+
+const files = fs.readdirSync(new URL("../commands/", import.meta.url));
+
+const entries = await Promise.all(
+    files.filter(f => f.endsWith(".js"))
+        .map(async f => [f.replace(".js", ""), (await import(`../commands/${f}`)).default])
+);
+
+const map = Object.fromEntries(entries);
+
+const resolveCommand = (cmd) => {
+    return map[cmd] || null;
+};
+
+export default resolveCommand;

package/bin/core/showUsage.js

@@ -0,0 +1,46 @@
+/*
+JSON CRUD UI CLI – Entry Flow
+
+1. Read user input from terminal (parseInput)
+2. If no command → show usage
+3. If help flags → show usage
+4. Resolve command dynamically
+5. If command not found → show usage
+6. Validate command requirements
+7. Execute command
+
+Goal:
+- Zero confusion for user
+- Single source of truth (showUsage)
+- Self-validating commands
+- Easy to extend (drop-in command architecture)
+*/
+
+export default function showUsage(version) {
+    const g = "\x1b[32m";
+    const y = "\x1b[33m";
+    const c = "\x1b[36m";
+    const gray = "\x1b[90m";
+    const r = "\x1b[0m";
+
+    console.log(`
+${c}🚀 tailwind-header-dom v${version}${r}
+
+${y}Usage:${r}
+  ${g}npx tailwind-header-dom ${r} <command>
+
+${y}Commands:${r}
+  ${g}Header${r}      Builds header structure
+  
+
+${y}Examples:${r}
+  ${gray}npx tailwind-header-dom header${r}
+
+${y}Architecture:${r}
+  ${gray}commands are auto-loaded dynamically${r}
+  ${gray}each command validates required files${r}
+
+${y}Tip:${r}
+  ${gray}Run init first before feature commands${r}
+`);
+}

package/bin/start.js

@@ -0,0 +1,20 @@
+import parseInput from "./core/parseInput.js";
+import showUsage from './core/showUsage.js';
+
+import commandToRun from "./commands/nav.js";
+
+import pkg from '../package.json' with { type: 'json' };
+
+const version = pkg.version;
+
+const run = async () => {
+  const input = parseInput();
+
+  if (input.action === "--help" || input.action === "-h" || input.action === "help") return showUsage(version);
+
+  await commandToRun({
+    folderName: input.folderName
+  });
+};
+
+export default run;

package/index.js

@@ -0,0 +1,16 @@
+import getLatestVersion from "./bin/commands/steps/getLatestVersion.js";
+
+const load = async (cmd) => {
+    const v = getLatestVersion;
+    console.log("v : ", v);
+
+    // return (await import(`./bin/commands/template/${v}/index.js`));
+    const navDefaults = (await import(`./bin/commands/template/${v}/navDefaults.js`)).default;
+    const navUsage = (await import(`./bin/commands/template/${v}/navUsage.js`)).default;
+
+    return {
+        navDefaults, navUsage
+    };
+};
+
+export default load;

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "ks-web-comp-nav",
+  "version": "1.3.1",
+  "description": "CLI to scaffold projects using templates",
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "todo",
+    "tailwind-todo",
+    "boilerplate",
+    "scaffold",
+    "starter",
+    "template",
+    "cli"
+  ],
+  "scripts": {
+    "build:header": "vite build --config vite.header.config.js"
+  },
+  "devDependencies": {
+    "vite": "^8.0.14"
+  },
+  "type": "module",
+  "exports": {
+    ".": "./index.js"
+  },
+  "bin": {
+    "ks-web-comp-nav": "./bin/cli.js"
+  },
+  "files": [
+    "bin/",
+    "index.js",
+    "README.md",
+    "LICENSE"
+  ],
+  "homepage": "https://keshavsoft.github.io/ks-web-comp-nav/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/keshavsoft/ks-web-comp-nav.git"
+  },
+  "bugs": {
+    "url": "https://github.com/keshavsoft/ks-web-comp-nav/issues"
+  }
+}