@pirireis/webglobeplugins 1.0.2 → 1.0.3

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

@@ -1,210 +1,155 @@
-
-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();
-    }
-}
+// 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();
+    }
+}

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.ts → constants.js}

@@ -1,8 +1,6 @@
-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;
+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;