ingeniuscliq-core 0.1.1 → 0.1.3

package/core/commands/create-template.js

@@ -0,0 +1,95 @@
+#!/usr/bin/env node
+
+import { createBaseDir, joinPaths } from './helpers/index.js';
+import chalk from 'chalk';
+import enquirer from 'enquirer';
+import fs from 'fs';
+
+const { prompt } = enquirer;
+
+function sanitizeTemplateName(input) {
+  return input
+    .trim()
+    .toLowerCase()
+    .replace(/\s+/g, '-')      // espacios -> guiones
+    .replace(/[^a-z0-9-]/g, '') // solo [a-z0-9-]
+    .replace(/-+/g, '-');       // colapsar guiones
+}
+
+function ensureDir(dirPath) {
+  fs.mkdirSync(dirPath, { recursive: true });
+}
+
+function createTemplate(templateNameRaw) {
+  const templateName = sanitizeTemplateName(templateNameRaw);
+
+  if (!templateName) {
+    console.error(chalk.red.bold('❌ Error: El nombre de la plantilla es requerido.'));
+    process.exit(1);
+  }
+
+  // Base: <cwd>/components/templates/<templateName>
+  const baseDir = createBaseDir(templateName, ['src', 'components', 'templates']);
+
+  if (fs.existsSync(baseDir)) {
+    console.error(chalk.red.bold(`❌ Error: La plantilla '${templateName}' ya existe en components/templates.`));
+    process.exit(1);
+  }
+
+  try {
+    // Asegurar carpetas padre
+    ensureDir(createBaseDir('', ['src', 'components']));           // <cwd>/components
+    ensureDir(createBaseDir('', ['src', 'components', 'templates'])); // <cwd>/components/templates
+
+    // Crear carpeta de la plantilla
+    ensureDir(baseDir);
+    console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}`)}`));
+
+    // Subcarpetas requeridas
+    const subdirs = ['components', 'pages', 'styles'];
+    subdirs.forEach((dir) => {
+      ensureDir(joinPaths(baseDir, dir));
+      console.log(chalk.green(`✓ Creado directorio: ${chalk.bold(`src/components/templates/${templateName}/${dir}`)}`));
+    });
+
+    console.log(chalk.green.bold(`\n✨ Plantilla '${templateName}' creada correctamente.`));
+  } catch (error) {
+    console.error(chalk.red.bold(`❌ Error creando la plantilla: ${error.message}`));
+    process.exit(1);
+  }
+}
+
+async function promptTemplateName() {
+  console.log(chalk.cyan.bold('\n==================================='));
+  console.log(chalk.cyan.bold('          Create Template'));
+  console.log(chalk.cyan.bold('===================================\n'));
+
+  const { templateName } = await prompt({
+    type: 'input',
+    name: 'templateName',
+    message: 'Ingresa el nombre de la plantilla:',
+    validate: (input) => {
+      const val = sanitizeTemplateName(input);
+      if (!val) return 'El nombre es requerido.';
+      const target = createBaseDir(val, ['src', 'components', 'templates']);
+      if (fs.existsSync(target)) return `La plantilla '${val}' ya existe.`;
+      return true;
+    },
+  });
+
+  return templateName;
+}
+
+// CLI
+const templateNameArg = process.argv[2];
+
+(async function main() {
+  let name = templateNameArg;
+  if (!name) {
+    name = await promptTemplateName();
+  }
+  createTemplate(name);
+})().catch((err) => {
+  console.error(chalk.red.bold(`❌ Error inesperado: ${err.message}`));
+  process.exit(1);
+});

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './customs/index';
+export * from './common/index';
 export * from './layouts/CoreBaseLayout';
 export * from './ui/index';

package/dist/components/templates/partials/CoreHeader.d.ts

@@ -1,6 +1,6 @@
 interface CoreHeaderProps {
-    readonly renderNavbar?: React.ReactNode;
-    readonly renderSubMenuHeader?: React.ReactNode;
+    readonly navbar?: React.ReactNode;
+    readonly subMenuHeader?: React.ReactNode;
 }
-export declare function CoreHeader({ renderNavbar, renderSubMenuHeader }: CoreHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CoreHeader({ navbar, subMenuHeader }: CoreHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/templates/partials/CoreMainSearch.d.ts

@@ -1,8 +1,8 @@
 interface CoreMainSearchProps {
     readonly left?: React.ReactNode;
     readonly right?: React.ReactNode;
-    readonly renderInput?: React.ReactNode;
-    readonly renderSearchButton?: React.ReactNode;
+    readonly input?: React.ReactNode;
+    readonly searchButton?: React.ReactNode;
 }
-export declare function CoreMainSearch({ left, right, renderInput, renderSearchButton }: CoreMainSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function CoreMainSearch({ left, right, input, searchButton }: CoreMainSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/templates/partials/CoreNavbar.d.ts

@@ -2,7 +2,7 @@ import { BaseStyleProps } from '../../../types/ui/main';
 interface CoreNavbarProps extends BaseStyleProps {
     readonly center?: React.ReactNode;
     readonly right?: React.ReactNode;
-    readonly renderLogo?: React.ReactNode;
+    readonly logo?: React.ReactNode;
 }
-export declare function CoreNavbar({ className, renderLogo, center, right }: CoreNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CoreNavbar({ className, logo, center, right }: CoreNavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/templates/partials/CoreSubMenu.d.ts

@@ -1,6 +1,9 @@
 import { BaseStyleProps } from '../../../types/ui/main';
+import { CoreMenuItem } from '../../../types';
 interface CoreSubMenuProps extends BaseStyleProps {
     classNameItems?: string;
+    items?: CoreMenuItem[];
+    itemComponent?: (item: CoreMenuItem) => React.ReactNode;
 }
-export declare function CoreSubMenu({ className, classNameItems }: CoreSubMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function CoreSubMenu({ className, classNameItems, items, itemComponent }: CoreSubMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.css

@@ -1 +1 @@
-:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}
+:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}.warranty{transform:rotate(-45deg) translate(-28%) translateY(-125%);transition:all .5s ease}.warranty-left,.warranty-right{content:"";width:10px;height:30px;position:absolute;top:0;z-index:-100}.warranty-left{left:0;transform:rotate(45deg) scale(.7) translate(110%)}.warranty-right{right:0;transform:rotate(-45deg) scaleX(.7) translate(-110%) translateY(-15%)}

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export * from './i18n/index';
 export * from './services/index';
 export * from './stores/index';
 export * from './types/index';
+export * from './modules/registry';