@social-mail/social-mail-client 1.8.369 → 1.8.371

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.369",
+  "version": "1.8.371",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/BaseApp.tsx

@@ -16,6 +16,7 @@ import { AppLocation } from "./TestMode";
 
 import "../style/GlobalStyle";
 import BusyProgress from "../services/BusyProgress";
+import SplashScreenPage from "./pages/splash/SplashScreenPage";
 
 
 (Symbol as any).asyncDispose ??= Symbol("asyncDispose");
@@ -37,6 +38,8 @@ export default abstract class BaseApp extends MobileDesktopApp {
 
     async init() {
 
+        PageNavigator.openPage(SplashScreenPage);
+
         this.commands.install(this);
 
         // attach upload events..

package/src/common/pages/splash/SplashScreenPage.global.css

@@ -0,0 +1,21 @@
+splash-screen-page {
+    overflow: hidden;
+    &[data-base-page=base-page]>[data-page-element=content] {
+        overflow: hidden;
+    }
+    splash-screen {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        display: grid;
+        grid-template-columns: auto 30vw auto;
+        grid-template-rows: auto 30vh auto;
+        & > * {
+            grid-column: 2;
+            grid-row: 2;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+    }
+}

package/src/common/pages/splash/SplashScreenPage.tsx

@@ -0,0 +1,34 @@
+import { UMD } from "@web-atoms/core/dist/core/types";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import FetchBuilder from "@web-atoms/core/dist/services/FetchBuilder";
+import { ContentPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
+import "./SplashScreenPage.global.css";
+
+const svg = UMD.resolvePath("@social-mail/social-mail-client/content/images/svg/splash/comment.svg");
+
+/* eslint-disable @typescript-eslint/no-namespace */
+declare global {
+    namespace JSX {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        interface IntrinsicElements {
+            "splash-screen": any;
+        }
+    }
+}
+
+export default class SplashScreenPage extends ContentPage {
+
+    constructor(app, e = document.createElement("splash-screen-page")) {
+        super(app, e);
+    }
+
+    async init() {
+        this.hideToolbar = true;
+        this.renderer = <div>
+            <splash-screen/>
+        </div>;
+        const text = await FetchBuilder.get(svg).asText();
+        this.element.querySelector("splash-screen").innerHTML = text;
+    }
+
+}

package/src/web/AppIndex.tsx

@@ -20,6 +20,7 @@ import SocialMailApp from "../common/SocialMailApp";
 import MiniComposePage from "./page/mails/mini-compose/MiniComposePage";
 import { AppLocation } from "../common/TestMode";
 import BusyProgress from "../services/BusyProgress";
+import SplashScreenPage from "../common/pages/splash/SplashScreenPage";
 
 (Symbol as any).asyncDispose ??= Symbol("asyncDispose");
 (Symbol as any).dispose ??= Symbol("dispose");
@@ -36,6 +37,9 @@ export default class AppIndex extends MobileDesktopApp {
     }
 
     async init() {
+
+        PageNavigator.openPage(SplashScreenPage);
+
         AppCommands.install(this);
 
         // attach upload events..