@onpe/ui 1.0.48 → 1.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cli.esm.js +64 -38
  2. package/dist/cli.js +64 -38
  3. package/package.json +1 -1
package/dist/cli.esm.js CHANGED
@@ -5865,20 +5865,24 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
5865
5865
  var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
5866
5866
  function addComponent(componentName) {
5867
5867
  return __awaiter(this, void 0, void 0, function () {
5868
- var isIcon, isModal, folderName, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
5868
+ var isIcon, isModal, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
5869
5869
  return __generator(this, function (_a) {
5870
5870
  switch (_a.label) {
5871
5871
  case 0:
5872
5872
  isIcon = componentName.toLowerCase().startsWith("icon-");
5873
5873
  isModal = componentName.toLowerCase().startsWith("modal");
5874
- folderName = "onpe-ui";
5875
5874
  if (isIcon) {
5876
- folderName = "onpe-icons";
5875
+ // Los iconos van en src/components/onpe-icons/
5876
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-icons");
5877
5877
  }
5878
5878
  else if (isModal) {
5879
- folderName = "onpe-modals";
5879
+ // Los modales van en src/components/onpe-modals/
5880
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-modals");
5881
+ }
5882
+ else {
5883
+ // Los componentes básicos van en src/components/onpe-ui/
5884
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-ui");
5880
5885
  }
5881
- componentPath = require$$1.join(process.cwd(), "src", "components", folderName);
5882
5886
  // Crear directorio si no existe
5883
5887
  return [4 /*yield*/, lib.ensureDir(componentPath)];
5884
5888
  case 1:
@@ -5977,7 +5981,20 @@ function addComponent(componentName) {
5977
5981
  console.log("\n📋 Próximos pasos:");
5978
5982
  console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
5979
5983
  componentNamePascal = convertToPascalCase(componentName);
5980
- importPath = "./components/".concat(folderName, "/").concat(fileName.replace(".tsx", ""));
5984
+ importPath = void 0;
5985
+ if (isIcon) {
5986
+ // Los iconos van en onpe-icons
5987
+ importPath = "../onpe-icons/".concat(componentNamePascal);
5988
+ }
5989
+ else {
5990
+ // Los componentes van en onpe-modals o onpe-ui
5991
+ if (componentName.toLowerCase().includes("modal")) {
5992
+ importPath = "../onpe-modals/".concat(componentNamePascal);
5993
+ }
5994
+ else {
5995
+ importPath = "../onpe-ui/".concat(componentNamePascal);
5996
+ }
5997
+ }
5981
5998
  console.log(" import { ".concat(componentNamePascal, " } from '").concat(importPath, "'"));
5982
5999
  // Mostrar dependencias si las hay
5983
6000
  if (!isIcon && componentDependencies[componentName.toLowerCase()]) {
@@ -5985,8 +6002,17 @@ function addComponent(componentName) {
5985
6002
  console.log("2. Tambi\u00E9n se instalaron las dependencias:");
5986
6003
  dependencies.forEach(function (dep) {
5987
6004
  var depPascal = convertToPascalCase(dep);
5988
- var depFolder = dep.startsWith("icon-") ? "onpe-icons" : dep.startsWith("modal") ? "onpe-modals" : "onpe-ui";
5989
- console.log(" import { ".concat(depPascal, " } from './components/").concat(depFolder, "/").concat(depPascal, "'"));
6005
+ var depPath;
6006
+ if (dep.startsWith("icon-")) {
6007
+ depPath = "../onpe-icons/".concat(depPascal);
6008
+ }
6009
+ else if (dep.startsWith("modal")) {
6010
+ depPath = "../onpe-modals/".concat(depPascal);
6011
+ }
6012
+ else {
6013
+ depPath = "../onpe-ui/".concat(depPascal);
6014
+ }
6015
+ console.log(" import { ".concat(depPascal, " } from '").concat(depPath, "'"));
5990
6016
  });
5991
6017
  console.log("3. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
5992
6018
  }
@@ -6013,37 +6039,37 @@ function convertToPascalCase(name) {
6013
6039
  }
6014
6040
  function personalizeComponent(code, componentName) {
6015
6041
  var componentNamePascal = convertToPascalCase(componentName);
6016
- // Mapeo de componentes y sus nuevas ubicaciones
6042
+ // Mapeo de componentes y sus ubicaciones reales
6017
6043
  var componentPaths = {
6018
- // Componentes básicos → onpe-ui
6019
- Button: "./components/onpe-ui/Button",
6020
- Overlay: "./components/onpe-ui/Overlay",
6021
- Portal: "./components/onpe-ui/Portal",
6022
- Show: "./components/onpe-ui/Show",
6023
- // Modales → onpe-modals
6024
- Modal: "./components/onpe-modals/Modal",
6025
- ModalConfirm: "./components/onpe-modals/ModalConfirm",
6026
- ModalLoading: "./components/onpe-modals/ModalLoading",
6027
- ModalBrowserIncompatible: "./components/onpe-modals/ModalBrowserIncompatible",
6028
- ModalSystemIncompatible: "./components/onpe-modals/ModalSystemIncompatible",
6029
- // Iconos → onpe-icons
6030
- IconCheck: "./components/onpe-icons/IconCheck",
6031
- IconClose: "./components/onpe-icons/IconClose",
6032
- IconWarning: "./components/onpe-icons/IconWarning",
6033
- IconSpinnerDesktop: "./components/onpe-icons/IconSpinnerDesktop",
6034
- IconSpinnerMobile: "./components/onpe-icons/IconSpinnerMobile",
6035
- IconHome: "./components/onpe-icons/IconHome",
6036
- IconChrome: "./components/onpe-icons/IconChrome",
6037
- IconChromeColor: "./components/onpe-icons/IconChromeColor",
6038
- IconEdge: "./components/onpe-icons/IconEdge",
6039
- IconEdgeColor: "./components/onpe-icons/IconEdgeColor",
6040
- IconMozilla: "./components/onpe-icons/IconMozilla",
6041
- IconMozillaColor: "./components/onpe-icons/IconMozillaColor",
6042
- IconSafari: "./components/onpe-icons/IconSafari",
6043
- IconSafariColor: "./components/onpe-icons/IconSafariColor",
6044
- IconAndroid: "./components/onpe-icons/IconAndroid",
6045
- IconApple: "./components/onpe-icons/IconApple",
6046
- IconWindow: "./components/onpe-icons/IconWindow",
6044
+ // Componentes básicos
6045
+ Button: "../onpe-ui/Button",
6046
+ Overlay: "../onpe-ui/Overlay",
6047
+ Portal: "../onpe-ui/Portal",
6048
+ Show: "../onpe-ui/Show",
6049
+ // Modales
6050
+ Modal: "../onpe-modals/Modal",
6051
+ ModalConfirm: "../onpe-modals/ModalConfirm",
6052
+ ModalLoading: "../onpe-modals/ModalLoading",
6053
+ ModalBrowserIncompatible: "../onpe-modals/ModalBrowserIncompatible",
6054
+ ModalSystemIncompatible: "../onpe-modals/ModalSystemIncompatible",
6055
+ // Iconos
6056
+ IconCheck: "../onpe-icons/IconCheck",
6057
+ IconClose: "../onpe-icons/IconClose",
6058
+ IconWarning: "../onpe-icons/IconWarning",
6059
+ IconSpinnerDesktop: "../onpe-icons/IconSpinnerDesktop",
6060
+ IconSpinnerMobile: "../onpe-icons/IconSpinnerMobile",
6061
+ IconHome: "../onpe-icons/IconHome",
6062
+ IconChrome: "../onpe-icons/IconChrome",
6063
+ IconChromeColor: "../onpe-icons/IconChromeColor",
6064
+ IconEdge: "../onpe-icons/IconEdge",
6065
+ IconEdgeColor: "../onpe-icons/IconEdgeColor",
6066
+ IconMozilla: "../onpe-icons/IconMozilla",
6067
+ IconMozillaColor: "../onpe-icons/IconMozillaColor",
6068
+ IconSafari: "../onpe-icons/IconSafari",
6069
+ IconSafariColor: "../onpe-icons/IconSafariColor",
6070
+ IconAndroid: "../onpe-icons/IconAndroid",
6071
+ IconApple: "../onpe-icons/IconApple",
6072
+ IconWindow: "../onpe-icons/IconWindow",
6047
6073
  };
6048
6074
  // Reemplazar las rutas de importación
6049
6075
  var personalizedCode = code;
package/dist/cli.js CHANGED
@@ -5865,20 +5865,24 @@ var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main
5865
5865
  var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
5866
5866
  function addComponent(componentName) {
5867
5867
  return __awaiter(this, void 0, void 0, function () {
5868
- var isIcon, isModal, folderName, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
5868
+ var isIcon, isModal, componentPath, componentDependencies, availableComponents, availableIcons, componentFile, availableItems, dependencies, _i, dependencies_1, dependency, depError_1, downloadUrl, response, componentCode, personalizedCode, fileName, filePath, componentNamePascal, importPath, dependencies, error_1;
5869
5869
  return __generator(this, function (_a) {
5870
5870
  switch (_a.label) {
5871
5871
  case 0:
5872
5872
  isIcon = componentName.toLowerCase().startsWith("icon-");
5873
5873
  isModal = componentName.toLowerCase().startsWith("modal");
5874
- folderName = "onpe-ui";
5875
5874
  if (isIcon) {
5876
- folderName = "onpe-icons";
5875
+ // Los iconos van en src/components/onpe-icons/
5876
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-icons");
5877
5877
  }
5878
5878
  else if (isModal) {
5879
- folderName = "onpe-modals";
5879
+ // Los modales van en src/components/onpe-modals/
5880
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-modals");
5881
+ }
5882
+ else {
5883
+ // Los componentes básicos van en src/components/onpe-ui/
5884
+ componentPath = require$$1.join(process.cwd(), "src", "components", "onpe-ui");
5880
5885
  }
5881
- componentPath = require$$1.join(process.cwd(), "src", "components", folderName);
5882
5886
  // Crear directorio si no existe
5883
5887
  return [4 /*yield*/, lib.ensureDir(componentPath)];
5884
5888
  case 1:
@@ -5977,7 +5981,20 @@ function addComponent(componentName) {
5977
5981
  console.log("\n📋 Próximos pasos:");
5978
5982
  console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
5979
5983
  componentNamePascal = convertToPascalCase(componentName);
5980
- importPath = "./components/".concat(folderName, "/").concat(fileName.replace(".tsx", ""));
5984
+ importPath = void 0;
5985
+ if (isIcon) {
5986
+ // Los iconos van en onpe-icons
5987
+ importPath = "../onpe-icons/".concat(componentNamePascal);
5988
+ }
5989
+ else {
5990
+ // Los componentes van en onpe-modals o onpe-ui
5991
+ if (componentName.toLowerCase().includes("modal")) {
5992
+ importPath = "../onpe-modals/".concat(componentNamePascal);
5993
+ }
5994
+ else {
5995
+ importPath = "../onpe-ui/".concat(componentNamePascal);
5996
+ }
5997
+ }
5981
5998
  console.log(" import { ".concat(componentNamePascal, " } from '").concat(importPath, "'"));
5982
5999
  // Mostrar dependencias si las hay
5983
6000
  if (!isIcon && componentDependencies[componentName.toLowerCase()]) {
@@ -5985,8 +6002,17 @@ function addComponent(componentName) {
5985
6002
  console.log("2. Tambi\u00E9n se instalaron las dependencias:");
5986
6003
  dependencies.forEach(function (dep) {
5987
6004
  var depPascal = convertToPascalCase(dep);
5988
- var depFolder = dep.startsWith("icon-") ? "onpe-icons" : dep.startsWith("modal") ? "onpe-modals" : "onpe-ui";
5989
- console.log(" import { ".concat(depPascal, " } from './components/").concat(depFolder, "/").concat(depPascal, "'"));
6005
+ var depPath;
6006
+ if (dep.startsWith("icon-")) {
6007
+ depPath = "../onpe-icons/".concat(depPascal);
6008
+ }
6009
+ else if (dep.startsWith("modal")) {
6010
+ depPath = "../onpe-modals/".concat(depPascal);
6011
+ }
6012
+ else {
6013
+ depPath = "../onpe-ui/".concat(depPascal);
6014
+ }
6015
+ console.log(" import { ".concat(depPascal, " } from '").concat(depPath, "'"));
5990
6016
  });
5991
6017
  console.log("3. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
5992
6018
  }
@@ -6013,37 +6039,37 @@ function convertToPascalCase(name) {
6013
6039
  }
6014
6040
  function personalizeComponent(code, componentName) {
6015
6041
  var componentNamePascal = convertToPascalCase(componentName);
6016
- // Mapeo de componentes y sus nuevas ubicaciones
6042
+ // Mapeo de componentes y sus ubicaciones reales
6017
6043
  var componentPaths = {
6018
- // Componentes básicos → onpe-ui
6019
- Button: "./components/onpe-ui/Button",
6020
- Overlay: "./components/onpe-ui/Overlay",
6021
- Portal: "./components/onpe-ui/Portal",
6022
- Show: "./components/onpe-ui/Show",
6023
- // Modales → onpe-modals
6024
- Modal: "./components/onpe-modals/Modal",
6025
- ModalConfirm: "./components/onpe-modals/ModalConfirm",
6026
- ModalLoading: "./components/onpe-modals/ModalLoading",
6027
- ModalBrowserIncompatible: "./components/onpe-modals/ModalBrowserIncompatible",
6028
- ModalSystemIncompatible: "./components/onpe-modals/ModalSystemIncompatible",
6029
- // Iconos → onpe-icons
6030
- IconCheck: "./components/onpe-icons/IconCheck",
6031
- IconClose: "./components/onpe-icons/IconClose",
6032
- IconWarning: "./components/onpe-icons/IconWarning",
6033
- IconSpinnerDesktop: "./components/onpe-icons/IconSpinnerDesktop",
6034
- IconSpinnerMobile: "./components/onpe-icons/IconSpinnerMobile",
6035
- IconHome: "./components/onpe-icons/IconHome",
6036
- IconChrome: "./components/onpe-icons/IconChrome",
6037
- IconChromeColor: "./components/onpe-icons/IconChromeColor",
6038
- IconEdge: "./components/onpe-icons/IconEdge",
6039
- IconEdgeColor: "./components/onpe-icons/IconEdgeColor",
6040
- IconMozilla: "./components/onpe-icons/IconMozilla",
6041
- IconMozillaColor: "./components/onpe-icons/IconMozillaColor",
6042
- IconSafari: "./components/onpe-icons/IconSafari",
6043
- IconSafariColor: "./components/onpe-icons/IconSafariColor",
6044
- IconAndroid: "./components/onpe-icons/IconAndroid",
6045
- IconApple: "./components/onpe-icons/IconApple",
6046
- IconWindow: "./components/onpe-icons/IconWindow",
6044
+ // Componentes básicos
6045
+ Button: "../onpe-ui/Button",
6046
+ Overlay: "../onpe-ui/Overlay",
6047
+ Portal: "../onpe-ui/Portal",
6048
+ Show: "../onpe-ui/Show",
6049
+ // Modales
6050
+ Modal: "../onpe-modals/Modal",
6051
+ ModalConfirm: "../onpe-modals/ModalConfirm",
6052
+ ModalLoading: "../onpe-modals/ModalLoading",
6053
+ ModalBrowserIncompatible: "../onpe-modals/ModalBrowserIncompatible",
6054
+ ModalSystemIncompatible: "../onpe-modals/ModalSystemIncompatible",
6055
+ // Iconos
6056
+ IconCheck: "../onpe-icons/IconCheck",
6057
+ IconClose: "../onpe-icons/IconClose",
6058
+ IconWarning: "../onpe-icons/IconWarning",
6059
+ IconSpinnerDesktop: "../onpe-icons/IconSpinnerDesktop",
6060
+ IconSpinnerMobile: "../onpe-icons/IconSpinnerMobile",
6061
+ IconHome: "../onpe-icons/IconHome",
6062
+ IconChrome: "../onpe-icons/IconChrome",
6063
+ IconChromeColor: "../onpe-icons/IconChromeColor",
6064
+ IconEdge: "../onpe-icons/IconEdge",
6065
+ IconEdgeColor: "../onpe-icons/IconEdgeColor",
6066
+ IconMozilla: "../onpe-icons/IconMozilla",
6067
+ IconMozillaColor: "../onpe-icons/IconMozillaColor",
6068
+ IconSafari: "../onpe-icons/IconSafari",
6069
+ IconSafariColor: "../onpe-icons/IconSafariColor",
6070
+ IconAndroid: "../onpe-icons/IconAndroid",
6071
+ IconApple: "../onpe-icons/IconApple",
6072
+ IconWindow: "../onpe-icons/IconWindow",
6047
6073
  };
6048
6074
  // Reemplazar las rutas de importación
6049
6075
  var personalizedCode = code;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.0.48",
3
+ "version": "1.0.50",
4
4
  "type": "module",
5
5
  "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
6
6
  "main": "dist/index.js",