Initial commit

2023-07-13 13:12:19 +02:00
commit 8a0467f821
132 changed files with 17072 additions and 0 deletions
--- a/frontend/.htaccess
+++ b/frontend/.htaccess
@@ -0,0 +1,16 @@
+AddType application/javascript .mjs
+
+#DirectoryIndex index.html spa.html
+DirectoryIndex noindex
+
+<ifModule mod_rewrite.c>
+    RewriteEngine On
+    RewriteBase /
+
+    RewriteRule ^/?api/(.*)$ http://tibi-server:8080/api/v1/_/demo/$1 [P,QSA,L]
+
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule ^/?(.*)$ http://tibi-server:8080/api/v1/_/demo/ssr?token=owshwerNwoa&url=/$1 [P,QSA,L]
+    #RewriteRule (.*) /spa.html [QSA,L]
+</ifModule>
--- a/frontend/spa.html
+++ b/frontend/spa.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <title>TibiCMS</title>
+        <base href="/" />
+        <link rel="stylesheet" href="/dist/index.css?t=__TIMESTAMP__" />
+
+        <!--HEAD-->
+
+        <!--PRELOAD-->
+    </head>
+    <body>
+        <div id="appContainer"><!--HTML--></div>
+        <script type="module" src="/dist/index.mjs?t=__TIMESTAMP__"></script>
+        <script nomodule src="/dist/index.es5.js?t=__TIMESTAMP__"></script>
+    </body>
+
+    <!--SSR.ERROR-->
+    <!--SSR.COMMENT-->
+</html>
--- a/frontend/src/components/App.svelte
+++ b/frontend/src/components/App.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+    import { location } from "../store"
+
+    export let url = ""
+
+    if (url) {
+        // ssr
+        let l = url.split("?")
+        $location = {
+            path: l[0],
+            search: l.length > 1 ? l[1] : "",
+            hash: "",
+            categoryPath: l[0].replace(/\/[^_\/]+_[^\/]+$/, ""),
+            push: false,
+            pop: false,
+        }
+    }
+
+       if (typeof window !== "undefined") console.log("App initialized")
+</script>
+
+<h1>Hello World</h1>
--- a/frontend/src/config.ts
+++ b/frontend/src/config.ts
@@ -0,0 +1,5 @@
+import configClient from "../../api/hooks/config-client"
+
+export const apiBaseURL = "/api/"
+export const release = configClient.release
+console.log("Release: ", release)
--- a/frontend/src/index.ts
+++ b/frontend/src/index.ts
@@ -0,0 +1,86 @@
+import App from "./components/App.svelte"
+import { location } from "./store"
+
+const publishLocation = (_p?: string) => {
+    let _s: string
+    let _h: string
+    if (_p) {
+        const parts = _p.split("#")
+        _p = parts.shift()
+        _h = parts.join()
+        if (_h) _h = "#" + _h
+
+        const parts2 = _p.split("?")
+        _p = parts2.shift()
+        _s = parts2.join()
+        if (_s) _s = "?" + _s
+    }
+
+    const newLocation = {
+        path:
+            _p || (typeof window !== "undefined" && window.location?.pathname),
+        search: _p
+            ? _s
+            : typeof window !== "undefined" && window.location?.search,
+        hash: _p ? _h : typeof window !== "undefined" && window.location?.hash,
+        push: !!_p,
+        pop: !_p,
+        categoryPath: "",
+    }
+    newLocation.categoryPath = newLocation.path.replace(/\/[^_\/]+_[^\/]+$/, "")
+    location.set(newLocation)
+}
+
+if (typeof history !== "undefined") {
+    if (typeof Proxy !== "undefined") {
+        // modern browser
+        const historyApply = (target, thisArg, argumentsList) => {
+            publishLocation(
+                argumentsList && argumentsList.length >= 2 && argumentsList[2]
+            )
+            Reflect.apply(target, thisArg, argumentsList)
+        }
+
+        history.pushState = new Proxy(history.pushState, {
+            apply: historyApply,
+        })
+
+        history.replaceState = new Proxy(history.replaceState, {
+            apply: historyApply,
+        })
+    } else {
+        // ie11
+        const pushStateFn = history.pushState
+        const replaceStateFn = history.replaceState
+
+        history.pushState = function (data: any, title: string, url?: string) {
+            publishLocation(url)
+            return pushStateFn.apply(history, arguments)
+        }
+        history.replaceState = function (
+            data: any,
+            title: string,
+            url?: string
+        ) {
+            publishLocation(url)
+            return replaceStateFn.apply(history, arguments)
+        }
+    }
+} // else ssr -> no history handling
+
+typeof window !== "undefined" &&
+    window.addEventListener("popstate", (event) => {
+        publishLocation()
+    })
+
+let appContainer = document?.getElementById("appContainer")
+
+const hydrate = true //import.meta?.env?.MODE !== "development"
+console.log("Features: ", { hydrate })
+const app = new App({
+    target: appContainer,
+    props: {},
+    hydrate,
+})
+
+export default app
--- a/frontend/src/ssr.ts
+++ b/frontend/src/ssr.ts
@@ -0,0 +1,3 @@
+import App from "./components/App.svelte"
+
+export default App
--- a/frontend/src/store.ts
+++ b/frontend/src/store.ts
@@ -0,0 +1,11 @@
+import { writable } from "svelte/store"
+
+const initLoc = {
+    path: (typeof window !== "undefined" && window.location?.pathname) || "/",
+    search: (typeof window !== "undefined" && window.location?.search) || "",
+    hash: (typeof window !== "undefined" && window.location?.hash) || "",
+    push: false,
+    pop: false,
+    categoryPath: "",
+}
+export const location = writable(initLoc)