From 3a0a3a2ddb854cbbc62990ca43ffb1137be967a8 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@sprinx.cz>
Date: Tue, 3 Sep 2024 12:57:52 +0200
Subject: [PATCH] html files for pages

---
 .gitignore                                    |  4 ++-
 packages/web/build-index.js                   |  8 ++++++
 .../web/{public/index.html => index.html.tpl} |  5 ++++
 packages/web/package.json                     |  5 ++--
 packages/web/src/LoginPage.svelte             |  6 ++--
 packages/web/src/clientAuth.ts                | 28 +++++++++----------
 packages/web/src/main.ts                      |  5 +---
 packages/web/src/utility/api.ts               |  6 ++--
 packages/web/src/utility/pageDefs.ts          | 10 +------
 9 files changed, 41 insertions(+), 36 deletions(-)
 create mode 100644 packages/web/build-index.js
 rename packages/web/{public/index.html => index.html.tpl} (97%)

diff --git a/.gitignore b/.gitignore
index 686ceb6c6..5ba6aaa45 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,4 +31,6 @@ yarn-error.log*
 app/src/nativeModulesContent.js
 packages/api/src/nativeModulesContent.js
 packages/api/src/packagedPluginsContent.js
-.VSCodeCounter
\ No newline at end of file
+.VSCodeCounter
+
+pacgaes/web/public/*.html
\ No newline at end of file
diff --git a/packages/web/build-index.js b/packages/web/build-index.js
new file mode 100644
index 000000000..91650e4c2
--- /dev/null
+++ b/packages/web/build-index.js
@@ -0,0 +1,8 @@
+const fs = require('fs');
+
+const template = fs.readFileSync('./index.html.tpl', 'utf-8');
+
+for (const page of ['', 'not-logged', 'error', 'admin-login', 'login', 'admin', 'license']) {
+  const text = template.replace(/{{page}}/g, page);
+  fs.writeFileSync(`public/${page || 'index'}.html`, text);
+}
diff --git a/packages/web/public/index.html b/packages/web/index.html.tpl
similarity index 97%
rename from packages/web/public/index.html
rename to packages/web/index.html.tpl
index 2830d44ad..69fb1621c 100644
--- a/packages/web/public/index.html
+++ b/packages/web/index.html.tpl
@@ -22,6 +22,11 @@
     <link rel="stylesheet" href="build/fonts/materialdesignicons.css" />
     <link rel="stylesheet" href="build/diff2html.min.css" />
 
+    <script lang="javascript">
+      window.dbgate_page = '{{page}}';
+    </script>
+
+
     <script defer src="build/bundle.js"></script>
 
     <style>
diff --git a/packages/web/package.json b/packages/web/package.json
index b399d0d25..95699aed1 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -2,10 +2,11 @@
   "name": "dbgate-web",
   "version": "5.0.0-alpha.1",
   "scripts": {
-    "build": "rollup -c",
-    "dev": "cross-env API_URL=http://localhost:3000 rollup -c -w",
+    "build": "yarn build:index && rollup -c",
+    "dev": "yarn build:index && cross-env API_URL=http://localhost:3000 rollup -c -w",
     "start": "sirv public --port 5001",
     "validate": "svelte-check",
+    "build:index": "node build-index.js",
     "prepublishOnly": "yarn build"
   },
   "files": [
diff --git a/packages/web/src/LoginPage.svelte b/packages/web/src/LoginPage.svelte
index 98ad0d6a5..725bd6344 100644
--- a/packages/web/src/LoginPage.svelte
+++ b/packages/web/src/LoginPage.svelte
@@ -103,7 +103,7 @@
     });
     if (resp.error) {
       internalRedirectTo(
-        `/?page=not-logged&error=${encodeURIComponent(resp.error)}&is-admin=${isAdminPage ? 'true' : ''}`
+        `/not-logged.html?error=${encodeURIComponent(resp.error)}&is-admin=${isAdminPage ? 'true' : ''}`
       );
       return;
     }
@@ -111,13 +111,13 @@
     if (accessToken) {
       localStorage.setItem(isAdminPage ? 'adminAccessToken' : 'accessToken', accessToken);
       if (isAdminPage) {
-        internalRedirectTo('/?page=admin');
+        internalRedirectTo('/admin.html');
       } else {
         internalRedirectTo('/');
       }
       return;
     }
-    internalRedirectTo(`/?page=not-logged`);
+    internalRedirectTo(`/not-logged.html`);
   }
 </script>
 
diff --git a/packages/web/src/clientAuth.ts b/packages/web/src/clientAuth.ts
index cd20f37d1..fc702b43f 100644
--- a/packages/web/src/clientAuth.ts
+++ b/packages/web/src/clientAuth.ts
@@ -60,7 +60,7 @@ export function handleOauthCallback() {
         internalRedirectTo('/');
       } else {
         console.log('Error when processing OAUTH callback', error || errorMessage);
-        internalRedirectTo(`/?page=not-logged&error=${error || errorMessage}`);
+        internalRedirectTo(`/not-logged.html?error=${error || errorMessage}`);
       }
     });
 
@@ -81,9 +81,9 @@ export function handleOauthCallback() {
       if (authResp.success) {
         window.close();
       } else if (authResp.error) {
-        internalRedirectTo(`/?page=error&error=${encodeURIComponent(authResp.error)}`);
+        internalRedirectTo(`/error.html?error=${encodeURIComponent(authResp.error)}`);
       } else {
-        internalRedirectTo(`/?page=error`);
+        internalRedirectTo(`/error.html`);
       }
     });
 
@@ -105,9 +105,9 @@ export function handleOauthCallback() {
         localStorage.setItem('accessToken', authResp.accessToken);
         internalRedirectTo('/');
       } else if (authResp.error) {
-        internalRedirectTo(`/?page=error&error=${encodeURIComponent(authResp.error)}`);
+        internalRedirectTo(`/error.html?error=${encodeURIComponent(authResp.error)}`);
       } else {
-        internalRedirectTo(`/?page=error`);
+        internalRedirectTo(`/error.html`);
       }
     });
 
@@ -119,15 +119,15 @@ export function handleOauthCallback() {
 
 export async function handleAuthOnStartup(config, isAdminPage = false) {
   if (config.configurationError) {
-    internalRedirectTo(`/?page=error`);
+    internalRedirectTo(`/error.html`);
     return;
   }
 
   if (!config.isLicenseValid) {
     if (config.storageDatabase || getElectron()) {
-      internalRedirectTo(`/?page=license`);
+      internalRedirectTo(`/license.html`);
     } else {
-      internalRedirectTo(`/?page=error`);
+      internalRedirectTo(`/error.html`);
     }
   }
 
@@ -153,7 +153,7 @@ export async function handleAuthOnStartup(config, isAdminPage = false) {
 }
 
 export async function redirectToAdminLogin() {
-  internalRedirectTo('/?page=admin-login');
+  internalRedirectTo('/admin-login.html');
   return;
 }
 
@@ -165,12 +165,12 @@ export async function redirectToLogin(config = null, force = false) {
 
   if (getAuthCategory(config) == 'token') {
     if (!force) {
-      const params = new URLSearchParams(location.search);
-      if (params.get('page') == 'login' || params.get('page') == 'admin-login' || params.get('page') == 'not-logged') {
+      const page = window['dbgate_page']
+      if (page == 'login' || page == 'admin-login' || page == 'not-logged') {
         return;
       }
     }
-    internalRedirectTo('/?page=login');
+    internalRedirectTo('/login.html');
     return;
   }
 
@@ -201,13 +201,13 @@ export async function doLogout() {
 
   if (category == 'admin') {
     localStorage.removeItem('adminAccessToken');
-    internalRedirectTo('/?page=admin-login&is-admin=true');
+    internalRedirectTo('/admin-login.html?is-admin=true');
   } else if (category == 'token') {
     localStorage.removeItem('accessToken');
     if (config.logoutUrl) {
       window.location.href = config.logoutUrl;
     } else {
-      internalRedirectTo('/?page=not-logged');
+      internalRedirectTo('/not-logged.html');
     }
   } else if (category == 'basic') {
     window.location.href = 'config/logout';
diff --git a/packages/web/src/main.ts b/packages/web/src/main.ts
index 4d2e78ec5..5348c585b 100644
--- a/packages/web/src/main.ts
+++ b/packages/web/src/main.ts
@@ -9,9 +9,6 @@ import NotLoggedPage from './NotLoggedPage.svelte';
 import ErrorPage from './ErrorPage.svelte';
 import EnterLicensePage from './EnterLicensePage.svelte';
 
-const params = new URLSearchParams(location.search);
-const page = params.get('page');
-
 const isOauthCallback = handleOauthCallback();
 
 localStorageGarbageCollector();
@@ -21,7 +18,7 @@ function createApp() {
     return null;
   }
 
-  switch (page) {
+  switch (window['dbgate_page']) {
     case 'login':
       return new LoginPage({
         target: document.body,
diff --git a/packages/web/src/utility/api.ts b/packages/web/src/utility/api.ts
index e7fc527d9..b39ee3a2b 100644
--- a/packages/web/src/utility/api.ts
+++ b/packages/web/src/utility/api.ts
@@ -175,13 +175,13 @@ export async function apiCall(route: string, args: {} = undefined) {
     });
 
     if (resp.status == 401 && !apiDisabled) {
-      const params = new URLSearchParams(location.search);
+      const page = window['dbgate_page'];
 
       disableApi();
       console.log('Disabling API', route);
-      if (params.get('page') != 'login' && params.get('page') != 'admin-login' && params.get('page') != 'not-logged') {
+      if (page != 'login' && page != 'admin-login' && page != 'not-logged') {
         // unauthorized
-        if (params.get('page') == 'admin') {
+        if (page == 'admin') {
           redirectToAdminLogin();
         } else {
           redirectToLogin();
diff --git a/packages/web/src/utility/pageDefs.ts b/packages/web/src/utility/pageDefs.ts
index 10495d214..88fdc2185 100644
--- a/packages/web/src/utility/pageDefs.ts
+++ b/packages/web/src/utility/pageDefs.ts
@@ -1,13 +1,5 @@
-let isAdminPageCache;
-
 export function isAdminPage() {
-  if (isAdminPageCache == null) {
-    const params = new URLSearchParams(location.search);
-    const urlPage = params.get('page');
-
-    isAdminPageCache = urlPage == 'admin';
-  }
-  return isAdminPageCache;
+  return window['dbgate_page'] == 'admin';
 }
 
 export function getOpenedTabsStorageName() {