glre 0.19.0 → 0.21.0

package/dist/solid.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../solid.ts","../index.ts","../utils.ts"],"sourcesContent":["import { onMount, onCleanup } from 'solid-js'\nimport { frame } from 'refr'\nimport { createTF, gl } from './index'\nimport { GL } from './types'\nimport type { Fun } from 'reev/types'\n\nexport const onGL = (props?: Partial<GL>, self = gl) => {\n        const memo = {\n                ref(target: unknown) {\n                        if (target) {\n                                self.target = target\n                                self.mount()\n                        }\n                },\n                mount() {\n                        self.el = self.target\n                        self.gl = self.target.getContext('webgl2')\n                        self.init()\n                        self.resize()\n                        frame.start()\n                        window.addEventListener('resize', self.resize)\n                        window.addEventListener('mousemove', self.mousemove)\n                },\n                clean() {\n                        self(props)(memo)\n                        frame.cancel()\n                        window.removeEventListener('resize', self.resize)\n                        window.removeEventListener('mousemove', self.mousemove)\n                },\n        }\n        onCleanup(self.clean)\n        return self(props)(memo)\n}\n\nexport const onTF = (props?: Partial<GL>, self = gl) => {\n        const tf = createTF(props, self)\n        onMount(() => tf.mount())\n        onCleanup(() => tf.clean())\n        return tf\n}\n\nexport const onFrame = (fun: Fun, self = gl) => {\n        onMount(() => self('render', fun))\n}\n\nexport const setTexture = (props: any, self = gl) => {\n        return self.texture(props)\n}\n\nexport const setAttribute = (props: any, self = gl) => {\n        return self.attribute(props)\n}\n","import { event, durable, nested } from 'reev'\nimport { queue, frame } from 'refr'\nimport {\n        uniformType,\n        vertexStride,\n        createProgram,\n        createTfProgram,\n        createShader,\n        createAttribute,\n        createTexture,\n        createVbo,\n        createIbo,\n        activeTexture,\n} from './utils'\nimport type { GL } from './types'\n\nconst a_position = [-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]\n\nconst _defaultVertex = `\n  attribute vec4 a_position;\n  void main() {\n    gl_Position = a_position;\n  }\n`\n\nconst _defaultFragment = `\n  precision mediump float;\n  uniform vec2 iResolution;\n  void main() {\n    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n  }\n`\n\nlet iTime = performance.now(),\n        iPrevTime = 0,\n        iDeltaTime = 0\n\nexport const createGL = (props?: Partial<GL>) => {\n        const init = () => {\n                self(props)\n                const gl = self.gl\n                const _v = self.vs || self.vert || self.vertex\n                const _f = self.fs || self.frag || self.fragment\n                const vs = createShader(gl, _v, gl.VERTEX_SHADER)\n                const fs = createShader(gl, _f, gl.FRAGMENT_SHADER)\n                if (self.count === 6) self.attribute({ a_position })\n                frame(() => void self.render() || 1)\n                self.pg = self.varying\n                        ? createTfProgram(gl, vs, fs, self.varying)\n                        : createProgram(gl, vs, fs)\n                self.lastActiveUnit = 0\n                self.activeUnit = nested(() => self.lastActiveUnit++)\n                self.location = nested((key, isAttribute = false) => {\n                        return isAttribute\n                                ? gl?.getAttribLocation(self.pg, key)\n                                : gl?.getUniformLocation(self.pg, key)\n                })\n        }\n\n        const render = () => {\n                self.gl.useProgram(self.pg)\n                self.frame.flush()\n                iPrevTime = iTime\n                iTime = performance.now() / 1000\n                iDeltaTime = iTime - iPrevTime\n                self.uniform({ iTime, iPrevTime, iDeltaTime })\n        }\n\n        const resize = (\n                _e: any,\n                width = self.width || window.innerWidth,\n                height = self.height || window.innerHeight\n        ) => {\n                self.size[0] = self.el.width = width\n                self.size[1] = self.el.height = height\n                self.uniform('iResolution', self.size)\n        }\n\n        const mousemove = (_e: any, x = _e.clientX, y = _e.clientY) => {\n                const [w, h] = self.size\n                const { top, left } = self.el.getBoundingClientRect()\n                self.mouse[0] = (x - top - w / 2) / (w / 2)\n                self.mouse[1] = -(y - left - h / 2) / (h / 2)\n                self.uniform('iMouse', self.mouse)\n        }\n\n        const load = (_: any, image: any) => {\n                self.frame(() => {\n                        const loc = self.location(image.alt)\n                        const unit = self.activeUnit(image.alt)\n                        const tex = createTexture(self.gl, image)\n                        self.frame(() => {\n                                activeTexture(self.gl, loc, unit, tex)\n                                return true\n                        })\n                })\n        }\n\n        const clear = (key = 'COLOR_BUFFER_BIT') => {\n                self.gl.clear(self.gl[key])\n        }\n\n        const viewport = (size: number[] = self.size) => {\n                self.gl.viewport(0, 0, ...size)\n        }\n\n        const drawArrays = (mode = 'TRIANGLES') => {\n                self.gl.drawArrays(self.gl[mode], 0, self.count)\n        }\n\n        const drawElements = (mode = 'TRIANGLES', type = 'UNSIGNED_SHORT') => {\n                mode = self.gl[mode]\n                type = self.gl[type]\n                self.gl.drawElements(mode, self.count, type, 0)\n        }\n\n        const self = event<Partial<GL>>({\n                vertex: _defaultVertex,\n                fragment: _defaultFragment,\n                size: [0, 0],\n                mouse: [0, 0],\n                count: 6,\n                counter: 0,\n                init,\n                render,\n                resize,\n                mousemove,\n                load,\n                clear,\n                viewport,\n                drawArrays,\n                drawElements,\n        }) as GL\n\n        const _texture = (\n                alt: string,\n                src: string,\n                crossOrigin = 'anonymous'\n        ) => {\n                if (typeof window === 'undefined') return\n                const image = new Image()\n                const callback = (_: any) => self.load(_, image)\n                image.addEventListener('load', callback, false)\n                Object.assign(image, { src, alt, crossOrigin })\n        }\n\n        const _uniform = (key: string, value = 0, isMatrix = false) => {\n                const type = uniformType(value, isMatrix)\n                self.frame(() => {\n                        const loc = self.location(key)\n                        if (isMatrix) self.gl[type](loc, false, value)\n                        else self.gl[type](loc, value)\n                })\n        }\n\n        const _attribute = (\n                key: string,\n                value: number[],\n                iboValue?: number[]\n        ) => {\n                self.frame(() => {\n                        const loc = self.location(key, true)\n                        const vbo = createVbo(self.gl, value)\n                        const ibo = createIbo(self.gl, iboValue)\n                        const n = self.count\n                        const stride = vertexStride(n, value, iboValue)\n                        createAttribute(self.gl, stride, loc, vbo, ibo)\n                })\n        }\n\n        self.frame = queue()\n        self.texture = durable(_texture)\n        self.uniform = durable(_uniform)\n        self.attribute = durable(_attribute)\n\n        return self\n}\n\nexport const gl = createGL()\n\nexport const createTF = (props?: Partial<GL>, self = gl) => {\n        const mount = () => {\n                tf(props)\n                tf.el = self.el\n                tf.gl = self.gl\n                tf.frame = self.frame\n                tf.init()\n                self({ resize: tf.resize, mousemove: tf.mousemove })\n        }\n\n        const clean = () => {\n                tf(props)\n                self({ resize: tf.resize, mousemove: tf.mousemove })\n        }\n\n        const tf = createGL()\n\n        tf({ mount, clean })\n        return tf\n}\n\nexport default gl\n","/**\n * utils\n */\nexport const uniformType = (value: number | number[], isMatrix = false) => {\n        let length = typeof value === 'number' ? 0 : value?.length\n        if (!length) return `uniform1f`\n        if (!isMatrix) return `uniform${length}fv`\n        length = Math.sqrt(length) << 0\n        return `uniformMatrix${length}fv`\n}\n\nexport const vertexStride = (\n        count: number,\n        value: number[],\n        iboValue?: number[]\n) => {\n        if (iboValue) count = Math.max(...iboValue) + 1\n        const stride = value.length / count\n        if (stride !== stride << 0)\n                console.warn(`Vertex Stride Error: count ${count} is mismatch`)\n        return stride << 0\n}\n\n/**\n * graphics\n */\nexport const createShader = (gl: any, source: string, type: unknown) => {\n        const shader = gl.createShader(type)\n        gl.shaderSource(shader, source)\n        gl.compileShader(shader)\n        if (gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n                return shader\n        } else throw 'Could not compile glsl\\n\\n' + gl.getShaderInfoLog(shader)\n}\n\nexport const createProgram = (gl: any, vs: any, fs: any) => {\n        const program = gl.createProgram()\n        gl.attachShader(program, vs)\n        gl.attachShader(program, fs)\n        gl.linkProgram(program)\n        if (gl.getProgramParameter(program, gl.LINK_STATUS)) {\n                gl.useProgram(program)\n                return program\n        } else {\n                console.log(gl.getProgramInfoLog(program))\n                return null\n        }\n}\n\nexport const createTfProgram = (gl: any, vs: any, fs: any, varyings?: any) => {\n        const pg = gl.createProgram()\n        gl.attachShader(pg, vs)\n        gl.attachShader(pg, fs)\n        gl.transformFeedbackVaryings(pg, varyings, gl.SEPARATE_ATTRIBS)\n        gl.linkProgram(pg)\n        if (gl.getProgramParameter(pg, gl.LINK_STATUS)) {\n                gl.useProgram(pg)\n                return pg\n        } else {\n                console.warn(gl.getProgramInfoLog(pg))\n                return null\n        }\n}\n\nexport const createVbo = (gl: any, data: number[]) => {\n        if (!data) return\n        const vbo = gl.createBuffer()\n        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)\n        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.STATIC_DRAW)\n        gl.bindBuffer(gl.ARRAY_BUFFER, null)\n        return vbo\n}\n\nexport const createIbo = (gl: any, data?: number[]) => {\n        if (!data) return\n        const ibo = gl.createBuffer()\n        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)\n        gl.bufferData(\n                gl.ELEMENT_ARRAY_BUFFER,\n                new Int16Array(data),\n                gl.STATIC_DRAW\n        )\n        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null)\n        return ibo\n}\n\nexport const createAttribute = (\n        gl: any,\n        stride: number,\n        location: any,\n        vbo: any,\n        ibo: any\n) => {\n        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)\n        gl.enableVertexAttribArray(location)\n        gl.vertexAttribPointer(location, stride, gl.FLOAT, false, 0, 0)\n        if (ibo) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)\n}\n\nexport const createFramebuffer = (gl: any, width: number, height: number) => {\n        const frameBuffer = gl.createFramebuffer()\n        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)\n        const renderBuffer = gl.createRenderbuffer()\n        gl.bindRenderbuffer(gl.RENDERBUFFER, renderBuffer)\n        gl.renderbufferStorage(\n                gl.RENDERBUFFER,\n                gl.DEPTH_COMPONENT16,\n                width,\n                height\n        )\n        gl.framebufferRenderbuffer(\n                gl.FRAMEBUFFER,\n                gl.DEPTH_ATTACHMENT,\n                gl.RENDERBUFFER,\n                renderBuffer\n        )\n        const texture = gl.createTexture()\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(\n                gl.TEXTURE_2D,\n                0,\n                gl.RGBA,\n                width,\n                height,\n                0,\n                gl.RGBA,\n                gl.UNSIGNED_BYTE,\n                null\n        )\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.framebufferTexture2D(\n                gl.FRAMEBUFFER,\n                gl.COLOR_ATTACHMENT0,\n                gl.TEXTURE_2D,\n                texture,\n                0\n        )\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        gl.bindRenderbuffer(gl.RENDERBUFFER, null)\n        gl.bindFramebuffer(gl.FRAMEBUFFER, null)\n        return { frameBuffer, renderBuffer, texture }\n}\n\nexport const createFramebufferFloat = (\n        gl: any,\n        ext: any,\n        width: number,\n        height: number\n) => {\n        const flg =\n                ext.textureFloat != null\n                        ? gl.FLOAT\n                        : ext.textureHalfFloat.HALF_FLOAT_OES\n        const frameBuffer = gl.createFramebuffer()\n        const texture = gl.createTexture()\n        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(\n                gl.TEXTURE_2D,\n                0,\n                gl.RGBA,\n                width,\n                height,\n                0,\n                gl.RGBA,\n                flg,\n                null\n        )\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.framebufferTexture2D(\n                gl.FRAMEBUFFER,\n                gl.COLOR_ATTACHMENT0,\n                gl.TEXTURE_2D,\n                texture,\n                0\n        )\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        gl.bindFramebuffer(gl.FRAMEBUFFER, null)\n        return { frameBuffer, texture }\n}\n\nexport const createTexture = (gl: any, img: any) => {\n        const texture = gl.createTexture()\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img)\n        gl.generateMipmap(gl.TEXTURE_2D)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        return texture\n}\n\nexport const activeTexture = (\n        gl: any,\n        location: any,\n        activeUnit: any,\n        texture: any\n) => {\n        gl.uniform1i(location, activeUnit)\n        gl.activeTexture(gl['TEXTURE' + activeUnit])\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n}\n"],"mappings":"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","names":["onMount","onCleanup","frame","event","durable","nested","queue","frame","uniformType","value","isMatrix","length","vertexStride","count","iboValue","stride","createShader","gl","source","type","shader","createProgram","vs","fs","program","createTfProgram","varyings","pg","createVbo","data","vbo","createIbo","ibo","createAttribute","location","createTexture","gl","img","texture","activeTexture","location","activeUnit","a_position","_defaultVertex","_defaultFragment","iTime","iPrevTime","iDeltaTime","createGL","props","self","event","gl","_v","_f","vs","createShader","fs","frame","createTfProgram","createProgram","nested","key","isAttribute","_e","width","height","x","y","w","h","top","left","_","image","loc","unit","tex","createTexture","activeTexture","size","mode","type","_texture","alt","src","crossOrigin","callback","_uniform","value","isMatrix","uniformType","_attribute","iboValue","vbo","createVbo","ibo","createIbo","n","stride","vertexStride","createAttribute","queue","durable","createTF","mount","tf","clean","onGL","props","self","gl","memo","target","frame","onCleanup","onTF","tf","createTF","onMount","onFrame","fun","setTexture","setAttribute"]}
+{"version":3,"sources":["../solid.ts","../index.ts","../utils.ts"],"sourcesContent":["import { onMount, onCleanup } from 'solid-js'\nimport { createTF, gl } from './index'\nimport type { GL, Fun } from './types'\n\nexport type { GL, Fun }\n\nexport const onGL = (props?: Partial<GL>, self = gl) => {\n        const memo = {\n                ref(target: unknown) {\n                        if (target) {\n                                self.target = target\n                                self.mount()\n                        }\n                },\n                mount() {\n                        self.el = self.target\n                        self.gl = self.target.getContext('webgl2')\n                        self.init()\n                        self.resize()\n                        self.frame.start()\n                        window.addEventListener('resize', self.resize)\n                        window.addEventListener('mousemove', self.mousemove)\n                },\n                clean() {\n                        self(props)(memo)\n                        self.frame.stop()\n                        window.removeEventListener('resize', self.resize)\n                        window.removeEventListener('mousemove', self.mousemove)\n                },\n        }\n        onCleanup(self.clean)\n        return self(props)(memo)\n}\n\nexport const onTF = (props?: Partial<GL>, self = gl) => {\n        const tf = createTF(props, self)\n        onMount(() => tf.mount())\n        onCleanup(() => tf.clean())\n        return tf\n}\n\nexport const onFrame = (fun: Fun, self = gl) => {\n        onMount(() => self('render', fun))\n}\n\nexport const setTexture = (props: any, self = gl) => {\n        return self.texture(props)\n}\n\nexport const setAttribute = (props: any, self = gl) => {\n        return self.attribute(props)\n}\n","import { event, durable, nested } from 'reev'\nimport { createQueue, createFrame } from 'refr'\nimport {\n        uniformType,\n        vertexStride,\n        createProgram,\n        createTfProgram,\n        createShader,\n        createAttribute,\n        createTexture,\n        createVbo,\n        createIbo,\n        activeTexture,\n} from './utils'\nimport type { GL, Fun } from './types'\n\nexport type { GL, Fun }\n\nconst a_position = [-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]\n\nconst _defaultVertex = `\n  attribute vec4 a_position;\n  void main() {\n    gl_Position = a_position;\n  }\n`\n\nconst _defaultFragment = `\n  precision mediump float;\n  uniform vec2 iResolution;\n  void main() {\n    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);\n  }\n`\n\nlet iTime = performance.now(),\n        iPrevTime = 0,\n        iDeltaTime = 0\n\nexport const createGL = (props?: Partial<GL>) => {\n        const init = () => {\n                self(props)\n                const gl = self.gl\n                const _v = self.vs || self.vert || self.vertex\n                const _f = self.fs || self.frag || self.fragment\n                const vs = createShader(gl, _v, gl.VERTEX_SHADER)\n                const fs = createShader(gl, _f, gl.FRAGMENT_SHADER)\n                if (self.count === 6) self.attribute({ a_position })\n                self.frame(() => void self.render() || true)\n                self.pg = self.varying\n                        ? createTfProgram(gl, vs, fs, self.varying)\n                        : createProgram(gl, vs, fs)\n                self.lastActiveUnit = 0\n                self.activeUnit = nested(() => self.lastActiveUnit++)\n                self.location = nested((key, isAttribute = false) => {\n                        return isAttribute\n                                ? gl?.getAttribLocation(self.pg, key)\n                                : gl?.getUniformLocation(self.pg, key)\n                })\n        }\n\n        const render = () => {\n                self.gl.useProgram(self.pg)\n                self.queue.flush()\n                iPrevTime = iTime\n                iTime = performance.now() / 1000\n                iDeltaTime = iTime - iPrevTime\n                self.uniform({ iTime, iPrevTime, iDeltaTime })\n        }\n\n        const resize = (\n                _e: any,\n                width = self.width || window.innerWidth,\n                height = self.height || window.innerHeight\n        ) => {\n                self.size[0] = self.el.width = width\n                self.size[1] = self.el.height = height\n                self.uniform('iResolution', self.size)\n        }\n\n        const mousemove = (_e: any, x = _e.clientX, y = _e.clientY) => {\n                const [w, h] = self.size\n                const { top, left } = self.el.getBoundingClientRect()\n                self.mouse[0] = (x - top - w / 2) / (w / 2)\n                self.mouse[1] = -(y - left - h / 2) / (h / 2)\n                self.uniform('iMouse', self.mouse)\n        }\n\n        const load = (_: any, image: any) => {\n                self.queue(() => {\n                        const loc = self.location(image.alt)\n                        const unit = self.activeUnit(image.alt)\n                        const tex = createTexture(self.gl, image)\n                        self.queue(() => {\n                                activeTexture(self.gl, loc, unit, tex)\n                                return true\n                        })\n                })\n        }\n\n        const clear = (key = 'COLOR_BUFFER_BIT') => {\n                self.gl.clear(self.gl[key])\n        }\n\n        const viewport = (size: number[] = self.size) => {\n                self.gl.viewport(0, 0, ...size)\n        }\n\n        const drawArrays = (mode = 'TRIANGLES') => {\n                self.gl.drawArrays(self.gl[mode], 0, self.count)\n        }\n\n        const drawElements = (mode = 'TRIANGLES', type = 'UNSIGNED_SHORT') => {\n                mode = self.gl[mode]\n                type = self.gl[type]\n                self.gl.drawElements(mode, self.count, type, 0)\n        }\n\n        const self = event<Partial<GL>>({\n                vertex: _defaultVertex,\n                fragment: _defaultFragment,\n                size: [0, 0],\n                mouse: [0, 0],\n                count: 6,\n                counter: 0,\n                init,\n                render,\n                resize,\n                mousemove,\n                load,\n                clear,\n                viewport,\n                drawArrays,\n                drawElements,\n        }) as GL\n\n        const _texture = (\n                alt: string,\n                src: string,\n                crossOrigin = 'anonymous'\n        ) => {\n                if (typeof window === 'undefined') return\n                const image = new Image()\n                const callback = (_: any) => self.load(_, image)\n                image.addEventListener('load', callback, false)\n                Object.assign(image, { src, alt, crossOrigin })\n        }\n\n        const _uniform = (key: string, value = 0, isMatrix = false) => {\n                const type = uniformType(value, isMatrix)\n                self.queue(() => {\n                        const loc = self.location(key)\n                        if (isMatrix) self.gl[type](loc, false, value)\n                        else self.gl[type](loc, value)\n                })\n        }\n\n        const _attribute = (\n                key: string,\n                value: number[],\n                iboValue?: number[]\n        ) => {\n                self.queue(() => {\n                        const loc = self.location(key, true)\n                        const vbo = createVbo(self.gl, value)\n                        const ibo = createIbo(self.gl, iboValue)\n                        const n = self.count\n                        const stride = vertexStride(n, value, iboValue)\n                        createAttribute(self.gl, stride, loc, vbo, ibo)\n                })\n        }\n\n        self.queue = createQueue()\n        self.frame = createFrame()\n        self.texture = durable(_texture)\n        self.uniform = durable(_uniform)\n        self.attribute = durable(_attribute)\n\n        return self\n}\n\nexport const gl = createGL()\n\nexport const createTF = (props?: Partial<GL>, self = gl) => {\n        const mount = () => {\n                tf(props)\n                tf.el = self.el\n                tf.gl = self.gl\n                tf.queue = self.queue\n                tf.frame = self.frame\n                tf.init()\n                self({ resize: tf.resize, mousemove: tf.mousemove })\n        }\n\n        const clean = () => {\n                tf(props)\n                self({ resize: tf.resize, mousemove: tf.mousemove })\n        }\n\n        const tf = createGL()\n\n        tf({ mount, clean })\n        return tf\n}\n\nexport default gl\n","/**\n * utils\n */\nexport const uniformType = (value: number | number[], isMatrix = false) => {\n        let length = typeof value === 'number' ? 0 : value?.length\n        if (!length) return `uniform1f`\n        if (!isMatrix) return `uniform${length}fv`\n        length = Math.sqrt(length) << 0\n        return `uniformMatrix${length}fv`\n}\n\nexport const vertexStride = (\n        count: number,\n        value: number[],\n        iboValue?: number[]\n) => {\n        if (iboValue) count = Math.max(...iboValue) + 1\n        const stride = value.length / count\n        if (stride !== stride << 0)\n                console.warn(`Vertex Stride Error: count ${count} is mismatch`)\n        return stride << 0\n}\n\n/**\n * graphics\n */\nexport const createShader = (gl: any, source: string, type: unknown) => {\n        const shader = gl.createShader(type)\n        gl.shaderSource(shader, source)\n        gl.compileShader(shader)\n        if (gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n                return shader\n        } else throw 'Could not compile glsl\\n\\n' + gl.getShaderInfoLog(shader)\n}\n\nexport const createProgram = (gl: any, vs: any, fs: any) => {\n        const program = gl.createProgram()\n        gl.attachShader(program, vs)\n        gl.attachShader(program, fs)\n        gl.linkProgram(program)\n        if (gl.getProgramParameter(program, gl.LINK_STATUS)) {\n                gl.useProgram(program)\n                return program\n        } else {\n                console.log(gl.getProgramInfoLog(program))\n                return null\n        }\n}\n\nexport const createTfProgram = (gl: any, vs: any, fs: any, varyings?: any) => {\n        const pg = gl.createProgram()\n        gl.attachShader(pg, vs)\n        gl.attachShader(pg, fs)\n        gl.transformFeedbackVaryings(pg, varyings, gl.SEPARATE_ATTRIBS)\n        gl.linkProgram(pg)\n        if (gl.getProgramParameter(pg, gl.LINK_STATUS)) {\n                gl.useProgram(pg)\n                return pg\n        } else {\n                console.warn(gl.getProgramInfoLog(pg))\n                return null\n        }\n}\n\nexport const createVbo = (gl: any, data: number[]) => {\n        if (!data) return\n        const vbo = gl.createBuffer()\n        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)\n        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.STATIC_DRAW)\n        gl.bindBuffer(gl.ARRAY_BUFFER, null)\n        return vbo\n}\n\nexport const createIbo = (gl: any, data?: number[]) => {\n        if (!data) return\n        const ibo = gl.createBuffer()\n        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)\n        gl.bufferData(\n                gl.ELEMENT_ARRAY_BUFFER,\n                new Int16Array(data),\n                gl.STATIC_DRAW\n        )\n        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null)\n        return ibo\n}\n\nexport const createAttribute = (\n        gl: any,\n        stride: number,\n        location: any,\n        vbo: any,\n        ibo: any\n) => {\n        gl.bindBuffer(gl.ARRAY_BUFFER, vbo)\n        gl.enableVertexAttribArray(location)\n        gl.vertexAttribPointer(location, stride, gl.FLOAT, false, 0, 0)\n        if (ibo) gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibo)\n}\n\nexport const createFramebuffer = (gl: any, width: number, height: number) => {\n        const frameBuffer = gl.createFramebuffer()\n        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)\n        const renderBuffer = gl.createRenderbuffer()\n        gl.bindRenderbuffer(gl.RENDERBUFFER, renderBuffer)\n        gl.renderbufferStorage(\n                gl.RENDERBUFFER,\n                gl.DEPTH_COMPONENT16,\n                width,\n                height\n        )\n        gl.framebufferRenderbuffer(\n                gl.FRAMEBUFFER,\n                gl.DEPTH_ATTACHMENT,\n                gl.RENDERBUFFER,\n                renderBuffer\n        )\n        const texture = gl.createTexture()\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(\n                gl.TEXTURE_2D,\n                0,\n                gl.RGBA,\n                width,\n                height,\n                0,\n                gl.RGBA,\n                gl.UNSIGNED_BYTE,\n                null\n        )\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.framebufferTexture2D(\n                gl.FRAMEBUFFER,\n                gl.COLOR_ATTACHMENT0,\n                gl.TEXTURE_2D,\n                texture,\n                0\n        )\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        gl.bindRenderbuffer(gl.RENDERBUFFER, null)\n        gl.bindFramebuffer(gl.FRAMEBUFFER, null)\n        return { frameBuffer, renderBuffer, texture }\n}\n\nexport const createFramebufferFloat = (\n        gl: any,\n        ext: any,\n        width: number,\n        height: number\n) => {\n        const flg =\n                ext.textureFloat != null\n                        ? gl.FLOAT\n                        : ext.textureHalfFloat.HALF_FLOAT_OES\n        const frameBuffer = gl.createFramebuffer()\n        const texture = gl.createTexture()\n        gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer)\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(\n                gl.TEXTURE_2D,\n                0,\n                gl.RGBA,\n                width,\n                height,\n                0,\n                gl.RGBA,\n                flg,\n                null\n        )\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.framebufferTexture2D(\n                gl.FRAMEBUFFER,\n                gl.COLOR_ATTACHMENT0,\n                gl.TEXTURE_2D,\n                texture,\n                0\n        )\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        gl.bindFramebuffer(gl.FRAMEBUFFER, null)\n        return { frameBuffer, texture }\n}\n\nexport const createTexture = (gl: any, img: any) => {\n        const texture = gl.createTexture()\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img)\n        gl.generateMipmap(gl.TEXTURE_2D)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)\n        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)\n        gl.bindTexture(gl.TEXTURE_2D, null)\n        return texture\n}\n\nexport const activeTexture = (\n        gl: any,\n        location: any,\n        activeUnit: any,\n        texture: any\n) => {\n        gl.uniform1i(location, activeUnit)\n        gl.activeTexture(gl['TEXTURE' + activeUnit])\n        gl.bindTexture(gl.TEXTURE_2D, texture)\n}\n"],"mappings":"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","names":["onMount","onCleanup","event","durable","nested","createQueue","createFrame","uniformType","value","isMatrix","length","vertexStride","count","iboValue","stride","createShader","gl","source","type","shader","createProgram","vs","fs","program","createTfProgram","varyings","pg","createVbo","data","vbo","createIbo","ibo","createAttribute","location","createTexture","gl","img","texture","activeTexture","location","activeUnit","a_position","_defaultVertex","_defaultFragment","iTime","iPrevTime","iDeltaTime","createGL","props","self","event","gl","_v","_f","vs","createShader","fs","createTfProgram","createProgram","nested","key","isAttribute","_e","width","height","x","y","w","h","top","left","_","image","loc","unit","tex","createTexture","activeTexture","size","mode","type","_texture","alt","src","crossOrigin","callback","_uniform","value","isMatrix","uniformType","_attribute","iboValue","vbo","createVbo","ibo","createIbo","n","stride","vertexStride","createAttribute","createQueue","createFrame","durable","createTF","mount","tf","clean","onGL","props","self","gl","memo","target","onCleanup","onTF","tf","createTF","onMount","onFrame","fun","setTexture","setAttribute"]}

package/dist/{types-20446758.d.ts → types-f429c8b1.d.ts}

@@ -1,5 +1,5 @@
-import { Queue } from 'refr/types';
-import { EventState, Nested } from 'reev/types';
+import { EventState, Nested } from 'reev';
+import { Queue, Frame } from 'refr';
 
 declare type Uniform = number | number[];
 declare type Attribute = number[];
@@ -31,7 +31,8 @@ declare type GL = EventState<{
     gl: any;
     pg: any;
     el: any;
-    frame: Queue;
+    queue: Queue;
+    frame: Frame;
     target: any;
     stride: Nested<number>;
     location: Nested<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
         "name": "glre",
-        "version": "0.19.0",
+        "version": "0.21.0",
         "author": "tseijp",
         "license": "MIT",
         "private": false,
@@ -134,9 +134,14 @@
                         "default": "./dist/solid.js"
                 }
         },
+        "files": [
+                "dist/**/*",
+                "packages.json",
+                "README.md"
+        ],
         "dependencies": {
                 "reev": "0.12.0",
-                "refr": "0.3.0"
+                "refr": "0.7.0"
         },
         "peerDependencies": {
                 "expo": "*",

package/index.ts

@@ -1,202 +0,0 @@
-import { event, durable, nested } from 'reev'
-import { queue, frame } from 'refr'
-import {
-        uniformType,
-        vertexStride,
-        createProgram,
-        createTfProgram,
-        createShader,
-        createAttribute,
-        createTexture,
-        createVbo,
-        createIbo,
-        activeTexture,
-} from './utils'
-import type { GL } from './types'
-
-const a_position = [-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]
-
-const _defaultVertex = `
-  attribute vec4 a_position;
-  void main() {
-    gl_Position = a_position;
-  }
-`
-
-const _defaultFragment = `
-  precision mediump float;
-  uniform vec2 iResolution;
-  void main() {
-    gl_FragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
-  }
-`
-
-let iTime = performance.now(),
-        iPrevTime = 0,
-        iDeltaTime = 0
-
-export const createGL = (props?: Partial<GL>) => {
-        const init = () => {
-                self(props)
-                const gl = self.gl
-                const _v = self.vs || self.vert || self.vertex
-                const _f = self.fs || self.frag || self.fragment
-                const vs = createShader(gl, _v, gl.VERTEX_SHADER)
-                const fs = createShader(gl, _f, gl.FRAGMENT_SHADER)
-                if (self.count === 6) self.attribute({ a_position })
-                frame(() => void self.render() || 1)
-                self.pg = self.varying
-                        ? createTfProgram(gl, vs, fs, self.varying)
-                        : createProgram(gl, vs, fs)
-                self.lastActiveUnit = 0
-                self.activeUnit = nested(() => self.lastActiveUnit++)
-                self.location = nested((key, isAttribute = false) => {
-                        return isAttribute
-                                ? gl?.getAttribLocation(self.pg, key)
-                                : gl?.getUniformLocation(self.pg, key)
-                })
-        }
-
-        const render = () => {
-                self.gl.useProgram(self.pg)
-                self.frame.flush()
-                iPrevTime = iTime
-                iTime = performance.now() / 1000
-                iDeltaTime = iTime - iPrevTime
-                self.uniform({ iTime, iPrevTime, iDeltaTime })
-        }
-
-        const resize = (
-                _e: any,
-                width = self.width || window.innerWidth,
-                height = self.height || window.innerHeight
-        ) => {
-                self.size[0] = self.el.width = width
-                self.size[1] = self.el.height = height
-                self.uniform('iResolution', self.size)
-        }
-
-        const mousemove = (_e: any, x = _e.clientX, y = _e.clientY) => {
-                const [w, h] = self.size
-                const { top, left } = self.el.getBoundingClientRect()
-                self.mouse[0] = (x - top - w / 2) / (w / 2)
-                self.mouse[1] = -(y - left - h / 2) / (h / 2)
-                self.uniform('iMouse', self.mouse)
-        }
-
-        const load = (_: any, image: any) => {
-                self.frame(() => {
-                        const loc = self.location(image.alt)
-                        const unit = self.activeUnit(image.alt)
-                        const tex = createTexture(self.gl, image)
-                        self.frame(() => {
-                                activeTexture(self.gl, loc, unit, tex)
-                                return true
-                        })
-                })
-        }
-
-        const clear = (key = 'COLOR_BUFFER_BIT') => {
-                self.gl.clear(self.gl[key])
-        }
-
-        const viewport = (size: number[] = self.size) => {
-                self.gl.viewport(0, 0, ...size)
-        }
-
-        const drawArrays = (mode = 'TRIANGLES') => {
-                self.gl.drawArrays(self.gl[mode], 0, self.count)
-        }
-
-        const drawElements = (mode = 'TRIANGLES', type = 'UNSIGNED_SHORT') => {
-                mode = self.gl[mode]
-                type = self.gl[type]
-                self.gl.drawElements(mode, self.count, type, 0)
-        }
-
-        const self = event<Partial<GL>>({
-                vertex: _defaultVertex,
-                fragment: _defaultFragment,
-                size: [0, 0],
-                mouse: [0, 0],
-                count: 6,
-                counter: 0,
-                init,
-                render,
-                resize,
-                mousemove,
-                load,
-                clear,
-                viewport,
-                drawArrays,
-                drawElements,
-        }) as GL
-
-        const _texture = (
-                alt: string,
-                src: string,
-                crossOrigin = 'anonymous'
-        ) => {
-                if (typeof window === 'undefined') return
-                const image = new Image()
-                const callback = (_: any) => self.load(_, image)
-                image.addEventListener('load', callback, false)
-                Object.assign(image, { src, alt, crossOrigin })
-        }
-
-        const _uniform = (key: string, value = 0, isMatrix = false) => {
-                const type = uniformType(value, isMatrix)
-                self.frame(() => {
-                        const loc = self.location(key)
-                        if (isMatrix) self.gl[type](loc, false, value)
-                        else self.gl[type](loc, value)
-                })
-        }
-
-        const _attribute = (
-                key: string,
-                value: number[],
-                iboValue?: number[]
-        ) => {
-                self.frame(() => {
-                        const loc = self.location(key, true)
-                        const vbo = createVbo(self.gl, value)
-                        const ibo = createIbo(self.gl, iboValue)
-                        const n = self.count
-                        const stride = vertexStride(n, value, iboValue)
-                        createAttribute(self.gl, stride, loc, vbo, ibo)
-                })
-        }
-
-        self.frame = queue()
-        self.texture = durable(_texture)
-        self.uniform = durable(_uniform)
-        self.attribute = durable(_attribute)
-
-        return self
-}
-
-export const gl = createGL()
-
-export const createTF = (props?: Partial<GL>, self = gl) => {
-        const mount = () => {
-                tf(props)
-                tf.el = self.el
-                tf.gl = self.gl
-                tf.frame = self.frame
-                tf.init()
-                self({ resize: tf.resize, mousemove: tf.mousemove })
-        }
-
-        const clean = () => {
-                tf(props)
-                self({ resize: tf.resize, mousemove: tf.mousemove })
-        }
-
-        const tf = createGL()
-
-        tf({ mount, clean })
-        return tf
-}
-
-export default gl

package/native.ts

@@ -1,64 +0,0 @@
-import { useEffect, useMemo } from 'react'
-import { Dimensions } from 'react-native'
-import { useMutable } from 'reev/react'
-import { gl, createTF } from './index'
-import { frame } from 'refr'
-import type { GL } from './types'
-import type { Fun } from 'refr'
-
-export const useGL = (props: Partial<GL> = {}, self = gl) => {
-        const change = () => {
-                self.resize(
-                        void 0,
-                        self.gl.drawingBufferWidth,
-                        self.gl.drawingBufferHeight
-                )
-        }
-        const memo1 = useMutable(props) as Partial<GL>
-        const memo2 = useMutable({
-                ref(gl: any) {
-                        self.el = {}
-                        self.gl = gl
-                        self.mount()
-                },
-                mount() {
-                        self.init()
-                        change()
-                        frame.start()
-                        Dimensions.addEventListener('change', change)
-                },
-                clean() {
-                        self(memo2)(memo1)
-                        frame.cancel()
-                },
-        }) as Partial<GL>
-
-        useEffect(() => self.clean, [self])
-
-        return useMemo(() => self(memo2)(memo1), [self, memo2, memo1])
-}
-export const useTF = (props: Partial<GL>, self = gl) => {
-        const memo = useMutable(props) as Partial<GL>
-        const tf = useMemo(() => createTF(memo, self), [memo, self])
-        useEffect(() => void tf.mount() || tf.clean, [self])
-        return tf
-}
-
-export const useTexture = (props: any, self = gl) => {
-        return self.texture(props)
-}
-
-export const useAttribute = (props: any, self = gl) => {
-        return self.attribute(props)
-}
-
-export const useUniform = (props: any, self = gl) => {
-        return self.uniform(props)
-}
-
-export const useFrame = (fun: Fun, self = gl) => {
-        const ref = useMutable(fun)
-        useEffect(() => self.frame(fun), [])
-        useEffect(() => () => self.frame(ref), [])
-        return self
-}

package/qwik.ts

@@ -1,42 +0,0 @@
-import { useSignal, useTask$, useVisibleTask$ } from '@builder.io/qwik'
-import { gl } from './index'
-import { frame } from 'refr'
-import type { GL } from './types'
-import type { Fun } from 'reev/types'
-
-export const useGL = (props?: any, self = gl as unknown as GL) => {
-        const ref = useSignal<Element>()
-        useVisibleTask$(({ cleanup }) => {
-                self(props)
-                self.el = self.target = ref.value
-                self.gl = self.target.getContext('webgl2')
-                self.init()
-                self.resize()
-                frame.start()
-                window.addEventListener('resize', self.resize)
-                window.addEventListener('mousemove', self.mousemove)
-                cleanup(() => {
-                        self.clean()
-                        window.removeEventListener('resize', self.resize)
-                        window.removeEventListener('mousemove', self.mousemove)
-                })
-        })
-        return self
-}
-
-export const useTexture = (props: any, self = gl) => {
-        return self?.texture(props)
-}
-
-export const useAttribute = (props: any, self = gl) => {
-        return self.attribute(props)
-}
-
-export const useUniform = (props: any, self = gl) => {
-        return self.uniform(props)
-}
-
-export const useFrame = (fun: Fun, self = gl) => {
-        useTask$(() => self.frame(fun))
-        return self
-}

package/react.ts

@@ -1,59 +0,0 @@
-import { useEffect, useMemo } from 'react'
-import { createTF, gl } from './index'
-import { frame } from 'refr'
-import { useMutable } from 'reev/react'
-import type { GL } from './types'
-import type { Fun } from 'refr'
-
-export const useGL = (props: Partial<GL> = {}, self = gl) => {
-        const memo1 = useMutable(props) as Partial<GL>
-        const memo2 = useMutable({
-                ref(target: unknown) {
-                        if (target) {
-                                self.target = target
-                                self.mount()
-                        } else self.clean()
-                },
-                mount() {
-                        self.el = self.target
-                        self.gl = self.target.getContext('webgl2')
-                        self.init()
-                        self.resize()
-                        frame.start()
-                        window.addEventListener('resize', self.resize)
-                        self.el.addEventListener('mousemove', self.mousemove)
-                },
-                clean() {
-                        self(memo2)(memo1)
-                        frame.cancel()
-                        window.removeEventListener('resize', self.resize)
-                },
-        }) as Partial<GL>
-
-        return useMemo(() => self(memo2)(memo1), [self, memo1, memo2])
-}
-
-export const useTF = (props: Partial<GL>, self = gl) => {
-        const memo = useMutable(props) as Partial<GL>
-        const tf = useMemo(() => createTF(memo, self), [memo, self])
-        useEffect(() => void tf.mount() || tf.clean, [self])
-        return tf
-}
-
-export const useTexture = (props: any, self = gl) => {
-        return self.texture(props)
-}
-
-export const useAttribute = (props: any, self = gl) => {
-        return self.attribute(props)
-}
-
-export const useUniform = (props: any, self = gl) => {
-        return self.uniform(props)
-}
-
-export const useFrame = (fun: Fun, self = gl) => {
-        useEffect(() => void self.frame(fun), [])
-        useEffect(() => () => self.frame(fun), [])
-        return self
-}

package/solid.ts

@@ -1,52 +0,0 @@
-import { onMount, onCleanup } from 'solid-js'
-import { frame } from 'refr'
-import { createTF, gl } from './index'
-import { GL } from './types'
-import type { Fun } from 'reev/types'
-
-export const onGL = (props?: Partial<GL>, self = gl) => {
-        const memo = {
-                ref(target: unknown) {
-                        if (target) {
-                                self.target = target
-                                self.mount()
-                        }
-                },
-                mount() {
-                        self.el = self.target
-                        self.gl = self.target.getContext('webgl2')
-                        self.init()
-                        self.resize()
-                        frame.start()
-                        window.addEventListener('resize', self.resize)
-                        window.addEventListener('mousemove', self.mousemove)
-                },
-                clean() {
-                        self(props)(memo)
-                        frame.cancel()
-                        window.removeEventListener('resize', self.resize)
-                        window.removeEventListener('mousemove', self.mousemove)
-                },
-        }
-        onCleanup(self.clean)
-        return self(props)(memo)
-}
-
-export const onTF = (props?: Partial<GL>, self = gl) => {
-        const tf = createTF(props, self)
-        onMount(() => tf.mount())
-        onCleanup(() => tf.clean())
-        return tf
-}
-
-export const onFrame = (fun: Fun, self = gl) => {
-        onMount(() => self('render', fun))
-}
-
-export const setTexture = (props: any, self = gl) => {
-        return self.texture(props)
-}
-
-export const setAttribute = (props: any, self = gl) => {
-        return self.attribute(props)
-}

package/test/index.test.ts

@@ -1,5 +0,0 @@
-describe('core', () => {
-        it('should work', () => {
-                expect(true).toBeTruthy()
-        })
-})

package/test/utils.test.ts

@@ -1,43 +0,0 @@
-import {
-    interleave,
-    isTemplateLiteral,
-    concat,
-    switchUniformType,
-} from 'glre/utils'
-
-describe('utils', () => {
-        const _ = (str, ...args) => [str, args] as [any, any]
-        const _0 = _`foo${false}bar${undefined}baz${null}`
-        const _1 = _`foo${  0  }bar${   NaN   }baz${ -1 }`
-        it('interleave merge strings', () => {
-                expect(interleave(..._0)).toEqual(`foofalsebarundefinedbaznull`)
-                expect(interleave(..._1)).toEqual(`foo0barNaNbaz-1`)
-        })
-        it('isTemplateLiteral', () => {
-                expect(isTemplateLiteral(_0[0])).toEqual(true)
-                expect(isTemplateLiteral(_1[0])).toEqual(true)
-        })
-
-        const headerUniform = `uniform vec2 iMouse;`;
-        const withUniform = `void main() { gl_FragColor = vec4(iMouse, 0., 1.); }`
-        const noneUniform = `void main() { gl_FragColor = vec4(0., 1., 0., 1.); }`
-        it.each`
-                i    | key         | shader                         | toBe
-                ${0} | ${void 0}   | ${                withUniform} | ${headerUniform + withUniform}
-                ${1} | ${"iMouse"} | ${                withUniform} | ${headerUniform + withUniform}
-                ${2} | ${"iMouse"} | ${                noneUniform} | ${noneUniform}
-                ${3} | ${void 0}   | ${headerUniform + withUniform} | ${headerUniform + withUniform}
-                ${4} | ${"iMouse"} | ${headerUniform + withUniform} | ${headerUniform + withUniform}
-                ${5} | ${"iMouse"} | ${headerUniform + noneUniform} | ${headerUniform + noneUniform}
-        `('concat $i', ({ key, shader, toBe }) => {
-                expect(concat(shader, headerUniform, key)).toBe(toBe)
-        })
-        it.each`
-                i    | uniformType           | uniformKey | isMatrix | value
-                ${0} | ${'uniform1f'}        | ${'float'} | ${false} | ${10}
-                ${1} | ${'uniform2fv'}       | ${'vec2'}  | ${false} | ${[0, 1]}
-                ${2} | ${`uniformMatrix2fv`} | ${'mat2'}  | ${true}  | ${[0, 1, 2, 3]}
-        `('switchUniformType $i', ({ value, isMatrix, uniformType, uniformKey }) => {
-                expect(switchUniformType(value, isMatrix)).toEqual([uniformType, uniformKey])
-        })
-})

package/tsup.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from 'tsup'
-import { defaultConfig } from '../../tsup.config.base'
-
-export default defineConfig((options) => {
-        return defaultConfig(
-                {
-                        entry: [
-                                'index.ts',
-                                'native.ts',
-                                'react.ts',
-                                'solid.ts',
-                        ],
-                },
-                options
-        )
-})