@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/util/shaderfunctions/noisefunctions.js

@@ -1,13 +1,41 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+const permute34 = `` `vec3 permute34(vec3 x) {
+    x = ((x * 34.0) + 1.0) * x;
+    return x - floor(x * (1.0 / 289.0)) * 289.0;
+}` ``;
+const waveNoice = `` `float waveNoice(vec2 v)
+{
+    const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439); 
+
+	  vec2 i = floor(v + dot(v, C.yy));
+	  vec2 x0 = v - i + dot(i, C.xx);
+
+	  vec2 i1;
+    i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);
+
+	  vec4 x12 = x0.xyxy + C.xxzz;
+    x12.xy -= i1;
+
+    i = i - floor(i * (1.0 / 289.0)) * 289.0;
+
+	  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))
+        + i.x + vec3(0.0, i1.x, 1.0));
+
+	  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);
+    m = m * m;
+    m = m * m;
+
+	  vec3 x = 2.0 * fract(p * C.www) - 1.0;
+	  vec3 h = abs(x) - 0.5;
+	  vec3 ox = floor(x + 0.5);
+	  vec3 a0 = x - ox;
+
+    m *= inversesqrt(a0 * a0 + h * h);
+
+	  vec3 g;
+    g.x = a0.x * x0.x + h.x * x0.y;
+    g.yz = a0.yz * x12.xz + h.yz * x12.yw;
+    return 130.0 * dot(m, g);
+}` ``;
+export default {
+    permute34, waveNoice
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var permute34 = ""(templateObject_1 || (templateObject_1 = __makeTemplateObject(["vec3 permute34(vec3 x) {\n    x = ((x * 34.0) + 1.0) * x;\n    return x - floor(x * (1.0 / 289.0)) * 289.0;\n}"], ["vec3 permute34(vec3 x) {\n    x = ((x * 34.0) + 1.0) * x;\n    return x - floor(x * (1.0 / 289.0)) * 289.0;\n}"])))(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-var waveNoice = ""(templateObject_3 || (templateObject_3 = __makeTemplateObject(["float waveNoice(vec2 v)\n{\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439); \n\n\t  vec2 i = floor(v + dot(v, C.yy));\n\t  vec2 x0 = v - i + dot(i, C.xx);\n\n\t  vec2 i1;\n    i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n\n\t  vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n\n    i = i - floor(i * (1.0 / 289.0)) * 289.0;\n\n\t  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n\n\t  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n\n\t  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n\t  vec3 h = abs(x) - 0.5;\n\t  vec3 ox = floor(x + 0.5);\n\t  vec3 a0 = x - ox;\n\n    m *= inversesqrt(a0 * a0 + h * h);\n\n\t  vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}"], ["float waveNoice(vec2 v)\n{\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439); \n\n\t  vec2 i = floor(v + dot(v, C.yy));\n\t  vec2 x0 = v - i + dot(i, C.xx);\n\n\t  vec2 i1;\n    i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n\n\t  vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n\n    i = i - floor(i * (1.0 / 289.0)) * 289.0;\n\n\t  vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n\n\t  vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy), dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n\n\t  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n\t  vec3 h = abs(x) - 0.5;\n\t  vec3 ox = floor(x + 0.5);\n\t  vec3 a0 = x - ox;\n\n    m *= inversesqrt(a0 * a0 + h * h);\n\n\t  vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}"])))(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
-exports.default = {
-    permute34: permute34,
-    waveNoice: waveNoice
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/util/surface-line-data/arcs-to-cuts.js

@@ -1,35 +1,33 @@
 "use strict";
-var ArcsToCutsManager = /** @class */ (function () {
-    function ArcsToCutsManager(rbush, _a) {
-        var _b = _a.dotDistanceOfArcCuts, dotDistanceOfArcCuts = _b === void 0 ? 0.01 : _b;
+class ArcsToCutsManager {
+    constructor(rbush, { dotDistanceOfArcCuts = 0.01 }) {
         this._map = new Map();
         this._dotDistanceOfArcCuts = dotDistanceOfArcCuts;
         this._rbush = rbush;
     }
-    ArcsToCutsManager.prototype.insertArcs = function (arc) {
+    insertArcs(arc) {
         if (this._map.has(arc.id)) {
             this._deleteCuts(arc.id);
         }
-    };
-    ArcsToCutsManager.prototype._deleteCuts = function (id) {
-        var cuts = this._map.get(id);
+    }
+    _deleteCuts(id) {
+        const cuts = this._map.get(id);
         if (cuts) {
-            cuts.forEach(function (cut) { return cut.remove(); });
+            cuts.forEach(cut => cut.remove());
         }
-    };
-    ArcsToCutsManager.prototype._cutArcAndAddToRBush = function (arc) {
-        var _this = this;
-        var cuts = this._cutArcToBBoxs(arc);
-        cuts.forEach(function (cut) {
-            _this._rbush.insert(cut);
+    }
+    _cutArcAndAddToRBush(arc) {
+        const cuts = this._cutArcToBBoxs(arc);
+        cuts.forEach(cut => {
+            this._rbush.insert(cut);
         });
         this._map.set(arc.id, cuts);
-    };
-    ArcsToCutsManager.prototype._cutArcToBBoxs = function (arc) {
-        var cuts = [];
+    }
+    _cutArcToBBoxs(arc) {
+        const cuts = [];
         // Calculate the bounding box of the arc
         // Create a cut object and add it to the cuts array
-        var cut = {
+        const cut = {
             minX: bbox.minX,
             minY: bbox.minY,
             maxX: bbox.maxX,
@@ -38,16 +36,15 @@ var ArcsToCutsManager = /** @class */ (function () {
         };
         cuts.push(cut);
         return cuts;
-    };
-    return ArcsToCutsManager;
-}());
+    }
+}
 function sphericalLinearInterpolation(phi1, lambda1, phi2, lambda2, t) {
     // Spherical linear interpolation between two points on a sphere
     // Args: phi1, lambda1: starting point (in radians)
     //       phi2, lambda2: ending point (in radians)
     //       t: interpolation parameter (0 <= t <= 1)
     // Returns: [phi, lambda] in radians
-    var phi = phi1 + t * (phi2 - phi1);
-    var lambda = lambda1 + t * (lambda2 - lambda1);
+    const phi = phi1 + t * (phi2 - phi1);
+    const lambda = lambda1 + t * (lambda2 - lambda1);
     return [phi, lambda];
 }

package/util/webglobe/gldefaultstates.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultblendfunction = defaultblendfunction;
-function defaultblendfunction(gl) {
+export function defaultblendfunction(gl) {
     gl.blendEquation(gl.FUNC_ADD); // TODO: TESTING THIS
     gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
 }

package/util/webglobe/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./rasteroverlay"), exports);
-__exportStar(require("./gldefaultstates"), exports);
+export * from './rasteroverlay';
+export * from './gldefaultstates';

package/util/webglobe/rasteroverlay.js

@@ -1,13 +1,9 @@
-"use strict";
 /**
  * Iceride bir canvas uretir ve degisiklikler bu kanvasta yapilir
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RasterOverlayLoader = void 0;
 // this class loads texture to raster overlay
-var RasterOverlayLoader = /** @class */ (function () {
-    function RasterOverlayLoader(id, globe, _a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.opacity, opacity = _c === void 0 ? 1.0 : _c, _d = _b.minLon, minLon = _d === void 0 ? -180 : _d, _e = _b.minLat, minLat = _e === void 0 ? -90 : _e, _f = _b.maxLon, maxLon = _f === void 0 ? 180 : _f, _g = _b.maxLat, maxLat = _g === void 0 ? 90 : _g, _h = _b.beforeObject, beforeObject = _h === void 0 ? null : _h, _j = _b.canvas, canvas = _j === void 0 ? null : _j, _k = _b.callBack, callBack = _k === void 0 ? null : _k;
+class RasterOverlayLoader {
+    constructor(id, globe, { opacity = 1.0, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, beforeObject = null, canvas = null, callBack = null } = {}) {
         this.canvas = canvas || document.createElement('canvas');
         this.gl = this.canvas.getContext('webgl2');
         this.globe = globe;
@@ -18,63 +14,62 @@ var RasterOverlayLoader = /** @class */ (function () {
         this._isProcessing = false;
         this._callBack = callBack;
     }
-    RasterOverlayLoader.prototype.getGL = function () {
+    getGL() {
         return this.gl;
-    };
-    RasterOverlayLoader.prototype.getCanvasURL = function () {
+    }
+    getCanvasURL() {
         return this.canvas.toDataURL();
-    };
-    RasterOverlayLoader.prototype.setBBox = function (minLon, minLat, maxLon, maxLat) {
+    }
+    setBBox(minLon, minLat, maxLon, maxLat) {
         this.bbox = { ll: { x: minLon, y: minLat }, ur: { x: maxLon, y: maxLat } };
         this.draw();
-    };
-    RasterOverlayLoader.prototype.setCanvasWidthHeight = function (width, height) {
+    }
+    setCanvasWidthHeight(width, height) {
         this.canvas.width = width;
         this.canvas.height = height;
         this.gl.viewport(0, 0, width, height);
-    };
-    RasterOverlayLoader.prototype.draw = function () {
+    }
+    draw() {
         if (!this._isProcessing) {
             requestAnimationFrame(this._draw.bind(this));
             this._isProcessing = true;
         }
-    };
-    RasterOverlayLoader.prototype._draw = function () {
+    }
+    _draw() {
         this.globe.api_DeleteImageOverlay(this.id);
-        var id = this.id;
-        var imgUrl = this.getCanvasURL();
-        var bbox = this.bbox;
-        var opacity = this._opacity;
-        var rotDeg = 0;
-        var color = null;
-        var beforeObject = this._beforeObject;
-        var callback = this._callBack || function () { };
+        const id = this.id;
+        const imgUrl = this.getCanvasURL();
+        const bbox = this.bbox;
+        const opacity = this._opacity;
+        const rotDeg = 0;
+        const color = null;
+        const beforeObject = this._beforeObject;
+        const callback = this._callBack || function () { };
         this.globe.api_AddImageOverlay(id, imgUrl, bbox, color, opacity, rotDeg, beforeObject, callback);
         this._isProcessing = false;
-    };
-    RasterOverlayLoader.prototype.setBeforeObject = function (beforeObject) {
+    }
+    setBeforeObject(beforeObject) {
         this._beforeObject = beforeObject;
         this.draw();
-    };
-    RasterOverlayLoader.prototype.setCallback = function (callback) {
+    }
+    setCallback(callback) {
         this._callBack = callback;
-    };
-    RasterOverlayLoader.prototype.setOpacity = function (opacity) {
+    }
+    setOpacity(opacity) {
         if (opacity < 0 || opacity > 1) {
             return;
         }
         this._opacity = opacity;
         this.globe.api_SetImageOverlayColor(this.id, null, opacity);
-    };
-    RasterOverlayLoader.prototype.free = function () {
+    }
+    free() {
         this.globe.api_DeleteImageOverlay(this.id);
-    };
-    RasterOverlayLoader.prototype.on = function () {
+    }
+    on() {
         this.draw();
-    };
-    RasterOverlayLoader.prototype.off = function () {
+    }
+    off() {
         this.globe.api_DeleteImageOverlay(this.id);
-    };
-    return RasterOverlayLoader;
-}());
-exports.RasterOverlayLoader = RasterOverlayLoader;
+    }
+}
+export { RasterOverlayLoader };

package/util/webglobjectbuilders.js

@@ -1,21 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createShader = createShader;
-exports.createProgram = createProgram;
-exports.createProgramWrapper = createProgramWrapper;
-exports.createTexture = createTexture;
-exports.bindTexture = bindTexture;
-exports.createBuffer = createBuffer;
-exports.bindAttribute = bindAttribute;
-exports.bindFramebuffer = bindFramebuffer;
-exports.decodeBase64 = decodeBase64;
-exports.createImageFromBase64 = createImageFromBase64;
-exports.getColorRamp = getColorRamp;
-exports.getColorRampDiscrate = getColorRampDiscrate;
-exports.getColorRampInterpolated = getColorRampInterpolated;
-exports.getColorRampModed = getColorRampModed;
-exports.defaultColorRamp = defaultColorRamp;
-exports.reloadCurrentGLProgram = reloadCurrentGLProgram;
 /**
  * Creates and compiles a WebGL shader.
  * @param gl The WebGL2RenderingContext.
@@ -24,19 +6,19 @@ exports.reloadCurrentGLProgram = reloadCurrentGLProgram;
  * @returns The compiled WebGLShader.
  * @throws An error if shader compilation fails.
  */
-function createShader(gl, type, source) {
-    var shader = gl.createShader(type);
+export function createShader(gl, type, source) {
+    const shader = gl.createShader(type);
     if (!shader) {
         throw new Error("Failed to create WebGLShader.");
     }
     gl.shaderSource(shader, source);
     gl.compileShader(shader);
     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        var errorLog = gl.getShaderInfoLog(shader);
-        var shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
-        var sourceWithLineNumbers = source.split('\n').map(function (line, i) { return "".concat(i + 1, ": ").concat(line); }).join('\n');
+        const errorLog = gl.getShaderInfoLog(shader);
+        const shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
+        const sourceWithLineNumbers = source.split('\n').map((line, i) => `${i + 1}: ${line}`).join('\n');
         gl.deleteShader(shader); // Clean up the failed shader
-        throw new Error("Error compiling ".concat(shaderType, ":\n").concat(errorLog, "\nSource:\n").concat(sourceWithLineNumbers));
+        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
     }
     return shader;
 }
@@ -49,14 +31,14 @@ function createShader(gl, type, source) {
  * @param fragmentSource The GLSL source code for the fragment shader.
  * @returns The linked WebGLProgram, or `undefined` if compilation or linking fails.
  */
-function createProgram(gl, vertexSource, fragmentSource) {
-    var program = gl.createProgram();
+export function createProgram(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
     if (!program) {
         console.error("Failed to create WebGLProgram.");
         return undefined;
     }
-    var vertexShader;
-    var fragmentShader;
+    let vertexShader;
+    let fragmentShader;
     try {
         vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
         fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
@@ -92,22 +74,22 @@ function createProgram(gl, vertexSource, fragmentSource) {
  * @returns A ProgramWrapper object containing the WebGLProgram and its active attribute/uniform locations.
  * @throws An error if shader compilation or program linking fails.
  */
-function createProgramWrapper(gl, vertexSource, fragmentSource) {
-    var program = gl.createProgram();
+export function createProgramWrapper(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
     if (!program) {
         throw new Error("Failed to create WebGLProgram.");
     }
-    var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
+    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
     gl.attachShader(program, vertexShader);
     gl.attachShader(program, fragmentShader);
     gl.linkProgram(program);
     if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        var errorLog = gl.getProgramInfoLog(program);
+        const errorLog = gl.getProgramInfoLog(program);
         gl.deleteProgram(program);
         gl.deleteShader(vertexShader);
         gl.deleteShader(fragmentShader);
-        throw new Error("Error linking program:\n".concat(errorLog));
+        throw new Error(`Error linking program:\n${errorLog}`);
     }
     // Detach and delete shaders after linking
     gl.detachShader(program, vertexShader);
@@ -115,17 +97,17 @@ function createProgramWrapper(gl, vertexSource, fragmentSource) {
     gl.deleteShader(vertexShader);
     gl.deleteShader(fragmentShader);
     // Using an object literal for dynamic properties
-    var wrapper = { program: program };
-    var numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-    for (var i = 0; i < numAttributes; i++) {
-        var attribute = gl.getActiveAttrib(program, i);
+    const wrapper = { program: program };
+    const numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+    for (let i = 0; i < numAttributes; i++) {
+        const attribute = gl.getActiveAttrib(program, i);
         if (attribute) {
             wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
         }
     }
-    var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-    for (var i = 0; i < numUniforms; i++) {
-        var uniform = gl.getActiveUniform(program, i);
+    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+    for (let i = 0; i < numUniforms; i++) {
+        const uniform = gl.getActiveUniform(program, i);
         if (uniform) {
             wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
         }
@@ -142,8 +124,8 @@ function createProgramWrapper(gl, vertexSource, fragmentSource) {
  * @returns The created WebGLTexture.
  * @throws An error if texture creation fails.
  */
-function createTexture(gl, filter, data, width, height) {
-    var texture = gl.createTexture();
+export function createTexture(gl, filter, data, width, height) {
+    const texture = gl.createTexture();
     if (!texture) {
         throw new Error("Failed to create WebGLTexture.");
     }
@@ -170,7 +152,7 @@ function createTexture(gl, filter, data, width, height) {
  * @param texture The WebGLTexture to bind.
  * @param unit The texture unit to activate (e.g., 0 for TEXTURE0, 1 for TEXTURE1).
  */
-function bindTexture(gl, texture, unit) {
+export function bindTexture(gl, texture, unit) {
     gl.activeTexture(gl.TEXTURE0 + unit);
     gl.bindTexture(gl.TEXTURE_2D, texture);
 }
@@ -181,8 +163,8 @@ function bindTexture(gl, texture, unit) {
  * @returns The created WebGLBuffer.
  * @throws An error if buffer creation fails.
  */
-function createBuffer(gl, data) {
-    var buffer = gl.createBuffer();
+export function createBuffer(gl, data) {
+    const buffer = gl.createBuffer();
     if (!buffer) {
         throw new Error("Failed to create WebGLBuffer.");
     }
@@ -197,7 +179,7 @@ function createBuffer(gl, data) {
  * @param attribute The attribute location (e.g., from `gl.getAttribLocation`).
  * @param numComponents The number of components per vertex attribute (e.g., 2 for vec2, 3 for vec3).
  */
-function bindAttribute(gl, buffer, attribute, numComponents) {
+export function bindAttribute(gl, buffer, attribute, numComponents) {
     gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
     gl.enableVertexAttribArray(attribute);
     gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
@@ -208,7 +190,7 @@ function bindAttribute(gl, buffer, attribute, numComponents) {
  * @param framebuffer The WebGLFramebuffer to bind.
  * @param texture The WebGLTexture to attach to the framebuffer's COLOR_ATTACHMENT0, or `null` to unbind.
  */
-function bindFramebuffer(gl, framebuffer, texture) {
+export function bindFramebuffer(gl, framebuffer, texture) {
     gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
     if (texture) {
         gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
@@ -219,11 +201,11 @@ function bindFramebuffer(gl, framebuffer, texture) {
  * @param data The base64 encoded string.
  * @returns A Uint8Array containing the decoded bytes.
  */
-function decodeBase64(data) {
-    var binary_string = atob(data);
-    var len = binary_string.length;
-    var bytes = new Uint8Array(len);
-    for (var i = 0; i < len; i++) {
+export function decodeBase64(data) {
+    const binary_string = atob(data);
+    const len = binary_string.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
         bytes[i] = binary_string.charCodeAt(i);
     }
     return bytes;
@@ -233,15 +215,15 @@ function decodeBase64(data) {
  * @param encodedData The base64 encoded image data (e.g., "iVBORw0KGgo...").
  * @returns An HTMLImageElement with the image data loaded.
  */
-function createImageFromBase64(encodedData) {
-    var bytes = decodeBase64(encodedData);
-    var blob = new Blob([bytes.buffer], { type: "image/png" });
-    var urlCreator = window.URL || window.webkitURL;
-    var imageUrl = urlCreator.createObjectURL(blob);
-    var image = new Image();
+export function createImageFromBase64(encodedData) {
+    const bytes = decodeBase64(encodedData);
+    const blob = new Blob([bytes.buffer], { type: "image/png" });
+    const urlCreator = window.URL || window.webkitURL;
+    const imageUrl = urlCreator.createObjectURL(blob);
+    const image = new Image();
     image.src = imageUrl;
     // Revoke the object URL after the image has loaded to free up memory
-    image.onload = function () { return urlCreator.revokeObjectURL(imageUrl); };
+    image.onload = () => urlCreator.revokeObjectURL(imageUrl);
     return image;
 }
 /**
@@ -249,24 +231,24 @@ function createImageFromBase64(encodedData) {
  * @param colors An object where keys are stop positions (0.0-1.0) and values are CSS color strings (e.g., { "0.0": "#RRGGBB", "0.5": "rgba(R,G,B,A)" }).
  * @returns A Uint8Array representing the RGBA pixel data of the 1x256 color ramp.
  */
-function getColorRamp(colors) {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+export function getColorRamp(colors) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     if (!ctx) {
         throw new Error("Failed to get 2D rendering context for canvas.");
     }
     canvas.width = 256;
     canvas.height = 1;
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (var stop_1 in colors) {
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (const stop in colors) {
         // Ensure the stop is a valid number, although `addColorStop` can parse strings,
         // explicit conversion is safer for object keys if they come from arbitrary sources.
-        var stopValue = parseFloat(stop_1);
+        const stopValue = parseFloat(stop);
         if (isNaN(stopValue)) {
-            console.warn("Invalid stop value for color ramp: ".concat(stop_1, ". Skipping."));
+            console.warn(`Invalid stop value for color ramp: ${stop}. Skipping.`);
             continue;
         }
-        gradient.addColorStop(stopValue, colors[stop_1]);
+        gradient.addColorStop(stopValue, colors[stop]);
     }
     ctx.fillStyle = gradient;
     ctx.fillRect(0, 0, 256, 1);
@@ -279,17 +261,17 @@ function getColorRamp(colors) {
  * @param thresholds An array of stop positions (0.0-1.0) for the colors.
  * @returns A Uint8Array representing the RGBA pixel data of the 1x256 discrete color ramp.
  */
-function getColorRampDiscrate(values, thresholds) {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+export function getColorRampDiscrate(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     if (!ctx) {
         throw new Error("Failed to get 2D rendering context for canvas.");
     }
     canvas.width = 256;
     canvas.height = 1;
-    var gap = 1.0 / 256; // Represents one pixel width in normalized coordinates
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (var i = 0; i < thresholds.length - 1; i++) {
+    const gap = 1.0 / 256; // Represents one pixel width in normalized coordinates
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (let i = 0; i < thresholds.length - 1; i++) {
         gradient.addColorStop(thresholds[i], values[i]);
         // Create a sharp transition by setting the next stop just before the next threshold
         gradient.addColorStop(Math.max(0, thresholds[i + 1] - gap), values[i]);
@@ -306,16 +288,16 @@ function getColorRampDiscrate(values, thresholds) {
  * @param thresholds An array of stop positions (0.0-1.0) for the colors.
  * @returns A Uint8Array representing the RGBA pixel data of the 1x256 interpolated color ramp.
  */
-function getColorRampInterpolated(values, thresholds) {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+export function getColorRampInterpolated(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     if (!ctx) {
         throw new Error("Failed to get 2D rendering context for canvas.");
     }
     canvas.width = 256;
     canvas.height = 1;
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (var i = 0; i < thresholds.length; i++) {
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (let i = 0; i < thresholds.length; i++) {
         gradient.addColorStop(thresholds[i], values[i]);
     }
     ctx.fillStyle = gradient;
@@ -330,8 +312,7 @@ function getColorRampInterpolated(values, thresholds) {
  * @returns A Uint8Array representing the RGBA pixel data of the 1x256 color ramp.
  * @throws An error if an invalid mode is provided.
  */
-function getColorRampModed(values, thresholds, mode) {
-    if (mode === void 0) { mode = "interpolated"; }
+export function getColorRampModed(values, thresholds, mode = "interpolated") {
     if (mode === "discrete") {
         return getColorRampDiscrate(values, thresholds);
     }
@@ -346,8 +327,8 @@ function getColorRampModed(values, thresholds, mode) {
  * Returns a default interpolated color ramp commonly used for visualizations.
  * @returns A Uint8Array representing the RGBA pixel data of the default 1x256 color ramp.
  */
-function defaultColorRamp() {
-    var defaultRampColors = {
+export function defaultColorRamp() {
+    const defaultRampColors = {
         "0.0": '#5e4fa2',
         "0.15": '#3288bd',
         "0.20": '#66c2a5',
@@ -366,25 +347,21 @@ function defaultColorRamp() {
  * This is useful for ensuring the correct program is active after a method might change it.
  * @returns A method decorator function.
  */
-function reloadCurrentGLProgram() {
+export function reloadCurrentGLProgram() {
     return function (target, key, descriptor) {
-        var originalMethod = descriptor.value;
+        const originalMethod = descriptor.value;
         // Ensure the target has a 'gl' property of type WebGL2RenderingContext
         if (!('gl' in target) || !(target.gl instanceof WebGL2RenderingContext)) {
-            console.warn("Decorator 'reloadCurrentGLProgram' applied to a method where 'this.gl' is not a WebGL2RenderingContext. This may not function as expected.");
+            console.warn(`Decorator 'reloadCurrentGLProgram' applied to a method where 'this.gl' is not a WebGL2RenderingContext. This may not function as expected.`);
             // Optionally, throw an error here if strictness is desired
         }
-        descriptor.value = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            var gl = this.gl;
+        descriptor.value = function (...args) {
+            const gl = this.gl;
             if (!gl) {
                 console.error("reloadCurrentGLProgram decorator: 'gl' context not found on 'this'.");
                 return originalMethod.apply(this, args);
             }
-            var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
             originalMethod.apply(this, args);
             gl.useProgram(currentProgram);
         };