@pirireis/webglobeplugins 0.17.0 → 1.0.2

package/tracks/timetracks/programpoint-line-strip.js

@@ -1,16 +1,22 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { pixelXYToCartesian2DPoint, pixelXYToCartesian3DPoint } from "../../util/shaderfunctions";
-import { CameraUniformBlockTotem, globeProgramCache } from "../../programs";
-import { CameraUniformBlockString } from "../../programs/totems/camerauniformblock";
-// layout(std140) uniform GlobeCamera {
-//     mat4 view; // 64 bytes           0
-//     mat4 projection; // 64 bytes     64
-//     vec3 translate; // 12 bytes      128
-//     bool is3D; // 4 bytes            140
-//     vec2 mapWH; // 8 bytes           144
-//     vec2 screenWH; //  8 bytes       152
-//     float z_level; // 4 bytes        160
-// };
+import { createProgram } from "../../util/webglobjectbuilders";
+import {
+    pixelXYToCartesian2DPoint,
+    pixelXYToCartesian3DPoint
+} from "../../util/shaderfunctions";
+
+import { CameraUniformBlockTotem, globeProgramCache } from "../../programs";
+import { CameraUniformBlockString } from "../../programs/totems/camerauniformblock";
+
+// layout(std140) uniform GlobeCamera {
+//     mat4 view; // 64 bytes           0
+//     mat4 projection; // 64 bytes     64
+//     vec3 translate; // 12 bytes      128
+//     bool is3D; // 4 bytes            140
+//     vec2 mapWH; // 8 bytes           144
+//     vec2 screenWH; //  8 bytes       152
+//     float z_level; // 4 bytes        160
+// };
+
 const vertexShader = `#version 300 es
 
 ${CameraUniformBlockString}
@@ -29,7 +35,7 @@ in float end_time;
 in vec3 end_color;
 out vec4 v_color;
 
-` + pixelXYToCartesian3DPoint + pixelXYToCartesian2DPoint + `
+`+ pixelXYToCartesian3DPoint + pixelXYToCartesian2DPoint + `
 
 void main() {
     if (head_time < start_time || head_time > end_time) { return; }
@@ -45,7 +51,8 @@ void main() {
     }
     v_color = vec4(mix(start_color, end_color, t), final_opacity);
     gl_PointSize = point_size;
-}`;
+}`;
+
 const fragmentShader = `#version 300 es
 precision highp float;
 in vec4 v_color;
@@ -58,97 +65,118 @@ void main() {
     if (cc > 0.5) {
         outColor.a = 0.0;    
  }
-}`;
-export default class ProgramPointLineStrip {
-    constructor(gl, globe, attrBuffer, options) {
-        this.gl = gl;
-        this._cameraBlockBindingPoint = 0;
-        this._globalsBlockBindingPoint = 1;
-        this.cameraUniformBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
-        this._vao = gl.createVertexArray();
-        this._attbuffer = attrBuffer;
-        this.program = this._createProgram();
-        this._drawCount = 0;
-        this._globalsbuffer = gl.createBuffer();
-        {
-            const { gl, _globalsbuffer } = this;
-            gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
-            gl.bufferData(gl.UNIFORM_BUFFER, 12, gl.STREAM_DRAW);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([0, options.opacity, options.pointSize]));
-            gl.bindBufferBase(gl.UNIFORM_BUFFER, this._globalsBlockBindingPoint, _globalsbuffer);
-            gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-        }
-    }
-    _createProgram() {
-        const gl = this.gl;
-        const program = createProgram(gl, vertexShader, fragmentShader);
-        const ubo = this.cameraUniformBlockTotem.getUBO(); // ubo bl
-        const cameraBlockIndex = gl.getUniformBlockIndex(program, "GlobeCamera");
-        gl.uniformBlockBinding(program, cameraBlockIndex, this._cameraBlockBindingPoint);
-        const globalsBlockIndex = gl.getUniformBlockIndex(program, "Globals");
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this._cameraBlockBindingPoint, ubo);
-        gl.uniformBlockBinding(program, globalsBlockIndex, this._globalsBlockBindingPoint);
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this._globalsBlockBindingPoint, this._globalsbuffer);
-        // numaralarda yanlışlık olabilir
-        const start_position = gl.getAttribLocation(program, "start_position");
-        const start_time = gl.getAttribLocation(program, "start_time");
-        const start_color = gl.getAttribLocation(program, "start_color");
-        const end_position = gl.getAttribLocation(program, "end_position");
-        const end_time = gl.getAttribLocation(program, "end_time");
-        const end_color = gl.getAttribLocation(program, "end_color");
-        gl.bindVertexArray(this._vao);
-        gl.bindBuffer(gl.ARRAY_BUFFER, this._attbuffer);
-        gl.enableVertexAttribArray(start_position);
-        gl.vertexAttribPointer(start_position, 3, gl.FLOAT, false, 36, 0);
-        gl.enableVertexAttribArray(start_time);
-        gl.vertexAttribPointer(start_time, 1, gl.FLOAT, false, 36, 12);
-        gl.enableVertexAttribArray(start_color);
-        gl.vertexAttribPointer(start_color, 3, gl.FLOAT, false, 36, 16);
-        gl.enableVertexAttribArray(end_position);
-        gl.vertexAttribPointer(end_position, 3, gl.FLOAT, false, 36, 36);
-        gl.enableVertexAttribArray(end_time);
-        gl.vertexAttribPointer(end_time, 1, gl.FLOAT, false, 36, 48);
-        gl.enableVertexAttribArray(end_color);
-        gl.vertexAttribPointer(end_color, 3, gl.FLOAT, false, 36, 52);
-        gl.bindVertexArray(null);
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        return program;
-    }
-    setOpacity(opacity) {
-        const { gl, _globalsbuffer } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
-        gl.bufferSubData(gl.UNIFORM_BUFFER, 4, new Float32Array([opacity]));
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    setDrawCount(count) {
-        this._drawCount = count;
-    }
-    setPointSize(size) {
-        const { gl, _globalsbuffer } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
-        gl.bufferSubData(gl.UNIFORM_BUFFER, 8, new Float32Array([size]));
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    setHeadTime(time) {
-        const { gl, _globalsbuffer } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
-        gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([time]));
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    draw() {
-        const { gl, program, _vao, _drawCount } = this;
-        gl.useProgram(program);
-        gl.bindVertexArray(_vao);
-        gl.disable(gl.DEPTH_TEST);
-        gl.drawArrays(gl.POINTS, 0, _drawCount);
-        gl.enable(gl.DEPTH_TEST);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        const { gl, _vao, _globalsbuffer, program } = this;
-        gl.deleteVertexArray(_vao);
-        // gl.deleteBuffer(_attbuffer);
-        gl.deleteBuffer(_globalsbuffer);
-        gl.deleteProgram(program);
-    }
-}
+}`;
+
+
+export default class ProgramPointLineStrip {
+
+    constructor(gl, globe, attrBuffer, options) {
+
+        this.gl = gl;
+        this._cameraBlockBindingPoint = 0;
+        this._globalsBlockBindingPoint = 1;
+        this.cameraUniformBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
+        this._vao = gl.createVertexArray();
+        this._attbuffer = attrBuffer;
+        this.program = this._createProgram();
+        this._drawCount = 0;
+
+        this._globalsbuffer = gl.createBuffer();
+        {
+            const { gl, _globalsbuffer } = this;
+            gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
+            gl.bufferData(gl.UNIFORM_BUFFER, 12, gl.STREAM_DRAW);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([0, options.opacity, options.pointSize]));
+            gl.bindBufferBase(gl.UNIFORM_BUFFER, this._globalsBlockBindingPoint, _globalsbuffer);
+            gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+        }
+    }
+
+
+    _createProgram() {
+        const gl = this.gl
+
+        const program = createProgram(gl, vertexShader, fragmentShader);
+        const ubo = this.cameraUniformBlockTotem.getUBO(); // ubo bl
+        const cameraBlockIndex = gl.getUniformBlockIndex(program, "GlobeCamera");
+        gl.uniformBlockBinding(program, cameraBlockIndex, this._cameraBlockBindingPoint);
+        const globalsBlockIndex = gl.getUniformBlockIndex(program, "Globals");
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this._cameraBlockBindingPoint, ubo);
+        gl.uniformBlockBinding(program, globalsBlockIndex, this._globalsBlockBindingPoint);
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this._globalsBlockBindingPoint, this._globalsbuffer);
+
+        // numaralarda yanlışlık olabilir
+        const start_position = gl.getAttribLocation(program, "start_position");
+        const start_time = gl.getAttribLocation(program, "start_time");
+        const start_color = gl.getAttribLocation(program, "start_color");
+        const end_position = gl.getAttribLocation(program, "end_position");
+        const end_time = gl.getAttribLocation(program, "end_time");
+        const end_color = gl.getAttribLocation(program, "end_color");
+
+        gl.bindVertexArray(this._vao);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._attbuffer);
+        gl.enableVertexAttribArray(start_position);
+        gl.vertexAttribPointer(start_position, 3, gl.FLOAT, false, 36, 0);
+        gl.enableVertexAttribArray(start_time);
+        gl.vertexAttribPointer(start_time, 1, gl.FLOAT, false, 36, 12);
+        gl.enableVertexAttribArray(start_color);
+        gl.vertexAttribPointer(start_color, 3, gl.FLOAT, false, 36, 16);
+        gl.enableVertexAttribArray(end_position);
+        gl.vertexAttribPointer(end_position, 3, gl.FLOAT, false, 36, 36);
+        gl.enableVertexAttribArray(end_time);
+        gl.vertexAttribPointer(end_time, 1, gl.FLOAT, false, 36, 48);
+        gl.enableVertexAttribArray(end_color);
+        gl.vertexAttribPointer(end_color, 3, gl.FLOAT, false, 36, 52);
+        gl.bindVertexArray(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return program;
+    }
+
+
+    setOpacity(opacity) {
+        const { gl, _globalsbuffer } = this;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 4, new Float32Array([opacity]));
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+
+    setDrawCount(count) {
+        this._drawCount = count;
+    }
+
+
+    setPointSize(size) {
+        const { gl, _globalsbuffer } = this;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 8, new Float32Array([size]));
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+
+
+    setHeadTime(time) {
+        const { gl, _globalsbuffer } = this;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, _globalsbuffer);
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([time]));
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+
+
+    draw() {
+        const { gl, program, _vao, _drawCount } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(_vao);
+        gl.disable(gl.DEPTH_TEST);
+        gl.drawArrays(gl.POINTS, 0, _drawCount);
+        gl.enable(gl.DEPTH_TEST);
+        gl.bindVertexArray(null);
+    }
+
+
+    free() {
+        const { gl, _vao, _globalsbuffer, program } = this;
+        gl.deleteVertexArray(_vao);
+        // gl.deleteBuffer(_attbuffer);
+        gl.deleteBuffer(_globalsbuffer);
+        gl.deleteProgram(program);
+    }
+}

package/tracks/timetracks/readme.md

@@ -0,0 +1 @@
+TODO: delete program, programpoint, maybe adaptors. which are related to the old version of this plugin.

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "target": "es2022",
+        "module": "es2015",
+        "outDir": "./dist",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "allowJs": true,
+        "declaration": false
+    },
+    "include": [
+        "**/*.ts", // Include all .ts files in the current directory and subdirectories
+        "**/*.js" // Include all .js files in the current directory and subdirectories
+    ],
+    "exclude": [
+        "node_modules",
+        "dist", // Exclude the output directory itself
+        "./tests/**/*" // Exclude tests directory
+    ]
+}

package/types/@pirireis/webglobe.d.ts

@@ -0,0 +1,102 @@
+interface LayerObjectObjectArray {
+    displayName: string;
+    layerType: number;
+    wkbGeom: null;
+    wfsLayerName: null;
+    objectType: string;
+    bbox: null;
+    startLod: number;
+    endLod: number;
+    continuousLOD: boolean;
+    MVTXYZName: string;
+    rasterize: boolean;
+    style: StyleObjectArray;
+    id: string;
+}
+
+interface LabelObjectArray {
+    offset: { x: number; y: number };
+    fontFamily: { hollowWidth: number };
+    vAlignment: number;
+    hAlignment: number;
+    size: number;
+    text: string;
+}
+
+declare module "@pirireis/webglobe" {
+    // A placeholder for the main globe object.
+    // It seems to have at least an `ObjectArray` property.
+    export interface CSGlobe {
+        ObjectArray: {
+            Add(object: LayerObjectObjectArray): void;
+            Delete(id: string): void;
+            GetDefaultStyle(): StyleObjectArray;
+            StyleChanged(object: LayerObjectObjectArray): void;
+            UpdateData(object: LayerObjectObjectArray, mode: any, buckets: DataBucketObjectArray[], options: { attribs: boolean; icon: boolean; text: boolean }): void;
+            SetData(object: LayerObjectObjectArray, data: DataBucketObjectArray): void;
+        };
+    }
+
+    // Enum for icon types, based on usage.
+    export enum CSIconTypes {
+        NOICON = 0,
+        // Other icon types can be added here.
+    }
+
+    // Enum for object types, based on usage.
+    export enum CSObjectTypes {
+        POINT = 1,
+        // Other object types like LINE, POLYGON can be added here.
+    }
+
+    // Enum for object array update operations.
+    export enum CSObjectArrayUpdateTypes {
+        ADD = 0,
+        UPDATE = 1,
+        DELETE = 2,
+    }
+
+
+    export enum CSZMode {
+        Z_MSL = 0,
+        Z_GROUND_PERVERTEX = 1,
+        Z_GROUND_FOLLOW = 2
+    }
+
+    export enum CSMeasureTextPositionTypes {
+        CENTER = 'center',
+        LEFT = 'left',
+        RIGHT = 'right',
+        TOP = 'top',
+        BOTTOM = 'bottom',
+        TOP_LEFT = 'top_left',
+        TOP_RIGHT = 'top_right',
+        BOTTOM_LEFT = 'bottom_left',
+        BOTTOM_RIGHT = 'bottom_right'
+    }
+
+    // Interface for the style of an object array.
+    export interface CSObjectArrayStyle {
+        labels: CSLabelStyle[];
+        fidKey: string;
+        iconType: CSIconTypes;
+        // Other style properties can be added here.
+    }
+
+    // Interface for the style of a label.
+    export interface CSLabelStyle {
+        text?: string;
+        vAlignment?: number;
+        hAlignment?: number;
+        size?: number;
+        drawAlways?: boolean;
+        fontFamily?: {
+            name?: string;
+            bold?: boolean;
+            hollow?: boolean;
+            hollowWidth?: number;
+            hollowOpacity?: number;
+        };
+        // Other label style properties can be added here.
+    }
+}

package/types/delaunator.d.ts

@@ -0,0 +1,40 @@
+declare module 'delaunator' {
+  export default class Delaunator<T extends ArrayLike<number> = Float64Array> {
+    /**
+     * Constructs a delaunay triangulation object given an array of points.
+     * @param points Array of points
+     * @param getX Optional function to extract x coordinate from point (defaults to p => p[0])
+     * @param getY Optional function to extract y coordinate from point (defaults to p => p[1])
+     */
+    static from<P>(
+      points: P[],
+      getX?: (p: P) => number,
+      getY?: (p: P) => number
+    ): Delaunator<Float64Array>;
+
+    /**
+     * Constructs a delaunay triangulation object given an array of point coordinates
+     * of the form: [x0, y0, x1, y1, ...]
+     * @param coords Array of coordinates
+     */
+    constructor(coords: T);
+
+    /** Array of point coordinates in the form [x0, y0, x1, y1, ...] */
+    coords: T;
+
+    /** Array of triangle vertex indices (each group of three numbers forms a triangle) */
+    triangles: Uint32Array;
+
+    /** Array of triangle half-edge indices for traversing the triangulation */
+    halfedges: Int32Array;
+
+    /** Array of indices that reference points on the convex hull, counter-clockwise */
+    hull: Uint32Array;
+
+    /**
+     * Updates the triangulation if coords values were modified in place.
+     * Useful for iterative relaxation algorithms.
+     */
+    update(): void;
+  }
+}

package/types/earcut.d.ts

@@ -0,0 +1,11 @@
+declare module "earcut" {
+    /**
+     * Triangulate a polygon with holes.
+     * @param vertices is a flat array of vertex coordinates like [x0,y0, x1,y1, x2,y2, ...]
+     * @param holes is an array of hole indices if any (e.g.[5, 8] for a 12-vertex input would mean one hole with vertices 5–7 and another with 8–11).
+     * @param dimensions is the number of coordinates per vertex in the input array (2 by default ).Only two are used for triangulation (x and y), and the rest are ignored.
+     * @returns An array of triangle vertex indices.
+     */
+    function earcut(vertices: number[], holes?: number[], dimensions?: number): number[];
+    export default earcut;
+}

package/types/rbush.d.ts

@@ -0,0 +1,57 @@
+declare module 'rbush' {
+    export interface BBox {
+        minX: number;
+        minY: number;
+        maxX: number;
+        maxY: number;
+    }
+
+    export default class RBush<T = any> {
+        constructor(maxEntries?: number);
+
+        /**
+         * Insert an item into the tree
+         */
+        insert(item: T & BBox): this;
+
+        /**
+         * Bulk-insert items into the tree
+         */
+        load(items: Array<T & BBox>): this;
+
+        /**
+         * Remove a previously inserted item
+         */
+        remove(item: T & BBox, equals?: (a: T & BBox, b: T & BBox) => boolean): this;
+
+        /**
+         * Remove all items within a bounding box
+         */
+        clear(): this;
+
+        /**
+         * Search for items intersecting a bounding box
+         */
+        search(bbox: BBox): Array<T & BBox>;
+
+        /**
+         * Search for all items contained within a bounding box
+         */
+        collides(bbox: BBox): boolean;
+
+        /**
+         * Export data as JSON object
+         */
+        toJSON(): any;
+
+        /**
+         * Import data from a JSON object
+         */
+        fromJSON(data: any): this;
+
+        /**
+         * Bulk-insert items and build the tree
+         */
+        all(): Array<T & BBox>;
+    }
+}