@maplat/ui 0.11.5 → 0.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maplat/ui",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "description": "Maplat is the cool Historical Map/Illustrated Map Viewer.\nIt can transform each map coordinates with nonlinear but homeomorphic projection and makes possible that the maps can collaborate with GPS/accurate maps, without distorting original maps.",
   "type": "module",
   "main": "dist/maplat-ui.umd.js",
@@ -34,9 +34,9 @@
     "pnpm": ">=9.0.0"
   },
   "dependencies": {
-    "@c4h/chuci": "0.2.4",
-    "@c4h/weiwudi": "^0.2.0",
-    "@maplat/core": "0.12.3",
+    "@c4h/chuci": "0.2.5",
+    "@c4h/weiwudi": "^0.2.1",
+    "@maplat/core": "0.12.4",
     "@turf/turf": "^7.3.1",
     "@types/page": "^1.11.9",
     "bootstrap.native": "^5.1.6",
@@ -59,6 +59,7 @@
     "@types/node": "^20.19.27",
     "@types/ol": "^6.5.3",
     "@types/qrcode": "^1.5.6",
+    "bootstrap-sass": "^3.4.3",
     "concurrently": "^9.2.1",
     "cross-env": "^10.1.0",
     "esbuild": "^0.27.2",
@@ -66,7 +67,6 @@
     "eslint-config-prettier": "^9.1.2",
     "globals": "^16.5.0",
     "jsdom": "^24.1.3",
-    "less": "^4.5.1",
     "ol": "^10.7.0",
     "prettier": "^3.7.4",
     "typescript": "^5.9.3",
@@ -81,7 +81,7 @@
     "dev": "concurrently \"pnpm watch:sw\" \"vite --host\"",
     "build:sw": "esbuild src/service-worker/index.ts --bundle --outfile=dist/service-worker.js --format=iife --define:self.__WB_MANIFEST=[] && node -e \"require('fs').copyFileSync('dist/service-worker.js', 'public/service-worker.js')\"",
     "watch:sw": "esbuild src/service-worker/index.ts --bundle --outfile=public/service-worker.js --format=iife --define:self.__WB_MANIFEST=[] --watch",
-    "build": "pnpm build:sw && cross-env BUILD_MODE=package tsc && cross-env BUILD_MODE=package vite build",
+    "build": "cross-env BUILD_MODE=package tsc && cross-env BUILD_MODE=package vite build && pnpm build:sw",
     "build:demo": "pnpm build:sw && vite build",
     "preview": "vite preview",
     "test": "vitest",

package/src/index.ts

@@ -8,7 +8,7 @@ import { Navigation, Pagination } from "swiper";
 import "swiper/swiper-bundle.css";
 import page from "page";
 import * as bsn from "bootstrap.native";
-import "../less/ui.less";
+import "./styles/ui.scss";
 
 import { uiInit } from "./ui_init";
 import {

package/src/styles/ui.scss

@@ -0,0 +1,7 @@
+$icon-font-path: "../../node_modules/bootstrap-sass/assets/fonts/bootstrap/";
+
+.maplat {
+  @import "../../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
+  @import "maplat-specific";
+  @import "contextmenu";
+}

package/src/ui_init.ts

@@ -974,8 +974,12 @@ function initModalHandlers(ui: MaplatUi, appOption: MaplatAppOption) {
                   const fileName = (val as string)
                     .toLowerCase()
                     .replace(/ /g, "_");
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  const iconUrl =
+                    (pointer as any)[`${fileName}.png`] ||
+                    `assets/parts/${fileName}.png`;
                   (contentEl as HTMLElement).innerHTML =
-                    `<img src="assets/parts/${fileName}.png" class="license" />`;
+                    `<img src="${iconUrl}" class="license" />`;
                 } else {
                   (contentEl as HTMLElement).innerHTML =
                     ui.core!.translate(val) || "";

package/src/ui_marker.ts

@@ -2,6 +2,7 @@ import { createElement } from "@maplat/core";
 
 // import { Swiper } from "./swiper_ex";
 import "@c4h/chuci";
+import QRCode from "qrcode";
 import { point, polygon, booleanPointInPolygon } from "@turf/turf";
 import { resolveRelativeLink, prepareModal } from "./ui_utils";
 
@@ -166,19 +167,17 @@ export function poiWebControl(
 
       // Auto-generate QR code
       if (qrDiv) {
-        import("qrcode").then(QRCode => {
-          QRCode.toCanvas(
-            window.location.href,
-            { width: 128, margin: 1 },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (err: any, canvas: any) => {
-              if (!err) {
-                qrDiv.innerHTML = "";
-                qrDiv.appendChild(canvas);
-              }
+        QRCode.toCanvas(
+          window.location.href,
+          { width: 128, margin: 1 },
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          (err: any, canvas: any) => {
+            if (!err) {
+              qrDiv.innerHTML = "";
+              qrDiv.appendChild(canvas);
             }
-          );
-        });
+          }
+        );
       }
     } else {
       shareButtons?.classList.add("hide");