@thi.ng/webgl-shadertoy 0.4.99 → 0.4.101

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2023-12-03T12:13:32Z
+- **Last updated**: 2023-12-11T10:07:09Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.

package/api.js

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/webgl-shadertoy",
-  "version": "0.4.99",
+  "version": "0.4.101",
   "description": "Basic WebGL scaffolding for running interactive fragment shaders via @thi.ng/shader-ast",
   "type": "module",
   "module": "./index.js",
@@ -24,7 +24,9 @@
   "author": "Karsten Schmidt (https://thi.ng)",
   "license": "Apache-2.0",
   "scripts": {
-    "build": "yarn clean && tsc --declaration",
+    "build": "yarn build:esbuild && yarn build:decl",
+    "build:decl": "tsc --declaration --emitDeclarationOnly",
+    "build:esbuild": "esbuild --format=esm --platform=neutral --target=es2022 --tsconfig=tsconfig.json --outdir=. src/**/*.ts",
     "clean": "rimraf --glob '*.js' '*.d.ts' '*.map' doc",
     "doc": "typedoc --excludePrivate --excludeInternal --out doc src/index.ts",
     "doc:ae": "mkdir -p .ae/doc .ae/temp && api-extractor run --local --verbose",
@@ -33,15 +35,15 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.10",
-    "@thi.ng/shader-ast": "^0.12.83",
-    "@thi.ng/shader-ast-glsl": "^0.4.83",
-    "@thi.ng/webgl": "^6.6.10"
+    "@thi.ng/api": "^8.9.12",
+    "@thi.ng/shader-ast": "^0.12.85",
+    "@thi.ng/shader-ast-glsl": "^0.4.85",
+    "@thi.ng/webgl": "^6.6.12"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.38.3",
-    "@thi.ng/testament": "^0.4.3",
     "@types/node": "^20.10.2",
+    "esbuild": "^0.19.8",
     "rimraf": "^5.0.5",
     "tools": "^0.0.1",
     "typedoc": "^0.25.4",
@@ -89,5 +91,5 @@
     "status": "alpha",
     "year": 2019
   },
-  "gitHead": "04d1de79f256d7a53c6b5fd157b37f49bc88e11d\n"
+  "gitHead": "5e7bafedfc3d53bc131469a28de31dd8e5b4a3ff\n"
 }

package/shadertoy.js

@@ -5,80 +5,98 @@ import { compileModel } from "@thi.ng/webgl/buffer";
 import { draw } from "@thi.ng/webgl/draw";
 import { defQuadModel } from "@thi.ng/webgl/geo/quad";
 import { defShader } from "@thi.ng/webgl/shader";
-export const shaderToy = (opts) => {
-    const gl = opts.gl;
-    const model = defQuadModel({ uv: false });
-    model.textures = opts.textures || [];
-    compileModel(gl, model);
-    opts.canvas.addEventListener("mousemove", (e) => {
-        const rect = opts.canvas.getBoundingClientRect();
-        const dpr = window.devicePixelRatio;
-        model.uniforms.mouse = [
-            (e.clientX - rect.left) * dpr,
-            (rect.height - (e.clientY - rect.top)) * dpr,
-        ];
-    });
-    opts.canvas.addEventListener("mousedown", (e) => {
-        model.uniforms.mouseButtons = e.buttons;
-    });
-    opts.canvas.addEventListener("mouseup", (e) => {
-        model.uniforms.mouseButtons = e.buttons;
-    });
-    let active;
-    let t0;
-    const update = (time) => {
-        const w = gl.drawingBufferWidth;
-        const h = gl.drawingBufferHeight;
-        model.uniforms.time = time;
-        model.uniforms.resolution = [w, h];
-        gl.viewport(0, 0, w, h);
-        draw(model);
-    };
-    const updateRAF = () => {
-        update((Date.now() - t0) * 1e-3);
-        active && requestAnimationFrame(updateRAF);
-    };
-    const instance = {
-        start() {
-            t0 = Date.now();
-            active = true;
-            requestAnimationFrame(updateRAF);
+const shaderToy = (opts) => {
+  const gl = opts.gl;
+  const model = defQuadModel({ uv: false });
+  model.textures = opts.textures || [];
+  compileModel(gl, model);
+  opts.canvas.addEventListener("mousemove", (e) => {
+    const rect = opts.canvas.getBoundingClientRect();
+    const dpr = window.devicePixelRatio;
+    model.uniforms.mouse = [
+      (e.clientX - rect.left) * dpr,
+      (rect.height - (e.clientY - rect.top)) * dpr
+    ];
+  });
+  opts.canvas.addEventListener("mousedown", (e) => {
+    model.uniforms.mouseButtons = e.buttons;
+  });
+  opts.canvas.addEventListener("mouseup", (e) => {
+    model.uniforms.mouseButtons = e.buttons;
+  });
+  let active;
+  let t0;
+  const update = (time) => {
+    const w = gl.drawingBufferWidth;
+    const h = gl.drawingBufferHeight;
+    model.uniforms.time = time;
+    model.uniforms.resolution = [w, h];
+    gl.viewport(0, 0, w, h);
+    draw(model);
+  };
+  const updateRAF = () => {
+    update((Date.now() - t0) * 1e-3);
+    active && requestAnimationFrame(updateRAF);
+  };
+  const instance = {
+    start() {
+      t0 = Date.now();
+      active = true;
+      requestAnimationFrame(updateRAF);
+    },
+    stop() {
+      active = false;
+    },
+    update(time) {
+      update(time);
+    },
+    recompile(main, shaderOpts) {
+      if (model.shader) {
+        model.shader.release();
+      }
+      model.shader = defShader(
+        gl,
+        {
+          vs: (gl2, _, ins) => [
+            defMain(() => [
+              assign(
+                gl2.gl_Position,
+                vec4(ins.position, FLOAT0, FLOAT1)
+              )
+            ])
+          ],
+          fs: (gl2, unis, _, outputs) => [
+            defMain(() => [
+              assign(
+                outputs.fragColor,
+                defn(
+                  "vec4",
+                  "mainImage",
+                  [],
+                  () => main(gl2, unis)
+                )()
+              )
+            ])
+          ],
+          attribs: {
+            position: "vec2"
+          },
+          uniforms: {
+            resolution: "vec2",
+            mouse: ["vec2", [0, 0]],
+            mouseButtons: ["int", 0],
+            time: "float",
+            ...opts.uniforms
+          }
         },
-        stop() {
-            active = false;
-        },
-        update(time) {
-            update(time);
-        },
-        recompile(main, shaderOpts) {
-            if (model.shader) {
-                model.shader.release();
-            }
-            model.shader = defShader(gl, {
-                vs: (gl, _, ins) => [
-                    defMain(() => [
-                        assign(gl.gl_Position, vec4(ins.position, FLOAT0, FLOAT1)),
-                    ]),
-                ],
-                fs: (gl, unis, _, outputs) => [
-                    defMain(() => [
-                        assign(outputs.fragColor, defn("vec4", "mainImage", [], () => main(gl, unis))()),
-                    ]),
-                ],
-                attribs: {
-                    position: "vec2",
-                },
-                uniforms: {
-                    resolution: "vec2",
-                    mouse: ["vec2", [0, 0]],
-                    mouseButtons: ["int", 0],
-                    time: "float",
-                    ...opts.uniforms,
-                },
-            }, shaderOpts || opts.opts);
-        },
-        model,
-    };
-    instance.recompile(opts.main);
-    return instance;
+        shaderOpts || opts.opts
+      );
+    },
+    model
+  };
+  instance.recompile(opts.main);
+  return instance;
+};
+export {
+  shaderToy
 };