Switched to MPA powered by Razor Pages

After reconsidering where I want to take this project, I realized that a MPA is more fitting.

Props/assets/js/main.js

@@ -0,0 +1,2 @@
+import "../../node_modules/bootstrap/js/dist/collapse";
+import "simplebar";

Props/assets/js/services/http.js

@@ -0,0 +1,23 @@
+import axios from "axios";
+
+let currentAuthorizationInterceptorID = null;
+
+const apiHttp = axios.create({
+    baseURL: window.location.origin + "/api",
+    timeout: 3000,
+});
+
+function addBearerTokenInterceptor(token) {
+    currentAuthorizationInterceptorID = apiHttp.interceptors.request.use((config) => {
+        config.headers.Authorization = `Bearer ${token}`;
+        return config;
+    }, (err) => {
+        console.error(err);
+    });
+}
+
+function removeBearerTokenInterceptor() {
+    apiHttp.interceptors.request.eject(currentAuthorizationInterceptorID);
+}
+
+export { apiHttp, addBearerTokenInterceptor, removeBearerTokenInterceptor };

Props/assets/js/services/persistence.js

@@ -0,0 +1,31 @@
+const prefix = "Props";
+function put(key, value) {
+    if (value == null) return false;
+    try {
+        localStorage.setItem(prefix + ":" + key, JSON.stringify(value));
+    } catch (error) {
+        console.error(error);
+        return false;
+    }
+    return true;
+}
+
+function get(key) {
+    if (!exists(key)) return null;
+    try {
+        return JSON.parse(localStorage.getItem(prefix + ":" + key));
+    } catch (error) {
+        console.error(error);
+        return null;
+    }
+}
+
+function remove(key) {
+    localStorage.removeItem(prefix + ":" + key);
+}
+
+function exists(key) {
+    return localStorage.getItem(prefix + ":" + key) != null;
+}
+
+export { put, get, remove, exists };

Props/assets/js/specific/search.js

@@ -0,0 +1 @@
+console.log("abc");