@pirireis/webglobeplugins 0.17.1 → 1.0.2

package/write-text/context-text3.ts

@@ -0,0 +1,252 @@
+import { CSZMode } from "@pirireis/webglobe";
+import { isTextFont, opacityCheck } from "../util/check/typecheck";
+
+interface TextFont {
+    name: string;
+    textColor: string;
+    hollowColor: string;
+    size: number;
+    hollow: boolean;
+    bold: boolean;
+    italic: boolean;
+    position?: string;
+}
+
+interface Style {
+    textFont: TextFont;
+    opacity: number;
+    zMode: CSZMode;
+}
+
+interface Coordinates {
+    long: number;
+    lat: number;
+}
+
+interface ZoomAdaptorResult {
+    opacityMultiplier: number;
+    sizeMultiplier: number;
+}
+
+interface TextItem {
+    long: number;
+    lat: number;
+    text: string;
+    opacity: number | null;
+    angle: number | null;
+    zPayload: any;
+    position: string;
+}
+
+interface Globe {
+    DrawRender(): void;
+    api_GetCurrentGeometry(): number;
+    api_GetCurrentLODWithDecimal(): number;
+    api_GetScreenPointFromGeo(coords: { long: number; lat: number; z: number }, isMSL: boolean): { x: number | null; y: number | null };
+    api_DrawContextTextMultiLine(text: string, textFont: TextFont, opacity: number, position: { x: number; y: number }, angleIsOn: boolean, angle: number | null): void;
+}
+
+type TextAdaptor = (item: any, id: number, container: any[], properties?: any) => string | null;
+type CoordinatesAdaptor = (item: any, id: number, container: any[], properties?: any) => Coordinates | null;
+type KeyAdaptor = (item: any, id?: number, container?: any[], properties?: any) => string;
+type OpacityAdaptor = (item: any, id: number, container: any[], properties?: any) => number;
+type AngleAdaptor = (item: any, id: number, container: any[], properties?: any) => number | null;
+type PositionAdaptor = (item: any, id: number, container: any[], properties?: any) => string;
+type ZoomLevelAdaptor = (zoomLevel: number) => (item: any) => ZoomAdaptorResult;
+
+interface ConstructorOptions {
+    style?: Style;
+    xOffset?: number;
+    yOffset?: number;
+    doDraw?: boolean;
+    textAdaptor?: TextAdaptor | null;
+    coordinatesAdaptor?: CoordinatesAdaptor | null;
+    keyAdaptor?: KeyAdaptor | null;
+    opacityAdaptor?: OpacityAdaptor | null;
+    angleAdaptor?: AngleAdaptor | null;
+    angleOnSphere?: boolean;
+    positionAdaptor?: PositionAdaptor;
+    zoomLevelAdaptor?: ZoomLevelAdaptor;
+}
+
+/**
+ * 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
+ */
+
+export class ContextTextWriter3 {
+    private globe: Globe;
+    private itemMap: Map<string, TextItem>;
+    // @ts-ignore
+    private style: Style;
+    private doDraw: boolean;
+    private textAdaptor: TextAdaptor | null;
+    private coordinatesAdaptor: CoordinatesAdaptor | null;
+    private keyAdaptor: KeyAdaptor | null;
+    private zoomLevelAdaptor: ZoomLevelAdaptor;
+    private positionAdaptor: PositionAdaptor;
+    private opacityAdaptor: OpacityAdaptor;
+    private angleOnSphere: boolean;
+    private angleAdaptor: AngleAdaptor;
+    private angleAdaptorIsOn: boolean;
+    private xOffset: number;
+    private yOffset: number;
+
+    constructor(globe: Globe, {
+        style = {
+            textFont: {
+                name: 'Arial',
+                textColor: '#FFFFFF', // beyaz
+                hollowColor: '#000000', // siyah
+                size: 12, // piksel
+                hollow: true,
+                bold: true,
+                italic: false,
+            },
+            opacity: 1.0,
+            zMode: CSZMode.Z_GROUND_PERVERTEX,
+        },
+        xOffset = 0,
+        yOffset = 0,
+        doDraw = true,
+        textAdaptor = null,
+        coordinatesAdaptor = null,
+        keyAdaptor = null,
+        opacityAdaptor = null,
+        angleAdaptor = null,
+        angleOnSphere = false,
+        positionAdaptor = (item: any, i: number, container: any[], properties?: any): string => "left",
+        zoomLevelAdaptor = (zoomLevel: number) => (item: any): ZoomAdaptorResult => {
+            return {
+                opacityMultiplier: 1,
+                sizeMultiplier: 1
+            }
+        }
+    }: ConstructorOptions = {}) {
+        this.globe = globe;
+        this.itemMap = new Map<string, TextItem>();
+        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;
+    }
+
+    private _checkParameterTypes(textAdaptor: TextAdaptor | null, coordinatesAdaptor: CoordinatesAdaptor | null, keyAdaptor: KeyAdaptor | null, opacityAdaptor: OpacityAdaptor | null, angleAdaptor: AngleAdaptor | null, xOffset: number, yOffset: number): void {
+        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: KeyAdaptor): void {
+        this.keyAdaptor = adaptor;
+    }
+
+    setDoDraw(bool: boolean): void {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    }
+
+    setStyle(style: Style): void {
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity); //TODO: use shallow copy
+        this.style = style;
+        this.globe.DrawRender();
+    }
+
+    setOpacity(opacity: number): void {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+
+    draw(): void {
+        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 === 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: any[], properties?: any): void {
+        container.forEach((v, i, c) => {
+            this.insertText(v, i, c, properties);
+        });
+    }
+
+    deleteTextBulk(keys: string[]): void {
+        for (const key of keys) {
+            this.itemMap.delete(key);
+        }
+    }
+
+    insertText(item: any, id: number, container: any[], properties?: any): void {
+        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(): void {
+        this.itemMap.clear();
+    }
+
+    free(): void {
+        this.itemMap = null as any;
+    }
+}

package/write-text/{context-text4.js → context-text4.ts}

@@ -1,146 +1,231 @@
-// @ts-ignore
-import { CSZMode } from "@pirireis/webglobe";
-import { isTextFont, opacityCheck } from "../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
- */
-const defaultStyle = {
-    textFont: {
-        name: 'Arial',
-        textColor: '#FFFFFF', // beyaz
-        hollowColor: '#000000', // siyah
-        size: 12, // piksel
-        hollow: true,
-        bold: false,
-        italic: false,
-    },
-    opacity: 1.0,
-    zMode: CSZMode.Z_GROUND_PERVERTEX,
-};
-// xOffset = 0,
-// yOffset = 0,
-// doDraw = true,
-// textAdapter = null,
-// coordinatesAdapter = null,
-// keyAdapter = null,
-// opacityAdapter = null,
-// angleAdapter = null,
-// angleOnSphere = false,
-// positionAdapter = (item: any, i: number, container: any[], properties?: any): string => "left",
-export class ContextTextWriter4 {
-    globe;
-    itemMap;
-    style;
-    doDraw;
-    textAdapter;
-    deleteAdapter;
-    zoomLevelAdapter;
-    xOffset;
-    yOffset;
-    angleOptions;
-    constructor(globe, textAdapter, deleteAdapter, zoomLevelAdapter = (zoomLevel) => (item) => {
-        return {
-            opacityMultiplier: 1,
-            sizeMultiplier: 1
-        };
-    }, style = defaultStyle, angleOptions = {
-        angleOnSphere: false,
-        angleIsOn: false
-    }, doDraw = true, offset = { x: 0, y: 0 }) {
-        this.globe = globe;
-        this.itemMap = new Map();
-        isTextFont(style.textFont);
-        opacityCheck(style.opacity);
-        this.style = { ...style, textFont: { ...style.textFont } };
-        this.angleOptions = angleOptions;
-        this.doDraw = doDraw;
-        this.angleOptions = angleOptions;
-        this.textAdapter = textAdapter;
-        this.deleteAdapter = deleteAdapter;
-        this.zoomLevelAdapter = zoomLevelAdapter;
-        this.xOffset = offset.x;
-        this.yOffset = offset.y;
-    }
-    setDoDraw(bool) {
-        this.doDraw = bool;
-        this.globe.DrawRender();
-    }
-    setStyle(style) {
-        isTextFont(style.textFont);
-        opacityCheck(style.opacity);
-        this.style = { ...style, textFont: { ...style.textFont } };
-        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.angleOptions.angleIsOn && this.angleOptions.angleOnSphere) : (this.angleOptions.angleIsOn);
-        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
-        const zoomAdapter = this.zoomLevelAdapter(zoomLevel);
-        for (const item of itemMap.values()) {
-            const { lat, long, text, opacity = null, angle = null, position } = item;
-            const { opacityMultiplier, sizeMultiplier } = zoomAdapter(item);
-            if (sizeMultiplier <= 0 || opacityMultiplier <= 0)
-                continue;
-            const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
-            const { x, y } = globe.api_GetScreenPointFromGeo({
-                long: long,
-                lat: lat,
-                z: 0,
-            }, style.zMode === CSZMode.Z_MSL);
-            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;
-    }
-    insertText(data) {
-        const textDatas = this.textAdapter(data);
-        for (const textData of textDatas) {
-            this.itemMap.set(textData.key, textData);
-        }
-    }
-    insertTextBulk(datas) {
-        for (const data of datas) {
-            this.insertText(data);
-        }
-    }
-    deleteText(data) {
-        const keys = this.deleteAdapter(data);
-        for (const key of keys) {
-            if (this.itemMap.has(key)) {
-                this.itemMap.delete(key);
-            }
-        }
-    }
-    deleteTextBulk(datas) {
-        for (const data of datas) {
-            this.deleteText(data);
-        }
-    }
-    setOffsets(x, y) {
-        this.xOffset = x;
-        this.yOffset = y;
-    }
-    clear() {
-        this.itemMap.clear();
-    }
-    free() {
-        this.itemMap = null;
-    }
-}
+// @ts-ignore
+import { CSZMode } from "@pirireis/webglobe";
+import { isTextFont, opacityCheck } from "../util/check/typecheck";
+
+interface TextFont {
+    name: string;
+    textColor: string;
+    hollowColor: string;
+    size: number;
+    hollow: boolean;
+    bold: boolean;
+    italic: boolean;
+    position?: string;
+}
+
+interface Style {
+    textFont: TextFont;
+    opacity: number;
+    zMode: CSZMode;
+}
+
+
+interface ZoomAdapterResult {
+    opacityMultiplier: number;
+    sizeMultiplier: number;
+}
+
+export interface TextItem {
+    key: string;
+    long: number;
+    lat: number;
+    text: string;
+    opacity: number | null;
+    angle: number | null;
+    position: string;
+}
+
+interface Globe {
+    DrawRender(): void;
+    api_GetCurrentGeometry(): number;
+    api_GetCurrentLODWithDecimal(): number;
+    api_GetScreenPointFromGeo(coords: { long: number; lat: number; z: number }, isMSL: boolean): { x: number | null; y: number | null };
+    api_DrawContextTextMultiLine(text: string, textFont: TextFont, opacity: number, position: { x: number; y: number }, angleIsOn: boolean, angle: number | null): void;
+}
+
+export type TextAdapter = (data: any) => TextItem[]
+export type DeleteAdapter = (data: any) => string[]
+export type ZoomLevelAdapter = (zoomLevel: number) => (item: any) => ZoomAdapterResult;
+
+/**
+ * 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
+ */
+
+
+
+const defaultStyle = {
+    textFont: {
+        name: 'Arial',
+        textColor: '#FFFFFF', // beyaz
+        hollowColor: '#000000', // siyah
+        size: 12, // piksel
+        hollow: true,
+        bold: false,
+        italic: false,
+    },
+    opacity: 1.0,
+    zMode: CSZMode.Z_GROUND_PERVERTEX,
+}
+// xOffset = 0,
+// yOffset = 0,
+// doDraw = true,
+// textAdapter = null,
+// coordinatesAdapter = null,
+// keyAdapter = null,
+// opacityAdapter = null,
+// angleAdapter = null,
+// angleOnSphere = false,
+// positionAdapter = (item: any, i: number, container: any[], properties?: any): string => "left",
+
+
+export class ContextTextWriter4 {
+    private globe: Globe;
+    private itemMap: Map<string, TextItem>;
+    private style: Style;
+    private doDraw: boolean;
+    private textAdapter: TextAdapter;
+    private deleteAdapter: DeleteAdapter;
+    private zoomLevelAdapter: ZoomLevelAdapter;
+    private xOffset: number;
+    private yOffset: number;
+
+    private angleOptions: {
+        angleOnSphere: boolean;
+        angleIsOn: boolean;
+    }
+
+    constructor(globe: Globe,
+        textAdapter: TextAdapter,
+        deleteAdapter: DeleteAdapter,
+        zoomLevelAdapter = (zoomLevel: number) => (item: any): ZoomAdapterResult => {
+            return {
+                opacityMultiplier: 1,
+                sizeMultiplier: 1
+            }
+        },
+        style = defaultStyle,
+        angleOptions = {
+            angleOnSphere: false,
+            angleIsOn: false
+        },
+        doDraw = true,
+        offset = { x: 0, y: 0 }
+    ) {
+        this.globe = globe;
+        this.itemMap = new Map<string, TextItem>();
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity);
+        this.style = { ...style, textFont: { ...style.textFont } };
+        this.angleOptions = angleOptions;
+        this.doDraw = doDraw;
+        this.angleOptions = angleOptions;
+        this.textAdapter = textAdapter;
+        this.deleteAdapter = deleteAdapter;
+        this.zoomLevelAdapter = zoomLevelAdapter;
+        this.xOffset = offset.x;
+        this.yOffset = offset.y;
+    }
+
+
+    setDoDraw(bool: boolean): void {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    }
+
+    setStyle(style: Style): void {
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity);
+        this.style = { ...style, textFont: { ...style.textFont } };
+        this.globe.DrawRender();
+    }
+
+    setOpacity(opacity: number): void {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+
+    draw(): void {
+        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.angleOptions.angleIsOn && this.angleOptions.angleOnSphere) : (this.angleOptions.angleIsOn)
+        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        const zoomAdapter = this.zoomLevelAdapter(zoomLevel);
+        for (const item of itemMap.values()) {
+            const { lat, long, text, opacity = null, angle = null, position } = item;
+            const { opacityMultiplier, sizeMultiplier } = zoomAdapter(item);
+            if (sizeMultiplier <= 0 || opacityMultiplier <= 0) continue;
+            const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
+            const { x, y } = globe.api_GetScreenPointFromGeo(
+                {
+                    long: long,
+                    lat: lat,
+                    z: 0,
+                },
+                style.zMode === CSZMode.Z_MSL,
+            );
+            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;
+    }
+
+
+
+    insertText(data: any): void {
+
+        const textDatas = this.textAdapter(data)
+        for (const textData of textDatas) {
+            this.itemMap.set(textData.key, textData);
+        }
+    }
+
+
+    insertTextBulk(datas: any[]): void {
+        for (const data of datas) {
+            this.insertText(data);
+        }
+    }
+
+
+
+    deleteText(data: any): void {
+        const keys = this.deleteAdapter(data);
+        for (const key of keys) {
+            if (this.itemMap.has(key)) {
+                this.itemMap.delete(key);
+            }
+        }
+    }
+
+    deleteTextBulk(datas: any[]): void {
+        for (const data of datas) {
+            this.deleteText(data);
+        }
+    }
+
+
+
+    setOffsets(x: number, y: number): void {
+        this.xOffset = x;
+        this.yOffset = y;
+    }
+
+    clear(): void {
+        this.itemMap.clear();
+    }
+
+    free(): void {
+        this.itemMap = null as any;
+    }
+}