phpxui 0.1.2 → 0.1.3

package/dist/commands/icons.js

@@ -1,25 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.installIcons = installIcons;
-const child_process_1 = require("child_process");
-const chalk_1 = __importDefault(require("chalk"));
-const load_config_1 = require("../utils/load-config");
-async function installIcons(iconList, config) {
-    try {
-        console.log(chalk_1.default.blue("📦 Installing ppicons CLI..."));
-        (0, child_process_1.execSync)("npm install -g ppicons", { stdio: "inherit" });
-        const args = iconList.join(" ");
-        console.log(chalk_1.default.blue(`✨ Installing default icons: ${args}`));
-        (0, child_process_1.execSync)(`npx ppicons add ${args}`, { stdio: "inherit" });
-        console.log(chalk_1.default.green("✔ Icons installed in src/Lib/PPIcons"));
-        config.iconsInstalled = true;
-        (0, load_config_1.savePhpXUIConfig)(config); // ⬅️ persist change
-    }
-    catch (err) {
-        console.error(chalk_1.default.red("✖ Failed to install icons:"), err.message);
-        process.exit(1);
-    }
-}
+import{execSync}from"child_process";import chalk from"chalk";import{savePhpXUIConfig}from"../utils/load-config.js";export async function installIcons(o,n){try{console.log(chalk.blue("📦 Installing ppicons CLI...")),execSync("npm install -g ppicons",{stdio:"inherit"});const c=o.join(" ");console.log(chalk.blue(`✨ Installing default icons: ${c}`)),execSync(`npx ppicons add ${c}`,{stdio:"inherit"}),console.log(chalk.green("✔ Icons installed in src/Lib/PPIcons")),n.iconsInstalled=!0,savePhpXUIConfig(n)}catch(o){console.error(chalk.red("✖ Failed to install icons:"),o.message),process.exit(1)}}

package/dist/generators/copy-tailwind.js

@@ -1,27 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.copyTailwindCss = copyTailwindCss;
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
-/**
- * Copy dist/css/tailwind.css into src/app/css/tailwind.css.
- *
- * @param force  Overwrite even if the target exists.
- * @returns      true  → file was copied / overwritten
- *               false → skipped (already exists and !force)
- */
-function copyTailwindCss(force = false) {
-    // Path to the CSS bundled with the CLI
-    const source = path_1.default.resolve(__dirname, "../css/globals.css");
-    // Path inside the user’s project
-    const target = path_1.default.resolve(process.cwd(), "src/app/globals.css");
-    if (!force && fs_extra_1.default.existsSync(target)) {
-        return false; // skip quietly
-    }
-    fs_extra_1.default.ensureDirSync(path_1.default.dirname(target));
-    fs_extra_1.default.copyFileSync(source, target);
-    return true;
-}
+import fs from"fs-extra";import path from"path";import{fileURLToPath}from"url";const __filename=fileURLToPath(import.meta.url),__dirname=path.dirname(__filename);export function copyTailwindCss(s=!1){const e=path.resolve(__dirname,"../css/globals.css"),r=path.resolve(process.cwd(),"src/app/globals.css");return!(!s&&fs.existsSync(r))&&(fs.ensureDirSync(path.dirname(r)),fs.copyFileSync(e,r),!0)}

package/dist/generators/ensure-package.js

@@ -1,32 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ensurePackageInstalled = ensurePackageInstalled;
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const child_process_1 = require("child_process");
-/**
- * Ensures a package is present in dependencies/devDependencies.
- * Installs it with `npm i -D <pkg>` if missing.
- *
- * @param pkg   Package name, e.g. "tw-animate-css"
- * @param quiet If true, suppress install output.
- * @returns     true  → package was installed now
- *              false → package already present
- */
-function ensurePackageInstalled(pkg, quiet = false) {
-    const pkgJsonPath = "package.json";
-    if (!fs_extra_1.default.existsSync(pkgJsonPath))
-        return false;
-    const pkgJson = fs_extra_1.default.readJsonSync(pkgJsonPath);
-    const hasIt = (pkgJson.dependencies && pkgJson.dependencies[pkg]) ||
-        (pkgJson.devDependencies && pkgJson.devDependencies[pkg]);
-    if (hasIt)
-        return false;
-    const cmd = `npm i -D ${pkg}`;
-    if (!quiet)
-        console.log(`⬇ Installing missing package: ${pkg} …`);
-    (0, child_process_1.execSync)(cmd, { stdio: quiet ? "ignore" : "inherit" });
-    return true;
-}
+import fs from"fs-extra";import{execSync}from"child_process";export function ensurePackageInstalled(e,n=!1){const s="package.json";if(!fs.existsSync(s))return!1;const c=fs.readJsonSync(s);if(c.dependencies&&c.dependencies[e]||c.devDependencies&&c.devDependencies[e])return!1;const i=`npm i -D ${e}`;return n||console.log(`⬇ Installing missing package: ${e} …`),execSync(i,{stdio:n?"ignore":"inherit"}),!0}

package/dist/generators/php-component.js

@@ -1,27 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateComponent = generateComponent;
-const node_fetch_1 = __importDefault(require("node-fetch"));
-const write_component_1 = require("./write-component");
-const path_1 = __importDefault(require("path"));
-const SINGLE_URL = "https://phpxui.tsnc.tech/cli";
-async function generateComponent(componentName, targetDir, force = false) {
-    const url = `${SINGLE_URL}?component=${encodeURIComponent(componentName)}`;
-    const res = await (0, node_fetch_1.default)(url);
-    if (!res.ok) {
-        throw new Error(`Could not fetch "${componentName}": ${res.status} – ${url}`);
-    }
-    // El endpoint puede devolver un objeto (uno) o un array (muchos)
-    const json = await res.json();
-    const components = Array.isArray(json) ? json : [json];
-    const writtenPaths = [];
-    for (const cmp of components) {
-        // Cada objeto contiene { name, content }
-        const filePath = await (0, write_component_1.writeComponent)(cmp, targetDir, force);
-        writtenPaths.push(path_1.default.relative(process.cwd(), filePath));
-    }
-    return writtenPaths;
-}
+import fetch from"node-fetch";import{writeComponent}from"./write-component.js";import path from"path";const SINGLE_URL="https://phpxui.tsnc.tech/cli";export async function generateComponent(t,o,n=!1){const e=`${SINGLE_URL}?component=${encodeURIComponent(t)}`,r=await fetch(e);if(!r.ok)throw new Error(`Could not fetch "${t}": ${r.status} – ${e}`);const c=await r.json(),p=Array.isArray(c)?c:[c],s=[];for(const t of p){const e=await writeComponent(t,o,n);s.push(path.relative(process.cwd(),e))}return s}

package/dist/generators/php-components-bulk.js

@@ -1,42 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateAllComponents = generateAllComponents;
-const node_fetch_1 = __importDefault(require("node-fetch"));
-const write_component_1 = require("./write-component");
-/** Endpoint that returns every PHPXUI component */
-const BULK_URL = "https://phpxui.tsnc.tech/cli?component=all";
-/**
- * Download all components and write them to disk.
- *
- * @param targetDir  Destination folder (e.g. "./src/Lib/PHPXUI")
- * @param force      Overwrite if file exists (default: false)
- */
-async function generateAllComponents(targetDir, force = false) {
-    const res = await (0, node_fetch_1.default)(BULK_URL);
-    if (!res.ok) {
-        throw new Error(`Could not fetch component list: ${res.status} – ${BULK_URL}`);
-    }
-    // Backend returns [{ name, content }]
-    const components = (await res.json());
-    console.log(`➡  Received ${components.length} components. Generating…`);
-    const ok = [];
-    const fail = [];
-    /*  Small concurrency queue to avoid hammering the FS  */
-    const BATCH = 10;
-    let queue = [];
-    for (const cmp of components) {
-        const job = (0, write_component_1.writeComponent)(cmp, targetDir, force)
-            .then((file) => ok.push(file))
-            .catch((e) => fail.push(`${cmp.name}: ${e.message}`));
-        queue.push(job);
-        if (queue.length >= BATCH) {
-            await Promise.allSettled(queue);
-            queue = [];
-        }
-    }
-    await Promise.allSettled(queue);
-    return { ok, fail };
-}
+import fetch from"node-fetch";import{writeComponent}from"./write-component.js";const BULK_URL="https://phpxui.tsnc.tech/cli?component=all";export async function generateAllComponents(t,e=!1){const o=await fetch(BULK_URL);if(!o.ok)throw new Error(`Could not fetch component list: ${o.status} – ${BULK_URL}`);const n=await o.json();console.log(`➡  Received ${n.length} components. Generating…`);const s=[],c=[];let a=[];for(const o of n){const n=writeComponent(o,t,e).then(t=>s.push(t)).catch(t=>c.push(`${o.name}: ${t.message}`));a.push(n),a.length>=10&&(await Promise.allSettled(a),a=[])}return await Promise.allSettled(a),{ok:s,fail:c}}

package/dist/generators/write-component.js

@@ -1,26 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.writeComponent = writeComponent;
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
-/**
- * Writes a PHPXUI component file to disk.
- *
- * @param componentJson  { name: string; content: string }
- * @param targetDir      Destination folder
- * @param force          Overwrite if file exists
- * @returns              Path of the written file
- */
-async function writeComponent(componentJson, targetDir, force = false) {
-    const filePath = path_1.default.join(targetDir, `${componentJson.name}.php`);
-    if (!force && (await fs_extra_1.default.pathExists(filePath))) {
-        // Skip quietly
-        return filePath;
-    }
-    await fs_extra_1.default.ensureDir(path_1.default.dirname(filePath));
-    await fs_extra_1.default.writeFile(filePath, componentJson.content, "utf8");
-    return filePath;
-}
+import fs from"fs-extra";import path from"path";export async function writeComponent(t,a,i=!1){const n=path.join(a,`${t.name}.php`);return!i&&await fs.pathExists(n)||(await fs.ensureDir(path.dirname(n)),await fs.writeFile(n,t.content,"utf8")),n}

package/dist/index.js

@@ -1,121 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const prompts_1 = __importDefault(require("prompts"));
-const chalk_1 = __importDefault(require("chalk"));
-const path_1 = __importDefault(require("path"));
-const php_component_1 = require("./generators/php-component");
-const php_components_bulk_1 = require("./generators/php-components-bulk");
-const ensure_package_1 = require("./generators/ensure-package");
-const copy_tailwind_1 = require("./generators/copy-tailwind");
-const load_config_1 = require("./utils/load-config");
-const icons_1 = require("./commands/icons");
-const CORE_COMPONENTS = ["Slot", "Portal"];
-(async () => {
-    const args = process.argv.slice(2);
-    const [command, ...rest] = args;
-    if (command !== "add") {
-        console.log(chalk_1.default.blue("Usage: phpxui add [--all] [--force] <component…>"));
-        process.exit(0);
-    }
-    const flags = { all: false, force: false };
-    const names = [];
-    for (let i = 0; i < rest.length; i++) {
-        const tok = rest[i];
-        switch (tok) {
-            case "--all":
-                flags.all = true;
-                break;
-            case "--force":
-                flags.force = true;
-                break;
-            default:
-                names.push(tok);
-        }
-    }
-    /* 2) Load config + detect first run */
-    const { config, isFirstRun } = (0, load_config_1.loadPhpXUIConfig)();
-    if (!config.iconsInstalled) {
-        await (0, icons_1.installIcons)([
-            "chevron-down",
-            "x",
-            "chevron-right",
-            "ellipsis",
-            "chevron-left",
-            "arrow-left",
-            "arrow-right",
-            "check",
-            "chevrons-up-down",
-            "search",
-            "circle",
-            "calendar",
-            "minus",
-            "chevron-up",
-            "panel-left",
-        ], config);
-    }
-    /* 3) Housekeeping */
-    (0, ensure_package_1.ensurePackageInstalled)("tw-animate-css");
-    // Tailwind base CSS: only forced on first run
-    const cssUpdated = (0, copy_tailwind_1.copyTailwindCss)(isFirstRun /* ignore flags.force here */);
-    if (cssUpdated) {
-        const relCss = path_1.default
-            .relative(process.cwd(), "src/app/globals.css")
-            .replace(/\\/g, "/");
-        console.log(chalk_1.default.green(isFirstRun
-            ? `✔ Installed base Tailwind CSS → ${relCss}`
-            : `✔ Added Tailwind CSS (missing) → ${relCss}`));
-    }
-    /* 4) Resolve output directory */
-    const targetDir = path_1.default.resolve(config.outputDir || "src/Lib/PHPXUI");
-    try {
-        // Overwrite policy
-        const componentForce = isFirstRun || flags.force;
-        /* 5) Bulk mode */
-        if (flags.all) {
-            const { ok, fail } = await (0, php_components_bulk_1.generateAllComponents)(targetDir, componentForce);
-            console.log(chalk_1.default.green(`\n✔ Generated ${ok.length} components in ${path_1.default.relative(process.cwd(), targetDir)}`));
-            if (fail.length) {
-                console.log(chalk_1.default.red(`✖ ${fail.length} failures:`));
-                fail.forEach((m) => console.log("  •", m));
-            }
-            process.exit(fail.length ? 1 : 0);
-        }
-        /* 6) Interactive prompt if no names given */
-        if (names.length === 0) {
-            const { componentList } = await (0, prompts_1.default)({
-                type: "text",
-                name: "componentList",
-                message: "Which components do you want to add? (space- or comma-separated)",
-                validate: (v) => (v.trim() ? true : "Enter at least one name"),
-            });
-            names.push(...componentList.split(/[\s,]+/));
-        }
-        /* 6.5) Ensure core components first on first-run (unless --all) */
-        if (isFirstRun && !flags.all) {
-            for (const core of CORE_COMPONENTS) {
-                const hasCore = names.some((n) => n.toLowerCase() === core.toLowerCase());
-                if (!hasCore) {
-                    // Put each core at the front in the declared order:
-                    names.unshift(core);
-                }
-            }
-        }
-        /* 7) Generate each requested component */
-        for (const name of names) {
-            const saved = await (0, php_component_1.generateComponent)(name, targetDir, componentForce);
-            const paths = Array.isArray(saved) ? saved : [saved];
-            for (const abs of paths) {
-                const rel = path_1.default.relative(process.cwd(), abs).replace(/\\/g, "/");
-                console.log(chalk_1.default.green(`✔ ${name} → ${rel}`));
-            }
-        }
-    }
-    catch (err) {
-        console.error(chalk_1.default.red("✖ Error:"), err.message);
-        process.exit(1);
-    }
-})();
+import prompts from"prompts";import chalk from"chalk";import path from"path";import{generateComponent}from"./generators/php-component.js";import{generateAllComponents}from"./generators/php-components-bulk.js";import{ensurePackageInstalled}from"./generators/ensure-package.js";import{copyTailwindCss}from"./generators/copy-tailwind.js";import{loadPhpXUIConfig}from"./utils/load-config.js";import{installIcons}from"./commands/icons.js";import{getInstalledComponents}from"./utils/scan-installed.js";const CORE_COMPONENTS=["Slot","Portal"];(async()=>{const o=process.argv.slice(2),[e,...s]=o;"add"!==e&&"update"!==e&&(console.log(chalk.blue("Usage: phpxui <add|update> [--all] [--force] <component…>")),process.exit(0));const t={all:!1,force:!1},n=[];for(let o=0;o<s.length;o++){const e=s[o];switch(e){case"--all":t.all=!0;break;case"--force":t.force=!0;break;default:n.push(e)}}const{config:a,isFirstRun:l}=loadPhpXUIConfig();a.iconsInstalled||await installIcons(["chevron-down","x","chevron-right","ellipsis","chevron-left","arrow-left","arrow-right","check","chevrons-up-down","search","circle","calendar","minus","chevron-up","panel-left"],a),ensurePackageInstalled("tw-animate-css");if(copyTailwindCss(l)){const o=path.relative(process.cwd(),"src/app/globals.css").replace(/\\/g,"/");console.log(chalk.green(l?`✔ Installed base Tailwind CSS → ${o}`:`✔ Added Tailwind CSS (missing) → ${o}`))}const r=path.resolve(a.outputDir||"src/Lib/PHPXUI");try{if("update"===e){console.log(chalk.blue(`🔎 Scanning for installed components in ${a.outputDir}...`));const o=getInstalledComponents(r);0===o.length&&(console.log(chalk.yellow("⚠ No components found to update.")),process.exit(0)),console.log(chalk.blue(`✨ Found ${o.length} components. Updating...`));const e=[],s=[];for(const t of o)try{const o=await generateComponent(t,r,!0);(Array.isArray(o)?o:[o]).forEach(o=>e.push(path.basename(o))),console.log(chalk.green(`✔ Updated ${t}`))}catch(o){s.push(`${t}: ${o.message}`),console.log(chalk.red(`✖ Failed to update ${t}`))}console.log(chalk.green(`\n✔ Successfully updated ${e.length} components.`)),s.length>0&&(console.log(chalk.red(`✖ ${s.length} failures:`)),s.forEach(o=>console.log(`  - ${o}`))),process.exit(0)}const o=l||t.force;if(t.all){const{fail:e}=await generateAllComponents(r,o);process.exit(e.length?1:0)}if(0===n.length){const{componentList:o}=await prompts({type:"text",name:"componentList",message:"Which components do you want to add? (space- or comma-separated)",validate:o=>!!o.trim()||"Enter at least one name"});n.push(...o.split(/[\s,]+/))}if(l&&!t.all)for(const o of CORE_COMPONENTS){n.some(e=>e.toLowerCase()===o.toLowerCase())||n.unshift(o)}for(const e of n){const s=await generateComponent(e,r,o),t=Array.isArray(s)?s:[s];for(const o of t){const s=path.relative(process.cwd(),o).replace(/\\/g,"/");console.log(chalk.green(`✔ ${e} → ${s}`))}}}catch(o){console.error(chalk.red("✖ Error:"),o.message),process.exit(1)}})();

package/dist/utils/load-config.js

@@ -1,41 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadPhpXUIConfig = loadPhpXUIConfig;
-exports.savePhpXUIConfig = savePhpXUIConfig;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const defaultConfig = {
-    style: "new-york",
-    force: false,
-    outputDir: "src/Lib/PHPXUI",
-    iconsInstalled: false,
-    tailwind: {
-        css: "src/app/globals.css",
-        baseColor: "neutral",
-        cssVariables: true,
-        prefix: "",
-    },
-    psr4: {
-        Components: "src/Lib/PHPXUI/",
-        Icons: "src/Lib/PPIcons/",
-    },
-    iconLibrary: "ppicons",
-};
-// ⬇️ CHANGED: return { config, isFirstRun }
-function loadPhpXUIConfig() {
-    const configPath = path_1.default.resolve("phpxui.json");
-    const existed = fs_1.default.existsSync(configPath);
-    if (!existed) {
-        fs_1.default.writeFileSync(configPath, JSON.stringify(defaultConfig, null, 2));
-        console.log("📦 Created default phpxui.json");
-    }
-    const content = fs_1.default.readFileSync(configPath, "utf-8");
-    return { config: JSON.parse(content), isFirstRun: !existed };
-}
-function savePhpXUIConfig(config) {
-    const configPath = path_1.default.resolve("phpxui.json");
-    fs_1.default.writeFileSync(configPath, JSON.stringify(config, null, 2));
-}
+import fs from"fs";import path from"path";const defaultConfig={style:"new-york",force:!1,outputDir:"src/Lib/PHPXUI",iconsInstalled:!1,tailwind:{css:"src/app/globals.css",baseColor:"neutral",cssVariables:!0,prefix:""},psr4:{Components:"src/Lib/PHPXUI/",Icons:"src/Lib/PPIcons/"},iconLibrary:"ppicons"};export function loadPhpXUIConfig(){const s=path.resolve("phpxui.json"),o=fs.existsSync(s);o||(fs.writeFileSync(s,JSON.stringify(defaultConfig,null,2)),console.log("📦 Created default phpxui.json"));const n=fs.readFileSync(s,"utf-8");return{config:JSON.parse(n),isFirstRun:!o}}export function savePhpXUIConfig(s){const o=path.resolve("phpxui.json");fs.writeFileSync(o,JSON.stringify(s,null,2))}

package/dist/utils/scan-installed.js

@@ -0,0 +1 @@
+import fs from"fs-extra";import path from"path";export function getInstalledComponents(t){if(!fs.existsSync(t))return[];return fs.readdirSync(t).filter(t=>t.endsWith(".php")).map(t=>path.basename(t,".php"))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phpxui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A package for generating Prisma PHP components with a CLI interface.",
   "main": "index.js",
   "scripts": {
@@ -23,7 +23,7 @@
   ],
   "author": "Jefferson Abraham Omier <thesteelninjacode@gmail.com>",
   "license": "MIT",
-  "type": "commonjs",
+  "type": "module",
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^24.0.13",