cyberia 3.2.5 → 3.2.12

package/src/client/CyberiaPortal.index.js

@@ -1,35 +1,31 @@
 'use strict';
 
-import { Css } from './components/core/Css.js';
-import { Responsive } from './components/core/Responsive.js';
-import { TranslateCore } from './components/core/Translate.js';
+import { Worker } from './components/core/Worker.js';
+import { RouterCyberiaPortal } from './components/cyberia-portal/RouterCyberiaPortal.js';
+import { AppShellCyberiaPortal } from './components/cyberia-portal/AppShellCyberiaPortal.js';
+import { AppStoreCyberiaPortal } from './components/cyberia-portal/AppStoreCyberiaPortal.js';
+import { SocketIoCyberiaPortal } from './components/cyberia-portal/SocketIoCyberiaPortal.js';
 import { LogInCyberiaPortal } from './components/cyberia-portal/LogInCyberiaPortal.js';
 import { LogOutCyberiaPortal } from './components/cyberia-portal/LogOutCyberiaPortal.js';
 import { SignUpCyberiaPortal } from './components/cyberia-portal/SignUpCyberiaPortal.js';
-import { MenuCyberiaPortal } from './components/cyberia-portal/MenuCyberiaPortal.js';
-import { RouterCyberiaPortal } from './components/cyberia-portal/RoutesCyberiaPortal.js';
-import { TranslateCyberiaPortal } from './components/cyberia-portal/TranslateCyberiaPortal.js';
-import { Worker } from './components/core/Worker.js';
 import { CssCyberiaDark, CssCyberiaLight } from './components/cyberia-portal/CssCyberiaPortal.js';
-import { SocketIoCyberiaPortal } from './components/cyberia-portal/SocketIoCyberiaPortal.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { AppStoreCyberiaPortal } from './components/cyberia-portal/AppStoreCyberiaPortal.js';
-import { Keyboard } from './components/core/Keyboard.js';
+import { TranslateCyberiaPortal } from './components/cyberia-portal/TranslateCyberiaPortal.js';
+
+const CssCyberiaPortalThemes = [CssCyberiaDark, CssCyberiaLight];
 
 window.onload = () =>
   Worker.instance({
     router: RouterCyberiaPortal,
-    render: async () => {
-      await Css.loadThemes([CssCyberiaDark, CssCyberiaLight]);
-      await TranslateCore.Init();
-      await TranslateCyberiaPortal.Init();
-      await Responsive.Init();
-      await MenuCyberiaPortal.Render();
-      await SocketIo.Init({ channels: AppStoreCyberiaPortal.Data });
-      await SocketIoCyberiaPortal.Init();
-      await LogInCyberiaPortal();
-      await LogOutCyberiaPortal();
-      await SignUpCyberiaPortal();
-      await Keyboard.Init();
+
+    themes: CssCyberiaPortalThemes,
+    translate: TranslateCyberiaPortal,
+    render: AppShellCyberiaPortal,
+    appStore: AppStoreCyberiaPortal,
+
+    session: {
+      socket: SocketIoCyberiaPortal,
+      login: LogInCyberiaPortal,
+      signout: LogOutCyberiaPortal,
+      signup: SignUpCyberiaPortal,
     },
   });

package/src/client/Default.index.js

@@ -1,24 +1,17 @@
 'use strict';
 
-import { Css } from './components/core/Css.js';
-import { Responsive } from './components/core/Responsive.js';
-import { TranslateCore } from './components/core/Translate.js';
+import { Worker } from './components/core/Worker.js';
+import { RouterDefault } from './components/default/RouterDefault.js';
+import { AppShellDefault } from './components/default/AppShellDefault.js';
+import { AppStoreDefault } from './components/default/AppStoreDefault.js';
+import { SocketIoDefault } from './components/default/SocketIoDefault.js';
 import { LogInDefault } from './components/default/LogInDefault.js';
 import { LogOutDefault } from './components/default/LogOutDefault.js';
 import { SignUpDefault } from './components/default/SignUpDefault.js';
-import { MenuDefault } from './components/default/MenuDefault.js';
-import { RouterDefault } from './components/default/RoutesDefault.js';
-import { TranslateDefault } from './components/default/TranslateDefault.js';
-import { Worker } from './components/core/Worker.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { SocketIoDefault } from './components/default/SocketIoDefault.js';
-import { AppStoreDefault } from './components/default/AppStoreDefault.js';
 import { CssDefaultDark, CssDefaultLight } from './components/default/CssDefault.js';
+import { TranslateDefault } from './components/default/TranslateDefault.js';
 import { EventsUI } from './components/core/EventsUI.js';
-import { Modal } from './components/core/Modal.js';
-
-const htmlMainBody = async () => {
+const DefaultTemplate = async () => {
   setTimeout(() => {
     EventsUI.onClick('.get-started-button', (e) => {
       e.preventDefault();
@@ -26,31 +19,35 @@ const htmlMainBody = async () => {
     });
   });
   return html`
+    <style>
+      .feature-icon {
+        font-size: 2.5rem;
+        margin-bottom: 1rem;
+      }
+    </style>
     <div class="landing-container">
       <div class="content-wrapper">
         <h1 class="animated-text">
           <span class="greeting">Hello, World!</span>
           <span class="subtitle">Welcome to Our Platform</span>
         </h1>
-
         <div class="features">
           <div class="feature-card">
-            <i class="icon">🚀</i>
-            <h3>Fast & Reliable</h3>
+            <i class="fas fa-rocket feature-icon"></i>
+            <h3>Fast &amp; Reliable</h3>
             <p>Lightning-fast performance with 99.9% uptime</p>
           </div>
           <div class="feature-card">
-            <i class="icon">🎨</i>
+            <i class="fas fa-palette feature-icon"></i>
             <h3>Beautiful UI</h3>
             <p>Modern and intuitive user interface</p>
           </div>
           <div class="feature-card">
-            <i class="icon">⚡</i>
+            <i class="fas fa-bolt feature-icon"></i>
             <h3>Powerful Features</h3>
             <p>Everything you need in one place</p>
           </div>
         </div>
-
         <button class="cta-button get-started-button">
           Get Started
           <span class="button-icon">→</span>
@@ -60,24 +57,21 @@ const htmlMainBody = async () => {
   `;
 };
 
+const CssDefaultThemes = [CssDefaultDark, CssDefaultLight];
+
 window.onload = () =>
   Worker.instance({
     router: RouterDefault,
-    render: async () => {
-      await Css.loadThemes([CssDefaultLight, CssDefaultDark]);
-      await TranslateCore.Init();
-      await TranslateDefault.Init();
-      await Responsive.Init();
-      await MenuDefault.Render({ htmlMainBody });
-      await SocketIo.Init({
-        channels: AppStoreDefault.Data,
-        path: `/`,
-      });
-      await SocketIoDefault.Init();
-      await LogInDefault();
-      await LogOutDefault();
-      await SignUpDefault();
-      await Keyboard.Init();
-      await Modal.RenderSeoSanitizer();
+    template: DefaultTemplate,
+    themes: CssDefaultThemes,
+    translate: TranslateDefault,
+    render: AppShellDefault,
+    appStore: AppStoreDefault,
+    socketPath: '/',
+    session: {
+      socket: SocketIoDefault,
+      login: LogInDefault,
+      signout: LogOutDefault,
+      signup: SignUpDefault,
     },
   });

package/src/client/Itemledger.index.js

@@ -1,41 +1,35 @@
 'use strict';
 
-import { Css, darkTheme, ThemeEvents } from './components/core/Css.js';
-import { Responsive } from './components/core/Responsive.js';
-import { TranslateCore } from './components/core/Translate.js';
+import { Worker } from './components/core/Worker.js';
+import { RouterItemledger } from './components/itemledger/RouterItemledger.js';
+import { AppShellItemledger } from './components/itemledger/AppShellItemledger.js';
+import { AppStoreItemledger } from './components/itemledger/AppStoreItemledger.js';
+import { SocketIoItemledger } from './components/itemledger/SocketIoItemledger.js';
 import { LogInItemledger } from './components/itemledger/LogInItemledger.js';
 import { LogOutItemledger } from './components/itemledger/LogOutItemledger.js';
 import { SignUpItemledger } from './components/itemledger/SignUpItemledger.js';
-import { MenuItemledger } from './components/itemledger/MenuItemledger.js';
-import { RouterItemledger } from './components/itemledger/RoutesItemledger.js';
-import { TranslateItemledger } from './components/itemledger/TranslateItemledger.js';
-import { Worker } from './components/core/Worker.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { SocketIoItemledger } from './components/itemledger/SocketIoItemledger.js';
-import { AppStoreItemledger } from './components/itemledger/AppStoreItemledger.js';
 import { CssItemledgerDark, CssItemledgerLight } from './components/itemledger/CssItemledger.js';
-import { s } from './components/core/VanillaJs.js';
-import { EventsUI } from './components/core/EventsUI.js';
+import { TranslateItemledger } from './components/itemledger/TranslateItemledger.js';
 
-const htmlMainBody = async () => {
+const ItemledgerTemplate = async () => {
   return html``;
 };
 
+const CssItemledgerThemes = [CssItemledgerDark, CssItemledgerLight];
+
 window.onload = () =>
   Worker.instance({
     router: RouterItemledger,
-    render: async () => {
-      await Css.loadThemes([CssItemledgerLight, CssItemledgerDark]);
-      await TranslateCore.Init();
-      await TranslateItemledger.Init();
-      await Responsive.Init();
-      await MenuItemledger.Render({ htmlMainBody });
-      await SocketIo.Init({ channels: AppStoreItemledger.Data });
-      await SocketIoItemledger.Init();
-      await LogInItemledger();
-      await LogOutItemledger();
-      await SignUpItemledger();
-      await Keyboard.Init();
+    template: ItemledgerTemplate,
+    themes: CssItemledgerThemes,
+    translate: TranslateItemledger,
+    render: AppShellItemledger,
+    appStore: AppStoreItemledger,
+
+    session: {
+      socket: SocketIoItemledger,
+      login: LogInItemledger,
+      signout: LogOutItemledger,
+      signup: SignUpItemledger,
     },
   });

package/src/client/Underpost.index.js

@@ -1,35 +1,31 @@
 'use strict';
 
-import { Css } from './components/core/Css.js';
-import { Responsive } from './components/core/Responsive.js';
-import { TranslateCore } from './components/core/Translate.js';
+import { Worker } from './components/core/Worker.js';
+import { RouterUnderpost } from './components/underpost/RouterUnderpost.js';
+import { AppShellUnderpost } from './components/underpost/AppShellUnderpost.js';
+import { AppStoreUnderpost } from './components/underpost/AppStoreUnderpost.js';
+import { SocketIoUnderpost } from './components/underpost/SocketIoUnderpost.js';
 import { LogInUnderpost } from './components/underpost/LogInUnderpost.js';
 import { LogOutUnderpost } from './components/underpost/LogOutUnderpost.js';
 import { SignUpUnderpost } from './components/underpost/SignUpUnderpost.js';
-import { MenuUnderpost } from './components/underpost/MenuUnderpost.js';
-import { RouterUnderpost } from './components/underpost/RoutesUnderpost.js';
-import { TranslateUnderpost } from './components/underpost/TranslateUnderpost.js';
-import { Worker } from './components/core/Worker.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { SocketIoUnderpost } from './components/underpost/SocketIoUnderpost.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { AppStoreUnderpost } from './components/underpost/AppStoreUnderpost.js';
 import { CssUnderpostDark, CssUnderpostLight } from './components/underpost/CssUnderpost.js';
+import { TranslateUnderpost } from './components/underpost/TranslateUnderpost.js';
+
+const CssUnderpostThemes = [CssUnderpostDark, CssUnderpostLight];
 
 window.onload = () =>
   Worker.instance({
     router: RouterUnderpost,
-    render: async () => {
-      await Css.loadThemes([CssUnderpostDark, CssUnderpostLight]);
-      await TranslateCore.Init();
-      await TranslateUnderpost.Init();
-      await Responsive.Init();
-      await MenuUnderpost.Render();
-      await SocketIo.Init({ channels: AppStoreUnderpost.Data });
-      await SocketIoUnderpost.Init();
-      await LogInUnderpost();
-      await LogOutUnderpost();
-      await SignUpUnderpost();
-      await Keyboard.Init();
+
+    themes: CssUnderpostThemes,
+    translate: TranslateUnderpost,
+    render: AppShellUnderpost,
+    appStore: AppStoreUnderpost,
+
+    session: {
+      socket: SocketIoUnderpost,
+      login: LogInUnderpost,
+      signout: LogOutUnderpost,
+      signup: SignUpUnderpost,
     },
   });

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

@@ -2,8 +2,8 @@ import { Alert } from './Alert.js';
 import { Modal } from './Modal.js';
 import { s } from './VanillaJs.js';
 
-const Page404 = {
-  Render: async function (options = { idModal: '' }) {
+class Page404 {
+  static async instance(options = { idModal: '' }) {
     setTimeout(() => {
       Modal.Data[options.idModal].onObserverListener['404'] = () => {
         if (s(`.container-404-${options.idModal}`))
@@ -14,7 +14,7 @@ const Page404 = {
       Modal.Data[options.idModal].onObserverListener['404']();
     });
     return html`<div class="in container-404-${options.idModal}">${await Alert.e404()}</div>`;
-  },
-};
+  }
+}
 
 export { Page404 };

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

@@ -2,8 +2,8 @@ import { Alert } from './Alert.js';
 import { Modal } from './Modal.js';
 import { s } from './VanillaJs.js';
 
-const Page500 = {
-  Render: async function (options = { idModal: '' }) {
+class Page500 {
+  static async instance(options = { idModal: '' }) {
     setTimeout(() => {
       Modal.Data[options.idModal].onObserverListener['500'] = () => {
         if (s(`.container-500-${options.idModal}`))
@@ -14,7 +14,7 @@ const Page500 = {
       Modal.Data[options.idModal].onObserverListener['500']();
     });
     return html`<div class="in container-500-${options.idModal}">${await Alert.e500()}</div>`;
-  },
-};
+  }
+}
 
 export { Page500 };