cyberia 2.8.885

package/src/cli/script.js

@@ -0,0 +1,85 @@
+/**
+ * Script module for managing the execution of scripts.
+ * @module src/cli/script.js
+ * @namespace UnderpostScript
+ */
+
+import { getNpmRootPath } from '../server/conf.js';
+import { loggerFactory } from '../server/logger.js';
+import { shellExec } from '../server/process.js';
+import fs from 'fs-extra';
+import UnderpostDeploy from './deploy.js';
+
+const logger = loggerFactory(import.meta);
+
+/**
+ * @class UnderpostScript
+ * @description Manages the execution of scripts.
+ * @memberof UnderpostScript
+ */
+class UnderpostScript {
+  static API = {
+    /**
+     * @method set
+     * @description Sets a script in the package.json file.
+     * @param {string} key - The key for the script.
+     * @param {string} value - The value for the script.
+     * @memberof UnderpostScript
+     */
+    set(key, value) {
+      const npmRoot = `${getNpmRootPath()}/underpost`;
+      const packageJson = JSON.parse(fs.readFileSync(`${npmRoot}/package.json`, 'utf8'));
+      packageJson.scripts[key] = value;
+      fs.writeFileSync(`${npmRoot}/package.json`, JSON.stringify(packageJson, null, 4));
+    },
+    /**
+     * @method run
+     * @description Runs a script.
+     * @param {string} key - The key for the script.
+     * @param {string} value - The value for the script.
+     * @param {object} options - The options for the script.
+     * @memberof UnderpostScript
+     */
+    run(key, value, options) {
+      const npmRoot = `${getNpmRootPath()}/underpost`;
+      const packageJson = JSON.parse(fs.readFileSync(`${npmRoot}/package.json`, 'utf8'));
+      if (options.itc === true) {
+        value = packageJson.scripts[key];
+        const podScriptPath = `${options.itcPath && typeof options.itcPath === 'string' ? options.itcPath : '/'}${value
+          .split('/')
+          .pop()}`;
+        const nameSpace = options.ns && typeof options.ns === 'string' ? options.ns : 'default';
+        const podMatch = options.podName && typeof options.podName === 'string' ? options.podName : key;
+
+        if (fs.existsSync(`${value}`)) {
+          for (const pod of UnderpostDeploy.API.get(podMatch)) {
+            shellExec(`sudo kubectl cp ${value} ${nameSpace}/${pod.NAME}:${podScriptPath}`);
+            const cmd = `node ${podScriptPath}`;
+            shellExec(`sudo kubectl exec -i ${pod.NAME} -- sh -c "${cmd}"`);
+          }
+        } else {
+          for (const pod of UnderpostDeploy.API.get(podMatch)) {
+            shellExec(`sudo kubectl exec -i ${pod.NAME} -- sh -c "${value}"`);
+          }
+        }
+
+        return;
+      }
+      shellExec(`cd ${npmRoot} && npm run ${key}`);
+    },
+    /**
+     * @method get
+     * @description Gets a script from the package.json file.
+     * @param {string} key - The key for the script.
+     * @memberof UnderpostScript
+     */
+    get(key) {
+      const npmRoot = `${getNpmRootPath()}/underpost`;
+      const packageJson = JSON.parse(fs.readFileSync(`${npmRoot}/package.json`, 'utf8'));
+      logger.info('[get] ' + key, packageJson.scripts[key]);
+      return packageJson.scripts[key];
+    },
+  };
+}
+
+export default UnderpostScript;

package/src/cli/secrets.js

@@ -0,0 +1,71 @@
+/**
+ * Secrets module for managing the secrets of the application.
+ * @module src/cli/secrets.js
+ * @namespace UnderpostSecret
+ */
+
+import dotenv from 'dotenv';
+import { shellExec } from '../server/process.js';
+import fs from 'fs-extra';
+import UnderpostRootEnv from './env.js';
+
+dotenv.config();
+
+/**
+ * @class UnderpostSecret
+ * @description Manages the secrets of the application.
+ * @memberof UnderpostSecret
+ */
+class UnderpostSecret {
+  static API = {
+    /**
+     * @method docker
+     * @description Manages the secrets of the application.
+     * @memberof UnderpostSecret
+     */
+    docker: {
+      /**
+       * @method init
+       * @description Initializes the docker secrets.
+       * @memberof UnderpostSecret
+       */
+      init() {
+        shellExec(`docker swarm init`);
+      },
+      /**
+       * @method createFromEnvFile
+       * @description Creates a secret from an env file.
+       * @param {string} envPath - The path to the env file.
+       * @memberof UnderpostSecret
+       */
+      createFromEnvFile(envPath) {
+        const envObj = dotenv.parse(fs.readFileSync(envPath, 'utf8'));
+        for (const key of Object.keys(envObj)) {
+          UnderpostSecret.API.docker.set(key, envObj[key]);
+        }
+      },
+      set(key, value) {
+        shellExec(`docker secret rm ${key}`);
+        shellExec(`echo "${value}" | docker secret create ${key} -`);
+      },
+      list() {
+        shellExec(`docker secret ls`);
+      },
+    },
+    /**
+     * @method underpost
+     * @description Manages the secrets of the application.
+     * @memberof UnderpostSecret
+     */
+    underpost: {
+      createFromEnvFile(envPath) {
+        const envObj = dotenv.parse(fs.readFileSync(envPath, 'utf8'));
+        for (const key of Object.keys(envObj)) {
+          UnderpostRootEnv.API.set(key, envObj[key]);
+        }
+      },
+    },
+  };
+}
+
+export default UnderpostSecret;

package/src/cli/ssh.js

@@ -0,0 +1,46 @@
+/**
+ * SSH module for managing SSH key generation and connection setup.
+ * @module src/cli/ssh.js
+ * @namespace UnderpostSSH
+ */
+
+import { shellExec } from '../server/process.js';
+
+/**
+ * @class UnderpostSSH
+ * @description Manages SSH key generation and connection setup.
+ * @memberof UnderpostSSH
+ */
+class UnderpostSSH {
+  static API = {
+    /**
+     * @method callback
+     * @description Manages SSH key generation and connection setup based on the default deployment ID.
+     * This function will either generate a new SSH key pair or import an existing one,
+     * then initiate the SSH connection process.
+     * @param {object} [options={ generate: false }] - Options for the SSH callback.
+     * @param {boolean} [options.generate=false] - If true, generates a new SSH key pair. Otherwise, it imports the existing one.
+     * @memberof UnderpostSSH
+     * @returns {Promise<void>}
+     */
+    callback: async (
+      options = {
+        generate: false,
+      },
+    ) => {
+      // Example usage for importing an existing key:
+      // node bin/deploy ssh root@<host> <password> import
+
+      // Example usage for generating a new key:
+      // node bin/deploy ssh root@<host> <password>
+
+      shellExec(
+        `node bin/deploy ssh root@${process.env.DEFAULT_DEPLOY_HOST} ${process.env.DEFAULT_DEPLOY_PASSWORD ?? `''`}${
+          options.generate === true ? '' : ' import'
+        }`,
+      );
+    },
+  };
+}
+
+export default UnderpostSSH;

package/src/cli/test.js

@@ -0,0 +1,159 @@
+/**
+ * Test module for running tests on the application.
+ * @module src/cli/test.js
+ * @namespace UnderpostTest
+ */
+
+import { timer } from '../client/components/core/CommonJs.js';
+import { MariaDB } from '../db/mariadb/MariaDB.js';
+import { getNpmRootPath } from '../server/conf.js';
+import { actionInitLog, loggerFactory, setUpInfo } from '../server/logger.js';
+import { pbcopy, shellExec } from '../server/process.js';
+import UnderpostDeploy from './deploy.js';
+
+const logger = loggerFactory(import.meta);
+
+/**
+ * @class UnderpostTest
+ * @description Manages the test of the application.
+ * @memberof UnderpostTest
+ */
+class UnderpostTest {
+  static API = {
+    /**
+     * Logs information about the current process environment to the console.
+     *
+     * This function is used to log details about
+     * the execution context, such as command-line arguments,
+     * environment variables, the process's administrative privileges,
+     * and the maximum available heap space size.
+     *
+     * @static
+     * @method setUpInfo
+     * @returns {Promise<void>}
+     * @memberof UnderpostTest
+     */
+    async setUpInfo() {
+      return await setUpInfo(logger);
+    },
+    /**
+     * @method run
+     * @description Runs the test of the application.
+     * @memberof UnderpostTest
+     */
+    run() {
+      actionInitLog();
+      shellExec(`cd ${getNpmRootPath()}/underpost && npm run test`);
+    },
+    /**
+     * @method callback
+     * @description Manages the test of the application.
+     * @param {string} deployList - The list of deployments to test.
+     * @param {object} options - The options for the test.
+     * @param {boolean} options.itc - If true, tests the inside container.
+     * @param {boolean} options.sh - If true, tests the shell.
+     * @param {boolean} options.logs - If true, tests the logs.
+     * @param {string} options.podName - The name of the pod to test.
+     * @param {string} options.podStatus - The status of the pod to test.
+     * @param {string} options.kindType - The type of the kind to test.
+     * @param {number} options.deltaMs - The delta time in milliseconds.
+     * @param {number} options.maxAttempts - The maximum number of attempts.
+     * @memberof UnderpostTest
+     */
+    async callback(deployList = '', options = { itc: false, sh: false, logs: false }) {
+      if (
+        options.podName &&
+        typeof options.podName === 'string' &&
+        options.podStatus &&
+        typeof options.podStatus === 'string'
+      )
+        return await UnderpostTest.API.statusMonitor(options.podName, options.podStatus, options.kindType);
+
+      if (options.sh === true || options.logs === true) {
+        const [pod] = UnderpostDeploy.API.get(deployList);
+        if (pod) {
+          if (options.sh) return pbcopy(`sudo kubectl exec -it ${pod.NAME} -- sh`);
+          if (options.logs) return shellExec(`sudo kubectl logs -f ${pod.NAME}`);
+        }
+        return logger.warn(`Couldn't find pods in deployment`, deployList);
+      }
+      if (deployList) {
+        for (const _deployId of deployList.split(',')) {
+          const deployId = _deployId.trim();
+          if (!deployId) continue;
+          if (options.itc === true)
+            switch (deployId) {
+              case 'dd-lampp':
+                {
+                  const { MARIADB_HOST, MARIADB_USER, MARIADB_PASSWORD, DD_LAMPP_TEST_DB_0 } = process.env;
+
+                  await MariaDB.query({
+                    host: MARIADB_HOST,
+                    user: MARIADB_USER,
+                    password: MARIADB_PASSWORD,
+                    query: `SHOW TABLES FROM ${DD_LAMPP_TEST_DB_0}`,
+                  });
+                }
+                break;
+
+              default:
+                {
+                  shellExec('npm run test');
+                }
+
+                break;
+            }
+          else {
+            const pods = UnderpostDeploy.API.get(deployId);
+            if (pods.length > 0)
+              for (const deployData of pods) {
+                const { NAME } = deployData;
+                shellExec(
+                  `sudo kubectl exec -i ${NAME} -- sh -c "cd /home/dd/engine && underpost test ${deployId} --inside-container"`,
+                );
+              }
+            else logger.warn(`Couldn't find pods in deployment`, { deployId });
+          }
+        }
+      } else return UnderpostTest.API.run();
+    },
+    /**
+     * @method statusMonitor
+     * @description Monitors the status of a pod.
+     * @param {string} podName - The name of the pod to monitor.
+     * @param {string} status - The status of the pod to monitor.
+     * @param {string} kindType - The type of the kind to monitor.
+     * @param {number} deltaMs - The delta time in milliseconds.
+     * @param {number} maxAttempts - The maximum number of attempts.
+     * @memberof UnderpostTest
+     */
+    statusMonitor(podName, status = 'Running', kindType = '', deltaMs = 1000, maxAttempts = 60 * 5) {
+      if (!(kindType && typeof kindType === 'string')) kindType = 'pods';
+      return new Promise(async (resolve) => {
+        let index = 0;
+        logger.info(`Loading instance`, { podName, status, kindType, deltaMs, maxAttempts });
+        const _monitor = async () => {
+          await timer(deltaMs);
+          const pods = UnderpostDeploy.API.get(podName, kindType);
+          let result = pods.find((p) => p.STATUS === status || (status === 'Running' && p.STATUS === 'Completed'));
+          logger.info(
+            `Testing pod ${podName}... ${result ? 1 : 0}/1 - elapsed time ${deltaMs * (index + 1)}s - attempt ${
+              index + 1
+            }/${maxAttempts}`,
+            pods[0] ? pods[0].STATUS : 'Not found kind object',
+          );
+          if (result) return resolve(true);
+          index++;
+          if (index === maxAttempts) {
+            logger.error(`Failed to test pod ${podName} within ${maxAttempts} attempts`);
+            return resolve(false);
+          }
+          return _monitor();
+        };
+        await _monitor();
+      });
+    },
+  };
+}
+
+export default UnderpostTest;

package/src/client/Cyberia.index.js

@@ -0,0 +1,50 @@
+import { SocketIo } from './components/core/SocketIo.js';
+import { Responsive } from './components/core/Responsive.js';
+import { Keyboard } from './components/core/Keyboard.js';
+import { disableOptionsClick, htmls, s } from './components/core/VanillaJs.js';
+import { PixiCyberia } from './components/cyberia/PixiCyberia.js';
+import { ElementsCyberia } from './components/cyberia/ElementsCyberia.js';
+import { TranslateCyberia } from './components/cyberia/TranslateCyberia.js';
+import { JoyStickCyberia } from './components/cyberia/JoyStickCyberia.js';
+import { MainUserCyberia } from './components/cyberia/MainUserCyberia.js';
+import { SocketIoCyberia } from './components/cyberia/SocketIoCyberia.js';
+import { LogOutCyberia } from './components/cyberia/LogOutCyberia.js';
+import { TranslateCore } from './components/core/Translate.js';
+import { MenuCyberia } from './components/cyberia/MenuCyberia.js';
+import { RouterCyberia } from './components/cyberia/RoutesCyberia.js';
+import { Css } from './components/core/Css.js';
+import { CssCyberiaDark } from './components/cyberia/CssCyberia.js';
+import { SkillCyberia } from './components/cyberia/SkillCyberia.js';
+import { PointAndClickMovementCyberia } from './components/cyberia/PointAndClickMovementCyberia.js';
+import { SignUpCyberia } from './components/cyberia/SignUpCyberia.js';
+import { InteractionPanelCyberia } from './components/cyberia/InteractionPanelCyberia.js';
+import { CyberiaParams } from './components/cyberia/CommonCyberia.js';
+import { Worker } from './components/core/Worker.js';
+import { MatrixCyberia } from './components/cyberia/MatrixCyberia.js';
+
+window.onload = () =>
+  Worker.instance({
+    router: RouterCyberia,
+    render: async () => {
+      await Css.loadThemes([CssCyberiaDark]);
+      await MatrixCyberia.loadData();
+      await TranslateCore.Init();
+      await TranslateCyberia.Init();
+      await MainUserCyberia.Render();
+      await PixiCyberia.Init();
+      await Responsive.Init();
+      await MenuCyberia.Render();
+      await SkillCyberia.renderMainKeysSlots();
+      await PointAndClickMovementCyberia.Render();
+      await InteractionPanelCyberia.Render({ id: 'menu-interaction-panel' });
+      await SocketIo.Init({ channels: ElementsCyberia.Data });
+      await SocketIoCyberia.Init();
+      await LogOutCyberia();
+      await SignUpCyberia();
+      disableOptionsClick('html', ['drag', 'select', 'menu']);
+      await Keyboard.Init({ callBackTime: CyberiaParams.EVENT_CALLBACK_TIME });
+      await JoyStickCyberia.Render();
+      await MatrixCyberia.Render();
+      await MainUserCyberia.finishSetup();
+    },
+  });

package/src/client/CyberiaAdmin.index.js

@@ -0,0 +1,34 @@
+import { Responsive } from './components/core/Responsive.js';
+import { TranslateCyberia } from './components/cyberia/TranslateCyberia.js';
+import { TranslateCore } from './components/core/Translate.js';
+import { Css } from './components/core/Css.js';
+import { CssCyberiaDark } from './components/cyberia/CssCyberia.js';
+import { Worker } from './components/core/Worker.js';
+import { MenuCyberiaAdmin } from './components/cyberia-admin/MenuCyberiaAdmin.js';
+import { LogInCyberiaAdmin } from './components/cyberia-admin/LogInCyberiaAdmin.js';
+import { SignUpCyberiaAdmin } from './components/cyberia-admin/SignUpCyberiaAdmin.js';
+import { LogOutCyberiaAdmin } from './components/cyberia-admin/LogOutCyberiaAdmin.js';
+import { RouterCyberiaAdmin } from './components/cyberia-admin/RoutesCyberiaAdmin.js';
+import { SocketIo } from './components/core/SocketIo.js';
+import { SocketIoCyberiaAdmin } from './components/cyberia-admin/SocketIoCyberiaAdmin.js';
+import { ElementsCyberiaAdmin } from './components/cyberia-admin/ElementsCyberiaAdmin.js';
+import { CyberiaParams } from './components/cyberia/CommonCyberia.js';
+import { Keyboard } from './components/core/Keyboard.js';
+
+window.onload = () =>
+  Worker.instance({
+    router: RouterCyberiaAdmin,
+    render: async () => {
+      await Css.loadThemes([CssCyberiaDark]);
+      await TranslateCore.Init();
+      await TranslateCyberia.Init();
+      await Responsive.Init();
+      await MenuCyberiaAdmin.Render();
+      await SocketIo.Init({ channels: ElementsCyberiaAdmin.Data });
+      await SocketIoCyberiaAdmin.Init();
+      await LogInCyberiaAdmin();
+      await SignUpCyberiaAdmin();
+      await LogOutCyberiaAdmin();
+      await Keyboard.Init({ callBackTime: CyberiaParams.EVENT_CALLBACK_TIME });
+    },
+  });

package/src/client/CyberiaPortal.index.js

@@ -0,0 +1,36 @@
+'use strict';
+
+import { Css } from './components/core/Css.js';
+import { Responsive } from './components/core/Responsive.js';
+import { TranslateCore } from './components/core/Translate.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';
+
+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 });
+    },
+  });

package/src/client/Default.index.js

@@ -0,0 +1,84 @@
+'use strict';
+
+import { Css } from './components/core/Css.js';
+import { Responsive } from './components/core/Responsive.js';
+import { TranslateCore } from './components/core/Translate.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 { EventsUI } from './components/core/EventsUI.js';
+import { Modal } from './components/core/Modal.js';
+
+const htmlMainBody = async () => {
+  setTimeout(() => {
+    EventsUI.onClick('.get-started-button', (e) => {
+      e.preventDefault();
+      location.href = `https://www.nexodev.org/docs/?cid=src`;
+    });
+  });
+  return html`
+    <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>
+            <p>Lightning-fast performance with 99.9% uptime</p>
+          </div>
+          <div class="feature-card">
+            <i class="icon">🎨</i>
+            <h3>Beautiful UI</h3>
+            <p>Modern and intuitive user interface</p>
+          </div>
+          <div class="feature-card">
+            <i class="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>
+        </button>
+      </div>
+    </div>
+  `;
+};
+
+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();
+    },
+  });

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

@@ -0,0 +1,20 @@
+import { Alert } from './Alert.js';
+import { Modal } from './Modal.js';
+import { s } from './VanillaJs.js';
+
+const Page404 = {
+  Render: async function (options = { idModal: '' }) {
+    setTimeout(() => {
+      Modal.Data[options.idModal].onObserverListener['404'] = () => {
+        if (s(`.container-404-${options.idModal}`))
+          s(`.container-404-${options.idModal}`).style.height = `${
+            s(`.${options.idModal}`).offsetHeight - Modal.headerTitleHeight
+          }px`;
+      };
+      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

@@ -0,0 +1,20 @@
+import { Alert } from './Alert.js';
+import { Modal } from './Modal.js';
+import { s } from './VanillaJs.js';
+
+const Page500 = {
+  Render: async function (options = { idModal: '' }) {
+    setTimeout(() => {
+      Modal.Data[options.idModal].onObserverListener['500'] = () => {
+        if (s(`.container-500-${options.idModal}`))
+          s(`.container-500-${options.idModal}`).style.height = `${
+            s(`.${options.idModal}`).offsetHeight - Modal.headerTitleHeight
+          }px`;
+      };
+      Modal.Data[options.idModal].onObserverListener['500']();
+    });
+    return html`<div class="in container-500-${options.idModal}">${await Alert.e500()}</div>`;
+  },
+};
+
+export { Page500 };