cyberia 3.1.3 → 3.2.9

package/src/client/Cryptokoyn.index.js

@@ -1,34 +1,30 @@
 '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 { RouterCryptokoyn } from './components/cryptokoyn/RouterCryptokoyn.js';
+import { AppShellCryptokoyn } from './components/cryptokoyn/AppShellCryptokoyn.js';
+import { AppStoreCryptokoyn } from './components/cryptokoyn/AppStoreCryptokoyn.js';
+import { SocketIoCryptokoyn } from './components/cryptokoyn/SocketIoCryptokoyn.js';
 import { LogInCryptokoyn } from './components/cryptokoyn/LogInCryptokoyn.js';
 import { LogOutCryptokoyn } from './components/cryptokoyn/LogOutCryptokoyn.js';
 import { SignUpCryptokoyn } from './components/cryptokoyn/SignUpCryptokoyn.js';
-import { MenuCryptokoyn } from './components/cryptokoyn/MenuCryptokoyn.js';
-import { RouterCryptokoyn } from './components/cryptokoyn/RoutesCryptokoyn.js';
-import { Worker } from './components/core/Worker.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { CryptokoynParams } from './components/cryptokoyn/CommonCryptokoyn.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { SocketIoCryptokoyn } from './components/cryptokoyn/SocketIoCryptokoyn.js';
-import { ElementsCryptokoyn } from './components/cryptokoyn/ElementsCryptokoyn.js';
 import { CssCryptokoynDark, CssCryptokoynLight } from './components/cryptokoyn/CssCryptokoyn.js';
 
+const CssCryptokoynThemes = [CssCryptokoynDark, CssCryptokoynLight];
+
 window.onload = () =>
   Worker.instance({
     router: RouterCryptokoyn,
-    render: async () => {
-      await Css.loadThemes([CssCryptokoynDark, CssCryptokoynLight]);
-      await TranslateCore.Init();
-      await Responsive.Init();
-      await MenuCryptokoyn.Render();
-      await SocketIo.Init({ channels: ElementsCryptokoyn.Data });
-      await SocketIoCryptokoyn.Init();
-      await LogInCryptokoyn();
-      await LogOutCryptokoyn();
-      await SignUpCryptokoyn();
-      await Keyboard.Init({ callBackTime: CryptokoynParams.EVENT_CALLBACK_TIME });
+
+    themes: CssCryptokoynThemes,
+
+    render: AppShellCryptokoyn,
+    appStore: AppStoreCryptokoyn,
+
+    session: {
+      socket: SocketIoCryptokoyn,
+      login: LogInCryptokoyn,
+      signout: LogOutCryptokoyn,
+      signup: SignUpCryptokoyn,
     },
   });

package/src/client/CyberiaPortal.index.js

@@ -1,36 +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 { ElementsCyberiaPortal } from './components/cyberia-portal/ElementsCyberiaPortal.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { CyberiaPortalParams } from './components/cyberia-portal/CommonCyberiaPortal.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: ElementsCyberiaPortal.Data });
-      await SocketIoCyberiaPortal.Init();
-      await LogInCyberiaPortal();
-      await LogOutCyberiaPortal();
-      await SignUpCyberiaPortal();
-      await Keyboard.Init({ callBackTime: CyberiaPortalParams.EVENT_CALLBACK_TIME });
+
+    themes: CssCyberiaPortalThemes,
+    translate: TranslateCyberiaPortal,
+    render: AppShellCyberiaPortal,
+    appStore: AppStoreCyberiaPortal,
+
+    session: {
+      socket: SocketIoCyberiaPortal,
+      login: LogInCyberiaPortal,
+      signout: LogOutCyberiaPortal,
+      signup: SignUpCyberiaPortal,
     },
   });

package/src/client/Default.index.js

@@ -1,25 +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 { DefaultParams } from './components/default/CommonDefault.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { SocketIoDefault } from './components/default/SocketIoDefault.js';
-import { ElementsDefault } from './components/default/ElementsDefault.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();
@@ -33,11 +25,10 @@ const htmlMainBody = async () => {
           <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>
+            <h3>Fast &amp; Reliable</h3>
             <p>Lightning-fast performance with 99.9% uptime</p>
           </div>
           <div class="feature-card">
@@ -51,7 +42,6 @@ const htmlMainBody = async () => {
             <p>Everything you need in one place</p>
           </div>
         </div>
-
         <button class="cta-button get-started-button">
           Get Started
           <span class="button-icon">→</span>
@@ -61,24 +51,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: ElementsDefault.Data,
-        path: `/`,
-      });
-      await SocketIoDefault.Init();
-      await LogInDefault();
-      await LogOutDefault();
-      await SignUpDefault();
-      await Keyboard.Init({ callBackTime: DefaultParams.EVENT_CALLBACK_TIME });
-      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,42 +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 { ItemledgerParams } from './components/itemledger/CommonItemledger.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { SocketIoItemledger } from './components/itemledger/SocketIoItemledger.js';
-import { ElementsItemledger } from './components/itemledger/ElementsItemledger.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: ElementsItemledger.Data });
-      await SocketIoItemledger.Init();
-      await LogInItemledger();
-      await LogOutItemledger();
-      await SignUpItemledger();
-      await Keyboard.Init({ callBackTime: ItemledgerParams.EVENT_CALLBACK_TIME });
+    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,36 +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 { UnderpostParams } from './components/underpost/CommonUnderpost.js';
-import { Keyboard } from './components/core/Keyboard.js';
-import { SocketIoUnderpost } from './components/underpost/SocketIoUnderpost.js';
-import { SocketIo } from './components/core/SocketIo.js';
-import { ElementsUnderpost } from './components/underpost/ElementsUnderpost.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: ElementsUnderpost.Data });
-      await SocketIoUnderpost.Init();
-      await LogInUnderpost();
-      await LogOutUnderpost();
-      await SignUpUnderpost();
-      await Keyboard.Init({ callBackTime: UnderpostParams.EVENT_CALLBACK_TIME });
+
+    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 };