json-crud-ui-components 1.6.2 → 1.7.2

package/bin/v7/commands/init/steps/checks.js

@@ -0,0 +1,21 @@
+import fs from "fs";
+import path from "path";
+
+const validate = ({ toPath, inFolderName }) => {
+    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/v7/commands/init/steps/resolveFolderName.js

@@ -0,0 +1,14 @@
+import fs from "fs";
+
+export default function resolveFolderName({ name, defaultFolerName = "IndexV1" }) {
+    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/v7/commands/init.js

@@ -0,0 +1,75 @@
+import { locateSource } from "./init/steps/locateSource.js";
+import { locateDestination } from "./init/steps/locateDestination.js";
+
+import { createProject } from "./init/steps/createProject.js";
+import { announce } from "./init/steps/announce.js";
+
+import resolveFolderName from "./init/steps/resolveFolderName.js";
+import checks from "./init/steps/checks.js";
+
+export default ({
+    folderName = "",
+    toPath = process.cwd(),
+    inAnnounce = true,
+    showLog = false
+}) => {
+    if (showLog) {
+        console.log("Resolving folder name...");
+    };
+
+    const resolvedFolderName = resolveFolderName({
+        name: folderName
+    });
+
+    if (showLog) {
+        console.log(`resolvedFolderName : ${resolvedFolderName}`);
+    };
+
+    const fromChecks = checks({
+        toPath,
+        inAnnounce,
+        inFolderName: resolvedFolderName,
+        showLog
+    });
+
+    if (fromChecks) return false;
+
+    if (showLog) {
+        console.log("Locating source...");
+    }
+
+    const source = locateSource({
+        showLog
+    });
+
+    if (showLog) {
+        console.log("Locating destination...");
+    }
+
+    const destination = locateDestination({
+        inResolvedFolderName: resolvedFolderName,
+        showLog
+    });
+
+    if (showLog) {
+        console.log("Creating project...");
+    }
+
+    createProject({
+        source,
+        destination,
+        showLog
+    });
+
+    if (inAnnounce) {
+
+        if (showLog) {
+            console.log("Announcing...");
+        }
+
+        announce({
+            inResolvedFolderName: resolvedFolderName,
+            showLog
+        });
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-crud-ui-components",
-  "version": "1.6.2",
+  "version": "1.7.2",
   "description": "working on ui for our json crud using modules",
   "keywords": [
     "cli",

package/bin/v5/commands/init.js

@@ -1,25 +0,0 @@
-import { locateSource } from "./init/steps/locateSource.js";
-import { locateDestination } from "./init/steps/locateDestination.js";
-
-import { createProject } from "./init/steps/createProject.js";
-import { announce } from "./init/steps/announce.js";
-
-import resolveFolderName from "./init/steps/resolveFolderName.js";
-import checks from "./init/steps/checks.js";
-
-export default ({ folderName = "", toPath = process.cwd(), inAnnounce = true }) => {
-    const fromChecks = checks({ toPath, inAnnounce });
-
-    if (fromChecks) return false;
-
-    const resolvedFolderName = resolveFolderName({
-        name: folderName
-    });
-
-    const source = locateSource();
-    const destination = locateDestination({ inResolvedFolderName: resolvedFolderName });
-
-    createProject({ source, destination });
-
-    if (inAnnounce) announce({ inResolvedFolderName: resolvedFolderName });
-};

package/bin/v5/commands/initJs/steps/checks.js

@@ -1,23 +0,0 @@
-import path from "path";
-import fs from "fs";
-
-const validate = ({ toPath }) => {
-    const htmlPath = path.join(toPath, "index.html");
-    const indexPath = path.join(toPath, "index");
-
-    if (!fs.existsSync(htmlPath)) {
-        console.log("index.html not found");
-
-        return true;
-    };
-
-    if (fs.existsSync(indexPath)) {
-        console.log("index folder found");
-
-        return true;
-    };
-
-    return false;
-};
-
-export default validate;

package/bin/v5/commands/initJs/steps/resolveFolderName.js

@@ -1,17 +0,0 @@
-import fs from "fs";
-
-export default function resolveFolderName({ name, inType = "basic" }) {
-    const defaultFolerName = "Index";
-
-    // 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/v5/commands/initJs/template/v3/FormLoad/DomContentLoaded/buildHeader.js

@@ -1,58 +0,0 @@
-import { initHeader } from "../../../../../../header/v6/initHeader.js";
-
-const buildHeader = async () => {
-    const headerConfig1 = {
-        items: [
-            {
-                text: "ShowAll",
-                id: "ShowAllHtmlId",
-                icon: [
-                    "M4 6h16",
-                    "M4 10h16",
-                    "M4 14h10",
-                    "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-                ]
-            },
-            {
-                text: "StockItems",
-                id: "StockItemsHtmlId",
-                icon: [
-                    "M3 7l9 4 9-4",
-                    "M3 7l9-4 9 4",
-                    "M3 7v10l9 4 9-4V7",
-                    "M12 11v10"
-                ]
-            },
-            {
-                text: "Transactions",
-                id: "1",
-                icon: [
-
-                    "M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z",
-                    "M14 2v6h6",
-                    "M8 12h8",
-                    "M8 16h8"
-                ],
-                href: "../../Transactions/V7/Create/index.html"
-            },
-            {
-                text: "FromTally",
-                id: "ImportHtmlId",
-                icon: [
-                    "M4 6h16",
-                    "M4 10h16",
-                    "M4 14h10",
-                    "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-                ]
-            }
-        ]
-    };
-
-    const fromFetch = await fetch("./Index/headers.json");
-    const headerConfig = await fromFetch.json();
-
-    await initHeader(headerConfig);
-    // callKSHeader(headerConfig).then();
-};
-
-export { buildHeader };

package/bin/v5/commands/initJs/template/v3/FormLoad/DomContentLoaded/buildMenuItem.js

@@ -1,121 +0,0 @@
-// orchestrator
-export const buildMenuItem = ({
-    inTextToShow,
-    inHtmlId,
-    inIconPaths,
-    inHref
-}) => {
-    const textToShow = inTextToShow;
-    const htmlId = inHtmlId;
-    const iconPaths = inIconPaths;
-
-    const li = createLi();
-    const a = createAnchor({ inHtmlId: htmlId, inHref });
-    const span = createLabel({ inTextToShow: textToShow });
-    const svg = createIcon({ inIconPaths: iconPaths });
-
-    a.append(svg, span);
-    li.appendChild(a);
-
-    return li;
-};
-
-const createLi = () => {
-    const htmlLi = document.createElement("li");
-
-    htmlLi.className = "md:text-center";
-
-    return htmlLi;
-
-
-};
-
-// createAnchor
-const createAnchor = ({ inHtmlId = "htmlId",
-    inHref = "#"
-}) => {
-    const a = document.createElement("a");
-    a.id = inHtmlId;
-    a.href = inHref;
-    // a.className =
-    //     "group flex items-center md:flex-col md:items-center gap-0 md:gap-1 cursor-pointer hover:bg-gray-700 px-2 py-1 rounded transition-colors duration-200 active:scale-95 focus:outline-none focus:ring-2 focus:ring-gray-500";
-
-    a.className = `flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
-     hover:bg-gray-600 active:bg-gray-500 active:scale-95
-     transition-all duration-150
-     md:flex-col md:justify-center md:items-center
-     lg:bg-transparent lg:px-2 lg:py-1`;
-
-    return a;
-};
-
-// createLabel (no transform → no height change)
-const createLabel = ({ inTextToShow = "Menu1" }) => {
-    const span = document.createElement("span");
-    span.className =
-        "ml-3 text-right w-full text-base md:w-auto md:text-center md:ml-0 lg:text-lg";
-
-    span.textContent = inTextToShow;
-
-    return span;
-};
-
-// createIcon (safe transform: no layout shift)
-const createIcon = ({ inIconPaths = [] }) => {
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    // svg.setAttribute(
-    //     "class",
-    //     "w-6 h-6 md:order-1 md:mb-0 text-gray-400 group-hover:text-white transition-all duration-200 transform group-hover:scale-95 group-hover:-translate-y-0.5"
-    // );
-
-
-    svg.setAttribute(
-        "class",
-        "text-gray-300 w-6 h-6 lg:w-7 lg:h-7"
-    );
-
-
-    //                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
-
-
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("stroke-width", "1.5");
-    svg.setAttribute("stroke-linecap", "round");
-    svg.setAttribute("stroke-linejoin", "round");
-
-    inIconPaths.forEach(d => {
-        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-        path.setAttribute("d", d);
-        svg.appendChild(path);
-    });
-
-    return svg;
-};
-
-
-
-//                         <li class="md:text-center">
-//                             <a id="LedgersHtmlId"
-//                              href="#" class="flex justify-between items-center bg-gray-700 px-4 py-2 rounded-md
-// hover:bg-gray-600 active:bg-gray-500 active:scale-95
-// transition-all duration-150
-// md:flex-col md:justify-center md:items-center
-// lg:bg-transparent lg:px-2 lg:py-1">
-
-//                                 <!-- LEFT: ICON -->
-//                                 <svg class="text-gray-300 w-6 h-6 lg:w-7 lg:h-7" fill="none" stroke="currentColor"
-//                                     viewBox="0 0 24 24">
-//                                     <path
-//                                         d="M4 6h16M4 10h16M4 14h10M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z" />
-//                                 </svg>
-
-//                                 <!-- RIGHT: LABEL -->
-//                                 <span class="ml-3 text-right w-full text-base
-//                                      md:w-auto md:text-center md:ml-0
-//                                      lg:text-lg
-//                                      ">Ledgers</span>
-
-//                             </a>
-//                         </li>

package/bin/v5/commands/initJs/template/v3/FormLoad/DomContentLoaded/runAfterDomLoad.js

@@ -1,7 +0,0 @@
-import { buildHeader } from "./buildHeader.js";
-
-const runAfterDomLoad = () => {
-    buildHeader().then();
-};
-
-export { runAfterDomLoad };

package/bin/v5/commands/initJs/template/v3/FormLoad/DomContentLoaded/start.js

@@ -1,7 +0,0 @@
-import { runAfterDomLoad } from "./runAfterDomLoad.js";
-
-export function startDomContentLoaded() {
-    document.addEventListener("DOMContentLoaded", () => {
-        runAfterDomLoad();
-    });
-}

package/bin/v5/commands/initJs/template/v3/FormLoad/start.js

@@ -1,5 +0,0 @@
-import { startDomContentLoaded } from "./DomContentLoaded/start.js";
-
-export function startFormLoad() {
-    startDomContentLoaded();
-}

package/bin/v5/commands/initJs/template/v3/headers.json

@@ -1,45 +0,0 @@
-{
-    "items": [
-        {
-            "text": "ShowAll",
-            "id": "ShowAllHtmlId",
-            "icon": [
-                "M4 6h16",
-                "M4 10h16",
-                "M4 14h10",
-                "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-            ]
-        },
-        {
-            "text": "Search",
-            "id": "SearchHtmlId",
-            "icon": [
-                "M3 7l9 4 9-4",
-                "M3 7l9-4 9 4",
-                "M3 7v10l9 4 9-4V7",
-                "M12 11v10"
-            ]
-        },
-        {
-            "text": "Transactions",
-            "id": "1",
-            "icon": [
-                "M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z",
-                "M14 2v6h6",
-                "M8 12h8",
-                "M8 16h8"
-            ],
-            "href": "../../Transactions/V7/Create/index.html"
-        },
-        {
-            "text": "FromTally",
-            "id": "ImportHtmlId",
-            "icon": [
-                "M4 6h16",
-                "M4 10h16",
-                "M4 14h10",
-                "M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-            ]
-        }
-    ]
-}

package/bin/v5/commands/initJs/template/v3/start.js

@@ -1,7 +0,0 @@
-import { startFormLoad } from "./FormLoad/start.js";
-
-function startApp() {
-    startFormLoad();
-};
-
-startApp();