@pirireis/webglobeplugins 0.17.1 → 1.0.2

package/compass-rose/{compass-text-writer.js → compass-text-writer.ts}

@@ -1,155 +1,210 @@
-// filepath: d:\webglobeplugins\webglobePlugin\src\webglobeplugins\compass-rose\compass-text-writer.ts
-import { CSMeasureTextPositionTypes } from "@pirireis/webglobe";
-/**
- * TODOs:
- * 1) update all if initials change (propably need a context and a callback to iterate over data)
- * 2) expose a mechanic to update text on zoom change
- * 3) extend the mechanic on 2 to other events
- */
-const yGapFit = -2;
-const xGapFit = -5;
-export class PixelPaddingCompassTextWriter {
-    globe;
-    itemMap;
-    font;
-    northFont;
-    doDraw;
-    angle;
-    angles;
-    texts;
-    positions;
-    _lastNorthAngle;
-    offsets;
-    keyAdaptor;
-    opacity;
-    constructor(globe, { font = {
-        name: 'Arial',
-        textColor: '#FFFFFF',
-        hollowColor: '#000000',
-        size: 12,
-        hollow: true,
-        bold: true,
-        italic: false,
-    }, northFont = {
-        name: 'Arial',
-        textColor: '#BB0000',
-        hollowColor: '#000000',
-        size: 14,
-        hollow: true,
-        bold: true,
-        italic: false,
-    }, doDraw = true, angle = 30, } = {}) {
-        this.globe = globe;
-        this.itemMap = new Map();
-        this.font = font;
-        this.northFont = northFont;
-        this.doDraw = doDraw;
-        this.angle = angle;
-        this.angles = [];
-        this.texts = [];
-        this.positions = [];
-        let currentAngle = 0;
-        while (currentAngle < 360) {
-            if (currentAngle > 180) {
-                this.positions.push(CSMeasureTextPositionTypes.CENTER);
-            }
-            else {
-                this.positions.push(null);
-            }
-            this.angles.push(currentAngle);
-            if (currentAngle === 0) {
-                this.texts.push("K");
-            }
-            else {
-                this.texts.push(currentAngle.toString().padStart(3, '0'));
-            }
-            currentAngle += this.angle;
-        }
-        this._lastNorthAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
-        this.offsets = this.__offset();
-    }
-    setKeyAdaptor(adaptor) {
-        this.keyAdaptor = adaptor;
-    }
-    setDoDraw(bool) {
-        this.doDraw = bool;
-    }
-    setFont(font) {
-        this.font = font;
-    }
-    setNorthFont(font) {
-        this.northFont = font;
-    }
-    setOpacity(opacity) {
-        this.opacity = opacity;
-    }
-    _checkSetOffsets() {
-        const { globe } = this;
-        const newAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
-        if (newAngle !== this._lastNorthAngle) {
-            this._lastNorthAngle = newAngle;
-            this.offsets = this.__offset();
-        }
-    }
-    draw() {
-        if (!this.doDraw)
-            return;
-        const { globe, font, opacity: opacity_, northFont, itemMap, texts, angles, positions } = this;
-        this._checkSetOffsets();
-        const offsets = this.offsets;
-        for (const [key, { center, radius, opacity = null }] of itemMap) {
-            const o = opacity === null ? (opacity_ ?? 1.0) : opacity * (opacity_ ?? 1.0);
-            if (center && radius !== undefined) {
-                const { x, y } = center;
-                if (x === null || y === null)
-                    continue;
-                offsets.forEach(({ offsetX, offsetY }, i) => {
-                    const text = texts[i];
-                    const angle = angles[i];
-                    font.position = positions[i];
-                    if (angle === 0) {
-                        globe.api_DrawContextTextMultiLine(text, northFont, o, { x: x + offsetX * radius + xGapFit, y: y + offsetY * radius + yGapFit });
-                    }
-                    else {
-                        globe.api_DrawContextTextMultiLine(text, font, o, { x: x + offsetX * radius + xGapFit, y: y + offsetY * radius + yGapFit });
-                    }
-                });
-            }
-        }
-    }
-    insertTextItem(key, x, y, radius) {
-        const item = this.getItem(key);
-        item.center = { x, y };
-        if (radius === undefined)
-            return;
-        if (item.radius !== undefined && item.radius === radius)
-            return;
-        item.radius = radius;
-    }
-    getItem(key) {
-        if (!this.itemMap.has(key)) {
-            this.itemMap.set(key, {});
-        }
-        return this.itemMap.get(key);
-    }
-    __calculateOffset(angle) {
-        const rAngle = (angle - 90) * (Math.PI / 180);
-        return {
-            offsetX: Math.cos(rAngle + this._lastNorthAngle),
-            offsetY: Math.sin(rAngle + this._lastNorthAngle)
-        };
-    }
-    __offset() {
-        const angle = this.angle;
-        const offsets = [];
-        let currentAngle = 0;
-        while (currentAngle < 360) {
-            offsets.push(this.__calculateOffset(currentAngle));
-            currentAngle += angle;
-        }
-        return offsets;
-    }
-    clear() {
-        this.itemMap.clear();
-    }
-}
+
+import { Globe, TextFont } from "../types"
+// filepath: d:\webglobeplugins\webglobePlugin\src\webglobeplugins\compass-rose\compass-text-writer.ts
+import { CSZMode, CSMeasureTextPositionTypes } from "@pirireis/webglobe";
+
+
+interface ConstructorOptions {
+    font?: TextFont;
+    northFont?: TextFont;
+    doDraw?: boolean;
+    angle?: number;
+}
+
+interface Point {
+    x: number | null;
+    y: number | null;
+}
+
+interface TextItem {
+    center?: Point;
+    radius?: number;
+    opacity?: number | null;
+}
+
+interface Offset {
+    offsetX: number;
+    offsetY: number;
+}
+
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over data)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ */
+const yGapFit = -2;
+const xGapFit = -5;
+
+export class PixelPaddingCompassTextWriter {
+    private globe: Globe;
+    private itemMap: Map<string, TextItem>;
+    private font: TextFont;
+    private northFont: TextFont;
+    private doDraw: boolean;
+    private angle: number;
+    private angles: number[];
+    private texts: string[];
+    private positions: (CSMeasureTextPositionTypes | null)[];
+    private _lastNorthAngle: number;
+    private offsets: Offset[];
+    private keyAdaptor?: (key: any) => string;
+    private opacity?: number;
+
+    constructor(globe: Globe, {
+        font = {
+            name: 'Arial',
+            textColor: '#FFFFFF',
+            hollowColor: '#000000',
+            size: 12,
+            hollow: true,
+            bold: true,
+            italic: false,
+        },
+        northFont = {
+            name: 'Arial',
+            textColor: '#BB0000',
+            hollowColor: '#000000',
+            size: 14,
+            hollow: true,
+            bold: true,
+            italic: false,
+        },
+        doDraw = true,
+        angle = 30,
+    }: ConstructorOptions = {}) {
+        this.globe = globe;
+        this.itemMap = new Map<string, TextItem>();
+        this.font = font;
+        this.northFont = northFont;
+        this.doDraw = doDraw;
+        this.angle = angle;
+        this.angles = [];
+        this.texts = [];
+        this.positions = [];
+
+        let currentAngle = 0;
+        while (currentAngle < 360) {
+            if (currentAngle > 180) {
+                this.positions.push(CSMeasureTextPositionTypes.CENTER);
+            } else {
+                this.positions.push(null);
+            }
+            this.angles.push(currentAngle);
+            if (currentAngle === 0) {
+                this.texts.push("K");
+            } else {
+                this.texts.push(currentAngle.toString().padStart(3, '0'));
+            }
+            currentAngle += this.angle;
+        }
+
+        this._lastNorthAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
+        this.offsets = this.__offset();
+    }
+
+    setKeyAdaptor(adaptor: (key: any) => string): void {
+        this.keyAdaptor = adaptor;
+    }
+
+    setDoDraw(bool: boolean): void {
+        this.doDraw = bool;
+    }
+
+    setFont(font: TextFont): void {
+        this.font = font;
+    }
+
+    setNorthFont(font: TextFont): void {
+        this.northFont = font;
+    }
+
+    setOpacity(opacity: number): void {
+        this.opacity = opacity;
+    }
+
+    private _checkSetOffsets(): void {
+        const { globe } = this;
+        const newAngle = globe.api_GetCurrentLookInfo()["NorthAng"] * (Math.PI / 180);
+        if (newAngle !== this._lastNorthAngle) {
+            this._lastNorthAngle = newAngle;
+            this.offsets = this.__offset();
+        }
+    }
+
+    draw(): void {
+        if (!this.doDraw) return;
+
+        const { globe, font, opacity: opacity_, northFont, itemMap, texts, angles, positions } = this;
+        this._checkSetOffsets();
+        const offsets = this.offsets;
+
+        for (const [key, { center, radius, opacity = null }] of itemMap) {
+            const o = opacity === null ? (opacity_ ?? 1.0) : opacity * (opacity_ ?? 1.0);
+            if (center && radius !== undefined) {
+                const { x, y } = center;
+                if (x === null || y === null) continue;
+                offsets.forEach(({ offsetX, offsetY }, i) => {
+                    const text = texts[i];
+                    const angle = angles[i];
+                    font.position = positions[i];
+                    if (angle === 0) {
+                        globe.api_DrawContextTextMultiLine(
+                            text,
+                            northFont,
+                            o,
+                            { x: x + offsetX * radius + xGapFit, y: y + offsetY * radius + yGapFit }
+                        );
+                    } else {
+                        globe.api_DrawContextTextMultiLine(
+                            text,
+                            font,
+                            o,
+                            { x: x + offsetX * radius + xGapFit, y: y + offsetY * radius + yGapFit }
+                        );
+                    }
+                });
+            }
+        }
+    }
+
+    insertTextItem(key: string, x: number, y: number, radius?: number): void {
+        const item = this.getItem(key);
+        item.center = { x, y };
+        if (radius === undefined) return;
+        if (item.radius !== undefined && item.radius === radius) return;
+        item.radius = radius;
+    }
+
+    getItem(key: string): TextItem {
+        if (!this.itemMap.has(key)) {
+            this.itemMap.set(key, {});
+        }
+        return this.itemMap.get(key)!;
+    }
+
+    private __calculateOffset(angle: number): Offset {
+        const rAngle = (angle - 90) * (Math.PI / 180);
+        return {
+            offsetX: Math.cos(rAngle + this._lastNorthAngle),
+            offsetY: Math.sin(rAngle + this._lastNorthAngle)
+        };
+    }
+
+    private __offset(): Offset[] {
+        const angle = this.angle;
+        const offsets: Offset[] = [];
+        let currentAngle = 0;
+
+        while (currentAngle < 360) {
+            offsets.push(this.__calculateOffset(currentAngle));
+            currentAngle += angle;
+        }
+
+        return offsets;
+    }
+
+    clear(): void {
+        this.itemMap.clear();
+    }
+}

package/compass-rose/index.js

@@ -1,3 +1,3 @@
-import { PixelPaddingCompassTextWriter } from "./compass-text-writer";
-import { PixelPaddingCompassPlugin } from "./compass-rose-padding-flat";
-export { PixelPaddingCompassPlugin, PixelPaddingCompassTextWriter };
+import { PixelPaddingCompassTextWriter } from "./compass-text-writer";
+import { PixelPaddingCompassPlugin } from "./compass-rose-padding-flat";
+export { PixelPaddingCompassPlugin, PixelPaddingCompassTextWriter }

package/{constants.js → constants.ts}

@@ -1,6 +1,8 @@
-export const CSRenderPassPluginKeys = ["supportNormalPass",
-    "supportSelectedPass",
-    "supportEditingPass"];
-export const GLOBE_DEFAULT_MIN_LOD = 2;
-export const GLOBE_DEFAULT_MAX_LOD = 25;
-export const POLE2 = 12756274.0;
+export const CSRenderPassPluginKeys = ["supportNormalPass",
+    "supportSelectedPass",
+    "supportEditingPass"] as const;
+
+
+export const GLOBE_DEFAULT_MIN_LOD = 2;
+export const GLOBE_DEFAULT_MAX_LOD = 25;
+export const POLE2 = 12756274.0;