tailwind-header-dom 3.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 KeshavSoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,61 @@
+# tailwind-todo
+
+CLI to scaffold Tailwind based starter projects quickly.
+
+## Install
+
+```bash
+npm install -g tailwind-todo
+```
+
+or
+
+```bash
+npx tailwind-todo
+```
+
+## Usage
+
+```bash
+tailwind-todo
+```
+
+## Features
+
+- Tailwind starter setup
+- Boilerplate generation
+- CLI based workflow
+- Fast project scaffolding
+- Zero dependency
+- Simple folder structure
+
+## Generated Structure
+
+```text
+Project
+├── Public
+├── Config
+├── index.html
+├── app.js
+└── package.json
+```
+
+## Example
+
+```bash
+tailwind-todo
+```
+
+Select template and project gets created automatically.
+
+## Keywords
+
+tailwind, cli, scaffold, boilerplate, starter, template
+
+## Author
+
+KeshavSoft
+
+## License
+
+MIT

package/bin/cli.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+import getLatestVersion from "./core/getLatestVersion.js";
+import loadRunner from "./core/loadRunner.js";
+
+const run = async () => {
+  const version = getLatestVersion();
+  const runner = await loadRunner(version);
+  await runner();
+};
+
+run();

package/bin/core/getLatestVersion.js

@@ -0,0 +1,13 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default function getLatestVersion() {
+    const versions = fs.readdirSync(path.join(__dirname, ".."))
+        .filter(n => /^v\d+$/.test(n))
+        .sort((a, b) => parseInt(a.slice(1)) - parseInt(b.slice(1)));
+
+    return versions.at(-1);
+};

package/bin/core/loadRunner.js

@@ -0,0 +1,9 @@
+export default async function loadRunner(version) {
+    const mod = await import(`../${version}/start.js`);
+
+    if (typeof mod.default !== "function") {
+        throw new Error(`Invalid start.js in ${version}`);
+    }
+
+    return mod.default;
+};

package/bin/header/v2/commands/header/steps/announce.js

@@ -0,0 +1,3 @@
+export const announce = ({ inResolvedFolderName }) => {
+    console.log(`[keshavsoft] Project created: ${inResolvedFolderName}`);
+};

package/bin/header/v2/commands/header/steps/checks.js

@@ -0,0 +1,21 @@
+import fs from "fs";
+import path from "path";
+
+const validate = ({ toPath, inFolderName, inShowLog }) => {
+    const fullPath = path.join(toPath, inFolderName);
+
+    if (!fs.existsSync(fullPath)) {
+        return false;
+    }
+
+    const files = fs.readdirSync(fullPath);
+
+    if (files.length > 0) {
+        console.log("Folder should be empty");
+        return true;
+    };
+
+    return false;
+};
+
+export default validate;

package/bin/header/v2/commands/header/steps/createProject.js

@@ -0,0 +1,7 @@
+import fs from "fs";
+
+export const createProject = ({ source, destination }) => {
+    fs.mkdirSync(destination, { recursive: true });
+    
+    fs.cpSync(source, destination, { recursive: true });
+};

package/bin/header/v2/commands/header/steps/getLatestVersion.js

@@ -0,0 +1,25 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export default sourceVersion;

package/bin/header/v2/commands/header/steps/locateDestination.js

@@ -0,0 +1,5 @@
+import path from "path";
+
+export const locateDestination = ({ inResolvedFolderName }) => {
+    return path.join(process.cwd(), inResolvedFolderName);
+};

package/bin/header/v2/commands/header/steps/locateSource copy.js

@@ -0,0 +1,32 @@
+import fs from "fs";
+
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const templatePath = path.join(
+    __dirname,
+    "..",
+    "template"
+);
+
+const versions = fs
+    .readdirSync(templatePath)
+    .filter(item => item.startsWith("v"));
+
+const highestVersion =
+    versions.sort().at(-1);
+
+const sourceVersion =
+    highestVersion;
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/header/v2/commands/header/steps/locateSource.js

@@ -0,0 +1,19 @@
+import path from "path";
+
+import sourceVersion from "./getLatestVersion.js";
+
+import fs from "fs";
+
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export const locateSource = () => {
+    return path.join(
+        __dirname,
+        "..",
+        "template",
+        sourceVersion
+    );
+};

package/bin/header/v2/commands/header/steps/resolveFolderName.js

@@ -0,0 +1,15 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name, defaultFolerName = "headerV1" }) {
+    // case 1: force new → timestamp
+    if (name === null) {
+        name = defaultFolerName;
+    };
+
+    // case 2: user provided → strict
+    if (fs.existsSync(name)) {
+        throw new Error(`Folder already exists: ${name}`);
+    };
+
+    return name;
+};

package/bin/header/v2/commands/header/template/v2/BuildMenuItem/buildMenuItem.js

@@ -0,0 +1,49 @@
+import { createLi } from "../createLi.js";
+import { createAnchor } from "../createAnchor.js";
+import { createLabel } from "../createLabel.js";
+import { createIcon } from "../createIcon.js";
+import { orchestrateMenuClick } from "./orchestrateMenuClick.js";
+
+export const buildMenuItem = ({
+    inTextToShow,
+    inHtmlId,
+    inIconPaths,
+    inHref,
+    onClick,
+    inTableName,
+    inClasses
+}) => {
+    const li = createLi(inClasses.liClass);
+
+    const a = createAnchor({
+        inHtmlId,
+        inHref,
+        cls: inClasses.aClass,
+        inTableName
+    });
+    // debugger;
+    const span = createLabel({
+        inTextToShow: inTextToShow,
+        inClassName: inClasses.spanClass
+    });
+
+    const svg = createIcon({
+        inClassName: inClasses.svgClass,
+        inIconPaths
+    });
+
+    if (onClick) {
+        a.addEventListener(
+            "click",
+            orchestrateMenuClick({
+                onClick
+            })
+        );
+    };
+
+    a.append(svg, span);
+
+    li.appendChild(a);
+
+    return li;
+};

package/bin/header/v2/commands/header/template/v2/BuildMenuItem/callKSTable.js

@@ -0,0 +1,7 @@
+export const callKSTable = async (config) => {
+    if (window.KSTable?.initTableOnly) {
+        return window.KSTable.initTableOnly(config);
+    };
+
+    return initTableOnly(config);
+};

package/bin/header/v2/commands/header/template/v2/BuildMenuItem/getDefaultKSTableConfig.js

@@ -0,0 +1,80 @@
+export const getDefaultKSTableConfig = () => {
+    return {
+        containerId: 'kSTableContainer',
+
+        tableName: "",
+
+        mode: "create",
+
+        layout: {
+            verticalPosition: "top",
+            type: "table",
+        },
+
+        endPoints: {
+            create: "",
+            update: "",
+            delete: "",
+            read: "",
+            find: ""
+        },
+
+        options: {
+            firstRow: {
+                showSearch: true
+            },
+
+            vertical: {
+                showVertical: true,
+                isDisabled: false,
+                showSaveButton: true
+            },
+
+            dataList: {
+                show: true,
+            },
+
+            table: {
+                isDisabled: false,
+                showTable: true,
+                showRowOptions: false,
+                showSerial: true,
+                showFooter: false,
+
+                footer: {
+                    showDataList: true
+                }
+            },
+
+            focus: {
+                priority: ["vertical", "footer", "search"]
+            }
+        },
+
+        columnsConfig: [],
+
+        uiClasses: {
+            form: {
+                formClass: 'grid grid-cols-3 gap-x-8 gap-y-4 p-6 verticalForm',
+                buttonClass: 'mt-2 px-4 py-1 bg-green-500 text-white',
+                rowClass: 'flex items-center space-x-4',
+                labelClass: 'w-24 text-sm font-medium',
+                inputClass: 'flex-1 border rounded px-3 py-2'
+            }
+        },
+
+        callbacks: {
+            table: {
+                onDelete: async ({ toDeletePk }) => {
+                    const fromDelete = await startFetchAsGet({
+                        inQuery: {
+                            ParentPk: toDeletePk
+                        }
+                    });
+
+                    return await fromDelete;
+                }
+            }
+        }
+    };
+};

package/bin/header/v2/commands/header/template/v2/BuildMenuItem/getKSTableConfig.js

@@ -0,0 +1,17 @@
+import { getDefaultKSTableConfig } from "./getDefaultKSTableConfig.js";
+
+export const getKSTableConfig = async ({ tableName }) => {
+    const config = getDefaultKSTableConfig();
+
+    const fromPromise = await fetch("/columns.json");
+    // debugger;
+    const columnsConfig = await fromPromise.json();
+
+    config.columnsConfig = columnsConfig[tableName].columnsConfig;
+
+    config.tableName = tableName;
+
+    config.endPoints.read = `/Api/V1/${tableName}/ShowAll`;
+
+    return config;
+};

package/bin/header/v2/commands/header/template/v2/BuildMenuItem/orchestrateMenuClick.js

@@ -0,0 +1,34 @@
+import { getKSTableConfig } from "./getKSTableConfig.js";
+import { callKSTable } from "./callKSTable.js";
+
+export const orchestrateMenuClick1 = async (event) => {
+    event.preventDefault();
+
+    const currentTarget = event.currentTarget;
+    // debugger;
+    const config = await getKSTableConfig({
+        tableName: currentTarget.dataset.tableName
+    });
+
+    await callKSTable(config);
+};
+
+export const orchestrateMenuClick =
+    ({ onClick }) =>
+        async (event) => {
+            // debugger;
+            event.preventDefault();
+
+            const currentTarget = event.currentTarget;
+            // debugger;
+            const config = await getKSTableConfig({
+                tableName: currentTarget.dataset.tableName
+            });
+
+            const fromCallKSTable = await callKSTable(config);
+            console.log("fromCallKSTable : ", fromCallKSTable);
+
+            if (onClick) {
+                await onClick(event);
+            };
+        };

package/bin/header/v2/commands/header/template/v2/BuildNav/buildBrand.js

@@ -0,0 +1,14 @@
+// /header/v1/buildBrand.js
+
+export const buildBrand = ({ inHeading = "KeshavSoft", inHtmlId = "titlehtmlId" }) => {
+
+    const div = document.createElement("div");
+
+    div.className = "text-xl font-semibold";
+
+    div.innerText = inHeading;
+
+    div.id = inHtmlId;
+
+    return div;
+};

package/bin/header/v2/commands/header/template/v2/BuildNav/buildHamburger.js

@@ -0,0 +1,20 @@
+// /header/v1/buildHamburger.js
+
+export const buildHamburger = () => {
+
+    const button = document.createElement("button");
+
+    button.className = "text-xl px-4 py-1 md:hidden";
+
+    button.innerText = "☰";
+
+    button.addEventListener("click", () => {
+
+        document
+            .getElementById("menu")
+            .classList.toggle("hidden");
+
+    });
+
+    return button;
+};

package/bin/header/v2/commands/header/template/v2/BuildNav/buildMenu.js

@@ -0,0 +1,14 @@
+// /header/v1/buildMenu.js
+
+export const buildMenu = () => {
+
+    const ul = document.createElement("ul");
+
+    ul.id = "menu";
+
+    ul.className = `w-full hidden flex flex-col space-y-2 mt-4
+    md:flex md:flex-row md:space-y-0 md:gap-4
+    md:mt-0 md:w-auto md:flex-wrap`;
+
+    return ul;
+};

package/bin/header/v2/commands/header/template/v2/BuildNav/buildNav.js

@@ -0,0 +1,31 @@
+// /header/v2/buildNav.js
+
+import { buildBrand } from "./buildBrand.js";
+import { buildHamburger } from "./buildHamburger.js";
+import { buildMenu } from "./buildMenu.js";
+import { buildWrapper } from "./buildWrapper.js";
+
+export const buildNav = (inTitle = {}) => {
+
+    const {
+        nav,
+        innerDiv
+    } = buildWrapper();
+
+    innerDiv.appendChild(
+        buildBrand({
+            inHeading: inTitle.text,
+            inHtmlId: inTitle.htmlId
+        })
+    );
+
+    innerDiv.appendChild(
+        buildHamburger()
+    );
+
+    innerDiv.appendChild(
+        buildMenu()
+    );
+
+    return nav;
+};

package/bin/header/v2/commands/header/template/v2/BuildNav/buildWrapper.js

@@ -0,0 +1,29 @@
+// /header/v1/buildWrapper.js
+
+export const buildWrapper = () => {
+
+    const nav = document.createElement("nav");
+
+    nav.className = "bg-gray-800 text-white";
+
+    const outerDiv = document.createElement("div");
+
+    outerDiv.className = `mx-auto px-3 py-3
+    max-w-3xl
+    lg:max-w-5xl
+    xl:max-w-full xl:px-10`;
+
+    const innerDiv = document.createElement("div");
+
+    innerDiv.className =
+        "flex flex-wrap items-center justify-between";
+
+    outerDiv.appendChild(innerDiv);
+
+    nav.appendChild(outerDiv);
+
+    return {
+        nav,
+        innerDiv
+    };
+};

package/bin/header/v2/commands/header/template/v2/buildNav.js

@@ -0,0 +1,29 @@
+// /header/v1/buildWrapper.js
+
+export const buildWrapper = () => {
+
+    const nav = document.createElement("nav");
+
+    nav.className = "bg-gray-800 text-white";
+
+    const outerDiv = document.createElement("div");
+
+    outerDiv.className = `mx-auto px-3 py-3
+    max-w-3xl
+    lg:max-w-5xl
+    xl:max-w-full xl:px-10`;
+
+    const innerDiv = document.createElement("div");
+
+    innerDiv.className =
+        "flex flex-wrap items-center justify-between";
+
+    outerDiv.appendChild(innerDiv);
+
+    nav.appendChild(outerDiv);
+
+    return {
+        nav,
+        innerDiv
+    };
+};

package/bin/header/v2/commands/header/template/v2/createAnchor.js

@@ -0,0 +1,15 @@
+export const createAnchor = ({
+    inHtmlId = "", inHref = "#", cls = "", inTableName = ""
+}) => {
+    const a = document.createElement("a");
+
+    a.id = inHtmlId;
+    a.href = inHref;
+    a.className = cls;
+
+    if (inTableName) {
+        a.dataset.tableName = inTableName
+    };
+
+    return a;
+};

package/bin/header/v2/commands/header/template/v2/createIcon.js

@@ -0,0 +1,19 @@
+export const createIcon = ({
+    inIconPaths = [],
+    inClassName = ""
+}) => {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+
+    svg.setAttribute("class", inClassName);
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("viewBox", "0 0 24 24");
+
+    inIconPaths.forEach(d => {
+        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        path.setAttribute("d", d);
+        svg.appendChild(path);
+    });
+
+    return svg;
+};

package/bin/header/v2/commands/header/template/v2/createLabel.js

@@ -0,0 +1,9 @@
+export const createLabel = ({
+    inTextToShow = "",
+    inClassName = ""
+}) => {
+    const span = document.createElement("span");
+    span.className = inClassName;
+    span.textContent = inTextToShow;
+    return span;
+};

package/bin/header/v2/commands/header/template/v2/createLi.js

@@ -0,0 +1,5 @@
+export const createLi = (cls = "") => {
+    const li = document.createElement("li");
+    li.className = cls;
+    return li;
+};