@pirireis/webglobeplugins 0.9.8 → 0.9.9

package/dist/util/webglobjectbuilders.js

@@ -1,388 +0,0 @@
-"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.
- * @param type The type of shader (e.g., gl.VERTEX_SHADER or gl.FRAGMENT_SHADER).
- * @param source The GLSL source code for the shader.
- * @returns The compiled WebGLShader.
- * @throws An error if shader compilation fails.
- */
-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)) {
-        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 ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
-    }
-    return shader;
-}
-/**
- * Creates, compiles, and links a WebGL program from vertex and fragment shader sources.
- * Note: This function logs errors to the console and returns `undefined` on failure.
- * Consider using `createProgramWrapper` for more robust error handling.
- * @param gl The WebGL2RenderingContext.
- * @param vertexSource The GLSL source code for the vertex shader.
- * @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) {
-    const program = gl.createProgram();
-    if (!program) {
-        console.error("Failed to create WebGLProgram.");
-        return undefined;
-    }
-    let vertexShader;
-    let fragmentShader;
-    try {
-        vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-        fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-    }
-    catch (e) { // Catching errors from createShader
-        console.error(e.message);
-        gl.deleteProgram(program); // Clean up the program if shaders failed
-        return undefined;
-    }
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        console.error("Failed to link WebGL program:", gl.getProgramInfoLog(program));
-        gl.deleteProgram(program);
-        gl.deleteShader(vertexShader);
-        gl.deleteShader(fragmentShader);
-        return undefined;
-    }
-    // Detach and delete shaders after linking to free up resources
-    gl.detachShader(program, vertexShader);
-    gl.detachShader(program, fragmentShader);
-    gl.deleteShader(vertexShader);
-    gl.deleteShader(fragmentShader);
-    return program;
-}
-/**
- * Creates, links a WebGL program, and wraps it with convenience properties
- * for attribute and uniform locations.
- * @param gl The WebGL2RenderingContext.
- * @param vertexSource The GLSL source code for the vertex shader.
- * @param fragmentSource The GLSL source code for the fragment shader.
- * @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) {
-    const program = gl.createProgram();
-    if (!program) {
-        throw new Error("Failed to create WebGLProgram.");
-    }
-    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)) {
-        const errorLog = gl.getProgramInfoLog(program);
-        gl.deleteProgram(program);
-        gl.deleteShader(vertexShader);
-        gl.deleteShader(fragmentShader);
-        throw new Error(`Error linking program:\n${errorLog}`);
-    }
-    // Detach and delete shaders after linking
-    gl.detachShader(program, vertexShader);
-    gl.detachShader(program, fragmentShader);
-    gl.deleteShader(vertexShader);
-    gl.deleteShader(fragmentShader);
-    // Using an object literal for dynamic properties
-    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);
-        }
-    }
-    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);
-        }
-    }
-    return wrapper;
-}
-/**
- * Creates and configures a WebGL texture.
- * @param gl The WebGL2RenderingContext.
- * @param filter The texture filter (e.g., gl.LINEAR, gl.NEAREST).
- * @param data The image data (e.g., ImageData, HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap, or Uint8Array).
- * @param width The width of the texture (required if data is Uint8Array).
- * @param height The height of the texture (required if data is Uint8Array).
- * @returns The created WebGLTexture.
- * @throws An error if texture creation fails.
- */
-function createTexture(gl, filter, data, width, height) {
-    const texture = gl.createTexture();
-    if (!texture) {
-        throw new Error("Failed to create WebGLTexture.");
-    }
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
-    if (data instanceof Uint8Array) {
-        if (width === undefined || height === undefined) {
-            throw new Error("Width and height must be provided when data is Uint8Array.");
-        }
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    else {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    gl.bindTexture(gl.TEXTURE_2D, null);
-    return texture;
-}
-/**
- * Binds a WebGL texture to a specific texture unit.
- * @param gl The WebGL2RenderingContext.
- * @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) {
-    gl.activeTexture(gl.TEXTURE0 + unit);
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-}
-/**
- * Creates a WebGL buffer and uploads data to it.
- * @param gl The WebGL2RenderingContext.
- * @param data The data to upload to the buffer (e.g., Float32Array, Uint16Array).
- * @returns The created WebGLBuffer.
- * @throws An error if buffer creation fails.
- */
-function createBuffer(gl, data) {
-    const buffer = gl.createBuffer();
-    if (!buffer) {
-        throw new Error("Failed to create WebGLBuffer.");
-    }
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
-    return buffer;
-}
-/**
- * Binds a buffer to a specific attribute location and configures the vertex attribute pointer.
- * @param gl The WebGL2RenderingContext.
- * @param buffer The WebGLBuffer to bind.
- * @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) {
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.enableVertexAttribArray(attribute);
-    gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
-}
-/**
- * Binds a WebGL framebuffer and optionally attaches a texture to it.
- * @param gl The WebGL2RenderingContext.
- * @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) {
-    gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-    if (texture) {
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-    }
-}
-/**
- * Decodes a base64 encoded string into a Uint8Array.
- * @param data The base64 encoded string.
- * @returns A Uint8Array containing the decoded bytes.
- */
-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;
-}
-/**
- * Creates an HTMLImageElement from a base64 encoded image string.
- * @param encodedData The base64 encoded image data (e.g., "iVBORw0KGgo...").
- * @returns An HTMLImageElement with the image data loaded.
- */
-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 = () => urlCreator.revokeObjectURL(imageUrl);
-    return image;
-}
-/**
- * Creates a 1x256 pixel color ramp (gradient) as a Uint8Array.
- * @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) {
-    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;
-    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.
-        const stopValue = parseFloat(stop);
-        if (isNaN(stopValue)) {
-            console.warn(`Invalid stop value for color ramp: ${stop}. Skipping.`);
-            continue;
-        }
-        gradient.addColorStop(stopValue, colors[stop]);
-    }
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-/**
- * Creates a 1x256 pixel discrete color ramp as a Uint8Array.
- * This ramp features sharp transitions between colors at specified thresholds.
- * @param values An array of CSS color strings.
- * @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) {
-    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;
-    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]);
-    }
-    // Add the final color for the last segment
-    gradient.addColorStop(thresholds[thresholds.length - 1], values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-/**
- * Creates a 1x256 pixel interpolated color ramp (smooth gradient) as a Uint8Array.
- * @param values An array of CSS color strings.
- * @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) {
-    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;
-    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;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-/**
- * Creates a 1x256 pixel color ramp based on the specified mode (discrete or interpolated).
- * @param values An array of color hex values (e.g., ["#ff0000", "#00ff00", "#0000ff"]).
- * @param thresholds An array of thresholds (0.0-1.0) for the colors.
- * @param mode The ramp mode: "discrete" for sharp transitions, "interpolated" for smooth transitions (default).
- * @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 = "interpolated") {
-    if (mode === "discrete") {
-        return getColorRampDiscrate(values, thresholds);
-    }
-    else if (mode === "interpolated") {
-        return getColorRampInterpolated(values, thresholds);
-    }
-    else {
-        throw new Error("mode is not valid. Expected 'discrete' or 'interpolated'.");
-    }
-}
-/**
- * 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() {
-    const defaultRampColors = {
-        "0.0": '#5e4fa2',
-        "0.15": '#3288bd',
-        "0.20": '#66c2a5',
-        "0.25": '#66c2a5',
-        "0.3": '#abdda4',
-        "0.4": '#e6f598',
-        "0.5": '#fee08b',
-        "0.6": '#fdae61',
-        "0.7": '#f46d43',
-        "1.0": '#ff1e13'
-    };
-    return getColorRamp(defaultRampColors);
-}
-/**
- * A method decorator that reloads the current WebGL program after the decorated method executes.
- * This is useful for ensuring the correct program is active after a method might change it.
- * @returns A method decorator function.
- */
-function reloadCurrentGLProgram() {
-    return function (target, key, descriptor) {
-        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.`);
-            // Optionally, throw an error here if strictness is desired
-        }
-        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);
-            }
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            originalMethod.apply(this, args);
-            gl.useProgram(currentProgram);
-        };
-        return descriptor;
-    };
-}

package/dist/util/webglobjectbuilders1.js

@@ -1,237 +0,0 @@
-"use strict";
-// export function createShader(gl, type, source) {
-//     const shader = gl.createShader(type);
-//     gl.shaderSource(shader, source);
-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;
-//     gl.compileShader(shader);
-//     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-//         throw new Error(gl.getShaderInfoLog(shader));
-//     }
-//     return shader;
-// }
-function createShader(gl, type, source) {
-    const shader = gl.createShader(type);
-    gl.shaderSource(shader, source);
-    gl.compileShader(shader);
-    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        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');
-        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
-    }
-    return shader;
-}
-function createProgram(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-    gl.compileShader(vertexShader);
-    if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(vertexShader));
-        return;
-    }
-    gl.compileShader(fragmentShader);
-    if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(fragmentShader));
-        return;
-    }
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        console.error(gl.getProgramInfoLog(program));
-        return;
-    }
-    return program;
-}
-function createProgramWrapper(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-    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)) {
-        // console.log(gl.getProgramInfoLog(program));
-        throw new Error(gl.getProgramInfoLog(program));
-    }
-    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);
-        wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
-    }
-    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-    for (let i = 0; i < numUniforms; i++) {
-        const uniform = gl.getActiveUniform(program, i);
-        wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
-    }
-    return wrapper;
-}
-function createTexture(gl, filter, data, width, height) {
-    const texture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
-    if (data instanceof Uint8Array) {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    else {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    gl.bindTexture(gl.TEXTURE_2D, null);
-    return texture;
-}
-function bindTexture(gl, texture, unit) {
-    gl.activeTexture(gl.TEXTURE0 + unit);
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-}
-function createBuffer(gl, data) {
-    const buffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
-    return buffer;
-}
-function bindAttribute(gl, buffer, attribute, numComponents) {
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.enableVertexAttribArray(attribute);
-    gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
-}
-function bindFramebuffer(gl, framebuffer, texture) {
-    if (texture) {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-    }
-    else {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-}
-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;
-}
-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;
-    return image;
-}
-function getColorRamp(colors) {
-    // console.log("getColorRamp", colors)
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (const stop in colors) {
-        // console.log("stop", stop);
-        gradient.addColorStop(colors[stop][0], colors[stop][1]);
-        // Alttaki satir ile gradienti cevirip, shaderda ki `speed_t = 1.0 - speed_t`' kaldirdim.
-        // gradientin en dusuk olmasi gereken siyah - mavi aralikta, mor renk gozlemledim.
-        // gradient.addColorStop( 1.0 - colors[stop][0], colors[stop][1]);
-    }
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-function getColorRampDiscrate(values, thresholds) {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gap = 1.0 / 256;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (let i = 0; i < thresholds.length - 1; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-        gradient.addColorStop(thresholds[i + 1] - gap, values[i]);
-    }
-    gradient.addColorStop(thresholds[thresholds.length - 1], values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-function getColorRampInterpolated(values, thresholds) {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    // const gap = 1.0 / 256;
-    // gradient.addColorStop(thresholds[0], values[0]);
-    // gradient.addColorStop(thresholds[0] + gap, values[1]);
-    for (let i = 0; i < thresholds.length; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-    }
-    // gradient.addColorStop(thresholds[thresholds.length - 1] - gap, values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-/**
- * values: n + 1 number of color hex values without alpha channel. Ex: ["#ff0000", "#00ff00", "#0000ff"]
- * thresholds: n number of thresholds. Ex: [0, 10, 20]
- * mode: [discrete, interpolated,]
- */
-function getColorRampModed(values, thresholds, mode = "interpolated") {
-    if (mode === "discrete") {
-        return getColorRampDiscrate(values, thresholds);
-    }
-    else if (mode === "interpolated") {
-        return getColorRampInterpolated(values, thresholds);
-    }
-    else {
-        throw new Error("mode is not valid");
-    }
-}
-function defaultColorRamp() {
-    const defaultRampColors = [
-        [0.0, '#5e4fa2'],
-        [0.15, '#3288bd'],
-        [0.20, '#66c2a5'],
-        [0.25, '#66c2a5'],
-        [0.3, '#abdda4'],
-        [0.4, '#e6f598'],
-        [0.5, '#fee08b'],
-        [0.6, '#fdae61'],
-        [0.7, '#f46d43'],
-        [1.0, '#ff1e13']
-    ];
-    return getColorRamp(defaultRampColors);
-}
-function reloadCurrentGLProgram() {
-    return function (target, key, descriptor) {
-        const originalMethod = descriptor.value;
-        descriptor.value = function () {
-            const gl = target.gl;
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            originalMethod.apply(this, arguments);
-            gl.useProgram(currentProgram);
-        };
-    };
-}

package/dist/waveparticles/adaptor.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.centigradePlus90ToVectorArray = centigradePlus90ToVectorArray;
-function centigradePlus90ToVectorArray(centigradeArray, noDataValue = -9999) {
-    const vectorArray = new Float32Array(centigradeArray.length * 2);
-    for (let i = 0; i < centigradeArray.length; i++) {
-        if (centigradeArray[i] === noDataValue) {
-            vectorArray.set([0, 0], i * 2);
-            continue;
-        }
-        const rad = (centigradeArray[i] + 90.0) * Math.PI / 180;
-        const x = Math.cos(rad);
-        const y = Math.sin(rad);
-        vectorArray.set([x, y], i * 2);
-    }
-    return vectorArray;
-}

package/dist/waveparticles/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VectorFieldWaveParticle = exports.centigradePlus90ToVectorArray = void 0;
-const plugin_1 = __importDefault(require("./plugin"));
-exports.VectorFieldWaveParticle = plugin_1.default;
-const adaptor_1 = require("./adaptor");
-Object.defineProperty(exports, "centigradePlus90ToVectorArray", { enumerable: true, get: function () { return adaptor_1.centigradePlus90ToVectorArray; } });