@pirireis/webglobeplugins 0.15.34 → 0.16.0

package/write-text/context-text3old.js

@@ -1,152 +1,179 @@
-"use strict";
-// 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
-//  */
-// export 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: 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) {
-//         isTextFont(style.textFont);
-//         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 === 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;
-//     }
-// }
+// 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
+//  */
+
+// export 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: 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) {
+//         isTextFont(style.textFont);
+//         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 === 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;
+//     }
+// }
+
+

package/write-text/context-text4.ts

@@ -0,0 +1,243 @@
+// @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 Coordinates {
+    long: number;
+    lat: number;
+}
+
+interface ZoomAdapterResult {
+    opacityMultiplier: number;
+    sizeMultiplier: number;
+}
+
+interface TextItem {
+    key: string;
+    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;
+}
+
+export type TextAdapter = (data: any) => TextItem[]
+export type DeleteAdapter = (data: any) => string[]
+export type ZoomLevelAdapter = (zoomLevel: number) => (item: any) => ZoomAdapterResult;
+
+interface ConstructorOptions {
+    style?: Style;
+    xOffset?: number;
+    yOffset?: number;
+    doDraw?: boolean;
+    textAdapter: TextAdapter;
+    deleteAdapter: DeleteAdapter;
+    zoomLevelAdapter?: ZoomLevelAdapter;
+}
+
+/**
+ * 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, zPayload, position } = item;
+            const { x, y } = globe.api_GetScreenPointFromGeo(
+                {
+                    long: long,
+                    lat: lat,
+                    z: 0,
+                },
+                style.zMode === CSZMode.Z_MSL,
+            );
+            const { opacityMultiplier, sizeMultiplier } = zoomAdapter(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;
+    }
+
+
+
+    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;
+    }
+}

package/write-text/index.js

@@ -1 +1 @@
-export { ContextTextWriter } from "./context-text";
+export { ContextTextWriter } from "./context-text";

package/write-text/writer-plugin.js

@@ -1,8 +1,7 @@
-"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.
- */ 
+/**
+ * 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/Math/frustum/camera.js

@@ -1,24 +0,0 @@
-"use strict";
-// import { WORLD_RADIUS_3D } from '../constants';
-// import { Plane } from '../plane';
-// import { Vector3D } from '../vector3d';
-// import { Quaternion } from '../quaternion';
-// function cameraFrustum(
-//     globe: any,
-//     out: {
-//         near: Plane,
-//         far: Plane,
-//         left: Plane,
-//         right: Plane,
-//         top: Plane,
-//         bottom: Plane
-//     },
-//     fieldOfView: number = 50 // in degrees
-// ): void {
-//     const lookinfo = globe.api_GetCurrentLookInfo();
-//     lookinfo.CenterLong *= Math.PI / 180; // convert degrees to radians
-//     lookinfo.CenterLat *= Math.PI / 180; // convert degrees to radians
-//     const lookAtPosition = Vector3D.fromLongLatRadians(lookinfo.CenterLong, lookinfo.CenterLat);
-//     const cameraPosition = new Vector3D(globe.Fp.x, globe.Fp.y, globe.Fp.z).divideByScaler(WORLD_RADIUS_3D);
-//     return
-// }