refactor(vis-network): migrate to TypeScript

.changeset/dull-results-admire.md

@@ -0,0 +1,5 @@
+---
+"@nodesecure/vis-network": major
+---
+
+Migrate to TypeScript

package.json

@@ -85,7 +85,6 @@
     "cross-env": "^10.1.0",
     "esbuild": "0.27.4",
     "eslint-plugin-jsdoc": "62.8.0",
-    "http-server": "^14.1.1",
     "pkg-ok": "^3.0.0",
     "postcss-lit": "1.4.1",
     "pretty-bytes": "^7.0.0",

workspaces/documentation-ui/package.json

@@ -4,7 +4,7 @@
   "description": "Portable UI for NodeSecure tools (guides on flags, security docs etc..)",
   "type": "module",
   "scripts": {
-    "build": "tsc && cp -r src/css dist/css",
+    "build": "rimraf ./dist && tsc && cp -r src/css dist/css",
     "prepublishOnly": "npm run build",
     "lint": "eslint src example",
     "example": "vite"

workspaces/vis-network/example/demo.html

@@ -7,7 +7,7 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-<script src="master.js" type="module"></script>
+<script src="master.ts" type="module"></script>
 <style>
 body, html {
     height: 100%;

workspaces/vis-network/example/master.ts

@@ -0,0 +1,27 @@
+// Import Third-party Dependencies
+import type { Payload } from "@nodesecure/scanner";
+
+// Import Internal Dependencies
+import {
+  NodeSecureDataSet,
+  NodeSecureNetwork
+} from "../src/index.ts";
+import payload from "./payload.json" with { type: "json" };
+
+declare global {
+  interface Window {
+    FLAGS: unknown;
+  }
+}
+
+document.addEventListener("DOMContentLoaded", async() => {
+  const secureDataSet = new NodeSecureDataSet();
+  await secureDataSet.init(
+    payload as unknown as Payload,
+    window.FLAGS
+  );
+
+  new NodeSecureNetwork(secureDataSet, {
+    theme: "LIGHT"
+  });
+});