underpost 2.8.845 → 2.8.846

package/src/client/components/core/Panel.js

@@ -3,6 +3,7 @@ import { LoadingAnimation } from '../core/LoadingAnimation.js';
 import { Validator } from '../core/Validator.js';
 import { Input } from '../core/Input.js';
 import { Responsive } from '../core/Responsive.js';
+import { darkTheme, ThemeEvents } from './Css.js';
 import { append, getDataFromInputFile, getQueryParams, htmls, prepend, s } from './VanillaJs.js';
 import { BtnIcon } from './BtnIcon.js';
 import { Translate } from './Translate.js';
@@ -365,9 +366,7 @@ const Panel = {
                         data: await getDataFromInputFile(file),
                       },
                     },
-                    aHrefOptions: {
-                      disable: true,
-                    },
+
                     raw: true,
                   })}
                   <div class="in" style="overflow: hidden">${file.name}</div>`;
@@ -515,37 +514,24 @@ const Panel = {
       }
     }
 
+    // Add theme change handler
+    const themeChangeHandler = () => {
+      const styleElement = s(`.${idPanel}-styles`);
+      if (styleElement) {
+        styleElement.textContent = darkTheme
+          ? getDarkStyles(idPanel, scrollClassContainer)
+          : getLightStyles(idPanel, scrollClassContainer);
+      }
+    };
+
+    // Add theme change listener
+    ThemeEvents[`${idPanel}-theme`] = themeChangeHandler;
+
+    // Initial styles
+    setTimeout(ThemeEvents[`${idPanel}-theme`]);
+
     return html`
       <style>
-        .${scrollClassContainer} {
-          scroll-behavior: smooth;
-        }
-        .${idPanel}-form-container {
-          padding-bottom: 20px;
-          top: 0px;
-          z-index: 1;
-          overflow: auto;
-        }
-        .${idPanel}-form {
-          max-width: 900px;
-        }
-        .${idPanel}-cell {
-          min-height: 200px;
-        }
-        .${idPanel}-container {
-        }
-        .${idPanel} {
-          margin: 10px;
-          transition: 0.3s;
-          border-radius: 10px;
-          background: #f6f6f6;
-          color: black;
-          padding: 10px;
-          min-height: 400px;
-        }
-        .${idPanel}:hover {
-          background: #ffffff;
-        }
         .${idPanel}-head {
           /* background: white; */
           margin-bottom: 10px;
@@ -610,6 +596,7 @@ const Panel = {
           font-size: 17px !important;
         }
       </style>
+      <style class="${idPanel}-styles"></style>
       <div class="${idPanel}-container">
         <div class="in modal ${idPanel}-form-container ${options.formContainerClass ? options.formContainerClass : ''}">
           <div class="in ${idPanel}-form-header">
@@ -643,4 +630,141 @@ const Panel = {
   },
 };
 
+// Function to generate base styles
+function getBaseStyles(idPanel, scrollClassContainer) {
+  return css`
+    .${scrollClassContainer} {
+      scroll-behavior: smooth;
+    }
+    .${idPanel}-form-container {
+      padding-bottom: 20px;
+      top: 0px;
+      z-index: 1;
+      overflow: auto;
+    }
+    .${idPanel}-form {
+      max-width: 900px;
+    }
+    .${idPanel}-cell {
+      min-height: 200px;
+    }
+    .${idPanel}-container {
+    }
+    .${idPanel} {
+      margin: 10px;
+      transition: 0.3s;
+      border-radius: 10px;
+      padding: 10px;
+      min-height: 400px;
+    }
+    .${idPanel}-head {
+      margin-bottom: 10px;
+    }
+    .img-${idPanel} {
+      width: 100%;
+    }
+    .${idPanel}-row {
+      padding: 5px;
+      margin: 5px;
+      font-size: 16px;
+    }
+    .${idPanel}-subtitle {
+      font-size: 17px;
+      margin-left: 20px;
+      top: -7px;
+    }
+    .${idPanel}-tags {
+      font-size: 17px;
+      margin-left: 10px;
+      top: -7px;
+    }
+    .${idPanel}-form-body {
+      transition: 0.3s;
+    }
+    .btn-${idPanel}-add {
+      padding: 10px;
+      font-size: 20px;
+    }
+    .${idPanel}-dropdown {
+      min-height: 100px;
+    }
+  `;
+}
+
+// Function to generate light theme styles
+function getLightStyles(idPanel, scrollClassContainer) {
+  return css`
+    ${getBaseStyles(idPanel, scrollClassContainer)}
+
+    .${idPanel} {
+      background: #f6f6f6;
+      color: black;
+    }
+    .${idPanel}:hover {
+      background: #ffffff;
+    }
+    .${idPanel}-title {
+      color: rgba(109, 104, 255, 1);
+      font-size: 24px;
+      padding: 5px;
+    }
+    .a-title-${idPanel} {
+      color: rgba(109, 104, 255, 1);
+    }
+    .a-title-${idPanel}:hover {
+      color: #e89f4c;
+    }
+    .${idPanel}-row-pin-value {
+      font-size: 20px;
+      color: rgb(19 190 84);
+    }
+    .${idPanel}-btn-tool {
+      background: none !important;
+      color: #c4c4c4 !important;
+    }
+    .${idPanel}-btn-tool:hover {
+      color: #000000 !important;
+      font-size: 17px !important;
+    }
+  `;
+}
+
+// Function to generate dark theme styles
+function getDarkStyles(idPanel, scrollClassContainer) {
+  return css`
+    ${getBaseStyles(idPanel, scrollClassContainer)}
+
+    .${idPanel} {
+      background: #2d2d2d;
+      color: #e0e0e0;
+    }
+    .${idPanel}:hover {
+      background: #3a3a3a;
+    }
+    .${idPanel}-title {
+      color: #8a85ff;
+      font-size: 24px;
+      padding: 5px;
+    }
+    .a-title-${idPanel} {
+      color: #8a85ff;
+    }
+    .a-title-${idPanel}:hover {
+      color: #ffb74d;
+    }
+    .${idPanel}-row-pin-value {
+      font-size: 20px;
+      color: #4caf50;
+    }
+    .${idPanel}-btn-tool {
+      background: none !important;
+      color: #666666 !important;
+    }
+    .${idPanel}-btn-tool:hover {
+      color: #ffffff !important;
+      font-size: 17px !important;
+    }
+  `;
+}
+
 export { Panel };

package/src/client/components/core/Translate.js

@@ -512,6 +512,10 @@ const TranslateCore = {
       en: 'Your session has expired. Please log in again.',
       es: 'Su sesión ha expirado. Por favor, inicie sesión de nuevo.',
     };
+    Translate.Data['cron-management'] = {
+      en: 'Cron Management',
+      es: 'Gestion de cron jobs',
+    };
   },
 };
 

package/src/client/components/default/MenuDefault.js

@@ -1,7 +1,7 @@
 import { Account } from '../core/Account.js';
 import { BtnIcon } from '../core/BtnIcon.js';
 import { getId, newInstance } from '../core/CommonJs.js';
-import { Css, Themes } from '../core/Css.js';
+import { Css, darkTheme, extractBackgroundImageUrl, ThemeEvents, Themes } from '../core/Css.js';
 import { EventsUI } from '../core/EventsUI.js';
 import { LogIn } from '../core/LogIn.js';
 import { LogOut } from '../core/LogOut.js';
@@ -178,6 +178,32 @@ const MenuDefault = {
       htmlMainBody: options?.htmlMainBody ? options.htmlMainBody : undefined,
     });
 
+    ThemeEvents['ssr-background-image'] = () => {
+      if (darkTheme) {
+        const backgroundImage = `${getProxyPath()}assets/background/dark.jpg`;
+        htmls(
+          `.style-ssr-background-image`,
+          css`
+            .ssr-background-image {
+              background-image: url('${backgroundImage}');
+            }
+          `,
+        );
+      } else {
+        const backgroundImage = `${getProxyPath()}assets/background/white0-min.jpg`;
+        htmls(
+          `.style-ssr-background-image`,
+          css`
+            .ssr-background-image {
+              background-image: url('${backgroundImage}');
+            }
+          `,
+        );
+      }
+    };
+
+    setTimeout(ThemeEvents['ssr-background-image']);
+
     this.Data[id].sortable = new Sortable(s(`.menu-btn-container`), {
       animation: 150,
       group: `menu-sortable`,

package/src/client/public/default/safari-pinned-tab.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="269.000000pt" height="269.000000pt" viewBox="0 0 269.000000 269.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,269.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M980 2475 l0 -65 65 0 65 0 0 65 0 65 -65 0 -65 0 0 -65z"/>
+<path d="M1700 2475 l0 -65 65 0 65 0 0 65 0 65 -65 0 -65 0 0 -65z"/>
+<path d="M1110 2325 l0 -65 -85 0 -85 0 0 -140 0 -140 -60 0 -60 0 0 -160 0
+-160 75 0 75 0 0 -100 0 -100 95 0 95 0 0 -40 0 -40 -240 0 -240 0 0 -445 0
+-445 -65 0 -65 0 0 -135 0 -135 65 0 65 0 0 -55 0 -55 65 0 65 0 0 475 0 475
+85 0 85 0 0 -425 0 -425 425 0 425 0 0 425 0 425 85 0 85 0 0 -475 0 -475 65
+0 65 0 0 55 0 55 60 0 60 0 0 135 0 135 -60 0 -60 0 0 445 0 445 -240 0 -240
+0 0 35 0 35 95 0 95 0 0 105 0 105 75 0 75 0 0 160 0 160 -60 0 -60 0 0 140 0
+140 -85 0 -85 0 0 65 0 65 -75 0 -75 0 0 -65 0 -65 -145 0 -145 0 0 65 0 65
+-75 0 -75 0 0 -65z m210 -505 l0 -110 -110 0 -110 0 0 110 0 110 110 0 110 0
+0 -110z m390 0 l0 -70 -70 0 -70 0 0 70 0 70 70 0 70 0 0 -70z"/>
+</g>
+</svg>

package/src/client/ssr/body/DefaultSplashScreen.js

@@ -1,12 +1,12 @@
 SrrComponent = ({ backgroundImage, metadata }) => html`
   ${backgroundImage
-    ? html`<style>
+    ? html`<style class="style-ssr-background-image">
         .ssr-background-image {
           background-image: url('${backgroundImage}');
         }
       </style>`
     : metadata?.themeColor
-    ? html`<style>
+    ? html`<style class="style-ssr-background-image">
         .ssr-background-image {
           background: ${metadata.themeColor};
         }

package/src/index.js

@@ -34,7 +34,7 @@ class Underpost {
    * @type {String}
    * @memberof Underpost
    */
-  static version = 'v2.8.845';
+  static version = 'v2.8.846';
   /**
    * Repository cli API
    * @static

package/src/server/client-build.js

@@ -441,27 +441,13 @@ const buildClient = async (options = { liveClientBuildPaths: [], instances: [] }
                   case 'CyberiaDefaultSplashScreen':
                   case 'NexodevSplashScreen':
                   case 'DefaultSplashScreen':
-                    if (backgroundImage) {
+                    if (backgroundImage)
                       ssrHeadComponents += SrrComponent({
+                        ...metadata,
                         backgroundImage: (path === '/' ? path : `${path}/`) + backgroundImage,
                       });
-                      // `data:image/${backgroundImage.split('.').pop()};base64,${fs
-                      //     .readFileSync()
-                      //     .toString('base64')}`,
-                      break;
-                    } else {
-                      ssrHeadComponents += SrrComponent({ metadata });
-                      break;
-                      const bufferBackgroundImage = await getBufferPngText({
-                        text: ' ',
-                        textColor: metadata?.themeColor ? metadata.themeColor : '#ececec',
-                        size: '100x100',
-                        bgColor: metadata?.themeColor ? metadata.themeColor : '#ececec',
-                      });
-                      ssrHeadComponents += SrrComponent({
-                        backgroundImage: `data:image/png;base64,${bufferBackgroundImage.toString('base64')}`,
-                      });
-                    }
+                    else ssrHeadComponents += SrrComponent({ metadata });
+                    break;
 
                   case 'CyberiaSplashScreenLore': {
                     ssrBodyComponents += SrrComponent({

package/src/server/conf.js

@@ -89,12 +89,19 @@ const Config = {
 };
 
 const loadConf = (deployId, envInput, subConf) => {
+  if (deployId === 'current') {
+    console.log(process.env.DEPLOY_ID);
+    return;
+  }
   if (deployId === 'clean') {
-    shellExec(`git checkout package.json`);
-    shellExec(`git checkout .env.production`);
-    shellExec(`git checkout .env.development`);
-    shellExec(`git checkout .env.test`);
-    shellExec(`git checkout jsdoc.json`);
+    const path = envInput ?? '.';
+    fs.removeSync(`${path}/.env`);
+    shellExec(`git checkout ${path}/.env.production`);
+    shellExec(`git checkout ${path}/.env.development`);
+    shellExec(`git checkout ${path}/.env.test`);
+    if (fs.existsSync(`${path}/jsdoc.json`)) shellExec(`git checkout ${path}/jsdoc.json`);
+    shellExec(`git checkout ${path}/package.json`);
+    shellExec(`git checkout ${path}/package-lock.json`);
     return;
   }
   const folder = fs.existsSync(`./engine-private/replica/${deployId}`)