@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/timetracks/programpoint-line-strip.js

@@ -1,46 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var util_1 = require("../util");
-var programs_1 = require("../programs");
-var vertexShader = "#version 300 es\n\nlayout(std140) uniform GlobeCamera {\n    mat4 view; // 64 bytes           0\n    mat4 projection; // 64 bytes     64\n    vec3 translate; // 12 bytes      128\n    bool is3D; // 4 bytes            140\n    vec2 mapWH; // 8 bytes           144\n    vec2 screenWH; //  8 bytes       152\n    float z_level; // 4 bytes        160\n};\n\nlayout(std140) uniform Globals {\n    float head_time;\n    float final_opacity;\n    float point_size;\n};\n\nin vec3 start_position;\nin float start_time;\nin vec3 start_color;\nin vec3 end_position;\nin float end_time;\nin vec3 end_color;\nout vec4 v_color;\n\n" + util_1.shaderfunctions.pixelXYToCartesian3DPoint + util_1.shaderfunctions.pixelXYToCartesian2DPoint + "\n\nvoid main() {\n    if (head_time < start_time || head_time > end_time) { return; }\n    if ( start_color.r < 0.0 || end_color.r < 0.0) { return; }\n    float t = (head_time - start_time) / (end_time - start_time);\n    vec3 position = mix(start_position, end_position, t);\n    if (is3D){\n        vec3 pos = pixelXYToCartesian3DPoint(position);\n        gl_Position = projection * view * vec4(pos - translate, 1.0);\n    }  else {\n        vec2 xy = pixelXYToCartesian2DPoint(position.xy, translate.xy, mapWH, screenWH);\n        gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);\n    }\n    v_color = vec4(mix(start_color, end_color, t), final_opacity);\n    gl_PointSize = point_size;\n}";
-var fragmentShader = "#version 300 es\nprecision highp float;\nin vec4 v_color;\nout vec4 outColor;\nvoid main() {\n    // circle point\n    vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n    float cc = dot(cxy, cxy);\n    outColor = v_color;\n    if (cc > 0.5) {\n        outColor.a = 0.0;    \n }\n}";
-var default_1 = /** @class */ (function () {
-    function default_1(gl, globe, attrBuffer, options) {
+import { createProgram, shaderfunctions } from "../util";
+import { CameraUniformBlockTotem, globeProgramCache } from "../programs";
+const vertexShader = `#version 300 es
+
+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
+};
+
+layout(std140) uniform Globals {
+    float head_time;
+    float final_opacity;
+    float point_size;
+};
+
+in vec3 start_position;
+in float start_time;
+in vec3 start_color;
+in vec3 end_position;
+in float end_time;
+in vec3 end_color;
+out vec4 v_color;
+
+` + shaderfunctions.pixelXYToCartesian3DPoint + shaderfunctions.pixelXYToCartesian2DPoint + `
+
+void main() {
+    if (head_time < start_time || head_time > end_time) { return; }
+    if ( start_color.r < 0.0 || end_color.r < 0.0) { return; }
+    float t = (head_time - start_time) / (end_time - start_time);
+    vec3 position = mix(start_position, end_position, t);
+    if (is3D){
+        vec3 pos = pixelXYToCartesian3DPoint(position);
+        gl_Position = projection * view * vec4(pos - translate, 1.0);
+    }  else {
+        vec2 xy = pixelXYToCartesian2DPoint(position.xy, translate.xy, mapWH, screenWH);
+        gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);
+    }
+    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;
+out vec4 outColor;
+void main() {
+    // circle point
+    vec2 cxy = 2.0 * gl_PointCoord - 1.0;
+    float cc = dot(cxy, cxy);
+    outColor = v_color;
+    if (cc > 0.5) {
+        outColor.a = 0.0;    
+ }
+}`;
+export default class {
+    constructor(gl, globe, attrBuffer, options) {
         this.gl = gl;
         this._cameraBlockBindingPoint = 0;
         this._globalsBlockBindingPoint = 1;
-        this.cameraUniformBlockTotem = programs_1.globeProgramCache.getProgram(globe, programs_1.CameraUniformBlockTotem);
+        this.cameraUniformBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
         this._vao = gl.createVertexArray();
         this._attbuffer = attrBuffer;
         this.program = this._createProgram();
         this._drawCount = 0;
         this._globalsbuffer = gl.createBuffer();
         {
-            var _a = this, gl_1 = _a.gl, _globalsbuffer = _a._globalsbuffer;
-            gl_1.bindBuffer(gl_1.UNIFORM_BUFFER, _globalsbuffer);
-            gl_1.bufferData(gl_1.UNIFORM_BUFFER, 12, gl_1.STREAM_DRAW);
-            gl_1.bufferSubData(gl_1.UNIFORM_BUFFER, 0, new Float32Array([0, options.opacity, options.pointSize]));
-            gl_1.bindBufferBase(gl_1.UNIFORM_BUFFER, this._globalsBlockBindingPoint, _globalsbuffer);
-            gl_1.bindBuffer(gl_1.UNIFORM_BUFFER, null);
+            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);
         }
     }
-    default_1.prototype._createProgram = function () {
-        var gl = this.gl;
-        var program = (0, util_1.createProgram)(gl, vertexShader, fragmentShader);
-        var ubo = this.cameraUniformBlockTotem.getUBO(); // ubo bl
-        var cameraBlockIndex = gl.getUniformBlockIndex(program, "GlobeCamera");
+    _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);
-        var globalsBlockIndex = gl.getUniformBlockIndex(program, "Globals");
+        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
-        var start_position = gl.getAttribLocation(program, "start_position");
-        var start_time = gl.getAttribLocation(program, "start_time");
-        var start_color = gl.getAttribLocation(program, "start_color");
-        var end_position = gl.getAttribLocation(program, "end_position");
-        var end_time = gl.getAttribLocation(program, "end_time");
-        var end_color = gl.getAttribLocation(program, "end_color");
+        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);
@@ -58,44 +110,42 @@ var default_1 = /** @class */ (function () {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return program;
-    };
-    default_1.prototype.setOpacity = function (opacity) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.setDrawCount = function (count) {
+    }
+    setDrawCount(count) {
         this._drawCount = count;
-    };
-    default_1.prototype.setPointSize = function (size) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.setHeadTime = function (time) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.draw = function () {
-        var _a = this, gl = _a.gl, program = _a.program, _vao = _a._vao, _drawCount = _a._drawCount;
+    }
+    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);
-    };
-    default_1.prototype.free = function () {
-        var _a = this, gl = _a.gl, _vao = _a._vao, _globalsbuffer = _a._globalsbuffer, program = _a.program;
+    }
+    free() {
+        const { gl, _vao, _globalsbuffer, program } = this;
         gl.deleteVertexArray(_vao);
         // gl.deleteBuffer(_attbuffer);
         gl.deleteBuffer(_globalsbuffer);
         gl.deleteProgram(program);
-    };
-    return default_1;
-}());
-exports.default = default_1;
+    }
+}

package/timetracks/programpoint.js

@@ -1,46 +1,91 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var util_1 = require("../util");
-var programs_1 = require("../programs");
-var vertexShader = "#version 300 es\n\nlayout(std140) uniform GlobeCamera {\n    mat4 view; // 64 bytes           0\n    mat4 projection; // 64 bytes     64\n    vec3 translate; // 12 bytes      128\n    bool is3D; // 4 bytes            140\n    vec2 mapWH; // 8 bytes           144\n    vec2 screenWH; //  8 bytes       152\n    float z_level; // 4 bytes        160\n};\n\nlayout(std140) uniform Globals {\n    float head_time;\n    float final_opacity;\n    float point_size;\n};\n\nin vec3 start_position;\nin float start_time;\nin vec3 start_color;\nin vec3 end_position;\nin float end_time;\nin vec3 end_color;\nout vec4 v_color;\n\n" + util_1.shaderfunctions.pixelXYToCartesian3DPoint + util_1.shaderfunctions.pixelXYToCartesian2DPoint + "\n\nvoid main() {\n    if (head_time < start_time || head_time > end_time) { return; }\n    float t = (head_time - start_time) / (end_time - start_time);\n    vec3 position = mix(start_position, end_position, t);\n    if (is3D){\n        vec3 pos = pixelXYToCartesian3DPoint(position);\n        gl_Position = projection * view * vec4(pos - translate, 1.0);\n    }  else {\n        vec2 xy = pixelXYToCartesian2DPoint(position.xy, translate.xy, mapWH, screenWH);\n        gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);\n    }\n    v_color = vec4(mix(start_color, end_color, t), final_opacity);\n    gl_PointSize = point_size;\n}";
-var fragmentShader = "#version 300 es\nprecision highp float;\nin vec4 v_color;\nout vec4 outColor;\nvoid main() {\n    outColor = v_color;\n}";
-var default_1 = /** @class */ (function () {
-    function default_1(gl, globe, attrBuffer, options) {
+import { createProgram, shaderfunctions } from "../util";
+import { CameraUniformBlockTotem, globeProgramCache } from "../programs";
+const vertexShader = `#version 300 es
+
+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
+};
+
+layout(std140) uniform Globals {
+    float head_time;
+    float final_opacity;
+    float point_size;
+};
+
+in vec3 start_position;
+in float start_time;
+in vec3 start_color;
+in vec3 end_position;
+in float end_time;
+in vec3 end_color;
+out vec4 v_color;
+
+` + shaderfunctions.pixelXYToCartesian3DPoint + shaderfunctions.pixelXYToCartesian2DPoint + `
+
+void main() {
+    if (head_time < start_time || head_time > end_time) { return; }
+    float t = (head_time - start_time) / (end_time - start_time);
+    vec3 position = mix(start_position, end_position, t);
+    if (is3D){
+        vec3 pos = pixelXYToCartesian3DPoint(position);
+        gl_Position = projection * view * vec4(pos - translate, 1.0);
+    }  else {
+        vec2 xy = pixelXYToCartesian2DPoint(position.xy, translate.xy, mapWH, screenWH);
+        gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);
+    }
+    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;
+out vec4 outColor;
+void main() {
+    outColor = v_color;
+}`;
+export default class {
+    constructor(gl, globe, attrBuffer, options) {
         this.gl = gl;
         this._cameraBlockBindingPoint = 0;
         this._globalsBlockBindingPoint = 1;
-        this.cameraUniformBlockTotem = programs_1.globeProgramCache.getProgram(globe, programs_1.CameraUniformBlockTotem);
+        this.cameraUniformBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
         this._vao = gl.createVertexArray();
         this._attbuffer = attrBuffer;
         this.program = this._createProgram();
         this._drawCount = 0;
         this._globalsbuffer = gl.createBuffer();
         {
-            var _a = this, gl_1 = _a.gl, _globalsbuffer = _a._globalsbuffer;
-            gl_1.bindBuffer(gl_1.UNIFORM_BUFFER, _globalsbuffer);
-            gl_1.bufferData(gl_1.UNIFORM_BUFFER, 12, gl_1.STREAM_DRAW);
-            gl_1.bufferSubData(gl_1.UNIFORM_BUFFER, 0, new Float32Array([0, options.opacity, options.pointSize]));
-            gl_1.bindBufferBase(gl_1.UNIFORM_BUFFER, this._globalsBlockBindingPoint, _globalsbuffer);
-            gl_1.bindBuffer(gl_1.UNIFORM_BUFFER, null);
+            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);
         }
     }
-    default_1.prototype._createProgram = function () {
-        var gl = this.gl;
-        var program = (0, util_1.createProgram)(gl, vertexShader, fragmentShader);
-        var ubo = this.cameraUniformBlockTotem.getUBO(); // ubo bl
-        var cameraBlockIndex = gl.getUniformBlockIndex(program, "GlobeCamera");
+    _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);
-        var globalsBlockIndex = gl.getUniformBlockIndex(program, "Globals");
+        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
-        var start_position = gl.getAttribLocation(program, "start_position");
-        var start_time = gl.getAttribLocation(program, "start_time");
-        var start_color = gl.getAttribLocation(program, "start_color");
-        var end_position = gl.getAttribLocation(program, "end_position");
-        var end_time = gl.getAttribLocation(program, "end_time");
-        var end_color = gl.getAttribLocation(program, "end_color");
+        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);
@@ -58,44 +103,42 @@ var default_1 = /** @class */ (function () {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return program;
-    };
-    default_1.prototype.setOpacity = function (opacity) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.setDrawCount = function (count) {
+    }
+    setDrawCount(count) {
         this._drawCount = count;
-    };
-    default_1.prototype.setPointSize = function (size) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.setHeadTime = function (time) {
-        var _a = this, gl = _a.gl, _globalsbuffer = _a._globalsbuffer;
+    }
+    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);
-    };
-    default_1.prototype.draw = function () {
-        var _a = this, gl = _a.gl, program = _a.program, _vao = _a._vao, _drawCount = _a._drawCount;
+    }
+    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);
-    };
-    default_1.prototype.free = function () {
-        var _a = this, gl = _a.gl, _vao = _a._vao, _globalsbuffer = _a._globalsbuffer, program = _a.program;
+    }
+    free() {
+        const { gl, _vao, _globalsbuffer, program } = this;
         gl.deleteVertexArray(_vao);
         // gl.deleteBuffer(_attbuffer);
         gl.deleteBuffer(_globalsbuffer);
         gl.deleteProgram(program);
-    };
-    return default_1;
-}());
-exports.default = default_1;
+    }
+}

package/util/account/bufferoffsetmanager.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * BufferOffsetManager
  * Purpose: To manage the offset of the buffer. Plus extend and defrag the buffer.
@@ -18,10 +17,8 @@
  * READ, most of the time is not needed to be read, unless for defraging.
  * This unpredicatable behavior is not handled by this class.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var default_1 = /** @class */ (function () {
-    function default_1(itemSize, _a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.capacity, capacity = _c === void 0 ? 10 : _c, _d = _b.bufferType, bufferType = _d === void 0 ? "STATIC_DRAW" : _d;
+export default class {
+    constructor(itemSize, { capacity = 10, bufferType = "STATIC_DRAW" } = {}) {
         this.itemSize = itemSize;
         this.bufferType = bufferType;
         this.offSetMap = new Map();
@@ -29,52 +26,36 @@ var default_1 = /** @class */ (function () {
         this._capacity = capacity;
         this._length = 0;
     }
-    Object.defineProperty(default_1.prototype, "length", {
-        get: function () {
-            return this._length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(default_1.prototype, "capacity", {
-        get: function () {
-            return this._capacity;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    default_1.prototype.getOffset = function (key) {
+    get length() {
+        return this._length;
+    }
+    get capacity() {
+        return this._capacity;
+    }
+    getOffset(key) {
         return this.offSetMap.get(key);
-    };
-    default_1.prototype.setOffset = function (key, offset) {
+    }
+    setOffset(key, offset) {
         this.offSetMap.set(key, offset);
-    };
-    default_1.prototype.nextOffset = function () {
+    }
+    nextOffset() {
         if (this.tombstoneOffSet.length > 0) {
-            var offset = this.tombstoneOffSet.pop();
+            const offset = this.tombstoneOffSet.pop();
             return offset;
         }
         if (this._length < this._capacity) {
             return this._length++ * this.itemSize * 4;
         }
         return false;
-    };
-    Object.defineProperty(default_1.prototype, "spaceLeft", {
-        get: function () {
-            return this._capacity - (this._length - this.tombstoneOffSet.length);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(default_1.prototype, "itemCount", {
-        get: function () {
-            return this._length - this.tombstoneOffSet.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    default_1.prototype.deleteFromAccount = function (key) {
-        var offSet = this.offSetMap.get(key);
+    }
+    get spaceLeft() {
+        return this._capacity - (this._length - this.tombstoneOffSet.length);
+    }
+    get itemCount() {
+        return this._length - this.tombstoneOffSet.length;
+    }
+    deleteFromAccount(key) {
+        const offSet = this.offSetMap.get(key);
         if (offSet !== undefined) {
             this.tombstoneOffSet.push(offSet);
             this.offSetMap.delete(key);
@@ -83,41 +64,38 @@ var default_1 = /** @class */ (function () {
         else {
             return false;
         }
-    };
-    default_1.prototype._deleteBulk = function (keys) {
-        var _a = this, gl = _a.gl, buffer = _a.buffer;
-        var emptyBlock = new Float32Array(this.itemSize).fill(0);
+    }
+    _deleteBulk(keys) {
+        const { gl, buffer } = this;
+        const emptyBlock = new Float32Array(this.itemSize).fill(0);
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-            var key = keys_1[_i];
-            var offset = this.getOffset(key);
+        for (let key of keys) {
+            const offset = this.getOffset(key);
             if (offset !== undefined) {
                 this.deleteFromAccount(key);
                 gl.bufferSubData(gl.ARRAY_BUFFER, offset, emptyBlock);
             }
         }
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    };
-    default_1.prototype.offsetMapIterator = function () {
+    }
+    offsetMapIterator() {
         return this.offSetMap.entries();
-    };
+    }
     // TODO: this is broken
-    default_1.prototype.defrag = function (newCapacity) {
-        if (newCapacity === void 0) { newCapacity = null; }
-        var _a = this, gl = _a.gl, buffer = _a.buffer, bufferType = _a.bufferType;
+    defrag(newCapacity = null) {
+        const { gl, buffer, bufferType } = this;
         if (gl === undefined || buffer === undefined || bufferType === undefined) {
             throw new Error("gl, buffer, bufferType are required");
         }
-        var itemSize = this.itemSize;
-        var itemCount = this.itemCount;
-        var capacity = (newCapacity && newCapacity > itemCount) ? newCapacity : itemCount;
-        var newArray = new Float32Array(itemCount * itemSize);
-        var bufferData = this._getBufferData();
-        var newOffSet = 0;
-        var newOffSetMap = new Map();
-        for (var _i = 0, _b = this.offSetMap; _i < _b.length; _i++) {
-            var _c = _b[_i], key = _c[0], offSet = _c[1];
-            var itemOffSet = offSet / 4;
+        const itemSize = this.itemSize;
+        const itemCount = this.itemCount;
+        const capacity = (newCapacity && newCapacity > itemCount) ? newCapacity : itemCount;
+        const newArray = new Float32Array(itemCount * itemSize);
+        const bufferData = this._getBufferData();
+        let newOffSet = 0;
+        const newOffSetMap = new Map();
+        for (const [key, offSet] of this.offSetMap) {
+            const itemOffSet = offSet / 4;
             newArray.set(bufferData.slice(itemOffSet, itemOffSet + itemSize), newOffSet);
             // this.offSetMap.set(key, newOffSet * 4);
             newOffSetMap.set(key, newOffSet * 4);
@@ -131,23 +109,23 @@ var default_1 = /** @class */ (function () {
         this.tombstoneOffSet = [];
         this._length = itemCount;
         this.offSetMap = newOffSetMap;
-    };
-    default_1.prototype.autoExtendBuffer = function (payloadSize) {
+    }
+    autoExtendBuffer(payloadSize) {
         if (payloadSize <= this.spaceLeft)
             return;
-        var newCapacity = Math.ceil((payloadSize + this.length));
+        const newCapacity = Math.ceil((payloadSize + this.length));
         this.extendBuffer(newCapacity);
-    };
-    default_1.prototype.extendBuffer = function (newCapacity) {
-        var _a = this, gl = _a.gl, buffer = _a.buffer, bufferType = _a.bufferType;
-        var itemSize = this.itemSize;
-        var bufferData = this._getBufferData();
+    }
+    extendBuffer(newCapacity) {
+        const { gl, buffer, bufferType } = this;
+        const itemSize = this.itemSize;
+        const bufferData = this._getBufferData();
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
         gl.bufferData(gl.ARRAY_BUFFER, newCapacity * itemSize * 4, gl[bufferType]);
         gl.bufferSubData(gl.ARRAY_BUFFER, 0, bufferData);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         this._capacity = newCapacity;
-    };
+    }
     /** implicit methods to be used by the child class */
     /**
      * @typedef {Float32Array} payload
@@ -155,48 +133,44 @@ var default_1 = /** @class */ (function () {
      * @param {number} partOffset
      * @returns
      */
-    default_1.prototype._updatePartial = function (items, partOffset) {
-        var _a = this, gl = _a.gl, buffer = _a.buffer;
-        var partStart = partOffset * 4;
+    _updatePartial(items, partOffset) {
+        const { gl, buffer } = this;
+        const partStart = partOffset * 4;
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-            var _b = items_1[_i], key = _b.key, payload = _b.payload;
-            var offset = this.getOffset(key);
+        for (let { key, payload } of items) {
+            let offset = this.getOffset(key);
             if (offset !== undefined) {
                 gl.bufferSubData(gl.ARRAY_BUFFER, offset + partStart, payload);
             }
         }
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    };
-    default_1.prototype._getBufferData = function () {
-        var _a = this, gl = _a.gl, buffer = _a.buffer;
-        var size = new Float32Array(this.length * this.itemSize);
-        var bufferData = new Float32Array(size);
+    }
+    _getBufferData() {
+        const { gl, buffer } = this;
+        const size = new Float32Array(this.length * this.itemSize);
+        const bufferData = new Float32Array(size);
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
         gl.getBufferSubData(gl.ARRAY_BUFFER, 0, bufferData);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return bufferData;
-    };
-    default_1.prototype._removeFromBuffer = function (keys) {
-        var _a = this, gl = _a.gl, buffer = _a.buffer;
-        var emptyBlock = new Float32Array(this.itemSize).fill(0);
+    }
+    _removeFromBuffer(keys) {
+        const { gl, buffer } = this;
+        const emptyBlock = new Float32Array(this.itemSize).fill(0);
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
-            var key = keys_2[_i];
-            var offset = this.getOffset(key);
+        for (let key of keys) {
+            let offset = this.getOffset(key);
             if (offset !== undefined) {
                 this.deleteFromAccount(key);
                 gl.bufferSubData(gl.ARRAY_BUFFER, offset, emptyBlock);
             }
         }
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    };
-    default_1.prototype.free = function () {
+    }
+    free() {
         this.gl.deleteBuffer(this.buffer);
         this.buffer = null;
         this.vao = null;
         this.gl = null;
-    };
-    return default_1;
-}());
-exports.default = default_1;
+    }
+}