Upload main.js

main.js

@@ -0,0 +1,54 @@
+import "./style.css";
+
+async function loadProvincesLocal() {
+  const res = await fetch("./provinces.json", { cache: "no-store" });
+  if (!res.ok) throw new Error("Không tải được provinces.json");
+  return res.json();
+}
+
+function makeWorker(url) {
+  return new Worker(new URL(url, import.meta.url), { type: "module" });
+}
+
+async function boot() {
+  const el = document.querySelector("#app");
+  el.innerHTML = `
+    <div style="padding:16px;font-family:system-ui">
+      <h2>CAD2MAP (Local-only)</h2>
+      <div id="prov">Đang tải provinces...</div>
+      <input id="file" type="file" />
+      <div id="log" style="margin-top:12px;white-space:pre-wrap"></div>
+    </div>
+  `;
+
+  const log = (s) => (document.querySelector("#log").textContent += s + "\n");
+
+  // 1) Provinces local-only
+  try {
+    const p = await loadProvincesLocal();
+    document.querySelector("#prov").textContent = `Provinces: ${p.length} (từ provinces.json, không cloud)`;
+  } catch (e) {
+    document.querySelector("#prov").textContent = "Lỗi tải provinces (local)";
+    log(String(e));
+  }
+
+  // 2) Worker (parse client-side)
+  const dxfWorker = makeWorker("./workers/dxf-parser-worker.js");
+
+  document.querySelector("#file").addEventListener("change", async (ev) => {
+    const f = ev.target.files?.[0];
+    if (!f) return;
+
+    const buf = await f.arrayBuffer();
+    const id = crypto.randomUUID();
+    dxfWorker.postMessage({ id, input: { fileName: f.name, buffer: buf } }, [buf]);
+
+    dxfWorker.onmessage = (msgEv) => {
+      const { success, error } = msgEv.data || {};
+      if (!success) log("DXF worker: " + (error || "fail"));
+      else log("DXF worker: OK");
+    };
+  });
+}
+
+boot();