underpost 3.2.4 → 3.2.8

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

@@ -1,80 +0,0 @@
-import JoystickController from 'joystick-controller';
-import { getDirection, getId } from './CommonJs.js';
-import { append, s } from './VanillaJs.js';
-import { getProxyPath } from './Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const JoyStick = {
-  Tokens: {},
-  Render: async function (options = { id: '', callback: ({ joyDataSet }) => {}, callBackTime: 50 }) {
-    const { callback, callBackTime } = options;
-    const id = options.id ? options.id : getId(this.Tokens, 'joystick-');
-    this.Tokens[id] = { callback };
-    append(
-      'body',
-      html`
-        <style>
-          .dynamic-joystick-container-${id} {
-            /* border: 2px solid red; */
-            left: 5px;
-            bottom: 5px;
-            height: 175px;
-            width: 175px;
-            z-index: 3;
-          }
-          .joy-img-background-${id} {
-            width: 50%;
-            height: 50%;
-            opacity: 0.8;
-            transition: 0.1;
-          }
-          .dynamic-joystick-container-${id}:hover {
-          }
-          .joy-img-background-${id}:hover {
-            width: 54%;
-            height: 54%;
-            opacity: 1;
-          }
-        </style>
-        <div class="abs dynamic-joystick-container-${id}">
-          <img class="abs center joy-img-background-${id}" src="${getProxyPath()}assets/joy/joy_alpha.png" />
-        </div>
-      `,
-    );
-
-    this.Tokens[id].instance = new JoystickController(
-      {
-        maxRange: 70,
-        level: 10,
-        radius: 70,
-        joystickRadius: 50,
-        opacity: 0.5,
-        // containerClass: 'joystick-container',
-        // controllerClass: 'joystick-controller',
-        // joystickClass: 'joystick',
-        distortion: true,
-        dynamicPosition: true,
-        dynamicPositionTarget: s(`.dynamic-joystick-container-${id}`),
-        mouseClickButton: 'ALL',
-        hideContextMenu: true,
-        // x: '120px',
-        // y: '120px',
-      },
-      (args = { x, y, leveledX, leveledY, distance, angle }) => {
-        const { angle } = args;
-        if (angle === 0) return (this.Tokens[id].joyDataSet = undefined);
-        const radians = parseFloat(angle);
-        const direction = getDirection({ radians });
-        this.Tokens[id].joyDataSet = { ...args, radians, direction };
-        // logger.info(this.Tokens[id].joyDataSet, id);
-      },
-    );
-    setInterval(() => {
-      if (!this.Tokens[id].joyDataSet || !this.Tokens[id].joyDataSet.direction) return;
-      this.Tokens[id].callback({ joyDataSet: this.Tokens[id].joyDataSet });
-    }, callBackTime);
-  },
-};
-
-export { JoyStick };

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

@@ -1,49 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { Modal } from '../core/Modal.js';
-import { s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const BannerAppTemplate = html`<strong class="inl" style="font-family: system-ui">PWA</strong>`;
-
-// Router
-const RoutesDefault = () => {
-  return {
-    '/': {
-      title: 'Home',
-      render: () => Modal.onHomeRouterEvent(),
-    },
-    '/home': { title: 'home', render: () => Modal.onHomeRouterEvent() },
-    '/settings': { title: 'settings', render: () => s(`.main-btn-settings`).click() },
-    '/log-in': { title: 'log-in', render: () => s(`.main-btn-log-in`).click() },
-    '/sign-up': { title: 'sign-up', render: () => s(`.main-btn-sign-up`).click() },
-    '/log-out': {
-      title: 'log-out',
-      render: () => s(`.main-btn-log-out`).click(),
-    },
-    '/account': {
-      title: 'account',
-      render: () => s(`.main-btn-account`).click(),
-    },
-    '/docs': { title: 'docs', render: () => s(`.main-btn-docs`).click() },
-    '/chat': { title: 'docs', render: () => s(`.main-btn-chat`).click() },
-    '/blog': { title: 'docs', render: () => s(`.main-btn-blog`).click() },
-    '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
-    '/default-management': {
-      title: 'default-management',
-      render: () => s(`.main-btn-default-management`).click(),
-    },
-    '/u': { title: 'public-profile', render: () => s(`.main-btn-public-profile`).click() },
-    '/404': { title: '404 Not Found', render: () => s(`.main-btn-404`).click() },
-    '/500': { title: '500 Server Error', render: () => s(`.main-btn-500`).click() },
-  };
-};
-
-window.Routes = RoutesDefault;
-
-const RouterDefault = () => {
-  return { Routes: RoutesDefault };
-};
-
-export { RoutesDefault, RouterDefault, BannerAppTemplate };

package/src/client/sw/default.sw.js

@@ -1,127 +0,0 @@
-/**
- * This module provides a configurable Progressive Web App (PWA) service worker and caching strategies.
- * It supports precaching assets, runtime caching with stale-while-revalidate strategy,
- * and offline fallback handling.
- * @module src/client/sw/default.sw.js
- * @namespace PwaServiceWorker
- */
-
-const PRE_CACHED_RESOURCES = self.renderPayload?.PRE_CACHED_RESOURCES ? self.renderPayload.PRE_CACHED_RESOURCES : [];
-const CACHE_NAME = self.renderPayload?.CACHE_NAME ? self.renderPayload.CACHE_NAME : 'app-cache';
-const PROXY_PATH = self.renderPayload?.PROXY_PATH ? self.renderPayload.PROXY_PATH : '/';
-self.addEventListener('install', (event) => {
-  // Activate right away
-  self.skipWaiting();
-
-  event.waitUntil(
-    (async () => {
-      // Open the app's cache.
-      const cache = await caches.open(CACHE_NAME);
-      // Cache all static resources.
-      try {
-        await cache.addAll(PRE_CACHED_RESOURCES);
-      } catch (error) {
-        console.error(error);
-      }
-      // for (const cacheKey of PRE_CACHED_RESOURCES) {
-      //   try {
-      //     await cache.add(cacheKey);
-      //   } catch (error) {
-      //     console.error(error, cacheKey);
-      //   }
-      // }
-    })(),
-  );
-});
-
-self.addEventListener('activate', (event) => {
-  event.waitUntil(
-    (async () => {
-      // Enable navigation preload if it's supported.
-      // See https://developers.google.com/web/updates/2017/02/navigation-preload
-      if ('navigationPreload' in self.registration) {
-        await self.registration.navigationPreload.enable();
-      }
-    })(),
-  );
-  // Tell the active service worker to take control of the page immediately.
-  self.clients.claim();
-});
-
-self.addEventListener('fetch', (event) => {
-  // Cache-First Strategy
-  event.respondWith(
-    (async () => {
-      // First, try to use the navigation preload response if it's supported.
-      try {
-        (async () => {
-          // Get the client.
-          if (event.request.url.match(location.origin)) {
-            const client = await clients.get(event.clientId);
-            if (client)
-              client.postMessage({
-                status: 'loader',
-                path: event.request.url.slice(location.origin.length),
-              });
-          }
-        })();
-        const preloadResponse = await event.preloadResponse;
-        if (preloadResponse) return preloadResponse;
-        return await fetch(event.request);
-      } catch (error) {
-        console.error('Fetch failed; returning offline page instead.', event.request.url, error);
-        // Fallback to the offline page.
-        const path = PRE_CACHED_RESOURCES.find((path) => event.request.url.match(path.replaceAll('/index.html', '')));
-
-        try {
-          const cachedResponse = await caches.match(event.request);
-          if (cachedResponse) return cachedResponse;
-          const cache = await caches.open(CACHE_NAME);
-          const preCachedResponse = await cache.match(path);
-          if (!preCachedResponse) throw new Error(error.message);
-          return preCachedResponse;
-        } catch (error) {
-          console.error('Error opening cache for pre cached page', {
-            url: event.request.url,
-            error,
-            onLine: navigator.onLine,
-          });
-          try {
-            if (!navigator.onLine) {
-              if (event.request.method.toUpperCase() === 'GET') {
-                const cache = await caches.open(CACHE_NAME);
-                const preCachedResponse = await cache.match(
-                  `${PROXY_PATH === '/' ? '' : PROXY_PATH}/offline/index.html`,
-                );
-                if (!preCachedResponse) throw new Error(error.message);
-                return preCachedResponse;
-              }
-              const response = new Response(JSON.stringify({ status: 'error', message: 'offline test response' }));
-              // response.status = 200;
-              response.headers.set('Content-Type', 'application/json');
-              return response;
-            }
-            if (event.request.method.toUpperCase() === 'GET') {
-              const cache = await caches.open(CACHE_NAME);
-              const preCachedResponse = await cache.match(
-                `${PROXY_PATH === '/' ? '' : PROXY_PATH}/maintenance/index.html`,
-              );
-              if (!preCachedResponse) throw new Error(error.message);
-              return preCachedResponse;
-            }
-            const response = new Response(JSON.stringify({ status: 'error', message: 'server in maintenance' }));
-            // response.status = 200;
-            response.headers.set('Content-Type', 'application/json');
-            return response;
-          } catch (error) {
-            console.error('Error opening cache for offline page', event.request.url, error);
-            const response = new Response(JSON.stringify({ status: 'error', message: error.message }));
-            // response.status = 200;
-            response.headers.set('Content-Type', 'application/json');
-            return response;
-          }
-        }
-      }
-    })(),
-  );
-});

package/src/client/sw/template.sw.js

@@ -1,84 +0,0 @@
-// https://googlechrome.github.io/samples/service-worker/custom-offline-page/
-
-/*
-Copyright 2015, 2019 Google Inc. All Rights Reserved.
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
- http://www.apache.org/licenses/LICENSE-2.0
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-
-// Incrementing OFFLINE_VERSION will kick off the install event and force
-// previously cached resources to be updated from the network.
-const OFFLINE_VERSION = 1;
-const CACHE_NAME = 'offline';
-// Customize this with a different URL if needed.
-const OFFLINE_URL = 'offline.html';
-
-self.addEventListener('install', (event) => {
-  event.waitUntil(
-    (async () => {
-      const cache = await caches.open(CACHE_NAME);
-      // Setting {cache: 'reload'} in the new request will ensure that the response
-      // isn't fulfilled from the HTTP cache; i.e., it will be from the network.
-      await cache.add(new Request(OFFLINE_URL, { cache: 'reload' }));
-    })(),
-  );
-});
-
-self.addEventListener('activate', (event) => {
-  event.waitUntil(
-    (async () => {
-      // Enable navigation preload if it's supported.
-      // See https://developers.google.com/web/updates/2017/02/navigation-preload
-      if ('navigationPreload' in self.registration) {
-        await self.registration.navigationPreload.enable();
-      }
-    })(),
-  );
-
-  // Tell the active service worker to take control of the page immediately.
-  self.clients.claim();
-});
-
-self.addEventListener('fetch', (event) => {
-  // We only want to call event.respondWith() if this is a navigation request
-  // for an HTML page.
-  if (event.request.mode === 'navigate') {
-    event.respondWith(
-      (async () => {
-        try {
-          // First, try to use the navigation preload response if it's supported.
-          const preloadResponse = await event.preloadResponse;
-          if (preloadResponse) {
-            return preloadResponse;
-          }
-
-          const networkResponse = await fetch(event.request);
-          return networkResponse;
-        } catch (error) {
-          // catch is only triggered if an exception is thrown, which is likely
-          // due to a network error.
-          // If fetch() returns a valid HTTP response with a response code in
-          // the 4xx or 5xx range, the catch() will NOT be called.
-          console.log('Fetch failed; returning offline page instead.', error);
-
-          const cache = await caches.open(CACHE_NAME);
-          const cachedResponse = await cache.match(OFFLINE_URL);
-          return cachedResponse;
-        }
-      })(),
-    );
-  }
-
-  // If our if() condition is false, then this fetch handler won't intercept the
-  // request. If there are any other fetch handlers registered, they will get a
-  // chance to call event.respondWith(). If no fetch handlers call
-  // event.respondWith(), the request will be handled by the browser as if there
-  // were no service worker involvement.
-});