feat: implement route reading from search params

Author: notwindstone

docs/README.ru.md

@@ -1,3 +1,42 @@
+<details>
+
+```ts
+function handleNavigation(path: RouteType): void {
+  const webviewId = path === "home" ? "main" : `navigation_window_${path}`;
+
+  new WebviewWindow(webviewId, {
+    "url"    : `/?route=${path}`,
+    "visible": false,
+    "title"  : "Kaede - " + General.capitalize(path),
+  });
+}
+
+export async function temporaryShit(): Promise<void> {
+  window.__KAEDE__.libs.GlobalStateHelpers.Pages.navigate = handleNavigation;
+
+  const currentWebviewWindow = getCurrentWebviewWindow();
+  const currentId = currentWebviewWindow.label;
+
+  if (currentId !== "navigationWindow") {
+    return;
+  }
+
+  document.head.insertAdjacentHTML(
+    "beforeend",
+    "<style>" +
+    "#__sidebar__wrapper {" +
+    "display: none" +
+    "}" +
+    "#__page-wrapper {" +
+    "left: 8px" +
+    "}" +
+    "</style>",
+  );
+}
+```
+
+</details>
+
 A video demonstration of the isolated plugin that renders an interactive Live2D of [Misono Mika](https://bluearchive.wiki/wiki/Mika). Isolated plugin has the access to DOM (`document`); also can use `window.log` (a custom logger function that wraps tauri-plugin-log), `Math`, `Date`, `URL`, `Buffer`, `window["__core-js_shared__"]`, `console`, etc. This list is not full because it is really long, and the key thing here is that we can manually pass down global variables, so important and dangerous `window.__TAURI__.*` functions are not accessible.
 
 Isolation was done using the [Secure ECMAScript](https://github.com/endojs/endo). All globals were frozen using the `lockdown` function that `ses` library provides. So plugins can't rewrite any globals, prototypes, etc.

src/lib/global-state-helpers/scopes/get-config-global-states.ts

@@ -12,6 +12,8 @@ import type { ConfigType } from "@/types/application/config.type.ts";
 import type { GlobalStatesType } from "@/types/application/global-states.type.ts";
 
 export async function getConfigGlobalStates(fresh?: boolean): Promise<GlobalStatesType> {
+  const searchParameters = new URLSearchParams(location.search);
+
   /*
    * We are saving at least 30 ms by re-using already fetched config, portable and base directory.
    *
@@ -59,7 +61,7 @@ export async function getConfigGlobalStates(fresh?: boolean): Promise<GlobalStat
       },
     },
     "pages": {
-      "current": Routes.Home,
+      "current": GlobalStateHelpers.Pages.getRouteFromSearchParameters(searchParameters),
       "states" : {
         "home"        : {},
         "library"     : {},

src/lib/global-state-helpers/scopes/get-default-global-states.ts

@@ -5,6 +5,8 @@ import GlobalStateHelpers from "@/lib/global-state-helpers";
 import type { GlobalStatesType } from "@/types/application/global-states.type.ts";
 
 export function getDefaultGlobalStates(): GlobalStatesType {
+  const searchParameters = new URLSearchParams(location.search);
+
   return {
     "translations": EnglishTranslations,
     "fileSystem"  : undefined,
@@ -29,7 +31,7 @@ export function getDefaultGlobalStates(): GlobalStatesType {
       },
     },
     "pages": {
-      "current": Routes.Home,
+      "current": GlobalStateHelpers.Pages.getRouteFromSearchParameters(searchParameters),
       "states" : {
         "home"        : {},
         "library"     : {},

src/lib/global-state-helpers/scopes/pages.ts

@@ -1,3 +1,4 @@
+import { Routes } from "@/constants/routes.ts";
 import GlobalStateHelpers from "@/lib/global-state-helpers";
 import type { GlobalStatesType } from "@/types/application/global-states.type.ts";
 import type { RouteType } from "@/types/application/route.type.ts";
@@ -47,11 +48,27 @@ const replaceState = <Key extends keyof GlobalStatesType["pages"]["states"]>(
     "states": newStates,
   });
 };
+const getRouteFromSearchParameters = (searchParameters: URLSearchParams): RouteType => {
+  const route: string | null = searchParameters.get("route");
+
+  if (!route) {
+    return Routes.Home;
+  }
+
+  for (const path of Object.values(Routes)) {
+    if (route === path) {
+      return path;
+    }
+  }
+
+  return Routes.Home;
+};
 
 export const Pages = {
   navigate,
   getState,
   getAllStates,
   addToState,
   replaceState,
+  getRouteFromSearchParameters,
 };