We use cookies to ensure you get the best experience on our website
Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
0ct0pu5
/
webvm
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Browse Source

Put the network logic in its own js file

index.html and tinycore.html will just both include that
Yuri Iozzelli 2 năm trước cách đây
mục cha
4287f26af7
commit
c8cbb9a58c
3 tập tin đã thay đổi với 74 bổ sung và 144 xóa
View chưa được định nghĩa Hiển thị tình trạng sai khác
  1. 3 72
      index.html
  2. 68 0
      network.js
  3. 3 72
      tinycore.html

+ 3 - 72
index.html
Xem Tập Tin 

@@ -31,81 +31,12 @@
 
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
 
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
 
     <link rel="stylesheet" href="./xterm/xterm.css" />
 
     <link rel="stylesheet" href="./xterm/xterm.css" />
 
     <link rel="stylesheet" href="./scrollbar.css" />
 
     <link rel="stylesheet" href="./scrollbar.css" />
 
-    <script>
 
-        window.networkInterface = { bind: null, connect: null, listen: null, ready: false };
 
-    </script>
 
     <script src="./xterm/xterm.js"></script>
 
     <script src="./xterm/xterm.js"></script>
 
     <script src="./xterm/xterm-addon-fit.js"></script>
 
     <script src="./xterm/xterm-addon-fit.js"></script>
 
-    <script defer type="module">
 
-        import { State } from "/tun/tailscale_tun.js";
 
-        import { autoConf } from "/tun/tailscale_tun_auto.js";
 
-
 
-        let resolveLogin = null;
 
-        let loginPromise = new Promise((f,r) => {
 
-            resolveLogin = f;
 
-        });
 
-        const loginElem = document.getElementById("loginLink");
 
-        const statusElem = document.getElementById("networkStatus");
 
-        const loginUrlCb = (url) => {
 
-            loginElem.href = url;
 
-            loginElem.target = "_blank";
 
-            statusElem.innerHTML = "Tailscale Login";
 
-            resolveLogin(url);
 
-        };
 
-        const stateUpdateCb = (state) => {
 
-            switch(state)
 
-            {
 
-                case State.NeedsLogin:
 
-                {
 
-                    break;
 
-                }
 
-                case State.Running:
 
-                {
 
-                    loginElem.href = "https://login.tailscale.com/admin/machines";
 
-                    break;
 
-                }
 
-                case State.Starting:
 
-                {
 
-                    break;
 
-                }
 
-                case State.Stopped:
 
-                {
 
-                    break;
 
-                }
 
-                case State.NoState:
 
-                {
 
-                    break;
 
-                }
 
-            }
 
-        };
 
-        const netmapUpdateCb = (map) => {
 
-            const ip = map.self.addresses[0];
 
-            statusElem.innerHTML = "IP: "+ip;
 
-        };
 
-        const { listen, connect, bind, up } = await autoConf({
 
-            loginUrlCb,
 
-            stateUpdateCb,
 
-            netmapUpdateCb,
 
-        });
 
-        window.networkInterface.bind = bind;
 
-        window.networkInterface.connect = connect;
 
-        window.networkInterface.listen = listen;
 
-	window.networkInterface.ready = true;
 
-        loginElem.style.cursor = "pointer";
 
-        statusElem.style.color = "white";
 
-        loginElem.onclick = () => {
 
-            loginElem.onclick = null;
 
-            statusElem.innerHTML = "Downloading network code...";
 
-            const w = window.open("login.html", "_blank");
 
-	    async function waitLogin() {
 
-	        await up();
 
-                statusElem.innerHTML = "Starting login...";
 
-		const url = await loginPromise;
 
-		w.location.href = url;
 
-	    }
 
-	    waitLogin();
 
-        };
 
+    <script>
 
+        window.networkInterface = { bind: null, connect: null, listen: null, ready: false };
 
     </script>
 
     </script>
 
+    <script type="module" src="network.js"></script>
 
   </head>
 
   </head>
 
 
 
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">
 
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">

+ 68 - 0
network.js
Xem Tập Tin 

@@ -0,0 +1,68 @@
 
+import { State } from "/tun/tailscale_tun.js";
 
+import { autoConf } from "/tun/tailscale_tun_auto.js";
 
+
 
+let resolveLogin = null;
 
+let loginPromise = new Promise((f,r) => {
 
+    resolveLogin = f;
 
+});
 
+const loginElem = document.getElementById("loginLink");
 
+const statusElem = document.getElementById("networkStatus");
 
+const loginUrlCb = (url) => {
 
+    loginElem.href = url;
 
+    loginElem.target = "_blank";
 
+    statusElem.innerHTML = "Tailscale Login";
 
+    resolveLogin(url);
 
+};
 
+const stateUpdateCb = (state) => {
 
+    switch(state)
 
+    {
 
+        case State.NeedsLogin:
 
+        {
 
+            break;
 
+        }
 
+        case State.Running:
 
+        {
 
+            loginElem.href = "https://login.tailscale.com/admin/machines";
 
+            break;
 
+        }
 
+        case State.Starting:
 
+        {
 
+            break;
 
+        }
 
+        case State.Stopped:
 
+        {
 
+            break;
 
+        }
 
+        case State.NoState:
 
+        {
 
+            break;
 
+        }
 
+    }
 
+};
 
+const netmapUpdateCb = (map) => {
 
+    const ip = map.self.addresses[0];
 
+    statusElem.innerHTML = "IP: "+ip;
 
+};
 
+const { listen, connect, bind, up } = await autoConf({
 
+    loginUrlCb,
 
+    stateUpdateCb,
 
+    netmapUpdateCb,
 
+});
 
+window.networkInterface.bind = bind;
 
+window.networkInterface.connect = connect;
 
+window.networkInterface.listen = listen;
 
+window.networkInterface.ready = true;
 
+loginElem.style.cursor = "pointer";
 
+statusElem.style.color = "white";
 
+loginElem.onclick = () => {
 
+    loginElem.onclick = null;
 
+    statusElem.innerHTML = "Downloading network code...";
 
+    const w = window.open("login.html", "_blank");
 
+async function waitLogin() {
 
+    await up();
 
+        statusElem.innerHTML = "Starting login...";
 
+const url = await loginPromise;
 
+w.location.href = url;
 
+}
 
+waitLogin();
 
+};

+ 3 - 72
tinycore.html
Xem Tập Tin 

@@ -30,81 +30,12 @@
 
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
 
     <link rel="stylesheet" id="us-fonts-css" href="https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&amp;display=swap&amp;ver=6.0.2" media="all">
 
     <link rel="stylesheet" href="./xterm/xterm.css" />
 
     <link rel="stylesheet" href="./xterm/xterm.css" />
 
     <link rel="stylesheet" href="./scrollbar.css" />
 
     <link rel="stylesheet" href="./scrollbar.css" />
 
-    <script>
 
-        window.networkInterface = { bind: null, connect: null, listen: null, ready: false };
 
-    </script>
 
     <script src="./xterm/xterm.js"></script>
 
     <script src="./xterm/xterm.js"></script>
 
     <script src="./xterm/xterm-addon-fit.js"></script>
 
     <script src="./xterm/xterm-addon-fit.js"></script>
 
-    <script defer type="module">
 
-        import { State } from "/tun/tailscale_tun.js";
 
-        import { autoConf } from "/tun/tailscale_tun_auto.js";
 
-
 
-        let resolveLogin = null;
 
-        let loginPromise = new Promise((f,r) => {
 
-            resolveLogin = f;
 
-        });
 
-        const loginElem = document.getElementById("loginLink");
 
-        const statusElem = document.getElementById("networkStatus");
 
-        const loginUrlCb = (url) => {
 
-            loginElem.href = url;
 
-            loginElem.target = "_blank";
 
-            statusElem.innerHTML = "Tailscale Login";
 
-            resolveLogin(url);
 
-        };
 
-        const stateUpdateCb = (state) => {
 
-            switch(state)
 
-            {
 
-                case State.NeedsLogin:
 
-                {
 
-                    break;
 
-                }
 
-                case State.Running:
 
-                {
 
-                    loginElem.href = "https://login.tailscale.com/admin/machines";
 
-                    break;
 
-                }
 
-                case State.Starting:
 
-                {
 
-                    break;
 
-                }
 
-                case State.Stopped:
 
-                {
 
-                    break;
 
-                }
 
-                case State.NoState:
 
-                {
 
-                    break;
 
-                }
 
-            }
 
-        };
 
-        const netmapUpdateCb = (map) => {
 
-            const ip = map.self.addresses[0];
 
-            statusElem.innerHTML = "IP: "+ip;
 
-        };
 
-        const { listen, connect, bind, up } = await autoConf({
 
-            loginUrlCb,
 
-            stateUpdateCb,
 
-            netmapUpdateCb,
 
-        });
 
-        window.networkInterface.bind = bind;
 
-        window.networkInterface.connect = connect;
 
-        window.networkInterface.listen = listen;
 
-	window.networkInterface.ready = true;
 
-        loginElem.style.cursor = "pointer";
 
-        statusElem.style.color = "white";
 
-        loginElem.onclick = () => {
 
-            loginElem.onclick = null;
 
-            statusElem.innerHTML = "Downloading network code...";
 
-            const w = window.open("login.html", "_blank");
 
-	    async function waitLogin() {
 
-	        await up();
 
-                statusElem.innerHTML = "Starting login...";
 
-		const url = await loginPromise;
 
-		w.location.href = url;
 
-	    }
 
-	    waitLogin();
 
-        };
 
+    <script>
 
+        window.networkInterface = { bind: null, connect: null, listen: null, ready: false };
 
     </script>
 
     </script>
 
+    <script type="module" src="network.js"></script>
 
   </head>
 
   </head>
 
 
 
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">
 
   <body style="margin:0;height:100%;background:black;color:white;overflow:hidden; display:flex; flex-direction: column; justify-content: space-between; height: 100%;">

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5