@pirireis/webglobeplugins 0.16.4 → 0.17.0

package/compassrose/compassrose.js

@@ -1,293 +0,0 @@
-// TODO: REMOVE THIS
-import { CSGlobe, CSObjectTypes, CSIconTypes, CSObjectArrayUpdateTypes, GlobeManager } from "@pirireis/webglobe";
-const object = {
-    "displayName": "CompassRose",
-    "layerType": 3,
-    "wkbGeom": null,
-    "wfsLayerName": null,
-    "style": {
-        "labels": [
-            {
-                "startLod": 2,
-                "endLod": 25,
-                "position": 0,
-                "text": "'${title}'",
-                "textCallback": null,
-                "offset": {
-                    "x": 0,
-                    "y": 0
-                },
-                "vAlignment": 2,
-                "hAlignment": 2,
-                "size": 20,
-                "hollowColor": "#000",
-                "textColor": "#FFF",
-                "textOpacity": 1,
-                "transform": 0,
-                "fontFamily": {
-                    "name": "arial",
-                    "bold": true,
-                    "italic": false,
-                    "hollow": true,
-                    "hollowWidth": 2,
-                    "hollowBlur": 1,
-                    "hollowOpacity": 0.75
-                },
-                "reductable": false,
-                "reduction": false,
-                "searchAvailablePlace": false,
-                "searchRadius": 3,
-                "forceToDraw": false,
-                "drawAlways": false,
-                "canMove": true,
-                "ignoreEmptyStrings": false,
-                "textStyle": null
-            }
-        ],
-        "iconType": 4,
-        "active": true,
-        "icon": {
-            "rotateByGlobe": true,
-            "integerPosition": false,
-            "mapName": "light",
-            "name": "lightning25",
-            "iconColor": "#ffffff",
-            "borderColor": "#0000ff",
-            "fillColor": "#ffffff",
-            "borderWidth": 2,
-            "radius": 70,
-            "sizeX": 140,
-            "sizeY": 140,
-            "rotDeg": 0
-        },
-        "iconReduction": {
-            "reduction": false,
-            "searchAvailablePlace": false,
-            "searchRadius": 3,
-            "forceToDraw": false
-        },
-        "mouseOverSymbolScale": 1,
-        "shape": null,
-        "filter": [],
-        "lineType": {
-            "cap": "round",
-            "join": "round",
-            "miterLimit": 2,
-            "dash": [],
-            "width": 2
-        },
-        "opacity": 1,
-        "border": true,
-        "borderColor": "#000000",
-        "filled": true,
-        "fillColor": "#ffff00",
-        "bottomFilled": false,
-        "bottomFillColor": "#ffff00",
-        "sideFilled": true,
-        "sideColor": "#ff00ff",
-        "cullFace": true,
-        "depthTest": false,
-        "zMode": 1,
-        "displayName": "",
-        "fidKey": "name_local",
-        "startLod": 2,
-        "endLod": 25,
-        "flashIcon": false,
-        "flashShape": false,
-        "flashLabels": false,
-        "flashGeo": false,
-        "lodDisplay": []
-    },
-    "objectType": "point",
-    "bbox": null,
-    "startLod": 2,
-    "endLod": 19,
-    "continuousLOD": true,
-    "MVTXYZName": "hd_seyp",
-    "rasterize": false,
-    "selectedStyle": {
-        "labels": [
-            {
-                "startLod": 2,
-                "endLod": 25,
-                "position": 0,
-                "text": "",
-                "textCallback": null,
-                "offset": {
-                    "x": 16,
-                    "y": -16
-                },
-                "vAlignment": 2,
-                "hAlignment": 2,
-                "size": 20,
-                "hollowColor": "#000",
-                "textColor": "#FFF",
-                "textOpacity": 1,
-                "transform": 0,
-                "fontFamily": {
-                    "name": "arial",
-                    "bold": true,
-                    "italic": false,
-                    "hollow": true,
-                    "hollowWidth": 2,
-                    "hollowBlur": 1,
-                    "hollowOpacity": 0.75
-                },
-                "drawAlways": true,
-                "canMove": false,
-                "ignoreEmptyStrings": false,
-                "textStyle": null
-            }
-        ],
-        "icon": {
-            "iconColor": "#ffffff",
-            "borderColor": "#000000",
-            "fillColor": "#ff0000",
-            "borderWidth": 2,
-            "radius": 16,
-            "sizeX": 32,
-            "sizeY": 32,
-            "rotDeg": 0
-        },
-        "mouseOverSymbolScale": 1,
-        "shape": {
-            "type": 3
-        },
-        "filter": [],
-        "opacity": 0.75,
-        "borderColor": "#000000",
-        "fillColor": "#ff0000",
-        "bottomFillColor": "#ff00ff",
-        "sideColor": "#ffff00",
-        "flashIcon": false,
-        "flashShape": false,
-        "flashLabels": false,
-        "flashGeo": false
-    }
-};
-const setIconSize = (object, size) => {
-    object.style.icon.sizeX = size;
-    object.style.icon.sizeY = size;
-    object.style.icon.radius = Math.ceil(size / 2);
-};
-const setMapName = (object, mapName) => {
-    object.style.icon.mapName = mapName;
-};
-const setIconName = (object, name) => {
-    object.style.icon.name = name;
-};
-const setData = (object, data) => {
-    object.data = data;
-};
-const addSingleImageIconMap = symbolSet => url => {
-    GlobeManager.api_AddIconMap(symbolSet, url, null);
-};
-const setFIDKey = (object, key) => {
-    object.style.fidKey = key;
-};
-export default class CompassRose {
-    constructor(id, globe, { size = 100, primaryKey = "__key__", symbolSet = "compassRose", iconSet = null, imageURL = null, data = null }) {
-        this.id = id;
-        this.globe = globe;
-        this._idCollector = new Set();
-        this.primaryKey = primaryKey;
-        this.object = structuredClone(object);
-        this.object.id = id;
-        setIconSize(this.object, size);
-        if (imageURL) {
-            addSingleImageIconMap(symbolSet)(imageURL);
-        }
-        setMapName(this.object, symbolSet);
-        setIconName(this.object, symbolSet);
-        setFIDKey(this.object, primaryKey);
-        globe.ObjectArray.Add(this.object);
-        if (data)
-            this.setControlledData(data);
-    }
-    setIconSize(size) {
-        const { object, globe } = this;
-        setIconSize(object, size);
-        globe.ObjectArray.StyleChanged(object);
-    }
-    setMapName(mapName) {
-        const { object, globe } = this;
-        setMapName(object, mapName);
-        globe.ObjectArray.StyleChanged(object);
-    }
-    flush() {
-        this._idCollector.clear();
-        this._setData({ coords: [], coordsZ: [], attribs: [] });
-    }
-    insert(data) {
-        const updateBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: [],
-        };
-        const addBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: [],
-        };
-        let bucket;
-        for (let i = 0; i < data.attribs.length; i++) {
-            const currentPayload = data.attribs[i];
-            const id = currentPayload[this.primaryKey];
-            if (this._idCollector.has(id)) {
-                bucket = updateBucket;
-            }
-            else {
-                this._idCollector.add(id);
-                bucket = addBucket;
-            }
-            bucket.coords.push(data.coords[2 * i], data.coords[2 * i + 1]);
-            bucket.coordsZ.push(data.coordsZ[i]);
-            bucket.attribs.push(currentPayload);
-        }
-        if (addBucket.coords.length > 0) {
-            this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD, { attribs: false, icon: false, label: false, heading: false });
-        }
-        if (updateBucket.coords.length > 0) {
-            this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE, { attribs: false, icon: false, label: false, heading: false });
-        }
-    }
-    delete(dataIDs) {
-        const deleteBucket = {
-            coords: [],
-            coordsZ: [],
-            attribs: [],
-        };
-        dataIDs.forEach(id => {
-            if (this._idCollector.has(id)) {
-                this._idCollector.delete(id);
-                deleteBucket.coords.push(0, 0);
-                deleteBucket.coordsZ.push(0);
-                // also can be written as follows
-                deleteBucket.attribs.push({
-                    [this.primaryKey]: id,
-                });
-            }
-        });
-        if (deleteBucket.coords.length > 0) {
-            this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
-        }
-    }
-    removeFromMap() {
-        this.globe.ObjectArray.Delete(this.id);
-    }
-    // private
-    _setData(data) {
-        const { globe, object } = this;
-        globe.ObjectArray.SetData(object, [data]);
-    }
-    /**
-     * @param {PointObjectArray} data
-     * @param {CSObjectArrayUpdateTypes} operation
-     * @param {CanChangeOptions} [canChange]
-     */
-    _updateData(data, operation, canChange) {
-        const { globe, object } = this;
-        globe.ObjectArray.UpdateData(object, operation, [data], canChange);
-    }
-}
-const getID = (data, primaryKey) => data.attribs[primaryKey];

package/compassrose/index.js

@@ -1,2 +0,0 @@
-import CompassRose from "./compassrose";
-export { CompassRose };

package/index.js

@@ -1,12 +0,0 @@
-import * as wind from "./wind";
-import * as waveparticles from "./waveparticles";
-import * as timetracks from "./timetracks";
-import * as arrowfield from "./arrowfield";
-import * as rangerings from "./rangerings";
-import * as partialring from "./partialrings";
-import * as compassrose from "./compassrose";
-import * as heatwave from "./heatwave";
-import * as util from "./util";
-import * as programs from "./programs";
-import * as pointheatmap from "./point-heat-map";
-export { wind, waveparticles, timetracks, rangerings, compassrose, heatwave, util, programs, arrowfield, partialring, pointheatmap };

package/partialrings/buffer-manager.js

@@ -1,75 +0,0 @@
-import BufferOffsetManager from "../util/account/bufferoffsetmanager";
-const ITEM_SIZE = 10;
-export default class BufferManager extends BufferOffsetManager {
-    constructor(globe, gl, buffer, { initialCapacity = 10, bufferType = "DYNAMIC_DRAW" } = {}) {
-        super(ITEM_SIZE, { capacity: initialCapacity });
-        this.globe = globe;
-        this.gl = gl;
-        this.buffer = buffer;
-        this.bufferType = bufferType;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        gl.bufferData(gl.ARRAY_BUFFER, initialCapacity * ITEM_SIZE * 4, gl[bufferType]);
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    }
-    /**
-     *
-     * @param { Array<{key, long, lat, startAngle, tailAngle, radius, rgba[4], rgbaMode }>} rings
-     * @returns
-     */
-    insertBulk(items) {
-        if (items.length === 0)
-            return;
-        this.autoExtendBuffer(items.length);
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (let { key, long, lat, startAngle, tailAngle, rgba, radius, rgbaMode } of items) {
-            const offset = this.getOffset(key) | this.nextOffset();
-            this.setOffset(key, offset);
-            const block = new Float32Array([
-                long, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode
-            ]);
-            gl.bufferSubData(gl.ARRAY_BUFFER, offset, block);
-            // 2         1       1           1         4       1 = 10
-        }
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        this.globe.DrawRender();
-    }
-    /**
-     * @param {Array<{key, long, lat, startAngle, tailAngle}>} items
-     *
-     * */
-    updateCenterAndAngleBulk(items) {
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (let { key, long, lat, startAngle, tailAngle } of items) {
-            const offset = this.getOffset(key);
-            if (offset === null) {
-                console.warn(`key ${key} not found`);
-                continue;
-            }
-            const block = new Float32Array([long, lat, startAngle, tailAngle]);
-            gl.bufferSubData(gl.ARRAY_BUFFER, offset, block);
-        }
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        this.globe.DrawRender();
-    }
-    /**
-     *
-     * @param {Array<{key:string, payload:Float32Array}} items
-     * @param {PART_OFFSET_LOOPUP} part | long, lat, START_ANGLE, ROTATION_ANGLE, RADIUS, rgba, rgba_MODE
-     * @returns
-     */
-    updatePartial(items, part) {
-        const { gl, buffer } = this;
-        this._updatePartial(items, part, gl, buffer);
-        this.globe.DrawRender();
-    }
-    deleteBulk(keys) {
-        this._deleteBulk(keys);
-        this.globe.DrawRender();
-    }
-    free() {
-        this.gl.deleteBuffer(this.buffer);
-        this.buffer = null;
-    }
-}

package/partialrings/index.js

@@ -1,2 +0,0 @@
-import PartialRing, { RINGPARTIAL_ALPHA_MODE, RINGPARTIAL_DRAW_MODE, PART_OFFSET_LOOPUP } from './plugin';
-export { PartialRing, RINGPARTIAL_ALPHA_MODE, RINGPARTIAL_DRAW_MODE, PART_OFFSET_LOOPUP };

package/partialrings/plugin.js

@@ -1,128 +0,0 @@
-import BufferOffsetManager from '../util/account/bufferoffsetmanager';
-import { programCache, ITEM_SIZE } from './program';
-import { opacityCheck } from '../util/check/typecheck';
-const emptyBlock = new Float32Array([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);
-export const RINGPARTIAL_DRAW_MODE = Object.freeze({
-    LINE_STRIP: "LINE_STRIP",
-    TRIANGLE_FAN: "TRIANGLE_FAN",
-});
-export const RINGPARTIAL_ALPHA_MODE = Object.freeze({
-    CONSTANT: 0,
-    FADING: 1,
-    HIDE: 2,
-});
-export const PART_OFFSET_LOOPUP = Object.freeze({
-    LONG: 0,
-    LAT: 1,
-    START_ANGLE: 2,
-    TAIL_ANGLE: 3,
-    RGBA: 4,
-    RADIUS: 8,
-    RGBA_MODE: 9,
-});
-export default class {
-    constructor(id, { edgeCount = 10, drawMode = RINGPARTIAL_DRAW_MODE.LINE_STRIP, startLod = 3, endLod = 13, alphaMultiplier = 1 } = {}) {
-        this.id = id;
-        this.edgeCount = edgeCount;
-        this.drawMode = drawMode;
-        this.startLod = startLod;
-        this.endLod = endLod;
-        this.alphaMultiplier = alphaMultiplier;
-    }
-    init(globe, gl) {
-        this.gl = gl;
-        this.globe = globe;
-        this.program = programCache.get(globe);
-        const { vao, buffer } = this.program.getVaoBuffer();
-        this.vao = vao;
-        this.buffer = buffer;
-    }
-    draw3D() {
-        const LOD = this.globe.api_GetCurrentLOD();
-        if (LOD < this.startLod || LOD > this.endLod)
-            return;
-        this.program.draw(this.bufferManager.length, this.vao, this.edgeCount, this.alphaMultiplier, this.drawMode);
-    }
-    /**
-     *
-     * @param {RINGPARTIAL_DRAW_MODE} drawMode
-     */
-    setDrawMode(drawMode) {
-        this.drawMode = drawMode;
-    }
-    setOpacity(opacity) {
-        opacityCheck(opacity);
-        this.alphaMultiplier = opacity;
-    }
-    setStartEndLOD({ startLod = null, endLod = null } = {}) {
-        if (startLod !== null)
-            this.startLod = startLod;
-        if (endLod !== null)
-            this.endLod = endLod;
-    }
-    createBufferMAnager(initialCapacity = 10, bufferType = 'DYNAMIC_DRAW') {
-        if (!this.bufferManager) {
-            this.bufferManager = new BufferManager(this.globe, this.gl, this.buffer, { initialCapacity, bufferType, });
-        }
-        return this.bufferManager;
-    }
-    free() {
-        programCache.free(this.globe);
-        this.bufferManager.free();
-    }
-}
-class BufferManager extends BufferOffsetManager {
-    constructor(globe, gl, buffer, { initialCapacity = 10, bufferType, } = {}) {
-        super(10, { capacity: initialCapacity, bufferType, });
-        this.globe = globe;
-        this.gl = gl;
-        this.buffer = buffer;
-        this.bufferType = bufferType;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        gl.bufferData(gl.ARRAY_BUFFER, initialCapacity * ITEM_SIZE * 4, gl[bufferType]);
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    }
-    /**
-     *
-     * @param { Array<{key, long, lat, startAngle, tailAngle, radius, rgba[4], rgbaMode }>} rings
-     * @returns
-     */
-    insertBulk(items) {
-        if (items.length === 0)
-            return;
-        this.autoExtendBuffer(items.length);
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (let { key, long, lat, startAngle, tailAngle, rgba, radius, rgbaMode } of items) {
-            const offset = this.getOffset(key) | this.nextOffset();
-            this.setOffset(key, offset);
-            const block = new Float32Array([
-                long, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode
-            ]);
-            gl.bufferSubData(gl.ARRAY_BUFFER, offset, block);
-            // 2         1       1           1         4       1 = 10
-        }
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        this.globe.DrawRender();
-    }
-    /**
-     *
-     * @param {Array<{key:string, payload:Float32Array}} items
-     * @param {PART_OFFSET_LOOPUP} part | long, lat, START_ANGLE, ROTATION_ANGLE, RADIUS, rgba, rgba_MODE
-     * @returns
-     */
-    updatePartial(items, part) {
-        const { gl, buffer } = this;
-        this._updatePartial(items, part, gl, buffer);
-        this.globe.DrawRender();
-    }
-    delete(keys) {
-        const { gl, buffer } = this;
-        this._removefromBuffer(gl, buffer, keys, emptyBlock);
-        this.globe.DrawRender();
-    }
-    free() {
-        this.gl.deleteBuffer(this.buffer);
-        this.buffer = null;
-    }
-}