@pirireis/webglobeplugins 0.9.7 → 0.9.8

package/dist/wind/vectorfieldimage.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function getVectorField(u, v, width, height, vMin, vMax, uMin, uMax, flip) {
+    const data = new Uint8ClampedArray(width * height * 4);
+    for (let row = 0; row < height; row++) {
+        for (let col = 0; col < width; col++) {
+            let k = flip ? ((height - row - 1) * width + col) : row * width + col;
+            let idx = (width * row + col) << 2; // Multiply by 4 for RGBA
+            if (u[k] === null || v[k] === null || isNaN(u[k]) || !isFinite(u[k]) || isNaN(v[k]) || !isFinite(v[k])) {
+                data[idx] = 0; // R
+                data[idx + 1] = 0; // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 0; // A
+            }
+            else {
+                data[idx] = Math.floor(255 * (u[k] - uMin) / (uMax - uMin)); // R
+                data[idx + 1] = Math.floor(255 * (v[k] - vMin) / (vMax - vMin)); // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 255; // A
+            }
+        }
+    }
+    return data;
+}
+exports.default = getVectorField;

package/dist/write-text/attached-text-writer.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachedTextWriter = void 0;
+const webglobe_1 = require("@pirireis/webglobe");
+const typecheck_1 = require("../util/check/typecheck");
+/**
+ * Light wight version of context text writer.
+ * The parameters by text are calculated on user side and inserted as items. (ContextTextWriter3 constructs text data from items)
+ *
+ * Good side of ContextTextWriters pattern is that there is only one way to create text.
+ * The glue is inside the plugin.
+ * This makes the code more readable and maintainable.
+ *
+ * With AttachedTextWriter the glue is created by user.
+ * I observed that the users generally uses a wrapper around the plugin logic anyway. This wrapper can be used as the glue for plugin and attacked writer.
+ */
+class AttachedTextWriter {
+    constructor(globe, { style = {
+        textFont: {
+            name: 'Arial',
+            textColor: '#FFFFFF', // beyaz
+            hollowColor: '#000000', // siyah
+            size: 12, // piksel
+            hollow: true,
+            bold: true,
+            italic: false,
+        },
+        opacity: 1.0,
+        zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+    }, doDraw = true, angleOnSphere = false, zoomLevelAdaptor = (zoomLevel) => (item) => {
+        return {
+            opacityMultiplier: 1,
+            sizeMultiplier: 1
+        };
+    }, } = {}) {
+        this.globe = globe;
+        this._itemMap = new Map();
+        this.doDraw = doDraw;
+        this.angleOnSphere = angleOnSphere;
+        this.zoomLevelAdaptor = zoomLevelAdaptor;
+        this.setStyle(style);
+    }
+    setOpacity(opacity) {
+        (0, typecheck_1.opacityCheck)(opacity);
+        this._style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+    setStyle(style) {
+        (0, typecheck_1.isTextFont)(style.textFont);
+        this._style = style;
+        this.globe.DrawRender();
+    }
+    /**
+     *
+     * @param {{text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, Angle = 0 }} item
+     * @returns
+     */
+    insertItem(item) {
+        const key = this.keyAdaptor ? this.keyAdaptor(item) : item;
+        this._itemMap.set(key, item);
+        this.globe.DrawRender();
+    }
+    // TODO: use item style 
+    draw() {
+        if (!this.doDraw) {
+            return;
+        }
+        const { globe, _itemMap, _style } = this;
+        const { zMode, textFont, opacity } = _style;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        const angleIsOn = is3D ? true : this.angleOnSphere;
+        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
+        const theSize = textFont.size;
+        _itemMap.forEach((item, key) => {
+            const { text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, angle = 0 } = item;
+            const { x, y } = globe.api_GetScreenPointFromGeo({
+                long,
+                lat,
+                z
+            }, zMode);
+            const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(item);
+            textFont.size = sizeMultiplier * theSize;
+            if (x !== null && y !== null) {
+                globe.api_DrawContextText(text, textFont, opacityMultiplier * opacity, { x: x + xOffset, y: y - yOffset }, (isAngleOn && angleIsOn), angle);
+            }
+        });
+        textFont.size = theSize;
+    }
+}
+exports.AttachedTextWriter = AttachedTextWriter;

package/dist/write-text/context-text.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter = void 0;
+const webglobe_1 = require("@pirireis/webglobe");
+const defaultStyle = {
+    textFont: {
+        name: 'Arial',
+        textColor: '#FFFFFF', // beyaz
+        hollowColor: '#000000', // siyah
+        size: 12, // piksel
+        hollow: true,
+        bold: true,
+        italic: false,
+    },
+    opacity: 1.0,
+    zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+};
+class ContextTextWriter {
+    constructor(globe, { style = null, doDraw = true } = {}) {
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.style = style || defaultStyle;
+        this.doDraw = doDraw;
+    }
+    setDoDraw(bool) {
+        this.doDraw = bool;
+    }
+    setStyle(style) {
+        this.style = style;
+    }
+    setOpacity(opacity) {
+        this.style.opacity = opacity;
+    }
+    // Clean this ask Front dev
+    doDraw(boolean) {
+        this.doDraw = boolean;
+    }
+    draw() {
+        if (!this.doDraw)
+            return;
+        const { globe, style, itemMap } = this;
+        const { textFont, opacity: opacity_ } = style;
+        for (const [key, { lat, long, text, opacity = null }] of itemMap) {
+            const { x, y } = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: 0,
+            }, style.zMode === webglobe_1.CSZMode.Z_MSL);
+            const o = opacity === null ? opacity_ : opacity * opacity_;
+            if (x !== null && y !== null)
+                globe.api_DrawContextTextMultiLine(text, textFont, o, { x, y });
+        }
+    }
+    insertText(key, lat, long, text) {
+        this.itemMap.set(key, { lat, long, text });
+    }
+    updateOpacityOfItem(key, opacity) {
+        this.itemMap.get(key).opacity = opacity;
+    }
+    updateOpacityBulk(items, keyAdaptor, valueAdaptor) {
+        for (const item of items) {
+            const key = keyAdaptor(item);
+            const opacity = valueAdaptor(item);
+            const data = this.itemMap.get(key);
+            data.opacity = opacity;
+        }
+    }
+    updateText(key, text) {
+        const item = this.itemMap.get(key);
+        item.text = text;
+    }
+    updateCoords(key, lat, long) {
+        const item = this.itemMap.get(key);
+        item.lat = lat;
+        item.long = long;
+    }
+    insertTextBulk(items) {
+        for (const item of items) {
+            this.itemMap.set(item.key, item);
+        }
+    }
+    updateTextCoordsBulk(items) {
+        for (const { key, lat, long } of items) {
+            const item = this.itemMap.get(key);
+            item.lat = lat;
+            item.long = long;
+        }
+    }
+    deleteTextBulk(keys) {
+        for (const key of keys) {
+            this.itemMap.delete(key);
+        }
+    }
+    clear() {
+        this.itemMap.clear();
+    }
+}
+exports.ContextTextWriter = ContextTextWriter;

package/dist/write-text/context-text3.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter3 = void 0;
+const webglobe_1 = require("@pirireis/webglobe");
+const typecheck_1 = require("../util/check/typecheck");
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ *
+ * TODO: key check and raise error if doesnt exist
+ */
+class ContextTextWriter3 {
+    constructor(globe, { style = {
+        textFont: {
+            name: 'Arial',
+            textColor: '#FFFFFF', // beyaz
+            hollowColor: '#000000', // siyah
+            size: 12, // piksel
+            hollow: true,
+            bold: true,
+            italic: false,
+        },
+        opacity: 1.0,
+        zMode: webglobe_1.CSZMode.Z_GROUND_PERVERTEX,
+    }, xOffset = 0, yOffset = 0, doDraw = true, textAdaptor = null, coordinatesAdaptor = null, keyAdaptor = null, opacityAdaptor = null, angleAdaptor = null, angleOnSphere = false, positionAdaptor = (item, i, container, properties) => "left", zoomLevelAdaptor = (zoomLevel) => (item) => {
+        return {
+            opacityMultiplier: 1,
+            sizeMultiplier: 1
+        };
+    } } = {}) {
+        this.globe = globe;
+        this.itemMap = new Map();
+        this.setStyle(style);
+        this.doDraw = doDraw;
+        this._checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset);
+        this.textAdaptor = textAdaptor;
+        this.coordinatesAdaptor = coordinatesAdaptor;
+        this.keyAdaptor = keyAdaptor;
+        this.zoomLevelAdaptor = zoomLevelAdaptor;
+        this.positionAdaptor = positionAdaptor;
+        this.opacityAdaptor = opacityAdaptor ? opacityAdaptor : () => 1;
+        this.angleOnSphere = angleOnSphere;
+        if (angleAdaptor) {
+            this.angleAdaptor = angleAdaptor;
+            this.angleAdaptorIsOn = true;
+        }
+        else {
+            this.angleAdaptor = () => null;
+            this.angleAdaptorIsOn = false;
+        }
+        this.xOffset = xOffset;
+        this.yOffset = yOffset;
+    }
+    _checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset) {
+        if (textAdaptor !== null)
+            if (!(textAdaptor instanceof Function))
+                throw new Error("textAdaptor is not an instance of a Function");
+        if (coordinatesAdaptor !== null)
+            if (!(coordinatesAdaptor instanceof Function))
+                throw new Error("coordinatesAdaptor is not an instance of a Function");
+        if (keyAdaptor !== null)
+            if (!(keyAdaptor instanceof Function))
+                throw new Error("keyAdaptor is not an instance of a Function");
+        if (opacityAdaptor !== null)
+            if (!(opacityAdaptor instanceof Function))
+                throw new Error("opacityAdaptor is not an instance of a Function");
+        if (angleAdaptor !== null)
+            if (!(angleAdaptor instanceof Function))
+                throw new Error("angleAdaptor is not an instance of a Function");
+        if (typeof xOffset !== "number")
+            throw new Error("xOffset type is not a number");
+        if (typeof yOffset !== "number")
+            throw new Error("yOffset type is not a number");
+    }
+    setKeyAdaptor(adaptor) {
+        this.keyAdaptor = adaptor;
+    }
+    setDoDraw(bool) {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    }
+    setStyle(style) {
+        (0, typecheck_1.isTextFont)(style.textFont);
+        (0, typecheck_1.opacityCheck)(style.opacity); //TODO: use shallow copy
+        this.style = style;
+        this.globe.DrawRender();
+    }
+    setOpacity(opacity) {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+    draw() {
+        if (!this.doDraw)
+            return;
+        const { globe, style, itemMap, xOffset, yOffset } = this;
+        const { textFont, opacity: opacity_ } = style;
+        const textSize = textFont.size;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        const angleIsOn = is3D ? (this.angleAdaptorIsOn && this.angleOnSphere) : (this.angleAdaptorIsOn);
+        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
+        for (const item of itemMap.values()) {
+            const { lat, long, text, opacity = null, angle = null, zPayload, position } = item;
+            const { x, y } = globe.api_GetScreenPointFromGeo({
+                long: long,
+                lat: lat,
+                z: 0,
+            }, style.zMode === webglobe_1.CSZMode.Z_MSL);
+            const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(zPayload);
+            const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
+            textFont.size = sizeMultiplier * textSize;
+            textFont.position = position;
+            if (x !== null && y !== null)
+                globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffset, y: y - yOffset }, angleIsOn, angle);
+        }
+        textFont.size = textSize;
+    }
+    insertTextBulk(container, properties) {
+        container.forEach((v, i, c) => {
+            this.insertText(v, i, c, properties);
+        });
+    }
+    deleteTextBulk(keys) {
+        for (const key of keys) {
+            this.itemMap.delete(key);
+        }
+    }
+    insertText(item, id, container, properties) {
+        const key = this.keyAdaptor(item, id, container, properties);
+        const coords = this.coordinatesAdaptor(item, id, container, properties);
+        if (coords == null) {
+            this.itemMap.delete(key);
+            return;
+        }
+        const text = this.textAdaptor(item, id, container, properties);
+        if (text == null) {
+            this.itemMap.delete(key);
+            return;
+        }
+        ;
+        const opacity = this.opacityAdaptor(item, id, container, properties);
+        const angle = this.angleAdaptor(item, id, container, properties);
+        const position = this.positionAdaptor(item, id, container, properties);
+        this.itemMap.set(key, { long: coords.long, lat: coords.lat, text, opacity, angle, zPayload: item, position });
+    }
+    clear() {
+        this.itemMap.clear();
+    }
+    free() {
+        this.itemMap = null;
+    }
+}
+exports.ContextTextWriter3 = ContextTextWriter3;

package/dist/write-text/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextTextWriter = void 0;
+var context_text_1 = require("./context-text");
+Object.defineProperty(exports, "ContextTextWriter", { enumerable: true, get: function () { return context_text_1.ContextTextWriter; } });

package/dist/write-text/writer-plugin.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * registerMap(id, aMap, textFont)
+ * aMap key, object map.
+ * aMap is a specifical tem for a use case.
+ * The object has { text, long, lat, opacity, angle, zPayload, achor, xOffset, yOffset, ...extraPropertiesForZoomLevelAdaptor } properties.
+ * the plugin runs over items in aMap and draw text on the globe.
+ */ 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pirireis/webglobeplugins",
-    "version": "0.9.7",
+    "version": "0.9.8",
     "main": "index.js",
     "author": "Toprak Nihat Deniz Ozturk",
     "license": "MIT",