glre 0.23.0 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -13
- package/dist/index.d.ts +39 -22
- package/dist/index.js +17 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -15
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.ts +1 -1
- package/dist/native.js +17 -15
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +17 -15
- package/dist/native.mjs.map +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +17 -15
- package/dist/react.js.map +1 -1
- package/dist/react.mjs +17 -15
- package/dist/react.mjs.map +1 -1
- package/dist/solid.d.ts +1 -1
- package/dist/solid.js +17 -15
- package/dist/solid.js.map +1 -1
- package/dist/solid.mjs +17 -15
- package/dist/solid.mjs.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +14 -14
- package/src/node/index.ts +2 -2
- package/src/types.ts +7 -0
- package/src/utils/pipeline.ts +59 -75
- package/src/utils/program.ts +23 -17
- package/src/webgl.ts +34 -58
- package/src/webgpu.ts +72 -50
package/dist/react.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{useState as
|
|
2
|
-
`),u+=`precision ${
|
|
1
|
+
import{useState as Ve}from"react";import{durable as F,event as Oe}from"reev";import{createFrame as ze,createQueue as We}from"refr";import{nested as S}from"reev";var i={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)},ce=(e,t)=>e.forEach(t),je=(e,...t)=>{ce(e,r=>r(...t))},He=(e="",t="_",r="/")=>e.split(t).join(r),Ye=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",ke=(e=0)=>`${e}`.split(".")[1]?.length??0,Ke=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Ze=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var pe=(e,t)=>{let r={target:"webgl",precision:"mediump",version:"300 es",nodes:new Map,variables:new Map,functions:new Map,...t};return v(e,r)},v=(e,t)=>e?i.und(e.value)?e.property&&e.parent?`${v(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?le(e,t):e.mathFunction&&e.children&&e.children.length>=1?de(e,t):"0.0":me(e.value,e.type):"0.0",me=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2(${r})`;if(t==="vec3")return`vec3(${r})`;if(t==="vec4")return`vec4(${r})`;if(t==="color")return`vec3(${r})`}return"0.0"},le=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=v(e.children[0],t),n=v(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`mod(${r}, ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},de=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(l=>v(l,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},ge=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4"}return"float"},N=(e,t)=>{let r=t?.precision||"mediump",o=(t?.version||"300 es")==="300 es",a=pe(e),u="";return o&&(u+=`#version 300 es
|
|
2
|
+
`),u+=`precision ${r} float;
|
|
3
3
|
|
|
4
|
-
`,
|
|
4
|
+
`,t?.uniforms&&(Object.entries(t.uniforms).forEach(([l,h])=>{let x=ge(h);u+=`uniform ${x} ${l};
|
|
5
5
|
`}),u+=`
|
|
6
6
|
`),o&&(u+=`out vec4 fragColor;
|
|
7
7
|
|
|
@@ -9,14 +9,14 @@ import{useState as ze}from"react";import{durable as A,event as Be}from"reev";imp
|
|
|
9
9
|
`,u+=o?` fragColor = ${a};
|
|
10
10
|
`:` gl_FragColor = ${a};
|
|
11
11
|
`,u+=`}
|
|
12
|
-
`,u};var
|
|
12
|
+
`,u};var he=`
|
|
13
13
|
#version 300 es
|
|
14
14
|
void main() {
|
|
15
15
|
float x = float(gl_VertexID % 2) * 4.0 - 1.0;
|
|
16
16
|
float y = float(gl_VertexID / 2) * 4.0 - 1.0;
|
|
17
17
|
gl_Position = vec4(x, y, 0.0, 1.0);
|
|
18
18
|
}
|
|
19
|
-
`,
|
|
19
|
+
`,be=`
|
|
20
20
|
#version 300 es
|
|
21
21
|
precision mediump float;
|
|
22
22
|
uniform vec2 iResolution;
|
|
@@ -24,23 +24,25 @@ out vec4 fragColor;
|
|
|
24
24
|
void main() {
|
|
25
25
|
fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
|
|
26
26
|
}
|
|
27
|
-
`,
|
|
28
|
-
`}),
|
|
29
|
-
`),
|
|
30
|
-
`,
|
|
31
|
-
`;let n=
|
|
32
|
-
`,
|
|
33
|
-
`,
|
|
27
|
+
`,I=(e,t,r)=>{let n=e.createShader(r);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);throw e.deleteShader(n),new Error(`Could not compile shader: ${o}`)},B=(e,t=he,r=be)=>{i.obj(r)&&(r=N(r)),i.obj(t)&&(t=N(t));let n=e.createProgram();if(e.attachShader(n,I(e,t,e.VERTEX_SHADER)),e.attachShader(n,I(e,r,e.FRAGMENT_SHADER)),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let o=e.getProgramInfoLog(n);throw e.deleteProgram(n),new Error(`Could not link pg: ${o}`)},O=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),r},z=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),r},W=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},D=(e,t,r,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},q=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)};var V=async e=>{let t=e.el.getContext("webgl2"),r=B(t,e.vs,e.fs),n={context:t,program:r};t.useProgram(r);let o=0,a=S(()=>o++),u=S(p=>t.getUniformLocation(r,p)),l=S(p=>t.getAttribLocation(r,p));return{webgl:n,render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(p="",f,c)=>{let m=l(p,!0),T=O(t,f),L=z(t,c),fe=W(e.count,f,c);D(t,fe,m,T,L)},_uniform:(p,f)=>{let c=u(p);if(i.num(f))return t.uniform1f(c,f);let m=f.length;if(m<=4)return t[`uniform${m}fv`](c,f);m=Math.sqrt(m)<<0,t[`uniformMatrix${m}fv`](c,!1,f)},_texture:(p,f)=>{let c=new Image;Object.assign(c,{src:f,alt:p,crossOrigin:"anonymous"}),c.decode().then(()=>{let m=u(c.alt),T=a(c.alt);q(t,c,m,T)})}}};var xe=(e,t)=>{let r={target:"webgpu",nodes:new Map,variables:new Map,functions:new Map,...t};return E(e,r)},E=(e,t)=>e?e.value!==void 0?ye(e.value,e.type):e.property&&e.parent?`${E(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?Te(e,t):e.mathFunction&&e.children&&e.children.length>=1?ve(e,t):"0.0":"0.0",ye=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2<f32>(${r})`;if(t==="vec3")return`vec3<f32>(${r})`;if(t==="vec4")return`vec4<f32>(${r})`;if(t==="color")return`vec3<f32>(${r})`}return"0.0"},Te=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=E(e.children[0],t),n=E(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`(${r} % ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},ve=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(l=>E(l,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},C=(e,t)=>{let r="";t?.uniforms&&(Object.entries(t.uniforms).forEach(([o,a])=>{let u=Ee(a);r+=`@group(0) @binding(0) var<uniform> ${o}: ${u};
|
|
28
|
+
`}),r+=`
|
|
29
|
+
`),r+=`@fragment
|
|
30
|
+
`,r+=`fn main() -> @location(0) vec4<f32> {
|
|
31
|
+
`;let n=xe(e);return r+=` return ${n};
|
|
32
|
+
`,r+=`}
|
|
33
|
+
`,r},Ee=e=>{if(i.num(e))return"f32";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2<f32>";if(t===3)return"vec3<f32>";if(t===4)return"vec4<f32>"}return"f32"};var $e=`
|
|
34
34
|
@vertex
|
|
35
35
|
fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
|
|
36
36
|
let x = f32(vertex_index % 2u) * 4.0 - 1.0;
|
|
37
37
|
let y = f32(vertex_index / 2u) * 4.0 - 1.0;
|
|
38
38
|
return vec4f(x, y, 0.0, 1.0);
|
|
39
39
|
}
|
|
40
|
-
`,
|
|
40
|
+
`,we=`
|
|
41
|
+
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
42
|
+
|
|
41
43
|
@fragment
|
|
42
44
|
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
43
|
-
return vec4f(position.xy /
|
|
45
|
+
return vec4f(position.xy / iResolution, 0.0, 1.0);
|
|
44
46
|
}
|
|
45
|
-
`,q=(e,r,t=ye,n=ve,o)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({code:t.trim()}),entryPoint:"main",buffers:o},fragment:{module:e.createShaderModule({code:n.trim()}),entryPoint:"main",targets:[{format:r}]},layout:"auto",primitive:{topology:"triangle-list"}}),V=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),Te=e=>Math.ceil(e/256)*256,ur=(e,r)=>e.createBuffer({size:Te(r),usage:68}),fr=(e,r)=>{let t=new Float32Array(r),n=e.createBuffer({size:t.byteLength,usage:36});return e.queue.writeBuffer(n,0,t),n},Ee=(e,r,t)=>{let n=r.getBindGroupLayout(0);return e.createBindGroup({layout:n,entries:t})},cr=(e,r,t,n={},o=null)=>{let a=[{binding:0,resource:{buffer:t}}],u=1;return Object.values(n).forEach(p=>{a.push({binding:u++,resource:p.createView()})}),o&&Object.keys(n).length>0&&a.push({binding:u++,resource:o}),Ee(e,r,a)},pr=(e,r,t,n=0)=>{e.queue.writeBuffer(r,n,t)},lr=(e,r)=>{let t=e.createTexture({size:{width:r.width,height:r.height},format:"rgba8unorm",usage:6});return e.queue.copyExternalImageToTexture({source:r},{texture:t},{width:r.width,height:r.height}),t},mr=e=>e.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"}),dr=()=>new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]);var we=3,k=async e=>{let r=e.vs||e.vert||e.vertex,t=e.fs||e.frag||e.fragment;i.obj(r)&&(r=N(r)),i.obj(t)&&(t=N(t));let n=e.el.getContext("webgpu"),o=navigator.gpu,u=await(await o.requestAdapter()).requestDevice(),p=o.getPreferredCanvasFormat();n.configure({device:u,format:p,alphaMode:"opaque"}),e("clean",()=>{});let g;return e("render",()=>{g||(g=q(u,p,r,t,[]));let h=u.createCommandEncoder(),l=h.beginRenderPass(V(n));l.setPipeline(g),l.draw(we,1,0,0),l.end(),u.queue.submit([h.finish()])}),e("_attribute",(h="",l)=>{}),e("_uniform",(h,l=0)=>{}),e("_texture",(h,l)=>{}),e};var vr=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],H=["x","y","z","w","r","g","b","a","s","t","p","q"],j=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],Y=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],K=[!0,!1],Z=[0,1,2,3,4,5],Q=[0,1,.5,2];var C=new Map,G=new Map,S=new Map,$e=()=>{K.forEach(e=>{C.set(e,s("bool",e))}),Z.forEach(e=>{G.set(e,s("int",e))}),Q.forEach(e=>{S.set(e,s("float",e))})},R=e=>(C.has(e)||$e(),C.get(e)||s("bool",e)),U=e=>G.has(e)?G.get(e):s("int",e),_=e=>S.has(e)?S.get(e):s("float",e),$r=e=>{let r=new Map,t=new Map;return e.forEach(n=>{let o=Le(n);t.has(o)?(r.has(o)||r.set(o,[t.get(o)]),r.get(o).push(n)):t.set(o,n)}),r},Le=e=>[e.type,`${e.value}`,e.property||""].join("|");var Sr=e=>i.bol(e)?R(e):i.num(e)?i.int(e)?U(e):_(e):i.arr(e)?J(e):i.obj(e)?Ne(e):s("float",0),J=e=>{let r=e.length;return r===2?s("vec2",e):r===3?s("vec3",e):r===4?s("vec4",e):r===9?s("mat3",e):r===16?s("mat4",e):s("float",e[0])},Ne=e=>{if("r"in e&&"g"in e&&"b"in e){let r=[e.r,e.g,e.b];return"a"in e&&r.push(e.a),s("color",r)}if("x"in e&&"y"in e){let r=[e.x,e.y];return"z"in e&&r.push(e.z),"w"in e&&r.push(e.w),J(r)}return s("float",0)},P=e=>i.num(e)?_(e):s("float",Number(e)),Rr=e=>i.num(e)&&Number.isInteger(e)?U(e):s("int",Math.floor(Number(e))),Ur=e=>R(!!e),_r=(e,r)=>i.und(e)?s("vec2",[0,0]):i.und(r)?i.arr(e)?s("vec2",e.slice(0,2)):i.obj(e)&&"x"in e&&"y"in e?s("vec2",[e.x,e.y]):s("vec2",[Number(e),Number(e)]):s("vec2",[Number(e),Number(r)]),Ce=(e,r,t)=>i.und(e)?s("vec3",[0,0,0]):i.und(r)?i.arr(e)?s("vec3",e.slice(0,3)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e?s("vec3",[e.x,e.y,e.z]):s("vec3",[Number(e),Number(e),Number(e)]):t===void 0?s("vec3",[Number(e),Number(r),0]):s("vec3",[Number(e),Number(r),Number(t)]),Pr=(e,r,t,n)=>i.und(e)?s("vec4",[0,0,0,1]):i.und(r)?i.arr(e)?s("vec4",e.slice(0,4)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?s("vec4",[e.x,e.y,e.z,e.w]):s("vec4",[Number(e),Number(e),Number(e),1]):s("vec4",[Number(e),Number(r),Number(t),Number(n)]),Ar=(e,r,t)=>{if(e===void 0)return s("color",[1,1,1]);if(i.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return s("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return i.num(e)&&r===void 0&&t===void 0?s("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):Ce(e,r,t)};var Ge=0,Se=()=>`node_${++Ge}`,E=(e,r,t)=>({id:Se(),type:e,value:r,children:[],...t}),Re=(e="")=>H.includes(e),Ue=(e="")=>j.includes(e),_e=(e="")=>Y.includes(e),w=(e,r)=>{let t=(o,a)=>{if(!(!i.str(a)||a==="then"))return a==="id"?e.id:a==="type"?e.type:a==="value"?e.value:a==="property"?e.property:Re(a)?w(E(Pe(a),void 0,{parent:e,property:a}),r):Ue(a)?(...u)=>w(E(e.type,void 0,{operator:a,children:[e,...u]}),r):_e(a)?(...u)=>w(E(Ae(a,e.type),void 0,{mathFunction:a,children:[e,...u]}),r):r?.({path:[a],args:[]})},n=(o,a,u)=>r?.({path:[],args:u});return new Proxy(()=>{},{get:t,apply:n})},Pe=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",Ae=(e,r)=>e==="length"?"float":r,s=(e,r,t)=>{let n=E(e,r,t);return w(n)};var Xe=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let r=e.length;if(r===2)return"vec2";if(r===3)return"vec3";if(r===4)return"vec4";if(r===9)return"mat3";if(r===16)return"mat4"}return i.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},x=e=>{let r=Xe(e),t=e,n=null,o=null,a=s(r,t),u=f=>{t=f,a.value=f},p=f=>(n=f,l),g=f=>(o=f,l),h=f=>{if(n){let c=n(f);c!==void 0&&u(c)}if(o){let c=o(f);c!==void 0&&u(c)}},l=Object.create(a);return l.set=u,l.onObjectUpdate=p,l.onRenderUpdate=g,l._updateFromContext=h,l.isUniform=!0,l},ee=x(0),Fe=x(0),Me=x(0),Or=x([1920,1080]),Wr=x([0,0]),zr=e=>{if(e.time!==void 0){let r=ee.value||0;ee.set(e.time),Fe.set(r),Me.set(e.time-r)}};var Yr=e=>{let r=(...t)=>{let n=t.map(a=>i.obj(a)&&"type"in a&&a.type?a:P(a));return e(n)||P(0)};return r.call=t=>e(t),r},Kr=(e,r)=>{r();let t={ElseIf(n,o){return o(),t},Else(n){n()}};return t},Zr=s("vec4",void 0),Qr=s("vec4",void 0),Jr=x(0),et=x([1920,1080]),rt=x([0,0]),tt=e=>e.abs(),nt=e=>e.sin(),ot=e=>e.cos(),it=e=>e.tan(),at=e=>e.sqrt(),st=e=>e.floor(),ut=e=>e.ceil(),ft=e=>e.fract(),ct=e=>e.normalize(),pt=e=>e.length();var te=e=>i.obj(e)?"isGL"in e:!1,Oe=()=>typeof window>"u",We=()=>Oe()?!1:"gpu"in navigator,$=performance.now(),X=0,re=0,ne=e=>{let r=Be({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:3,webgl:{},webgpu:{}});return r.queue=De(),r.frame=Ie(),r.attribute=A((t,n,o)=>r.queue(()=>r._attribute?.(t,n,o))),r.uniform=A((t,n,o)=>r.queue(()=>r._uniform?.(t,n,o))),r.texture=A((t,n)=>r.queue(()=>r._texture?.(t,n))),r("mount",async()=>{We()||(r.isWebGL=!0),r.isWebGL?await z(r):await k(r),r.resize(),r.frame(()=>(r.loop(),r.render(),r.isLoop)),!r.isNative&&(window.addEventListener("resize",r.resize),r.el.addEventListener("mousemove",r.mousemove))}),r("clean",()=>{r.frame.stop(),r.frame.clean(r.render),!r.isNative&&(window.removeEventListener("resize",r.resize),r.el.removeEventListener("mousemove",r.mousemove))}),r("loop",()=>{X=$,$=performance.now()/1e3,re=$-X,r.uniform({iPrevTime:X,iTime:$,iDeltaTime:re})}),r("resize",()=>{let t=r.width||window.innerWidth,n=r.height||window.innerHeight;r.size[0]=r.el.width=t,r.size[1]=r.el.height=n,r.uniform("iResolution",r.size)}),r("mousemove",(t,n=t.clientX,o=t.clientY)=>{let[a,u]=r.size,{top:p,left:g}=r.el.getBoundingClientRect();r.mouse[0]=(n-p-a/2)/(a/2),r.mouse[1]=-(o-g-u/2)/(u/2),r.uniform("iMouse",r.mouse)}),r(e)};var Ft=(e={})=>ze(()=>{let r=te(e)?e:ne(e);return r.ref=t=>{t?(r.el=t,r.mount()):r.clean()},r})[0];export{K as CACHE_BOOLS,Q as CACHE_FLOATS,Z as CACHE_INTS,Y as FUNCTIONS,Yr as Fn,Kr as If,j as OPERATORS,H as SWIZZLES,vr as TYPES,tt as abs,W as activeTexture,Te as alignTo256,Ur as bool,ut as ceil,Ar as color,Sr as convertToNode,ot as cos,D as createAttrib,Ee as createBindGroup,V as createDescriptor,lr as createDeviceTexture,ne as createGL,I as createIbo,E as createNode,M as createProgram,q as createRenderPipeline,mr as createSampler,F as createShader,O as createTexture,pr as createUniform,ur as createUniformBuffer,B as createVbo,fr as createVertexBuffer,me as defaultFragmentGLSL,le as defaultVertexGLSL,je as dig,ae as each,ke as ext,He as fig,$r as findDuplicateNodes,P as float,st as floor,qe as flush,ft as fract,R as getCachedBool,_ as getCachedFloat,U as getCachedInt,dr as getDefaultVertices,Zr as gl_FragCoord,Qr as gl_Position,L as glsl,Me as iDeltaTime,rt as iMouse,Fe as iPrevTime,et as iResolution,Jr as iTime,sr as initWebGPUDevice,Rr as int,i as is,te as isGL,Oe as isServer,We as isWebGPUSupported,pt as length,s as node,se as nodeToGLSL,de as nodeToWGSL,ct as normalize,Ve as replace,Ye as sig,nt as sin,at as sqrt,it as tan,x as uniform,cr as updateBindGroup,zr as updateUniforms,Ft as useGL,_r as vec2,Ce as vec3,Pr as vec4,z as webgl,k as webgpu,N as wgsl};
|
|
47
|
+
`,j=async e=>{let t=navigator.gpu,r=t.getPreferredCanvasFormat(),o=await(await t.requestAdapter()).requestDevice();return e.configure({device:o,format:r,alphaMode:"opaque"}),{device:o,format:r}},H=(e,t,r,n,o=$e,a=we)=>{i.obj(a)&&(a=C(a)),i.obj(o)&&(o=C(o));let u=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:a.trim()}),entryPoint:"main",targets:[{format:t}]},layout:u,primitive:{topology:"triangle-list"}})},Y=(e,t)=>{let r=[],n=[];t.forEach((u,l)=>{if(!u)return;let h="buffer"in u,x=u instanceof GPUTextureView,d=u instanceof GPUSampler;if(h)r.push({binding:l,visibility:3,buffer:{type:"uniform"}});else if(x)r.push({binding:l,visibility:2,texture:{}});else if(d)r.push({binding:l,visibility:2,sampler:{}});else return;n.push({binding:l,resource:u})});let o=e.createBindGroupLayout({entries:r}),a=e.createBindGroup({layout:o,entries:n});return[o,a]},k=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),Le=e=>Math.ceil(e/256)*256,K=(e,t)=>{let r=new Float32Array(t),n=Le(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},Z=(e,t=1280,r=800)=>{let n=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),o=e.createSampler({magFilter:"linear",minFilter:"linear"});return[n,o]};var Q=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await j(t),o={device:r,context:t,uniforms:{},textures:{},resources:[[],[]],loadingImg:0,needsUpdate:!0},a=p=>{let{array:f,buffer:c}=K(r,p);return o.resources[0].push({buffer:c}),o.needsUpdate=!0,{array:f,buffer:c}},u=p=>{let{width:f,height:c}=p,[m,T]=Z(r,f,c);return o.resources[1].push(T,m.createView()),o.needsUpdate=!0,{texture:m,width:f,height:c}},l=()=>{let p=[];o.groups=[],o.resources.forEach(f=>{if(!f.length)return;let[c,m]=Y(r,f);p.push(c),o.groups.push(m)}),o.pipeline=H(r,n,[],p,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&l(),o.needsUpdate=!1;let p=r.createCommandEncoder(),f=p.beginRenderPass(k(t));f.setPipeline(o.pipeline),o.groups.forEach((c,m)=>f.setBindGroup(m,c)),f.draw(e.count,1,0,0),f.end(),r.queue.submit([p.finish()])},clean:()=>{},_attribute:(p="",f)=>{},_uniform:(p,f)=>{i.num(f)&&(f=[f]),o.uniforms[p]||(o.uniforms[p]=a(f));let{array:c,buffer:m}=o.uniforms[p];c.set(f),r.queue.writeBuffer(m,0,c)},_texture:(p,f)=>{o.loadingImg++;let c=Object.assign(new Image,{src:f,crossOrigin:"anonymous"});c.decode().then(()=>{o.textures[p]||(o.textures[p]=u(c));let{texture:m,width:T,height:L}=o.textures[p];r.queue.copyExternalImageToTexture({source:c},{texture:m},{width:T,height:L}),o.loadingImg--})}}};var ht=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],J=["x","y","z","w","r","g","b","a","s","t","p","q"],ee=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],te=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],re=[!0,!1],ne=[0,1,2,3,4,5],oe=[0,1,.5,2];var G=new Map,R=new Map,_=new Map,Ne=()=>{re.forEach(e=>{G.set(e,s("bool",e))}),ne.forEach(e=>{R.set(e,s("int",e))}),oe.forEach(e=>{_.set(e,s("float",e))})},U=e=>(G.has(e)||Ne(),G.get(e)||s("bool",e)),X=e=>R.has(e)?R.get(e):s("int",e),A=e=>_.has(e)?_.get(e):s("float",e),Tt=e=>{let t=new Map,r=new Map;return e.forEach(n=>{let o=Se(n);r.has(o)?(t.has(o)||t.set(o,[r.get(o)]),t.get(o).push(n)):r.set(o,n)}),t},Se=e=>[e.type,`${e.value}`,e.property||""].join("|");var Lt=e=>i.bol(e)?U(e):i.num(e)?i.int(e)?X(e):A(e):i.arr(e)?ie(e):i.obj(e)?Ce(e):s("float",0),ie=e=>{let t=e.length;return t===2?s("vec2",e):t===3?s("vec3",e):t===4?s("vec4",e):t===9?s("mat3",e):t===16?s("mat4",e):s("float",e[0])},Ce=e=>{if("r"in e&&"g"in e&&"b"in e){let t=[e.r,e.g,e.b];return"a"in e&&t.push(e.a),s("color",t)}if("x"in e&&"y"in e){let t=[e.x,e.y];return"z"in e&&t.push(e.z),"w"in e&&t.push(e.w),ie(t)}return s("float",0)},P=e=>i.num(e)?A(e):s("float",Number(e)),Nt=e=>i.num(e)&&Number.isInteger(e)?X(e):s("int",Math.floor(Number(e))),St=e=>U(!!e),Ct=(e,t)=>i.und(e)?s("vec2",[0,0]):i.und(t)?i.arr(e)?s("vec2",e.slice(0,2)):i.obj(e)&&"x"in e&&"y"in e?s("vec2",[e.x,e.y]):s("vec2",[Number(e),Number(e)]):s("vec2",[Number(e),Number(t)]),Ge=(e,t,r)=>i.und(e)?s("vec3",[0,0,0]):i.und(t)?i.arr(e)?s("vec3",e.slice(0,3)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e?s("vec3",[e.x,e.y,e.z]):s("vec3",[Number(e),Number(e),Number(e)]):r===void 0?s("vec3",[Number(e),Number(t),0]):s("vec3",[Number(e),Number(t),Number(r)]),Gt=(e,t,r,n)=>i.und(e)?s("vec4",[0,0,0,1]):i.und(t)?i.arr(e)?s("vec4",e.slice(0,4)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?s("vec4",[e.x,e.y,e.z,e.w]):s("vec4",[Number(e),Number(e),Number(e),1]):s("vec4",[Number(e),Number(t),Number(r),Number(n)]),Rt=(e,t,r)=>{if(e===void 0)return s("color",[1,1,1]);if(i.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return s("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return i.num(e)&&t===void 0&&r===void 0?s("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):Ge(e,t,r)};var Re=0,_e=()=>`node_${++Re}`,$=(e,t,r)=>({id:_e(),type:e,value:t,children:[],...r}),Ue=(e="")=>J.includes(e),Xe=(e="")=>ee.includes(e),Ae=(e="")=>te.includes(e),w=(e,t)=>{let r=(o,a)=>{if(!(!i.str(a)||a==="then"))return a==="id"?e.id:a==="type"?e.type:a==="value"?e.value:a==="property"?e.property:Ue(a)?w($(Pe(a),void 0,{parent:e,property:a}),t):Xe(a)?(...u)=>w($(e.type,void 0,{operator:a,children:[e,...u]}),t):Ae(a)?(...u)=>w($(Fe(a,e.type),void 0,{mathFunction:a,children:[e,...u]}),t):t?.({path:[a],args:[]})},n=(o,a,u)=>t?.({path:[],args:u});return new Proxy(()=>{},{get:r,apply:n})},Pe=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",Fe=(e,t)=>e==="length"?"float":t,s=(e,t,r)=>{let n=$(e,t,r);return w(n)};var Me=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4";if(t===9)return"mat3";if(t===16)return"mat4"}return i.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},b=e=>{let t=Me(e),r=e,n=null,o=null,a=s(t,r),u=g=>{r=g,a.value=g},l=g=>(n=g,d),h=g=>(o=g,d),x=g=>{if(n){let y=n(g);y!==void 0&&u(y)}if(o){let y=o(g);y!==void 0&&u(y)}},d=Object.create(a);return d.set=u,d.onObjectUpdate=l,d.onRenderUpdate=h,d._updateFromContext=x,d.isUniform=!0,d},ae=b(0),Ie=b(0),Be=b(0),Mt=b([1920,1080]),It=b([0,0]),Bt=e=>{if(e.time!==void 0){let t=ae.value||0;ae.set(e.time),Ie.set(t),Be.set(e.time-t)}};var Vt=e=>{let t=(...r)=>{let n=r.map(a=>i.obj(a)&&"type"in a&&a.type?a:P(a));return e(n)||P(0)};return t.call=r=>e(r),t},jt=(e,t)=>{t();let r={ElseIf(n,o){return o(),r},Else(n){n()}};return r},Ht=s("vec4",void 0),Yt=s("vec4",void 0),kt=b(0),Kt=b([1920,1080]),Zt=b([0,0]),Qt=e=>e.abs(),Jt=e=>e.sin(),er=e=>e.cos(),tr=e=>e.tan(),rr=e=>e.sqrt(),nr=e=>e.floor(),or=e=>e.ceil(),ir=e=>e.fract(),ar=e=>e.normalize(),sr=e=>e.length();var se=e=>i.obj(e)?"isGL"in e:!1,De=()=>typeof window>"u",qe=()=>De()?!1:"gpu"in navigator,M=performance.now(),ue=e=>{let t=Oe({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:3,webgl:{},webgpu:{}});return t.queue=We(),t.frame=ze(),t.attribute=F((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=F((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=F((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:M}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,qe()||(t.isWebGL=!0),t.isWebGL?t(await V(t)):t(await Q(t)),t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.render(),t.isLoop)),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove))}),t("clean",()=>{t.frame.stop(),t.frame.clean(t.render),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[a,u]=t.size,{top:l,left:h}=t.el.getBoundingClientRect();t.mouse[0]=(n-l-a/2)/(a/2),t.mouse[1]=-(o-h-u/2)/(u/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{M=performance.now()/1e3,t.uniform("iTime",M)}),t(e)};var Ur=(e={})=>Ve(()=>{let t=se(e)?e:ue(e);return t.ref=r=>{r?(t.el=r,t.mount()):t.clean()},t})[0];export{re as CACHE_BOOLS,oe as CACHE_FLOATS,ne as CACHE_INTS,te as FUNCTIONS,Vt as Fn,jt as If,ee as OPERATORS,J as SWIZZLES,ht as TYPES,Qt as abs,Le as alignTo256,St as bool,or as ceil,Rt as color,Lt as convertToNode,er as cos,D as createAttrib,Y as createBindGroup,k as createDescriptor,j as createDevive,ue as createGL,z as createIbo,$ as createNode,H as createPipeline,B as createProgram,q as createTexture,Z as createTextureSampler,K as createUniformBuffer,O as createVbo,be as defaultFragmentGLSL,he as defaultVertexGLSL,Ke as dig,ce as each,Ye as ext,ke as fig,Tt as findDuplicateNodes,P as float,nr as floor,je as flush,ir as fract,Ht as fragCoord,U as getCachedBool,A as getCachedFloat,X as getCachedInt,W as getStride,N as glsl,Be as iDeltaTime,Zt as iMouse,Ie as iPrevTime,Kt as iResolution,kt as iTime,Nt as int,i as is,se as isGL,De as isServer,qe as isWebGPUSupported,sr as length,s as node,pe as nodeToGLSL,xe as nodeToWGSL,ar as normalize,Yt as position,He as replace,Ze as sig,Jt as sin,rr as sqrt,tr as tan,b as uniform,Bt as updateUniforms,Ur as useGL,Ct as vec2,Ge as vec3,Gt as vec4,V as webgl,Q as webgpu,C as wgsl};
|
|
46
48
|
//# sourceMappingURL=react.mjs.map
|