@pirireis/webglobeplugins 0.17.0 → 1.0.2

package/range-tools-on-terrain/range-ring/rangeringangletext.ts

@@ -0,0 +1,396 @@
+// @ts-ignore
+import {CSObjectArrayUpdateTypes} from "@pirireis/webglobe";
+import { ENUM_HIDE, ENUM_TEXT_HIDE } from "./enum";
+import {Globe, 
+    ObjectArray,
+    DataBucketObjectArray as DataBucket,
+    StyleObjectArray as Style,
+    LabelObjectArray as Label,
+    LayerObjectObjectArray as LayerObject
+} from "../../types";
+
+
+// Type definitions for enum values
+type EnumHideType = typeof ENUM_HIDE[keyof typeof ENUM_HIDE];
+type EnumTextHideType = typeof ENUM_TEXT_HIDE[keyof typeof ENUM_TEXT_HIDE];
+
+const fidKey = "__fid__";
+
+// Type definitions
+
+interface RingData {
+    centerID: string;
+    stepAngle: number;
+    long: number;
+    lat: number;
+    rings: { radius: number }[];
+    hide?: EnumHideType;
+    textHide?: EnumTextHideType;
+}
+
+interface CenterData {
+    centerID: string;
+    long: number;
+    lat: number;
+}
+
+interface CenterHide {
+    centerID: string;
+    hide?: EnumHideType | null;
+    textHide?: EnumTextHideType | null;
+}
+
+interface ConstructorOptions {
+    style?: Style | null;
+    hideAll?: boolean;
+    opacity?: number;
+}
+
+interface CenterMapData {
+    stepAngle: number;
+    maxRadius: number;
+    long: number;
+    lat: number;
+    hide: EnumHideType;
+    textHide: EnumTextHideType;
+}
+
+const object: Omit<LayerObject, 'style' | 'id'> = {
+    "displayName": "RangeRingAngleText",
+    "layerType": 3,
+    "wkbGeom": null,
+    "wfsLayerName": null,
+    "objectType": "point",
+    "bbox": null,
+    "startLod": 2,
+    "endLod": 30,
+    "continuousLOD": true,
+    "MVTXYZName": "hd_seyp",
+    "rasterize": false,
+}
+
+export default class RangeRingAngleText {
+    private globe: Globe;
+    private ObjectArray: ObjectArray;
+    private id: string;
+    private _hideAll: boolean;
+    private _opacity: number;
+    private object: LayerObject;
+    private _centerCollection: Map<string, Map<keyof CenterMapData, any>>;
+
+    constructor(globe: Globe, id: string, { style = null, hideAll = false, opacity = 1 }: ConstructorOptions = {}) {
+        this.globe = globe;
+        this.ObjectArray = globe.ObjectArray;
+        this.id = id;
+
+        this._hideAll = hideAll;
+        this._opacity = opacity;
+        const style_: Style = style !== null ? style : this.getDefaultStyle();
+        this.object = Object.assign({}, object, { style: style_, id: this.id }) as LayerObject;
+
+        this._centerCollection = new Map();
+        // new inner MAP params
+        // hide
+        // textHide
+        this.ObjectArray.Add(this.object);
+    }
+
+    getDefaultStyle(): Style {
+        const style: Style = this.ObjectArray.GetDefaultStyle();
+        style.fidKey = fidKey;
+        const { labels } = style;
+        const label: Label = labels[0];
+        label.offset = { x: 0, y: 0 };
+        label.fontFamily.hollowWidth = 1;
+        label.vAlignment = 2;
+        label.hAlignment = 2;
+        label.size = 17;
+        // eslint-disable-next-line
+        label.text = "`${aci}`"
+
+        return style;
+    }
+
+    setStyle(style: Style | null): void {
+        if (style === null) return;
+        style.opacity = this._opacity;
+        this.object.style = style;
+        this.ObjectArray.StyleChanged(this.object);
+    }
+
+    setOpacity(opacity: number): void {
+        this._opacity = opacity;
+        const { style } = this.object;
+        style.opacity = opacity;
+        this.ObjectArray.StyleChanged(this.object);
+    }
+
+    free(): void {
+        this.flush();
+        this.ObjectArray.Delete(this.id);
+    }
+
+    /**
+     * @param ringDatas Array of ring data objects
+     * centerID: string | ObjectArray fidKey de kullanilir
+     * stepAngle: number | 0-360 arasinda
+     * long,lat: number | merkez koordinatlari lat long radian. Globe icin dereceye iceride cevrilir
+     * rings: Array<{radius: number}> | En buyuk halkaya centik acilari yazilir, Sonraki adim yaricaplarin uzunlugunu yazdirmak
+     * 
+     * eger bir centerID zaten var ise: Onceki noktalar dusurulur ve yeniden eklenir
+     */
+    insertBulk(ringDatas: RingData[]): void {
+        const { _hideAll } = this;
+        const addBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+
+        const deleteBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+
+        for (const { centerID, long, lat, rings, stepAngle, hide = ENUM_HIDE.SHOW, textHide = ENUM_TEXT_HIDE.SHOW } of ringDatas) {
+            if (this._centerCollection.has(centerID)) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+            }
+
+            const maxRadius: number = rings.reduce((acc, { radius }) => Math.max(acc, radius), 0);
+            const textHide_: EnumTextHideType = _hideAll ? ENUM_TEXT_HIDE.HIDE : textHide;
+            const show: boolean = hide !== ENUM_HIDE.HIDE && textHide_ === ENUM_TEXT_HIDE.SHOW;
+            if (show) this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
+            this._centerCollection.set(centerID,
+                new Map([
+                    ["stepAngle", stepAngle],
+                    ["maxRadius", maxRadius],
+                    ["long", long],
+                    ["lat", lat],
+                    ["hide", hide],
+                    ["textHide", textHide_]
+                ]));
+        }
+        if (this._hideAll) return;
+        if (deleteBucket.coords.length > 0) this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+        if (addBucket.coords.length > 0) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+    }
+
+    /**
+     * @param centerDatas Array of center data objects
+     * aci ve radiuslarin tutulmasi gereklidir.
+     */
+    updateCentersXY(centerDatas: CenterData[]): void {
+        const updateBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const { centerID, long, lat } of centerDatas) {
+            if (this._centerCollection.has(centerID)) {
+                const centerMap = this._centerCollection.get(centerID)!;
+                centerMap.set("long", long);
+                centerMap.set("lat", lat);
+                const hide: EnumHideType = centerMap.get("hide");
+                const textHide: EnumTextHideType = centerMap.get("textHide");
+                const isHidden: boolean = hide === ENUM_HIDE.HIDE || textHide === ENUM_TEXT_HIDE.HIDE;
+                if (isHidden) continue;
+                const maxRadius: number = centerMap.get("maxRadius");
+                const stepAngle: number = centerMap.get("stepAngle");
+                // long, lat, radius, step, centerID, outBucket
+                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
+            }
+        }
+        // for (const attribs of updateBucket.attribs) {
+        //     delete attribs["aci"];
+        // }
+        if (updateBucket.coords.length > 0) {
+            this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
+        }
+    }
+
+    /**
+     * @param centerHides Array of center hide data
+     */
+    updateCentersHide(centerHides: CenterHide[]): void {
+        if (this._hideAll) {
+            console.warn("Tum mesafe halkasi yazilari gizli durum. Islem yapilamaz");
+            return;
+        };
+        const addBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        const deleteBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        for (const { centerID, textHide = null, hide = null } of centerHides) {
+            if (!this._centerCollection.has(centerID)) continue;
+            const centerMap = this._centerCollection.get(centerID)!;
+
+            const isHidden: boolean = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
+
+            const _hide: EnumHideType = hide !== null ? hide : centerMap.get("hide");
+            const _textHide: EnumTextHideType = textHide !== null ? textHide : centerMap.get("textHide");
+
+            const show: boolean = (_hide !== ENUM_HIDE.HIDE) && (_textHide === ENUM_TEXT_HIDE.SHOW);
+            if (!isHidden && !show) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+            } else if (isHidden && show) {
+                this._appendCircle(centerMap.get("long"), centerMap.get("lat"), centerMap.get("maxRadius"), centerMap.get("stepAngle"), centerID, addBucket);
+            }
+            if (hide !== null) centerMap.set("hide", hide);
+            if (textHide !== null) centerMap.set("textHide", textHide);
+        }
+        if (deleteBucket.coords.length > 0) this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+        if (addBucket.coords.length > 0) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+    }
+
+    // TODO : Implement this
+    removeCenters(centerIDs: string[]): void {
+        const deleteBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const centerID of centerIDs) {
+            if (this._centerCollection.has(centerID)) {
+                this._fillDeleteBucket(centerID, deleteBucket);
+                this._centerCollection.delete(centerID);
+            }
+        }
+        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+    }
+
+    hideAll(): void {
+        this._hideAll = true;
+        const deleteBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const hide: EnumHideType = centerMap.get("hide");
+            const hideText: EnumTextHideType = centerMap.get("textHide");
+            centerMap.set("textHide", ENUM_TEXT_HIDE.HIDE);
+            if (hide === ENUM_HIDE.HIDE) continue;
+            const isHidden: boolean = hideText === ENUM_TEXT_HIDE.HIDE;
+            if (!isHidden) this._fillDeleteBucket(centerID, deleteBucket);
+        }
+        this._updateData(deleteBucket, CSObjectArrayUpdateTypes.DELETE);
+    }
+
+    showAll(): void {
+        this._hideAll = false;
+        const addBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const hide: EnumHideType = centerMap.get("hide");
+            if (hide === ENUM_HIDE.HIDE) continue;
+            const hideText: EnumTextHideType = centerMap.get("textHide");
+            const isHidden: boolean = hideText === ENUM_TEXT_HIDE.HIDE;
+            if (isHidden) {
+                const long: number = centerMap.get("long");
+                const lat: number = centerMap.get("lat");
+                const maxRadius: number = centerMap.get("maxRadius");
+                const stepAngle: number = centerMap.get("stepAngle");
+                this._appendCircle(long, lat, maxRadius, stepAngle, centerID, addBucket);
+                centerMap.set("hide", ENUM_HIDE.SHOW);
+                centerMap.set("textHide", ENUM_TEXT_HIDE.SHOW);
+            }
+        }
+        if (addBucket.coords.length) this._updateData(addBucket, CSObjectArrayUpdateTypes.ADD);
+    }
+
+    flush(): void {
+        const data: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        };
+        this.ObjectArray.SetData(this.object, data);
+    }
+
+    //------------------PRIVATE METHODS------------------//
+
+    private _appendCircle(long: number, lat: number, radius: number, step: number, centerID: string, outBucket: DataBucket): void {
+        this.__realCoords(long, lat, radius, step, centerID, outBucket);
+    }
+
+    private __realCoords(longCenter: number, latCenter: number, radius: number, stepAngle: number, centerID: string, outBucket: DataBucket): void {
+        const { globe } = this;
+        const { coords, coordsZ, attribs } = outBucket;
+        let i = 1;
+        for (let aci = stepAngle; aci < 360; aci += stepAngle) {
+            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, aci);
+            coords.push(long, lat);
+            coordsZ.push(0);
+            const key: string = this._key(centerID, i); i++;
+            // fidkey is the key
+            attribs.push({
+                "__fid__": key,
+                "aci": (aci).toFixed(0).toString().padStart(3, '0')
+            })
+        }
+
+        {   // add 0
+            const { long, lat } = globe.Math.FindPointByPolar(longCenter, latCenter, radius, 0);
+            coords.push(long, lat);
+            coordsZ.push(0);
+            const key: string = this._key(centerID, 0);
+            // fidkey is the key
+            attribs.push({
+                "__fid__": key,
+                "aci": "K"
+            });
+        }
+    }
+
+    private _updateData(bucket: DataBucket, mode: any): void {
+        this.ObjectArray.UpdateData(this.object, mode, [bucket], { attribs: false, icon: false, text: false });
+    }
+
+    private _key(centerRingKey: string, limpIndex: number): string {
+        return `${centerRingKey}_${limpIndex}`;
+    }
+
+    private _fillDeleteBucket(centerID: string, outDeleteBucket: DataBucket): void {
+        const centerMap = this._centerCollection.get(centerID)!;
+        const stepAngle: number = centerMap.get("stepAngle");
+        const { coords, coordsZ, attribs } = outDeleteBucket;
+        let i = 0;
+        for (let aci = 0; aci < 360; aci += stepAngle) {
+            const key: string = this._key(centerID, i++);
+            coords.push(0, 0);
+            coordsZ.push(0);
+            attribs.push({
+                "__fid__": key,
+            });
+        }
+    }
+
+    private _updateAll(): void {
+        const updateBucket: DataBucket = {
+            coords: [],
+            coordsZ: [],
+            attribs: []
+        }
+        for (const [centerID, centerMap] of this._centerCollection) {
+            const isHidden: boolean = centerMap.get("hide") === ENUM_HIDE.HIDE || centerMap.get("textHide") === ENUM_TEXT_HIDE.HIDE;
+            if (isHidden) continue;
+            const long: number = centerMap.get("long");
+            const lat: number = centerMap.get("lat");
+            const maxRadius: number = centerMap.get("maxRadius");
+            const stepAngle: number = centerMap.get("stepAngle");
+            this._appendCircle(long, lat, maxRadius, stepAngle, centerID, updateBucket);
+        }
+        this._updateData(updateBucket, CSObjectArrayUpdateTypes.UPDATE);
+    }
+}

package/range-tools-on-terrain/range-ring/types.ts

@@ -0,0 +1,30 @@
+import { Color, Meter } from "../../types";
+
+export type RangeRing = {
+    ringID: string;
+    radius: Meter;
+    padding: number;
+}
+
+export const ENUM_HIDE = Object.freeze({
+    SHOW: 0,
+    HIDE: 1,
+    HIDE_1_DEGREE_PADDINGS: 2
+});
+
+export const ENUM_TEXT_HIDE = Object.freeze({
+    SHOW: 0,
+    HIDE: 1
+});
+
+export type RangeRingInput = {
+    centerID: string;
+    long: number;
+    lat: number;
+    stepAngle: number;
+    altitude: number; // TODO: probably not needed anymore
+    hide: 0 | 1 | 2; // 0 - show, 1 - hide // TODO: create a type or enum for this
+    rgba: Color; // [r, g, b, a] 0-1
+    textHide: 0 | 1; // 0 - show, 1 - hide // TODO: create a type or enum for this
+    rings: RangeRing[];
+}

package/semiplugins/interface.ts

@@ -0,0 +1,14 @@
+import { Globe, Color } from "../types";
+
+export interface SemiPluginInterface {
+    id: string;
+    init(globe: Globe, gl: WebGL2RenderingContext): void;
+    setPluginOpacity(opacity: number, drawRender: boolean): void;
+    insertBulk(data: any[]): void;
+    deleteBulk(keys: string[]): void;
+    setDefaultColor(color: Color, drawRender: boolean): void;
+    increaseSpace(amount: number): void;
+    updateCoordinates(items: any[]): void;
+}
+
+