slimsdk 0.2.0 → 0.2.1

package/dist/svchub/index.js

@@ -0,0 +1,760 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/config/global.ts
+var app = document.querySelector("#app");
+
+// src/config/index.ts
+var cfg = {
+  UNIX_TIME: 0,
+  app: {
+    UUID: "",
+    NAME: "",
+    SECRET: "",
+    VERSION: "",
+    RELEASE: "",
+    CALLBACK: ""
+  },
+  api: {
+    URL: "",
+    TOKEN: ""
+  },
+  hub: {
+    LOGIN: "https://wkrh.info/oauth/v1/authorize",
+    OAUTH: "https://wkrh.info:8850/oauth/v1",
+    API: "https://wkrh.info:8850/api/v1",
+    WSS: "wss://wkrh.info:8855/ws",
+    UUID: ""
+  },
+  hwl: {
+    HOST: "ws://localhost:8844/ws",
+    FILE: "https://wkrh.info/app/hwlink/hwlink_setup.exe"
+  },
+  user: {
+    sub: 0,
+    name: "",
+    utyp: "",
+    unit: "",
+    unit_id: 0,
+    role_id: 0,
+    metadata: {
+      emp_type: "",
+      emp_level: "",
+      position: ""
+    },
+    picture: ""
+  }
+};
+
+// src/svchub/oauth/index.ts
+var oauth_exports = {};
+__export(oauth_exports, {
+  authMW: () => authMW,
+  callback: () => callback,
+  login: () => login,
+  logout: () => logout
+});
+
+// src/lib/cookie.ts
+var removeItem = (key) => {
+  document.cookie = `${key}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;`;
+};
+var clear = () => {
+  document.cookie.split(";").forEach((cookie) => {
+    const eqPos = cookie.indexOf("=");
+    const name = eqPos > -1 ? cookie.substring(0, eqPos) : cookie;
+    removeItem(name);
+  });
+};
+
+// src/svchub/oauth/template.ts
+var tempLogout = (
+  /*html*/
+  `
+<div id="page-logout">
+    <div id="content">
+        <div class="logo">
+            <img src="https://cdn.jsdelivr.net/npm/slimsdk/dist/assets/icon/icon-02.png">
+        </div>
+        <button id="btn-login" class="lg">\u0E40\u0E02\u0E49\u0E32\u0E23\u0E30\u0E1A\u0E1A\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07</button>
+    </div>
+    <!-- loader -->
+    <div id="loader"></div>
+</div>
+<style>
+#app:has(#page-logout) {
+    padding: 0;
+}
+#page-logout {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-image: url('https://cdn.jsdelivr.net/npm/slimsdk/dist/assets/bg/bg-01.jpg');
+}
+#page-logout #content {
+    display: none;
+    text-align: center;
+    animation: fadeIn 0.4s;
+}
+#page-logout #content .logo {
+    margin: auto;
+    width: 150px;
+    height: 150px;
+    margin-bottom: 20px;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.2);
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+        0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+#page-logout #content .logo img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+}
+#page-logout #content #btn-login {
+    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px,
+        rgba(0, 0, 0, 0.23) 0px 3px 6px;
+}
+#page-logout #loader {
+    width: 110px;
+    height: 110px;
+    border-radius: 50%;
+    border: 11px solid #E5E7EB;
+    border-color: #E5E7EB #06B6D4 #E5E7EB #06B6D4;
+    animation: spin 2s linear infinite;
+}
+</style>
+`
+);
+
+// src/lib/utility.ts
+var jwtParse = (token) => {
+  try {
+    return JSON.parse(atob(token.split(".")[1]));
+  } catch {
+    return null;
+  }
+};
+
+// src/svchub/api/auth/index.ts
+var auth_exports = {};
+__export(auth_exports, {
+  getToken: () => getToken,
+  getUserInfo: () => getUserInfo
+});
+var getToken = (params) => new Promise((resolve, reject) => {
+  fetch(cfg.hub.OAUTH + "/token", {
+    method: "POST",
+    headers: { "Content-Type": "application/json; charset=utf-8" },
+    body: JSON.stringify(params)
+  }).then((resp) => {
+    if (!resp.ok) throw resp;
+    return resp.json();
+  }).then((json) => {
+    resolve(json);
+  }).catch((err) => reject(err));
+});
+var getUserInfo = (token) => new Promise((resolve, reject) => {
+  let headers = cfg.api.HEADERS;
+  if (token) headers = new Headers({
+    "Content-Type": "application/json; charset=utf-8",
+    "Authorization": `Bearer ${token}`
+  });
+  fetch(cfg.hub.OAUTH + "/userinfo", {
+    method: "GET",
+    headers
+  }).then((resp) => {
+    if (!resp.ok) throw resp;
+    return resp.json();
+  }).then((json) => {
+    resolve(json);
+  }).catch((err) => reject(err));
+});
+
+// src/svchub/oauth/midware.ts
+var IGNORE = ["__NOT_FOUND__", "login", "logout", "callback"];
+var authMW = async (route, ignore) => {
+  ignore?.forEach((val) => IGNORE.push(val));
+  if (IGNORE.includes(route)) {
+    console.log("ignore :", route);
+    return;
+  }
+  const token = localStorage.getItem("ACCESS_TOKEN");
+  if (!token) {
+    gotoLogin();
+    throw "token not exist";
+  }
+  try {
+    const jwt = jwtParse(token);
+    const exp = Number(jwt?.exp) * 1e3;
+    if (isNaN(exp)) throw "err";
+    const now = Date.now();
+    if (now >= exp) throw "err";
+  } catch {
+    gotoLogin();
+  }
+  cfg.api.TOKEN = token;
+  cfg.api.HEADERS = new Headers({
+    "Content-Type": "application/json; charset=utf-8",
+    "Authorization": `Bearer ${cfg.api.TOKEN}`
+  });
+  const session = sessionStorage.getItem("ACCESS_SESSION");
+  if (!session) {
+    await getUserInfo().then((resp) => {
+      const data = resp.data;
+      setProfile(data);
+      sessionStorage.setItem("ACCESS_SESSION", JSON.stringify(data));
+    }).catch(() => gotoLogin());
+  } else {
+    const data = JSON.parse(session);
+    setProfile(data);
+  }
+};
+var setProfile = (user) => {
+  cfg.user.sub = user.sub;
+  cfg.user.name = user.name;
+  cfg.user.utyp = user.utyp;
+  cfg.user.unit = user.unit;
+  cfg.user.unit_id = user.unit_id;
+  cfg.user.role_id = user.role_id;
+  cfg.user.picture = user.picture ? user.picture : "";
+  if (user.metadata) cfg.user.metadata = user.metadata;
+};
+var gotoLogin = () => {
+  clear();
+  localStorage.clear();
+  sessionStorage.clear();
+  window.location.replace("/login");
+  throw "not logged in";
+};
+
+// src/svchub/oauth/index.ts
+var app2 = document.querySelector("#app");
+var login = () => {
+  clearCache();
+  const state = Math.random().toString(36).slice(-8);
+  sessionStorage.setItem("OAUTH_STATE", state);
+  const query = new URLSearchParams({
+    response_type: "token",
+    client_id: cfg.app.UUID,
+    redirect_uri: cfg.app.CALLBACK,
+    state
+  }).toString();
+  const url = `${cfg.hub.LOGIN}?${query}`;
+  window.location.replace(url);
+};
+var logout = () => {
+  clearCache();
+  if (!app2) return;
+  app2.innerHTML = tempLogout;
+  app2.classList.add("full-page");
+  const content = app2.querySelector("#content");
+  const loader = app2.querySelector("#loader");
+  new Promise((r) => setTimeout(r, 400)).then(() => {
+    content.style.display = "block";
+    loader.style.display = "none";
+  });
+  app2.querySelector("#btn-login").onclick = () => {
+    window.location.replace("/login");
+  };
+};
+var callback = () => {
+  const search = window.location.search;
+  const query = new URLSearchParams(search);
+  const state = query.get("state");
+  const session = sessionStorage.getItem("OAUTH_STATE");
+  if (state !== session) {
+    window.location.replace("/login");
+  }
+  clearCache();
+  const code = query.get("code");
+  const token = query.get("token");
+  if (code) {
+  }
+  if (token) {
+    localStorage.setItem("ACCESS_TOKEN", token);
+  }
+  window.location.replace("/");
+};
+var clearCache = () => {
+  clear();
+  localStorage.clear();
+  sessionStorage.clear();
+};
+
+// src/svchub/api/index.ts
+var api_exports = {};
+__export(api_exports, {
+  auth: () => auth_exports
+});
+
+// src/svchub/wss/index.ts
+var wss_exports = {};
+__export(wss_exports, {
+  checkUpdate: () => checkUpdate,
+  newTask: () => newTask
+});
+
+// src/mod/dialog/index.ts
+var app3 = document.querySelector("#app");
+var toast = (message, params) => new Promise((resolve) => {
+  if (!app3) return;
+  const doc = params && params?.target ? params.target : app3;
+  const type = params && params?.type ? params.type : "success";
+  let color = "";
+  let icon = "";
+  if (type == "success") {
+    color = "green";
+    icon = "&#xf058;";
+  }
+  if (type == "failure") {
+    color = "red";
+    icon = "&#xf057;";
+  }
+  if (type == "warning") {
+    color = "orange";
+    icon = "&#xf06a;";
+  }
+  if (type == "info") {
+    color = "blue";
+    icon = "&#xf05a;";
+  }
+  const toast2 = document.createElement("div");
+  toast2.className = `slim-toast ${color}`;
+  toast2.innerHTML = /*html*/
+  `
+        <i class="icon">${icon}</i>
+        <span class="text">${message}</span>
+    `;
+  doc.appendChild(toast2);
+  toast2.classList.add("show");
+  let count = 0;
+  toast2.onanimationend = () => {
+    count++;
+    if (count == 2) {
+      toast2.remove();
+      resolve();
+    }
+  };
+});
+
+// src/lib/dateTime.ts
+var TH_MONTH = [
+  "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
+  "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
+  "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
+  "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
+  "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
+  "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
+  "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
+  "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
+  "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19",
+  "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
+  "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
+  "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"
+];
+var TH_MONTH_SHORT = [
+  "\u0E21.\u0E04.",
+  "\u0E01.\u0E1E.",
+  "\u0E21\u0E35.\u0E04.",
+  "\u0E40\u0E21.\u0E22.",
+  "\u0E1E.\u0E04.",
+  "\u0E21\u0E34.\u0E22.",
+  "\u0E01.\u0E04.",
+  "\u0E2A.\u0E04.",
+  "\u0E01.\u0E22.",
+  "\u0E15.\u0E04.",
+  "\u0E1E.\u0E22.",
+  "\u0E18.\u0E04."
+];
+var timeToStr = (unixtime, format = "") => {
+  if (typeof unixtime != "number") {
+    return "";
+  }
+  const unix = new Date(Number(unixtime));
+  const yy = unix.getFullYear();
+  const mm = String(unix.getMonth() + 1).padStart(2, "0");
+  const dd = String(unix.getDate()).padStart(2, "0");
+  const H = String(unix.getHours()).padStart(2, "0");
+  const M = String(unix.getMinutes()).padStart(2, "0");
+  const S = String(unix.getSeconds()).padStart(2, "0");
+  if (format == "date") {
+    return `${yy}-${mm}-${dd}`;
+  }
+  if (format == "time") {
+    return `${H}:${M}:${S}`;
+  }
+  return `${yy}-${mm}-${dd} ${H}:${M}:${S}`;
+};
+var thaiDate = (date, format = 0) => {
+  if (typeof date == "string" && date.indexOf("0000-00-00") >= 0) {
+    return "";
+  }
+  if (typeof date == "string") {
+    date = date.trim();
+    date = date.replace(" ", "T");
+  }
+  const dt = new Date(date);
+  if (isNaN(dt.getTime())) return "";
+  const yy = dt.getFullYear() + 543;
+  const mm = String(dt.getMonth() + 1).padStart(2, "0");
+  const dd = String(dt.getDate()).padStart(2, "0");
+  const H = String(dt.getHours()).padStart(2, "0");
+  const M = String(dt.getMinutes()).padStart(2, "0");
+  const S = String(dt.getSeconds()).padStart(2, "0");
+  if (format == 0) return `${dd}/${mm}/${yy}`;
+  if (format == 1) return `${dd}/${mm}/${yy} ${H}:${M}`;
+  if (format == 2) return `${dd}/${mm}/${yy} ${H}:${M}:${S}`;
+  if (format == 10) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy}`;
+  if (format == 11) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
+  if (format == 12) return `${dd} ${TH_MONTH[Number(mm) - 1]} ${yy} \u0E40\u0E27\u0E25\u0E32 ${H}:${M} \u0E19.`;
+  if (format == 13) return `${dd} ${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)} ${H}:${M}`;
+  if (format == 20) return `${TH_MONTH[Number(mm) - 1]} ${yy}`;
+  if (format == 21) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${yy}`;
+  if (format == 22) return `${TH_MONTH_SHORT[Number(mm) - 1]} ${String(yy).slice(-2)}`;
+  return "";
+};
+
+// src/svchub/wss/index.ts
+var newTask = (worker) => {
+  if (!window.Worker) return;
+  cfg.hub.TASK = new worker();
+  cfg.hub.TASK.postMessage({
+    head: "INIT",
+    data: {
+      url: cfg.hub.WSS,
+      app: cfg.app.NAME,
+      uid: cfg.app.UUID,
+      ver: cfg.app.VERSION
+    }
+  });
+  cfg.hub.TASK.addEventListener("message", (e) => {
+    const json = e.data;
+    const head = json.head ? json.head : "";
+    const data = json.data ? json.data : "";
+    if (head == "ACCEPT") {
+      rspAccept(data);
+      cfg.hub.TASK?.postMessage({
+        head: "VERIFY",
+        data: cfg.api.TOKEN
+      });
+    }
+    if (head == "DISCON") rspDiscon();
+    if (head == "LATEST") rspLatest(data);
+    if (head == "BRDMSG") rspBrdMsg(data);
+    if (head == "VERIFY" && data != "200 OK") {
+      console.log(head, data);
+    }
+  });
+};
+var checkUpdate = (min = 10) => {
+  return setInterval(() => {
+    cfg.hub.TASK?.postMessage({
+      head: "LATEST",
+      data: {
+        app: cfg.app.NAME,
+        uid: cfg.app.UUID
+      }
+    });
+  }, 1e3 * 60 * min);
+};
+var rspBrdMsg = (brd) => {
+  if (brd.cmd == "LOGS") console.log(brd.msg);
+  if (brd.cmd == "TIME") setTime(brd.msg);
+  if (brd.cmd == "RESULT" && brd.to == cfg.hub.UUID) {
+    console.log(brd.cmd, "From:", brd.from);
+    console.log(brd.msg);
+  }
+  if (brd.cmd == "CONRST" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
+    sessionStorage.clear();
+    window.location.reload();
+  }
+  if (brd.cmd == "LOGOUT" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
+    localStorage.clear();
+    sessionStorage.clear();
+    window.location.reload();
+  }
+  if (brd.cmd == "NOTIFY" && (brd.to == cfg.hub.UUID || brd.to == "@all")) {
+    brdNotify(brd.msg);
+  }
+  if (brd.cmd == "") console.log(brd.msg);
+};
+var rspAccept = (data) => {
+  cfg.hub.UUID = data.uuid ? data.uuid : "";
+  console.log("hub-uuid:", cfg.hub.UUID);
+  const boxTime = document.querySelector("#topbar #box-time");
+  if (boxTime) boxTime.classList.remove("offline");
+  toast("\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server \u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08.!", { type: "success" });
+};
+var rspDiscon = () => {
+  const boxTime = document.querySelector("#topbar #box-time");
+  if (boxTime) {
+    boxTime.classList.add("offline");
+    const svTime = boxTime.querySelector("#sv-time");
+    const svDate = boxTime.querySelector("#sv-date");
+    if (svTime) svTime.innerText = "server";
+    if (svDate) svDate.innerText = "OFFLINE";
+  }
+  toast("\u0E02\u0E32\u0E14\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D Server.!", { type: "failure" });
+};
+var rspLatest = (data) => {
+  if (cfg.app.UUID == data.appuuid && cfg.app.NAME == data.appname) {
+    const path = window.location.pathname;
+    if (path != "/changelog" && cfg.app.RELEASE != data.release) {
+      window.location.replace("/changelog");
+    }
+  }
+};
+var setTime = (data) => {
+  if (typeof data.unix != "number") return;
+  cfg.UNIX_TIME = Number(data.unix);
+  const svTime = document.querySelector("#topbar #box-time #sv-time");
+  const svDate = document.querySelector("#topbar #box-time #sv-date");
+  if (svTime && svDate) {
+    const [date, time] = timeToStr(cfg.UNIX_TIME).split(" ");
+    svTime.innerText = time;
+    svDate.innerText = thaiDate(date, 11);
+  }
+};
+var brdNotify = (data) => {
+  const title = data.title ? data.title : "Hub Notify";
+  const icon = data.icon ? data.icon : "https://cdn.jsdelivr.net/npm/slimsdk/dist/assets/icon/icon-06.png";
+  const body = data.body ? data.body : "";
+  if (!body) return;
+  Notification.requestPermission().then((res) => {
+    if (res == "granted") {
+      new Notification(title, { body, icon });
+    }
+  }).catch((err) => console.error(err));
+};
+
+// src/page/index.ts
+var app4 = document.querySelector("#app");
+var pageSpin = (
+  /*html*/
+  `
+<div class="lds-spinner">
+    <div></div><div></div><div></div><div></div>
+    <div></div><div></div><div></div><div></div>
+    <div></div><div></div><div></div><div></div>
+</div>
+`
+);
+var smallSpin = `<div class="spinner s32"></div>`;
+var loading = (size = "default") => {
+  if (!app4) return;
+  if (!app4.querySelector("#page-loader")) {
+    const loader = document.createElement("div");
+    loader.id = "page-loader";
+    loader.className = "overlay center";
+    loader.innerHTML = size == "default" ? pageSpin : smallSpin;
+    app4.appendChild(loader);
+  }
+  const content = app4.querySelector("#app-content");
+  if (content) content.style.display = "none";
+};
+var ready = (delay = 400) => {
+  new Promise((r) => setTimeout(r, delay)).then(() => {
+    clearLoader(true);
+  });
+};
+var clearLoader = (showContent) => {
+  if (!app4) return;
+  const loader = app4.querySelector("#page-loader");
+  if (loader) {
+    loader.style.animation = "fade-out 0.4s forwards";
+    loader.onanimationend = () => loader.remove();
+  }
+  const content = app4.querySelector("#app-content");
+  if (content) content.style.display = showContent ? "block" : "none";
+};
+
+// src/svchub/hwlink/template.ts
+var template = (
+  /*html*/
+  `
+<div id="page-svchub" class="cover">
+    <div class="cover-bar">Hardware Link</div>
+    <div class="cover-body border">
+        <!-- svcinfo -->
+        <div id="svcinfo">
+            <div class="box-tb">
+                <div class="topic">HwLink</div>
+                <div class="text" id="hwlink">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">AutoUp</div>
+                <div class="text" id="autoup">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">CSUUID</div>
+                <div class="text" id="csuuid">:</div>
+            </div>
+        </div>
+        <hr>
+        <!-- device -->
+        <div id="device">
+            <div class="box-tb">
+                <div class="topic">\u0E2B\u0E19\u0E48\u0E27\u0E22\u0E07\u0E32\u0E19</div>
+                <div class="text" id="">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">\u0E01\u0E25\u0E38\u0E48\u0E21\u0E07\u0E32\u0E19</div>
+                <div class="text" id="">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">\u0E0A\u0E37\u0E48\u0E2D\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C</div>
+                <div class="text" id="">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">\u0E40\u0E25\u0E02\u0E17\u0E23\u0E31\u0E1E\u0E22\u0E4C\u0E2A\u0E34\u0E19</div>
+                <div class="text" id="">:</div>
+            </div>
+            <button id="btn-edit" class="circle sm blue"
+                shadow="true">&#xf5ae;</button>
+        </div>
+        <hr>
+        <!-- hwinfo -->
+        <div id="hwinfo">
+            <div class="box-tb">
+                <div class="topic">Hostname</div>
+                <div class="text" id="host">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Platform</div>
+                <div class="text" id="os">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">CpuModel</div>
+                <div class="text" id="cpu">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Memory</div>
+                <div class="text" id="mem">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Uptime</div>
+                <div class="text" id="uptime">:</div>
+            </div>
+        </div>
+        <hr>
+        <!-- x -->
+        <div id="">
+            <div class="box-tb">
+                <div class="topic">SmartCard</div>
+                <div class="text" id="">:</div>
+            </div>
+            <div class="box-tb">
+                <div class="topic">Biometric</div>
+                <div class="text" id="">:</div>
+            </div>
+        </div>
+    </div>
+</div>
+<style>
+    #page-svchub {
+        margin: auto;
+        max-width: 600px;
+        min-width: 480px;
+        line-height: 1.5;
+    }
+    #page-svchub .topic {
+        float: left;
+        width: 100px;
+        font-weight: 600;
+    }
+    #page-svchub .text {
+        float: left;
+        width: calc(100% - 100px);
+    }
+    #page-svchub #device {
+        position: relative;
+    }
+    #page-svchub #btn-edit {
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+</style>
+`
+);
+
+// src/svchub/hwlink/index.ts
+var app5 = document.querySelector("#app");
+var isREADY;
+var WSSVC;
+var hwLink = () => {
+  if (!app5) return;
+  const content = document.createElement("div");
+  content.id = "app-content";
+  content.innerHTML = template;
+  app5.classList.add("full-page");
+  app5.appendChild(content);
+  isREADY = false;
+  loading();
+  wsSvc();
+};
+var wsSvc = () => {
+  WSSVC = new WebSocket(cfg.hwl.HOST);
+  WSSVC.onopen = () => {
+    hwinfo();
+    T_hwinfo = setInterval(hwinfo, 1e3 * 10);
+  };
+  WSSVC.onclose = () => {
+    clearInterval(T_hwinfo);
+    setTimeout(wsSvc, 1e3 * 10);
+  };
+  WSSVC.onmessage = (e) => {
+    const resp = JSON.parse(e.data);
+    const head = resp.head ? resp.head : "";
+    const data = resp.data ? resp.data : "";
+    if (head == "CSUUID") {
+      if (!isREADY) {
+        isREADY = true;
+        ready();
+      }
+    }
+    if (head == "HWINFO") setHwInfo(data);
+  };
+  let T_hwinfo;
+  const hwinfo = () => WSSVC.send('{"head": "HWINFO"}');
+};
+var setHwInfo = (data) => {
+  if (!app5) return;
+  const svc = data.svc;
+  app5.querySelector("#hwlink").innerText = `: ${svc.hwlink}`;
+  app5.querySelector("#autoup").innerText = `: ${svc.autoup}`;
+  app5.querySelector("#csuuid").innerText = `: ${data.csuuid}`;
+  const cpu = data.cpu;
+  const mem = data.mem;
+  const hwinfo = app5.querySelector("#hwinfo");
+  const uptime = Number(data.uptime);
+  const hh = Math.floor(uptime / 3600);
+  const mm = Math.floor(uptime % 3600 / 60);
+  const memUsed = (Number(mem.used) / 1024 / 1024 / 1024).toFixed(1);
+  const memTotal = (Number(mem.total) / 1024 / 1024 / 1024).toFixed(1);
+  const mem_text = `${memUsed}/${memTotal} GB (${mem.percent}%)`;
+  hwinfo.querySelector("#host").innerText = `: ${data.hostname}`;
+  hwinfo.querySelector("#os").innerText = `: ${data.platform}`;
+  hwinfo.querySelector("#cpu").innerText = `: ${cpu.model}`;
+  app5.querySelector("#mem").innerText = `: ${mem_text}`;
+  app5.querySelector("#uptime").innerText = `: ${hh} h ${mm} m`;
+};
+export {
+  api_exports as apiHub,
+  cfg,
+  hwLink,
+  oauth_exports as oauth,
+  wss_exports as wssHub
+};
+//# sourceMappingURL=index.js.map