mudlet-map-browser-script 0.0.12 → 0.0.14

package/index.js

@@ -1,6 +1,6 @@
 import Translator from "@andreasremdt/simple-translator";
 import bootstrap from "bootstrap";
-import {MapReader, Renderer, Settings} from "mudlet-map-renderer";
+import {MapReader, Settings, Renderer} from "mudlet-map-renderer";
 import {Preview} from "./preview";
 import {downloadTags, downloadVersion} from "./versions";
 import convert from "color-convert";
@@ -211,10 +211,19 @@ class PageControls {
         });
 
         this.paths = {};
+
+        this.renderer = new Renderer(this.map, this.reader, this.reader.getColors(), this.settings);
     }
 
     init() {
-        let area = 37;
+        // Check if version parameter is present
+        if (params.version && this.versions) {
+            this.replaceVersion(params.version);
+            history.replaceState(null, null, url);
+            return;
+        }
+
+        let area = this.reader.getAreas()[0].areaId;
         let zIndex = 0;
         if (params.loc) {
             this.findRoom(params.loc);
@@ -282,7 +291,7 @@ class PageControls {
                 if (this.renderer) {
                     this.renderer.clear();
                 }
-                this.renderer = new Renderer(this.map, this.reader, area, this.reader.getColors(), this.settings);
+                this.renderer.renderArea(area)
                 this.select.value = areaId;
                 this.populateLevelButtons(area.getLevels(), zIndex);
                 this.hideRoomInfo();
@@ -846,7 +855,28 @@ class PageControls {
         downloadVersion(tag, this.versions.getAttribute("data-files")).then(data => {
             this.reader = new MapReader(data, colors);
             this.populateSelectBox();
-            this.renderArea(controls.areaId, controls.zIndex, true).then(() => this.showToast(`Przeładowano wersję na ${tag}`));
+
+            // Determine which area to render
+            let area = this.reader.getAreas()[0].areaId;
+            let zIndex = 0;
+
+            if (params.loc) {
+                this.findRoom(params.loc);
+            } else if (params.area) {
+                area = params.area;
+                this.renderArea(area, zIndex);
+            } else if (this.areaId !== undefined) {
+                // If already initialized, use current area
+                this.renderArea(this.areaId, this.zIndex, true).then(() => this.showToast(`Przeładowano wersję na ${tag}`));
+            } else {
+                // First initialization
+                if (position !== null && position.area) {
+                    area = position.area;
+                    zIndex = position.zIndex;
+                }
+                this.renderArea(area, zIndex);
+            }
+
             this.versionBadge.innerHTML = `v${tag}`;
             this.versionBadge.style.display = "initial";
         });

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "mudlet-map-browser-script",
-    "version": "0.0.12",
+    "version": "0.0.14",
     "main": "index.js",
     "license": "MIT",
     "scripts": {
-        "prepublish": "browserify index.js | uglifyjs -cm > dist/bundle.min.js"
+        "prepublishOnly": "browserify index.js | uglifyjs -cm > dist/bundle.min.js"
     },
     "dependencies": {
         "@andreasremdt/simple-translator": "^2.0.4",