slicejs-cli 2.0.5 → 2.0.6

package/ProjectTemplate/src/Components/components.js

@@ -0,0 +1,42 @@
+const components = {
+  "ButtonDocumentation": "AppComponents",
+  "CardDocumentation": "AppComponents",
+  "CheckboxDocumentation": "AppComponents",
+  "CodeVisualizer": "AppComponents",
+  "Documentation": "AppComponents",
+  "DocumentationPage": "AppComponents",
+  "InputDocumentation": "AppComponents",
+  "LandingMenu": "AppComponents",
+  "LandingPage": "AppComponents",
+  "MainMenu": "AppComponents",
+  "MyLayout": "AppComponents",
+  "MyNavigation": "AppComponents",
+  "Playground": "AppComponents",
+  "SliceTeamCard": "AppComponents",
+  "SwitchDocumentation": "AppComponents",
+  "TheSliceTeam": "AppComponents",
+  "WhatIsSlice": "AppComponents",
+  "Button": "Visual",
+  "Card": "Visual",
+  "Checkbox": "Visual",
+  "Details": "Visual",
+  "DropDown": "Visual",
+  "Grid": "Visual",
+  "Icon": "Visual",
+  "Input": "Visual",
+  "Layout": "Visual",
+  "Loading": "Visual",
+  "MultiRoute": "Visual",
+  "Navbar": "Visual",
+  "NotFound": "Visual",
+  "Route": "Visual",
+  "Select": "Visual",
+  "Switch": "Visual",
+  "TreeItem": "Visual",
+  "TreeView": "Visual",
+  "FetchManager": "Service",
+  "IndexedDbManager": "Service",
+  "Link": "Service",
+  "LocalStorageManager": "Service",
+  "Translator": "Service"
+}; export default components;

package/ProjectTemplate/src/Styles/sliceStyles.css

@@ -0,0 +1,34 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&family=Roboto&display=swap");
+
+:root {
+  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  --border-radius-slice: 5px;
+  --slice-border: 1px;
+}
+body {
+  margin: 0;
+  background-color: var(--primary-background-color);
+}
+.caret {
+  cursor: pointer;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 6px solid;
+  transition: transform 0.3s;
+}
+.caret_open {
+  transform: rotate(180deg);
+}
+*::-webkit-scrollbar {
+  width: 5px;
+}
+*::-webkit-scrollbar:horizontal {
+  height: 3px;
+}
+*::-webkit-scrollbar-thumb {
+  background: var(--secondary-color);
+  border-radius: var(--border-radius-slice);
+}

package/ProjectTemplate/src/Themes/Dark.css

@@ -0,0 +1,42 @@
+:root {
+  --font-primary-color: #fff;
+
+  /** primary **/
+  --primary-color: #0066ff;
+  --primary-color-rgb: rgb(0, 102, 255);
+  /* Se reemplaza el negro puro por un gris muy oscuro, más cálido y agradable */
+  --primary-background-color: #282828; /* antes: #000 */
+  --primary-color-contrast: #000;
+  /* Ajustamos la sombra para que armonice con el fondo aclarado */
+  --primary-color-shade: #383838; /* antes: #222 */
+
+  /** secondary **/
+  --secondary-color: #63ccfd;
+  --secondary-color-rgb: rgb(99, 204, 253);
+  /* Se aclara el fondo secundario para suavizar el efecto general */
+  --secondary-background-color: #333333; /* antes: #222 */
+  --secondary-color-contrast: #fff;
+
+  /** tertiary **/
+  /* Se levanta ligeramente el fondo terciario para mantener la coherencia visual */
+  --tertiary-background-color: #555555; /* antes: #444 */
+
+  /** success **/
+  --success-color: #00ff40;
+  --success-contrast: #000;
+
+  /** warning **/
+  --warning-color: #ffff40;
+  --warning-contrast: #000;
+
+  /** danger **/
+  --danger-color: #ff0000;
+  --danger-contrast: #000;
+
+  /** medium **/
+  --medium-color: #92949c;
+  --medium-contrast: #fff;
+
+  /* Disabled color */
+  --disabled-color: #7f7f7f;
+}

package/ProjectTemplate/src/Themes/Light.css

@@ -0,0 +1,31 @@
+:root {
+  --font-primary-color: #000;
+  --font-secondary-color: #474747;
+  /** primary **/
+  --primary-color: #0066ff;
+  --primary-color-rgb: rgb(0, 102, 255);
+  --primary-background-color: #fff;
+  --primary-color-contrast: #fff;
+  --primary-color-shade: #ddd;
+  /** secondary **/
+  --secondary-color: #63ccfd;
+  --secondary-color-rgb: rgb(99, 204, 253);
+  --secondary-background-color: #ddd;
+  --secondary-color-contrast: #fff;
+  /** tertiary **/
+  --tertiary-background-color: #c4c4c4;
+  /** success **/
+  --success-color: #00ff40;
+  --success-contrast: #fff;
+  /** warning **/
+  --warning-color: #ffff40;
+  --warning-contrast: #000;
+  /** danger **/
+  --danger-color: #ff0000;
+  --danger-contrast: #fff;
+  /** medium **/
+  --medium-color: #92949c;
+  --medium--contrast: #000;
+
+  --disabled-color: #7f7f7f;
+}

package/ProjectTemplate/src/Themes/Slice.css

@@ -0,0 +1,47 @@
+:root {
+  /* Tipografía */
+  --font-primary-color: #6D2323; /* Rojo profundo para los textos principales */
+  --font-secondary-color: #A31D1D; /* Rojo más intenso para destacar */
+  
+  /** Primary - Colores cálidos **/
+  --primary-color: #A31D1D; /* Rojo oscuro pero sofisticado */
+  --primary-color-rgb: 163, 29, 29;
+  --primary-background-color: #FEF9E1; /* Beige suave para el fondo, cálido y acogedor */
+  --primary-color-contrast: #ffffff; /* Contraste blanco para claridad */
+  --primary-color-shade: #6D2323; /* Rojo más oscuro para énfasis */
+
+  /** Secondary - Color cálido y elegante **/
+  --secondary-color: #E5D0AC; /* Beige cálido y suave */
+  --secondary-color-rgb: 229, 208, 172;
+  --secondary-background-color: #FEF9E1; /* Fondo claro para resaltar los elementos */
+  --secondary-color-contrast: #6D2323; /* Contraste con el rojo más oscuro */
+
+  /** Tertiary - Colores neutros pero sofisticados **/
+  --tertiary-background-color: #F5E0C7; /* Beige un poco más oscuro para balancear el diseño */
+
+  /** Success - Verde suave para mensajes positivos **/
+  --success-color: #4CAF50; /* Verde natural para dar un toque de frescura */
+  --success-contrast: #ffffff;
+
+  /** Warning - Amarillo suave para advertencias sutiles **/
+  --warning-color: #FFB74D;
+  --warning-contrast: #4e342e;
+
+  /** Danger - Rojo más suave para alertas pero no tan fuerte **/
+  --danger-color: #6D2323; /* Rojo profundo para peligros o advertencias */
+  --danger-contrast: #ffffff;
+
+  /** Medium - Gris cálido para textos secundarios **/
+  --medium-color: #A89F91;
+  --medium-contrast: #000000;
+
+  /* Disabled - Un color claro para elementos deshabilitados */
+  --disabled-color: #E6E0B9;
+
+  /** Accent - Un toque cálido y sutil **/
+  --accent-color: #C75B5B;
+
+  /* Sombras suaves para dar profundidad */
+  --box-shadow-primary: 0px 4px 10px rgba(163, 29, 29, 0.1);
+  --box-shadow-secondary: 0px 3px 8px rgba(109, 35, 35, 0.1);
+}

package/ProjectTemplate/src/routes.js

@@ -0,0 +1,36 @@
+const routes = [
+   { path: '/', component: 'LandingPage' },
+   {
+      path: '/Documentation',
+      component: 'DocumentationPage',
+      children: [
+         {
+            path: '/Button',
+            component: 'ButtonDocumentation',
+         },
+      ],
+   },
+   {
+      path: '/Documentation/CustomMenu',
+      component: 'DocumentationPage',
+      children: [
+         {
+            path: '/Button',
+            component: 'CardDocumentation',
+         },
+      ],
+   },
+   { path: '/Documentation/CustomMenu/pepito', component: 'Button' },
+   { path: '/Playground', component: 'Playground' },
+   { path: '/404', component: 'NotFound' },
+   {
+      path: '/Docum/${category}/${id}', // Ejemplo con dos parámetros: "category" e "id"
+      component: 'LandingPage',
+    },
+    {
+      path:'/Team',
+      component: 'TheSliceTeam',
+    }
+];
+
+export default routes;

package/ProjectTemplate/src/sliceConfig.json

@@ -0,0 +1,58 @@
+{
+    "debugger": {
+        "enabled": false,
+        "click": "right"
+    },
+    "stylesManager":{
+        "requestedStyles":["sliceStyles"]
+    },
+    "themeManager": {
+        "enabled":true,
+        "defaultTheme": "Slice",
+        "saveThemeLocally": false,
+        "useBrowserTheme": false
+    },
+    "logger": {
+        "enabled": true,
+        "showLogs": {
+            "console": {
+                "error": true,
+                "warning": true,
+                "info": false
+            }
+        }
+    },
+    "translator": {
+        "enabled": false
+    },
+    "paths": {
+        "components": {
+            "AppComponents":{
+                "path":"/Components/AppComponents",
+                "type":"Visual"
+            },
+            "Visual":{
+                "path":"/Components/Visual",
+                "type":"Visual"
+            },
+            "Service":{
+                "path":"/Components/Service",
+                "type":"Service"
+            }
+        },
+        "themes": "/Themes",
+        "styles": "/Styles",
+        "routesFile":"/routes.js"
+    },
+    "router":{
+        "defaultRoute": "/"        
+    },
+    "loading":{
+        "enabled": true
+    },
+    "production": {
+        "enabled": false
+    }
+}
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slicejs-cli",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Command client for developing web applications with Slice.js framework",
   "main": "client.js",
   "scripts": {