@pirireis/webglobeplugins 0.17.0 → 1.0.2

package/range-tools-on-terrain/circle-line-chain/types.ts

@@ -0,0 +1,43 @@
+import { Color } from "../../types";
+
+interface Node {
+    key: string;
+    long: number;
+    lat: number;
+    __identity__?: string; // TODO: remove this property.. It is the result of keyMethod. Same for adaptors
+    circleProperties?: Record<string, any>;
+    lineProperties?: Record<string, any>;
+    circleOn: boolean;
+    lineOn: boolean;
+    arcOn: boolean;
+}
+
+type Chain = {
+    chainKey: string;
+    chainProperties: StyleProperties;
+    nodes: Node[];
+};
+
+
+type StyleProperties = {
+    rgba?: Color;
+    altitude?: number; // Is this implemented
+    msl?: boolean | null | undefined; // This is a new property to control whether the chain is drawn in MSL or not
+}
+
+type Opacities = {
+    general?: number;
+    circle?: number | null;
+    flatStraightLine?: number | null;
+    flatGreatCircleLine?: number | null;
+    globeArcFitsTerrain?: number | null;
+    globeArc?: number | null;
+}
+
+
+export {
+    Node,
+    Chain,
+    StyleProperties,
+    Opacities
+}

package/range-tools-on-terrain/range-ring/{adapters.js → adapters.ts}

@@ -1,93 +1,114 @@
-// export const rangeRingToPaddingInputAdapter = () => (rangeRing: RangeRingInput): PaddingInput => {
-//     return {
-//         key: rangeRing.key,
-//         center: [rangeRing.long, rangeRing.lat],
-//         radius: rangeRing.radius,
-//         color: rangeRing.rgba as Color,
-//         altitude: rangeRing.altitude,
-//     };
-// }
-export const keyAdapter = (centerID, rangeID) => {
-    return `${centerID}-${rangeID}`;
-};
-export const allCircleKeysAdapter = (rangeRing) => {
-    const result = new Array(rangeRing.rings.length);
-    for (let i = 0; i < rangeRing.rings.length; i++) {
-        result[i] = keyAdapter(rangeRing.centerID, rangeRing.rings[i].ringID);
-    }
-    return result;
-};
-export const rangeRingToCircleInputAdapter = (rangeRing) => {
-    const centerID = rangeRing.centerID;
-    return rangeRing.rings.map(ring => ({
-        key: keyAdapter(centerID, ring.ringID),
-        center: [rangeRing.long, rangeRing.lat],
-        radius: ring.radius,
-        color: rangeRing.rgba,
-        altitude: rangeRing.altitude,
-    }));
-};
-export const allArcKeysAdapter = (rangeRing) => {
-    const arcEachRing = Math.ceil(360 / rangeRing.stepAngle);
-    const result = new Array(arcEachRing * rangeRing.rings.length);
-    for (let i = 0; i < rangeRing.rings.length; i++)
-        for (let j = 0; j < arcEachRing; j++)
-            result[i * arcEachRing + j] = keyAdapter(rangeRing.centerID, rangeRing.rings[i].ringID) + `-${j}`;
-    return result;
-};
-export const rangeRingToArcInputAdapter = (globe, rangeRingInput) => {
-    const { long, lat, stepAngle, altitude = 0, rgba, rings } = rangeRingInput;
-    const arcEachRing = Math.ceil(360 / stepAngle);
-    const result = new Array(rings.length * arcEachRing);
-    for (let i = 0; i < rings.length; i++) {
-        const ring = rings[i];
-        for (let j = 0; j < arcEachRing; j++) {
-            const angle = Math.min(stepAngle * j, 360);
-            const startLongLat = globe.Math.FindPointByPolar(long, lat, ring.radius, angle);
-            const endLongLat = globe.Math.FindPointByPolar(long, lat, ring.radius - ring.padding, angle);
-            result[i * arcEachRing + j] = {
-                key: keyAdapter(rangeRingInput.centerID, ring.ringID) + `-${j}`,
-                start: [startLongLat.long, startLongLat.lat],
-                end: [endLongLat.long, endLongLat.lat],
-                color: rgba,
-                height: altitude,
-            };
-        }
-    }
-    return result;
-};
-export function createColorRatios(color, stepAngle, colorFade = 0.4) {
-    const angleCount = Math.ceil(360 / stepAngle) * 2;
-    let angleLeft = 360;
-    const result = new Array(angleCount);
-    for (let i = 0; i < angleCount; i++) {
-        const currentAngle = Math.min(stepAngle, angleLeft);
-        angleLeft -= currentAngle;
-        result[i * 2] = {
-            color: [0, 0, 0, 0],
-            ratio: 1,
-        };
-        const colorRatio = {
-            // color: i % 2 === 0 ? color : [color[0] * colorFade, color[1] * colorFade, color[2] * colorFade, color[3]] as Color,
-            color: i % 2 === 0 ? color : [1 - color[0] * colorFade, 1 - color[1] * colorFade, 1 - color[2] * colorFade, color[3]],
-            ratio: currentAngle - 1
-        };
-        result[i * 2 + 1] = colorRatio;
-    }
-    return result;
-}
-export const padding1DegreeInputAdapter = (bearingLine) => {
-    const { long, lat, rgba, altitude = 0, rings, stepAngle } = bearingLine;
-    const result = new Array(rings.length);
-    for (let i = 0; i < rings.length; i++) {
-        const ring = rings[i];
-        result[i] = {
-            key: keyAdapter(bearingLine.centerID, ring.ringID),
-            center: [long, lat],
-            radius: ring.radius,
-            colorsRatios: createColorRatios(rgba, stepAngle, 0.5),
-            heightFromGroundIn3D: altitude,
-        };
-    }
-    return result;
-};
+import { Globe, Color, LongLatDegree } from '../../types';
+import { CircleInput } from "../../semiplugins/shape-on-terrain/circle-plugin";
+import { ArcInput } from "../../semiplugins/shape-on-terrain/arc-plugin";
+import { Padding1DegreeInput } from '../../semiplugins/shape-on-terrain/padding-1-degree';
+import { RangeRingInput } from './types';
+
+
+// export const rangeRingToPaddingInputAdapter = () => (rangeRing: RangeRingInput): PaddingInput => {
+//     return {
+//         key: rangeRing.key,
+//         center: [rangeRing.long, rangeRing.lat],
+//         radius: rangeRing.radius,
+//         color: rangeRing.rgba as Color,
+//         altitude: rangeRing.altitude,
+//     };
+// }
+
+
+export const keyAdapter = (centerID: string, rangeID: string): string => {
+    return `${centerID}-${rangeID}`;
+}
+
+
+export const allCircleKeysAdapter = (rangeRing: RangeRingInput): string[] => {
+    const result = new Array<string>(rangeRing.rings.length);
+    for (let i = 0; i < rangeRing.rings.length; i++) {
+        result[i] = keyAdapter(rangeRing.centerID, rangeRing.rings[i].ringID);
+    }
+    return result;
+}
+
+
+export const rangeRingToCircleInputAdapter = (rangeRing: RangeRingInput): CircleInput[] => {
+    const centerID = rangeRing.centerID;
+    return rangeRing.rings.map(ring => ({
+        key: keyAdapter(centerID, ring.ringID),
+        center: [rangeRing.long, rangeRing.lat],
+        radius: ring.radius,
+        color: rangeRing.rgba as Color,
+        altitude: rangeRing.altitude,
+    }));
+};
+
+
+export const allArcKeysAdapter = (rangeRing: RangeRingInput): string[] => {
+    const arcEachRing = Math.ceil(360 / rangeRing.stepAngle);
+    const result = new Array<string>(arcEachRing * rangeRing.rings.length);
+    for (let i = 0; i < rangeRing.rings.length; i++)
+        for (let j = 0; j < arcEachRing; j++)
+            result[i * arcEachRing + j] = keyAdapter(rangeRing.centerID, rangeRing.rings[i].ringID) + `-${j}`;
+    return result;
+}
+
+
+export const rangeRingToArcInputAdapter = (globe: Globe, rangeRingInput: RangeRingInput): ArcInput[] => {
+    const { long, lat, stepAngle, altitude = 0, rgba, rings } = rangeRingInput;
+    const arcEachRing = Math.ceil(360 / stepAngle);
+    const result = new Array<ArcInput>(rings.length * arcEachRing);
+    for (let i = 0; i < rings.length; i++) {
+        const ring = rings[i];
+        for (let j = 0; j < arcEachRing; j++) {
+            const angle = Math.min(stepAngle * j, 360);
+            const startLongLat = globe.Math.FindPointByPolar(long, lat, ring.radius, angle)
+            const endLongLat = globe.Math.FindPointByPolar(long, lat, ring.radius - ring.padding, angle);
+            result[i * arcEachRing + j] = {
+                key: keyAdapter(rangeRingInput.centerID, ring.ringID) + `-${j}`,
+                start: [startLongLat.long, startLongLat.lat] as LongLatDegree,
+                end: [endLongLat.long, endLongLat.lat] as LongLatDegree,
+                color: rgba as Color,
+                height: altitude,
+            };
+        }
+    }
+    return result
+}
+
+
+export function createColorRatios(color: Color, stepAngle: number, colorFade: number = 0.4): { color: Color; ratio: number }[] {
+    const angleCount = Math.ceil(360 / stepAngle) * 2;
+    let angleLeft = 360;
+    const result = new Array<{ color: Color; ratio: number }>(angleCount);
+    for (let i = 0; i < angleCount; i++) {
+        const currentAngle = Math.min(stepAngle, angleLeft);
+        angleLeft -= currentAngle;
+        result[i * 2] = {
+            color: [0, 0, 0, 0] as Color,
+            ratio: 1,
+        }
+        const colorRatio = {
+            // color: i % 2 === 0 ? color : [color[0] * colorFade, color[1] * colorFade, color[2] * colorFade, color[3]] as Color,
+            color: i % 2 === 0 ? color : [1 - color[0] * colorFade, 1 - color[1] * colorFade, 1 - color[2] * colorFade, color[3]] as Color,
+            ratio: currentAngle - 1
+        };
+        result[i * 2 + 1] = colorRatio;
+    }
+    return result;
+}
+
+
+export const padding1DegreeInputAdapter = (bearingLine: RangeRingInput): Padding1DegreeInput[] => {
+    const { long, lat, rgba, altitude = 0, rings, stepAngle } = bearingLine;
+    const result = new Array<Padding1DegreeInput>(rings.length);
+    for (let i = 0; i < rings.length; i++) {
+        const ring = rings[i];
+        result[i] = {
+            key: keyAdapter(bearingLine.centerID, ring.ringID),
+            center: [long, lat],
+            radius: ring.radius,
+            colorsRatios: createColorRatios(rgba as Color, stepAngle, 0.5),
+            heightFromGroundIn3D: altitude,
+        };
+    }
+    return result;
+}

package/range-tools-on-terrain/range-ring/{enum.js → enum.ts}

@@ -1,2 +1,2 @@
-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 const ENUM_HIDE = Object.freeze({ SHOW: 0, HIDE: 1, HIDE_1_DEGREE_PADDINGS: 2 } as const);
+export const ENUM_TEXT_HIDE = Object.freeze({ SHOW: 0, HIDE: 1 } as const);