fix

resources/main/js/tg.js

@@ -1,18 +1,35 @@
-
+import {Cookie} from "./tg_app/Cookie.js";
 import {TgApp} from "./tg_app/TgApp.js";
-import Router from "./tg_app/Router.js";
+import {SimpleRouter} from "./tg_app/SimpleRouter.js";
+
 document.addEventListener("DOMContentLoaded", () => {
     let tg = window.Telegram.WebApp;
     let tgApp = new TgApp("tg_app", tg.initDataUnsafe.user.id);
 
-    const router = new Router({
-        mode: 'hash',
-        root: '/miniapp'
-    });
+    // const router = new Router({
+    //     mode: 'hash',
+    //     root: '/miniapp'
+    // });
 
-    router
-        .add('', () => {
+    const cookie = new Cookie();
+    const routes = {
+        '/miniapp': () => {
+            cookie.setCookie("dialog_id", tg.initDataUnsafe.user.id, 3)
             tgApp.actionMain();
-        });
+        },
+
+    };
+
+// Инициализация роутера
+    const router = new SimpleRouter(routes);
+
+    // const router
+    //     .add('/', () => {
+    //         cookie.setCookie("dialog_id", tg.initDataUnsafe.user.id, 3)
+    //         tgApp.actionMain();
+    //     })
+    //     .add('/scanner', () => {
+    //         tgApp.createScanner();
+    //     });
 
 });

resources/main/js/tg_app/Cookie.js

@@ -0,0 +1,26 @@
+class Cookie {
+    setCookie(name,value,days) {
+        var expires = "";
+        if (days) {
+            var date = new Date();
+            date.setTime(date.getTime() + (days*24*60*60*1000));
+            expires = "; expires=" + date.toUTCString();
+        }
+        document.cookie = name + "=" + (value || "")  + expires + "; path=/";
+    }
+    getCookie(name) {
+        var nameEQ = name + "=";
+        var ca = document.cookie.split(';');
+        for(var i=0;i < ca.length;i++) {
+            var c = ca[i];
+            while (c.charAt(0)===' ') c = c.substring(1,c.length);
+            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length,c.length);
+        }
+        return null;
+    }
+    eraseCookie(name) {
+        document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+    }
+}
+
+export {Cookie}

resources/main/js/tg_app/SimpleRouter.js

@@ -0,0 +1,33 @@
+class SimpleRouter {
+    constructor(routes) {
+        this.routes = routes;
+        this.init();
+    }
+
+    init() {
+        // window.addEventListener('popstate', () => this.route());
+        // document.addEventListener('DOMContentLoaded', () => this.route());
+        // document.addEventListener('click', (e) => {
+        //     if (e.target.tagName === 'A') {
+        //         e.preventDefault();
+        //         this.navigate(e.target.href);
+        //     }
+        // });
+        this.route();
+    }
+
+    navigate(path) {
+        window.history.pushState({}, '', path);
+        this.route();
+    }
+
+    route() {
+        const path = window.location.pathname;
+        const route = this.routes[path] || this.routes['/404'];
+        if (route) {
+            route();
+        }
+    }
+}
+
+export {SimpleRouter}

resources/main/js/tg_app/TgApp.js

@@ -6,10 +6,9 @@ class TgApp {
         this.userId = userId;
         this.btnBox = this.createBox("btnBox");
         this.container.appendChild(this.btnBox);
-        console.log(userId)
     }
 
-    actionMain(){
+    actionMain() {
         this.createCardBox();
 
         // this.createDefaultBox();
@@ -56,7 +55,7 @@ class TgApp {
             })
     }
 
-    getScanBtn(){
+    getScanBtn() {
         fetch(config.config.apiUrl + `api/tg-bot/get-scan-btn/${this.userId}`, {
             method: 'GET', // Здесь так же могут быть GET, PUT, DELETE
             headers: {
@@ -71,15 +70,27 @@ class TgApp {
             })
     }
 
-    createBox(id){
+    createBox(id) {
         let box = document.createElement("div");
         box.setAttribute("id", id);
 
         return box;
     }
 
-    getAction(action){
-        if (action === "actionMain"){
+    // createScanner() {
+    //     let html5QrcodeScanner = new Html5QrcodeScanner(
+    //         "scanner_box",
+    //         {fps: 10, qrbox: {width: 250, height: 250}},
+    //         /* verbose= */ false);
+    //     html5QrcodeScanner.render(this.onScanSuccess);
+    // }
+
+    onScanSuccess(decodedText, decodedResult) {
+        console.log(`Code matched = ${decodedText}`, decodedResult);
+    }
+
+    getAction(action) {
+        if (action === "actionMain") {
             return this.actionMain;
         }