typegpu 0.3.1 → 0.3.3

package/index.js

@@ -1,15 +1,4270 @@
-import{Aa as Ot,Da as kt,Fa as xe,Ga as $t,a as G,b as Ut,c as R,j as vt,k as ke,l as U,m as _,n as l,na as v,oa as $,p as At,q as ie,qa as b,r as Rt,s as _t,v as It,va as Vt,w as Et,wa as Ct,x as ue,xa as Gt,y as O}from"./chunk-MCUGRE3S.js";import{a as B,b as V,c as i,d as oe,e as X,f as Ge,g as ce,h as Oe,i as se,j as Ft,k as C,l as P,m as k,n as Lt,o as pe,p as le,q as $e,r as Bt,s as We,t as Me,u as x,v as Pt,w as I,x as E}from"./chunk-BGPVBIFN.js";function Wt(e,t){return new Ne(e,t)}var Ne=class{constructor(t,r){this.dataType=t;this._value=r;i(this,"_label")}get label(){return this._label}$name(t){return this._label=t,this}"~resolve"(t){let r=t.names.makeUnique(this._label),n=t.resolveValue(this._value,this.dataType);return t.addDeclaration(`const ${r} = ${n};`),r}toString(){var t;return`const:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){return P()?this:this._value}};function Mt(e){return!!e&&(typeof e=="object"||typeof e=="function")&&"$name"in e}function Q(e){return(e==null?void 0:e.resourceType)==="slot"}function Z(e){return(e==null?void 0:e.resourceType)==="derived"}function de(e){return(e==null?void 0:e.resourceType)==="accessor"}var S=Symbol("Unknown data type");function je(e){return typeof(e==null?void 0:e["~resolve"])=="function"}function z(e){return typeof e=="number"||typeof e=="boolean"||typeof e=="string"||je(e)||G(e)||Q(e)||Z(e)}function Nt(e){return!!e&&typeof e=="object"&&"getMappedRange"in e&&"mapAsync"in e}function K(e,t){for(let[r,n]of Object.entries(t))e[r]=n,Mt(n)&&(!("label"in n)||n.label===void 0)&&n.$name(r)}function jt(e,t,r){let n=[...e.matchAll(new RegExp(":\\s*(?<arg>.*?)\\s*[,)]","g"))].map(a=>{var o;return(o=a.groups)==null?void 0:o.arg});r(Object.fromEntries(t.flatMap((a,o)=>{let s=n?n[o]:void 0;return R(a)&&s!==void 0?[[s,a]]:[]})))}function ee(e,t,r){var a,o,s;let n=(s=(o=(a=e.match(new RegExp("->(?<output>.*?){","s")))==null?void 0:a.groups)==null?void 0:o.output)==null?void 0:s.trim();R(t)&&n&&!/\s/g.test(n)&&r({[n]:t})}function Gr(e){return new RegExp(`(?<![\\w_.])${e}(?![\\w_])`,"g")}function q(e,t,r){return Object.entries(t).reduce((n,[a,o])=>{var s;return z(o)?n.replaceAll(Gr(a),e.resolve(o)):o!==null&&typeof o=="object"?((s=[...r.matchAll(new RegExp(`${a}\\.(?<prop>.*?)(?![\\w_])`,"g"))].map(d=>{var p;return(p=d==null?void 0:d.groups)==null?void 0:p.prop}))!=null?s:[]).reduce((d,p)=>p&&p in o?q(e,{[`${a}.${p}`]:o[p]},d):d,n):n},r)}function zt(e){return new ze(e)}var ze=class{constructor(t){this.declaration=t;i(this,"externalsToApply",[])}$uses(t){return this.externalsToApply.push(t),this}"~resolve"(t){let r={};for(let a of this.externalsToApply)K(r,a);let n=q(t,r,this.declaration);return t.addDeclaration(n),""}toString(){return`declare: ${this.declaration}`}};var Kt=new WeakMap;function qt(e){return Kt.get(e)}function Jt(e,t,r){return Kt.set(e,{ast:t,externals:r}),e}function W(e,t){let r=[];return typeof t=="string"&&(jt(t,e.argTypes,n=>r.push(n)),ee(t,e.returnType,n=>r.push(n))),{label:void 0,applyExternals(n){r.push(n)},resolve(n,a=""){var u;let o={};for(let d of r)K(o,d);let s=n.names.makeUnique(this.label);if(typeof t=="string"){let d=q(n,o,t.trim());n.addDeclaration(`${a}fn ${s}${d}`)}else{let d=qt(t);if(d!=null&&d.externals){let f=Object.fromEntries(Object.entries(d.externals).filter(([h])=>!(h in o)));K(o,f)}let p=(u=d==null?void 0:d.ast)!=null?u:n.transpileFn(String(t)),T=p.externalNames.filter(f=>!(f in o));if(T.length>0)throw new Oe(this.label,T);let g=p.argNames.map((f,h)=>({value:f,dataType:e.argTypes[h]})),{head:m,body:c}=n.fnToWgsl({args:g,returnType:e.returnType,body:p.body,externalMap:o});n.addDeclaration(`${a}fn ${s}${n.resolve(m)}${n.resolve(c)}`)}return s}}}function Yt(e,t){var n,a,o;let{workgroupSize:r}=t;return{argTypes:[],returnType:void 0,workgroupSize:[(n=r[0])!=null?n:1,(a=r[1])!=null?a:1,(o=r[2])!=null?o:1],does(s){return Or(this,r,s)}}}function Or(e,t,r){let n=W(e,r);return{shell:e,get label(){return n.label},$uses(a){return n.applyExternals(a),this},$name(a){return n.label=a,this},"~resolve"(a){return n.resolve(a,`@compute @workgroup_size(${t.join(", ")}) `)},toString(){var a;return`computeFn:${(a=this.label)!=null?a:"<unnamed>"}`}}}function Ht(e,t){return{argTypes:e,returnType:t,does(r){return kr(this,r)}}}function Ke(e){return(e==null?void 0:e.resourceType)==="function"}function kr(e,t){let r=W(e,t),o=Object.assign((...s)=>{if(P())return new be(o,s);if(typeof t=="string")throw new Error("Cannot execute on the CPU functions constructed with raw WGSL");return t(...s)},{shell:e,resourceType:"function",$uses(s){return r.applyExternals(s),this},$name(s){return r.label=s,this},with(s,u){return Xt(o,de(s)?s.slot:s,u)},"~resolve"(s){return r.resolve(s)}});return Object.defineProperty(o,"label",{get:()=>r.label}),Object.defineProperty(o,"toString",{value:()=>{var s;return`fn:${(s=r.label)!=null?s:"<unnamed>"}`}}),o}function Xt(e,t,r){let n={resourceType:"function",shell:e.shell,$uses(s){return e.$uses(s),this},$name(s){return e.$name(s),this},with(s,u){return Xt(o,de(s)?s.slot:s,u)},"~resolve"(s){return s.withSlots([[t,r]],()=>s.resolve(e))}},o=Object.assign((...s)=>P()?new be(o,s):e(...s),n);return Object.defineProperty(o,"label",{get:()=>e.label}),Object.defineProperty(o,"toString",{value(){var s,u;return`fn:${(s=e.label)!=null?s:"<unnamed>"}[${(u=t.label)!=null?u:"<unnamed>"}=${r}]`}}),o}var be=class{constructor(t,r){this._fn=t;this._params=r}get label(){return this._fn.label}"~resolve"(t){return t.resolve(`${t.resolve(this._fn)}(${this._params.map(r=>t.resolve(r)).join(", ")})`)}toString(){var t;return`call:${(t=this.label)!=null?t:"<unnamed>"}`}};function $r(e){let t=0;return Object.fromEntries(Object.entries(e).map(([r,n])=>{if(xe(n))return[r,n];let a=ue(n);return a!==void 0?(t=a+1,[r,n]):[r,Ot(n,{type:"@location",value:t++})]}))}function he(e){return O(e)?kt(0,e):At($r(e))}function Qt(e,t){return{argTypes:[e],returnType:t,does(r){return Wr(this,r)}}}function Wr(e,t){let r=W(e,t),n=he(e.returnType);return typeof t=="string"&&ee(t,n,o=>r.applyExternals(o)),{shell:e,outputType:n,get label(){return r.label},$uses(o){return r.applyExternals(o),this},$name(o){return r.label=o,R(n)&&n.$name(`${o}_Output`),this},"~resolve"(o){return r.resolve(o,"@fragment ")},toString(){var o;return`fragmentFn:${(o=this.label)!=null?o:"<unnamed>"}`}}}function Zt(e,t){return{argTypes:[e],returnType:t,does(r){return Mr(this,r)}}}function Mr(e,t){let r=W(e,t),n=he(e.returnType);return typeof t=="string"&&ee(t,n,a=>r.applyExternals(a)),{shell:e,outputType:n,get label(){return r.label},$uses(a){return r.applyExternals(a),this},$name(a){return r.label=a,R(n)&&n.$name(`${a}_Output`),this},"~resolve"(a){return r.resolve(a,"@vertex ")},toString(){var a;return`vertexFn:${(a=this.label)!=null?a:"<unnamed>"}`}}}var M=class{constructor(){i(this,"lastUniqueId",0)}makeUnique(t){let r;return t?(r=t.replaceAll(/\s/g,"_"),r=r.replaceAll(/[^\w\d]/g,"")):r="item",`${r}_${this.lastUniqueId++}`}},N=class{constructor(){i(this,"_usedNames",new Set)}makeUnique(t){if(t===void 0)throw new Error("Unnamed item found when using a strict name registry");let r=0,n=t;for(;this._usedNames.has(n);)r++,n=`${t}_${r}`;return this._usedNames.add(n),n}};function er(e,t){throw new Error(`Failed to handle ${e} at ${t}`)}var Nr=["bool","f32","f16","i32","u32","vec2f","vec3f","vec4f","vec2h","vec3h","vec4h","vec2i","vec3i","vec4i","vec2u","vec3u","vec4u","mat2x2f","mat3x3f","mat4x4f"];function jr(e){return Nr.includes(e.type)}function zr(e,[t,r]){return`  ${$t(r)}${t}: ${e.resolve(r)},
-`}function Kr(e,t){let r=e.names.makeUnique(t.label);return e.addDeclaration(`
-struct ${r} {
-${Object.entries(t.propTypes).map(n=>zr(e,n)).join("")}}
-`),r}function qr(e,t){let r=e.resolve(t.elementType);return t.elementCount===0?`array<${r}>`:`array<${r}, ${t.elementCount}>`}function qe(e,t){if(jr(t))return t.type;if(t.type==="struct")return Kr(e,t);if(t.type==="array")return qr(e,t);if(t.type==="atomic")return`atomic<${qe(e,t.inner)}>`;if(t.type==="decorated")return e.resolve(t.inner);er(t,"resolveData")}function*tr(e){let t=0;for(;;)e.has(t)||(yield t),t++}var Jr=["==","!=","<","<=",">",">=","<<",">>","+","-","*","/","%","|","^","&","&&","||"];function w(e,t){return z(t.value)||G(t.value)?e.resolve(t.value):String(t.value)}function Yr(e){throw new Error(`'${JSON.stringify(e)}' was not handled by the WGSL generator.`)}function rr(e,t){return t?{value:"true",dataType:ke}:{value:"false",dataType:ke}}function nr(e,t){return`${e.indent()}{
-${t.b.map(r=>Ye(e,r)).join(`
-`)}
-${e.dedent()}}`}function Je(e,t){return e.getById(t)}function F(e,t){if(typeof t=="string")return Je(e,t);if(typeof t=="boolean")return rr(e,t);if("x"in t){let[r,n,a]=t.x,o=w(e,F(e,r)),s=w(e,F(e,a));return{value:Jr.includes(n)?`(${o} ${n} ${s})`:`${o} ${n} ${s}`,dataType:S}}if("u"in t){let[r,n]=t.u,a=w(e,F(e,n));return{value:`${r}${a}`,dataType:S}}if("a"in t){let[r,n]=t.a,a=F(e,r),o=w(e,F(e,n));if(typeof a.value=="string")return{value:`${a.value}.${o}`,dataType:S};if(z(a.value))return o==="value"?{value:w(e,a),dataType:S}:{value:a.value[o],dataType:S};if(typeof a.value=="object")return{value:a.value[o],dataType:S};throw new Error(`Cannot access member ${o} of ${a.value}`)}if("i"in t){let[r,n]=t.i,a=w(e,F(e,r)),o=w(e,F(e,n));return{value:`${a}[${o}]`,dataType:S}}if("n"in t)return{value:t.n,dataType:S};if("f"in t){let[r,n]=t.f,o=F(e,r).value,u=n.map(p=>F(e,p)).map(p=>w(e,p));return typeof o=="string"?{value:`${o}(${u.join(", ")})`,dataType:S}:{value:o(...u),dataType:S}}Yr(t)}function Ye(e,t){if(typeof t=="string")return`${e.pre}${w(e,Je(e,t))};`;if(typeof t=="boolean")return`${e.pre}${w(e,rr(e,t))};`;if("r"in t)return t.r===null?`${e.pre}return;`:`${e.pre}return ${w(e,F(e,t.r))};`;if("q"in t){let[r,n,a]=t.q,o=w(e,F(e,r));e.indent();let s=Ye(e,n);e.dedent(),e.indent();let u=a?Ye(e,a):void 0;return e.dedent(),u?`${e.pre}if (${o})
-${s}
-${e.pre}else
-${u}`:`${e.pre}if (${o})
-${s}`}if("l"in t||"c"in t){let[r,n]="l"in t?t.l:t.c,a=w(e,Je(e,r)),o=n?F(e,n):void 0;if(!o)throw new Error("Cannot create variable without an initial value.");return`${e.pre}var ${a} = ${w(e,o)};`}return"b"in t?nr(e,t):`${e.pre}${w(e,F(e,t))};`}function He(e,t){return nr(e,t)}import{BufferReader as Xe,BufferWriter as Qe}from"typed-binary";function Hr(e,t){let r="size"in e?e.size:e.currentByteOffset,n=t-1,a=r&n;"skipBytes"in e?e.skipBytes(t-a&n):e.add(t-a&n)}var y=Hr;var D={bool(e,t,r){e.writeBool(r)},f32(e,t,r){e.writeFloat32(r)},f16(e,t,r){e.writeFloat16(r)},i32(e,t,r){e.writeInt32(r)},u32(e,t,r){e.writeUint32(r)},vec2f(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y)},vec2h(e,t,r){e.writeFloat16(r.x),e.writeFloat16(r.y)},vec2i(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y)},vec2u(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y)},vec3f(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y),e.writeFloat32(r.z)},vec3h(e,t,r){e.writeFloat16(r.x),e.writeFloat16(r.y),e.writeFloat16(r.z)},vec3i(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y),e.writeInt32(r.z)},vec3u(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y),e.writeUint32(r.z)},vec4f(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y),e.writeFloat32(r.z),e.writeFloat32(r.w)},vec4h(e,t,r){e.writeFloat16(r.x),e.writeFloat16(r.y),e.writeFloat16(r.z),e.writeFloat16(r.w)},vec4i(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y),e.writeInt32(r.z),e.writeInt32(r.w)},vec4u(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y),e.writeUint32(r.z),e.writeUint32(r.w)},mat2x2f(e,t,r){for(let n=0;n<r.length;++n)e.writeFloat32(r[n])},mat3x3f(e,t,r){for(let n=0;n<r.length;++n)e.writeFloat32(r[n])},mat4x4f(e,t,r){for(let n=0;n<r.length;++n)e.writeFloat32(r[n])},struct(e,t,r){let n=v(t);y(e,n);for(let[a,o]of Object.entries(t.propTypes))y(e,v(o)),te(e,o,r[a]);y(e,n)},array(e,t,r){if(t.elementCount===0)throw new Error("Cannot write using a runtime-sized schema.");let n=v(t);y(e,n);let a=e.currentByteOffset;for(let o=0;o<Math.min(t.elementCount,r.length);o++)y(e,n),te(e,t.elementType,r[o]);e.seekTo(a+b(t))},atomic(e,t,r){var n;(n=D[t.inner.type])==null||n.call(D,e,t,r)},decorated(e,t,r){var o,s;let n=$(t);y(e,n);let a=e.currentByteOffset;(s=D[(o=t.inner)==null?void 0:o.type])==null||s.call(D,e,t.inner,r),e.seekTo(a+b(t))},uint8(e,t,r){e.writeUint8(r)},uint8x2(e,t,r){e.writeUint8(r.x),e.writeUint8(r.y)},uint8x4(e,t,r){e.writeUint8(r.x),e.writeUint8(r.y),e.writeUint8(r.z),e.writeUint8(r.w)},sint8(e,t,r){e.writeInt8(r)},sint8x2(e,t,r){e.writeInt8(r.x),e.writeInt8(r.y)},sint8x4(e,t,r){e.writeInt8(r.x),e.writeInt8(r.y),e.writeInt8(r.z),e.writeInt8(r.w)},unorm8(e,t,r){e.writeUint8(r*255)},unorm8x2(e,t,r){e.writeUint8(r.x*255),e.writeUint8(r.y*255)},unorm8x4(e,t,r){e.writeUint8(r.x*255),e.writeUint8(r.y*255),e.writeUint8(r.z*255),e.writeUint8(r.w*255)},snorm8(e,t,r){e.writeUint8(r*127+128)},snorm8x2(e,t,r){e.writeUint8(r.x*127+128),e.writeUint8(r.y*127+128)},snorm8x4(e,t,r){e.writeUint8(r.x*127+128),e.writeUint8(r.y*127+128),e.writeUint8(r.z*127+128),e.writeUint8(r.w*127+128)},uint16(e,t,r){e.writeUint16(r)},uint16x2(e,t,r){e.writeUint16(r.x),e.writeUint16(r.y)},uint16x4(e,t,r){e.writeUint16(r.x),e.writeUint16(r.y),e.writeUint16(r.z),e.writeUint16(r.w)},sint16(e,t,r){e.writeInt16(r)},sint16x2(e,t,r){e.writeInt16(r.x),e.writeInt16(r.y)},sint16x4(e,t,r){e.writeInt16(r.x),e.writeInt16(r.y),e.writeInt16(r.z),e.writeInt16(r.w)},unorm16(e,t,r){e.writeUint16(r*65535)},unorm16x2(e,t,r){e.writeUint16(r.x*65535),e.writeUint16(r.y*65535)},unorm16x4(e,t,r){e.writeUint16(r.x*65535),e.writeUint16(r.y*65535),e.writeUint16(r.z*65535),e.writeUint16(r.w*65535)},snorm16(e,t,r){e.writeUint16(r*32767+32768)},snorm16x2(e,t,r){e.writeUint16(r.x*32767+32768),e.writeUint16(r.y*32767+32768)},snorm16x4(e,t,r){e.writeUint16(r.x*32767+32768),e.writeUint16(r.y*32767+32768),e.writeUint16(r.z*32767+32768),e.writeUint16(r.w*32767+32768)},float16(e,t,r){e.writeFloat16(r)},float16x2(e,t,r){e.writeFloat16(r.x),e.writeFloat16(r.y)},float16x4(e,t,r){e.writeFloat16(r.x),e.writeFloat16(r.y),e.writeFloat16(r.z),e.writeFloat16(r.w)},float32(e,t,r){e.writeFloat32(r)},float32x2(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y)},float32x3(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y),e.writeFloat32(r.z)},float32x4(e,t,r){e.writeFloat32(r.x),e.writeFloat32(r.y),e.writeFloat32(r.z),e.writeFloat32(r.w)},uint32(e,t,r){e.writeUint32(r)},uint32x2(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y)},uint32x3(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y),e.writeUint32(r.z)},uint32x4(e,t,r){e.writeUint32(r.x),e.writeUint32(r.y),e.writeUint32(r.z),e.writeUint32(r.w)},sint32(e,t,r){e.writeInt32(r)},sint32x2(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y)},sint32x3(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y),e.writeInt32(r.z)},sint32x4(e,t,r){e.writeInt32(r.x),e.writeInt32(r.y),e.writeInt32(r.z),e.writeInt32(r.w)},"unorm10-10-10-2"(e,t,r){let n=0;n|=(r.x*1023&1023)<<22,n|=(r.x*1023&1023)<<12,n|=(r.y*1023&1023)<<2,n|=r.z*3&3,e.writeUint32(n)},"unorm8x4-bgra"(e,t,r){e.writeUint8(r.z*255),e.writeUint8(r.y*255),e.writeUint8(r.x*255),e.writeUint8(r.w*255)},disarray(e,t,r){var o,s;let n=v(t);y(e,n);let a=e.currentByteOffset;for(let u=0;u<Math.min(t.elementCount,r.length);u++)y(e,n),(s=D[(o=t.elementType)==null?void 0:o.type])==null||s.call(D,e,t.elementType,r[u]);e.seekTo(a+b(t))},unstruct(e,t,r){var n;for(let[a,o]of Object.entries(t.propTypes))(n=D[o.type])==null||n.call(D,e,o,r[a])},"loose-decorated"(e,t,r){var s;let n=$(t);y(e,n);let a=e.currentByteOffset,o=D[(s=t.inner)==null?void 0:s.type];return o==null||o(e,t.inner,r),e.seekTo(a+b(t)),r}};function te(e,t,r){let n=D[t.type];if(!n)throw new Error(`Cannot write data of type '${t.type}'.`);n(e,t,r)}var J={bool(e){return e.readBool()},f32(e){return e.readFloat32()},f16(e){return e.readFloat16()},i32(e){return e.readInt32()},u32(e){return e.readUint32()},vec2f(e){return k(e.readFloat32(),e.readFloat32())},vec3f(e){return $e(e.readFloat32(),e.readFloat32(),e.readFloat32())},vec4f(e){return x(e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32())},vec2h(e){return Lt(e.readFloat16(),e.readFloat16())},vec3h(e){return Bt(e.readFloat16(),e.readFloat16(),e.readFloat16())},vec4h(e){return Pt(e.readFloat16(),e.readFloat16(),e.readFloat16(),e.readFloat16())},vec2i(e){return pe(e.readInt32(),e.readInt32())},vec3i(e){return We(e.readInt32(),e.readInt32(),e.readInt32())},vec4i(e){return I(e.readInt32(),e.readInt32(),e.readInt32(),e.readInt32())},vec2u(e){return le(e.readUint32(),e.readUint32())},vec3u(e){return Me(e.readUint32(),e.readUint32(),e.readUint32())},vec4u(e){return E(e.readUint32(),e.readUint32(),e.readUint32(),e.readUint32())},mat2x2f(e){return Vt(e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32())},mat3x3f(e){let t=()=>{let r=e.readFloat32();return e.readFloat32(),r};return Ct(e.readFloat32(),e.readFloat32(),t(),e.readFloat32(),e.readFloat32(),t(),e.readFloat32(),e.readFloat32(),t())},mat4x4f(e){return Gt(e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32())},struct(e,t){let r=v(t);y(e,r);let n={};for(let[a,o]of Object.entries(t.propTypes))y(e,v(o)),n[a]=L(e,o);return y(e,r),n},array(e,t){if(t.elementCount===0)throw new Error("Cannot read using a runtime-sized schema.");let r=v(t),n=[];for(let a=0;a<t.elementCount;a++){y(e,r);let o=t.elementType,s=L(e,o);n.push(s)}return y(e,r),n},atomic(e,t){return L(e,t.inner)},decorated(e,t){let r=$(t);y(e,r);let n=e.currentByteOffset,a=L(e,t.inner);return e.seekTo(n+b(t)),a},uint8:e=>e.readUint8(),uint8x2:e=>le(e.readUint8(),e.readUint8()),uint8x4:e=>E(e.readUint8(),e.readUint8(),e.readUint8(),e.readUint8()),sint8:e=>e.readInt8(),sint8x2:e=>pe(e.readInt8(),e.readInt8()),sint8x4:e=>I(e.readInt8(),e.readInt8(),e.readInt8(),e.readInt8()),unorm8:e=>e.readUint8()/255,unorm8x2:e=>k(e.readUint8()/255,e.readUint8()/255),unorm8x4:e=>x(e.readUint8()/255,e.readUint8()/255,e.readUint8()/255,e.readUint8()/255),snorm8:e=>(e.readUint8()-128)/127,snorm8x2:e=>k((e.readUint8()-128)/127,(e.readUint8()-128)/127),snorm8x4:e=>x((e.readUint8()-128)/127,(e.readUint8()-128)/127,(e.readUint8()-128)/127,(e.readUint8()-128)/127),uint16:e=>e.readUint16(),uint16x2:e=>le(e.readUint16(),e.readUint16()),uint16x4:e=>E(e.readUint16(),e.readUint16(),e.readUint16(),e.readUint16()),sint16:e=>e.readInt16(),sint16x2:e=>pe(e.readInt16(),e.readInt16()),sint16x4:e=>I(e.readInt16(),e.readInt16(),e.readInt16(),e.readInt16()),unorm16:e=>e.readUint16()/65535,unorm16x2:e=>k(e.readUint16()/65535,e.readUint16()/65535),unorm16x4:e=>x(e.readUint16()/65535,e.readUint16()/65535,e.readUint16()/65535,e.readUint16()/65535),snorm16:e=>(e.readUint16()-32768)/32767,snorm16x2:e=>k(J.snorm16(e),J.snorm16(e)),snorm16x4:e=>x(J.snorm16(e),J.snorm16(e),J.snorm16(e),J.snorm16(e)),float16(e){return e.readFloat16()},float16x2:e=>k(e.readFloat16(),e.readFloat16()),float16x4:e=>x(e.readFloat16(),e.readFloat16(),e.readFloat16(),e.readFloat16()),float32:e=>e.readFloat32(),float32x2:e=>k(e.readFloat32(),e.readFloat32()),float32x3:e=>$e(e.readFloat32(),e.readFloat32(),e.readFloat32()),float32x4:e=>x(e.readFloat32(),e.readFloat32(),e.readFloat32(),e.readFloat32()),uint32:e=>e.readUint32(),uint32x2:e=>le(e.readUint32(),e.readUint32()),uint32x3:e=>Me(e.readUint32(),e.readUint32(),e.readUint32()),uint32x4:e=>E(e.readUint32(),e.readUint32(),e.readUint32(),e.readUint32()),sint32:e=>e.readInt32(),sint32x2:e=>pe(e.readInt32(),e.readInt32()),sint32x3:e=>We(e.readInt32(),e.readInt32(),e.readInt32()),sint32x4:e=>I(e.readInt32(),e.readInt32(),e.readInt32(),e.readInt32()),"unorm10-10-10-2"(e){let t=e.readUint32(),r=(t>>22)/1023,n=(t>>12&1023)/1023,a=(t>>2&1023)/1023,o=(t&3)/3;return x(r,n,a,o)},"unorm8x4-bgra"(e){let t=e.readByte()/255,r=e.readByte()/255,n=e.readByte()/255,a=e.readByte()/255;return x(n,r,t,a)},unstruct(e,t){let r={};for(let[n,a]of Object.entries(t.propTypes))r[n]=L(e,a);return r},disarray(e,t){let r=v(t),n=[];for(let a=0;a<t.elementCount;a++)y(e,r),n.push(L(e,t.elementType));return y(e,r),n},"loose-decorated"(e,t){y(e,$(t));let r=e.currentByteOffset,n=L(e,t.inner);return e.seekTo(r+b(t)),n}};function L(e,t){let r=J[t.type];if(!r)throw new Error(`Cannot read data of type '${t.type}'.`);return r(e,t)}function ar(e,t,r){return G(t)?new we(e,t,r):new we(e,t,r,["storage","uniform"])}function re(e){return e.resourceType==="buffer"}function me(e){return!!e.usableAsUniform}function Xr(e){return!!e.usableAsVertex}var we=class{constructor(t,r,n,a){this._group=t;this.dataType=r;this.initialOrBuffer=n;this._disallowedUsages=a;i(this,"resourceType","buffer");i(this,"flags",GPUBufferUsage.COPY_DST|GPUBufferUsage.COPY_SRC);i(this,"_buffer",null);i(this,"_ownBuffer");i(this,"_destroyed",!1);i(this,"_label");i(this,"initial");i(this,"usableAsUniform",!1);i(this,"usableAsStorage",!1);i(this,"usableAsVertex",!1);Nt(n)?(this._ownBuffer=!1,this._buffer=n):(this._ownBuffer=!0,this.initial=n)}get label(){return this._label}get buffer(){var r;let t=this._group.device;if(this._destroyed)throw new Error("This buffer has been destroyed");if(!this._buffer&&(this._buffer=t.createBuffer({size:b(this.dataType),usage:this.flags,mappedAtCreation:!!this.initial,label:(r=this.label)!=null?r:"<unnamed>"}),this.initial)){let n=new Qe(this._buffer.getMappedRange());te(n,this.dataType,this.initial),this._buffer.unmap()}return this._buffer}get destroyed(){return this._destroyed}$name(t){return this._label=t,this._buffer&&(this._buffer.label=t),this}$usage(...t){var r;for(let n of t){if((r=this._disallowedUsages)!=null&&r.includes(n))throw new Error(`Buffer of type ${this.dataType} cannot be used as ${n}`);this.flags|=n==="uniform"?GPUBufferUsage.UNIFORM:0,this.flags|=n==="storage"?GPUBufferUsage.STORAGE:0,this.flags|=n==="vertex"?GPUBufferUsage.VERTEX:0,this.usableAsUniform=this.usableAsUniform||n==="uniform",this.usableAsStorage=this.usableAsStorage||n==="storage",this.usableAsVertex=this.usableAsVertex||n==="vertex"}return this}$addFlags(t){if(!this._ownBuffer)throw new Error("Cannot add flags to a buffer that is not managed by TypeGPU.");return t&GPUBufferUsage.MAP_READ?(this.flags=GPUBufferUsage.COPY_DST|GPUBufferUsage.MAP_READ,this):t&GPUBufferUsage.MAP_WRITE?(this.flags=GPUBufferUsage.COPY_SRC|GPUBufferUsage.MAP_WRITE,this):(this.flags|=t,this)}write(t){let r=this.buffer,n=this._group.device;if(r.mapState==="mapped"){let s=r.getMappedRange();te(new Qe(s),this.dataType,t);return}let a=b(this.dataType);this._group.flush();let o=new ArrayBuffer(a);te(new Qe(o),this.dataType,t),n.queue.writeBuffer(r,0,o,0,a)}copyFrom(t){if(this.buffer.mapState==="mapped")throw new Error("Cannot copy to a mapped buffer.");let r=b(this.dataType);this._group.commandEncoder.copyBufferToBuffer(t.buffer,0,this.buffer,0,r)}async read(){this._group.flush();let t=this.buffer,r=this._group.device;if(t.mapState==="mapped"){let s=t.getMappedRange();return L(new Xe(s),this.dataType)}if(t.usage&GPUBufferUsage.MAP_READ){await t.mapAsync(GPUMapMode.READ);let s=t.getMappedRange(),u=L(new Xe(s),this.dataType);return t.unmap(),u}let n=r.createBuffer({size:b(this.dataType),usage:GPUBufferUsage.COPY_DST|GPUBufferUsage.MAP_READ}),a=r.createCommandEncoder();a.copyBufferToBuffer(t,0,n,0,b(this.dataType)),r.queue.submit([a.finish()]),await r.queue.onSubmittedWorkDone(),await n.mapAsync(GPUMapMode.READ,0,b(this.dataType));let o=L(new Xe(n.getMappedRange()),this.dataType);return n.unmap(),n.destroy(),o}destroy(){var t;this._destroyed||(this._destroyed=!0,this._ownBuffer&&((t=this._buffer)==null||t.destroy()))}toString(){var t;return`buffer:${(t=this._label)!=null?t:"<unnamed>"}`}};function Y(e){return!!(e!=null&&e.usableAsStorage)}var Se=class e extends Error{constructor(t){var r;super(`Resource '${(r=t.label)!=null?r:"<unnamed>"}' cannot be bound as 'storage'. Use .$usage('storage') to allow it.`),Object.setPrototypeOf(this,e.prototype)}};function ur(e){return(e==null?void 0:e.resourceType)==="buffer-usage"}var pr={uniform:"uniform",mutable:"storage, read_write",readonly:"storage, read"},Te=class{constructor(t,r){this.usage=t;this.buffer=r;i(this,"~repr");i(this,"resourceType","buffer-usage")}get label(){return this.buffer.label}$name(t){this.buffer.$name(t)}"~resolve"(t){let r=t.names.makeUnique(this.label),{group:n,binding:a}=t.allocateFixedEntry(this.usage==="uniform"?{uniform:this.buffer.dataType}:{storage:this.buffer.dataType,access:this.usage},this.buffer),o=pr[this.usage];return t.addDeclaration(`@group(${n}) @binding(${a}) var<${o}> ${r}: ${t.resolve(this.buffer.dataType)};`),r}toString(){var t;return`${this.usage}:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){if(!P())throw new Error("Cannot access buffer's value directly in JS.");return this}},ge=class{constructor(t,r,n){this.usage=t;this.dataType=r;this._membership=n;i(this,"~repr");i(this,"resourceType","buffer-usage")}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout),a=pr[this.usage];return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var<${a}> ${r}: ${t.resolve(this.dataType)};`),r}toString(){var t;return`${this.usage}:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){if(!P())throw new Error("Cannot access buffer's value directly in JS.");return this}},or=new WeakMap;function Qr(e){if(!Y(e))throw new Error(`Cannot pass ${e} to asMutable, as it is not allowed to be used as storage. To allow it, call .$usage('storage') when creating the buffer.`);let t=or.get(e);return t||(t=new Te("mutable",e),or.set(e,t)),t}var sr=new WeakMap;function Zr(e){if(!Y(e))throw new Error(`Cannot pass ${e} to asReadonly, as it is not allowed to be used as storage. To allow it, call .$usage('storage') when creating the buffer.`);let t=sr.get(e);return t||(t=new Te("readonly",e),sr.set(e,t)),t}var ir=new WeakMap;function en(e){if(!me(e))throw new Error(`Cannot pass ${e} to asUniform, as it is not allowed to be used as a uniform. To allow it, call .$usage('uniform') when creating the buffer.`);let t=ir.get(e);return t||(t=new Te("uniform",e),ir.set(e,t)),t}function lr(e){return new Ze(e)}function dr(e){return new et(e)}function tn(e){return(e==null?void 0:e.resourceType)==="sampler"}function rn(e){return(e==null?void 0:e.resourceType)==="sampler-comparison"}var De=class{constructor(t){this._membership=t;i(this,"resourceType","sampler")}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout);return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var ${r}: sampler;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},Fe=class{constructor(t){this._membership=t;i(this,"resourceType","sampler-comparison")}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout);return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var ${r}: sampler_comparison;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},Ze=class{constructor(t){this._props=t;i(this,"resourceType","sampler");i(this,"_label");i(this,"_filtering");this._filtering=t.minFilter==="linear"||t.magFilter==="linear"||t.mipmapFilter==="linear"}get label(){return this._label}$name(t){return this._label=t,this}"~resolve"(t){let r=t.names.makeUnique(this._label),{group:n,binding:a}=t.allocateFixedEntry({sampler:this._filtering?"filtering":"non-filtering"},this);return t.addDeclaration(`@group(${n}) @binding(${a}) var ${r}: sampler;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},et=class{constructor(t){this._props=t;i(this,"resourceType","sampler-comparison");i(this,"_label")}get label(){return this._label}$name(t){return this._label=t,this}"~resolve"(t){let r=t.names.makeUnique(this.label),{group:n,binding:a}=t.allocateFixedEntry({sampler:"comparison"},this);return t.addDeclaration(`@group(${n}) @binding(${a}) var ${r}: sampler_comparison;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}};var Ue=class{constructor(t){this._membership=t;i(this,"resourceType","external-texture")}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout);return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var ${r}: texture_external;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}};var mr={r8unorm:l,r8snorm:l,r8uint:U,r8sint:_,r16uint:U,r16sint:_,r16float:l,rg8unorm:l,rg8snorm:l,rg8uint:U,rg8sint:_,r32uint:U,r32sint:_,r32float:l,rg16uint:U,rg16sint:_,rg16float:l,rgba8unorm:l,"rgba8unorm-srgb":l,rgba8snorm:l,rgba8uint:U,rgba8sint:_,bgra8unorm:l,"bgra8unorm-srgb":l,rgb9e5ufloat:l,rgb10a2uint:U,rgb10a2unorm:l,rg11b10ufloat:l,rg32uint:U,rg32sint:_,rg32float:l,rgba16uint:U,rgba16sint:_,rgba16float:l,rgba32uint:U,rgba32sint:_,rgba32float:l,stencil8:l,depth16unorm:l,depth24plus:l,"depth24plus-stencil8":l,depth32float:l,"depth32float-stencil8":l,"bc1-rgba-unorm":l,"bc1-rgba-unorm-srgb":l,"bc2-rgba-unorm":l,"bc2-rgba-unorm-srgb":l,"bc3-rgba-unorm":l,"bc3-rgba-unorm-srgb":l,"bc4-r-unorm":l,"bc4-r-snorm":l,"bc5-rg-unorm":l,"bc5-rg-snorm":l,"bc6h-rgb-ufloat":l,"bc6h-rgb-float":l,"bc7-rgba-unorm":l,"bc7-rgba-unorm-srgb":l,"etc2-rgb8unorm":l,"etc2-rgb8unorm-srgb":l,"etc2-rgb8a1unorm":l,"etc2-rgb8a1unorm-srgb":l,"etc2-rgba8unorm":l,"etc2-rgba8unorm-srgb":l,"eac-r11unorm":l,"eac-r11snorm":l,"eac-rg11unorm":l,"eac-rg11snorm":l,"astc-4x4-unorm":l,"astc-4x4-unorm-srgb":l,"astc-5x4-unorm":l,"astc-5x4-unorm-srgb":l,"astc-5x5-unorm":l,"astc-5x5-unorm-srgb":l,"astc-6x5-unorm":l,"astc-6x5-unorm-srgb":l,"astc-6x6-unorm":l,"astc-6x6-unorm-srgb":l,"astc-8x5-unorm":l,"astc-8x5-unorm-srgb":l,"astc-8x6-unorm":l,"astc-8x6-unorm-srgb":l,"astc-8x8-unorm":l,"astc-8x8-unorm-srgb":l,"astc-10x5-unorm":l,"astc-10x5-unorm-srgb":l,"astc-10x6-unorm":l,"astc-10x6-unorm-srgb":l,"astc-10x8-unorm":l,"astc-10x8-unorm-srgb":l,"astc-10x10-unorm":l,"astc-10x10-unorm-srgb":l,"astc-12x10-unorm":l,"astc-12x10-unorm-srgb":l,"astc-12x12-unorm":l,"astc-12x12-unorm-srgb":l},fe={rgba8unorm:x,rgba8snorm:x,rgba8uint:E,rgba8sint:I,rgba16uint:E,rgba16sint:I,rgba16float:x,r32uint:E,r32sint:I,r32float:x,rg32uint:E,rg32sint:I,rg32float:x,rgba32uint:E,rgba32sint:I,rgba32float:x,bgra8unorm:x},Tr={f32:"float",u32:"uint",i32:"sint"},gr={float:l,"unfilterable-float":l,uint:U,sint:_,depth:l};function fr(e,t){return new tt(e,t)}function j(e){return(e==null?void 0:e.resourceType)==="texture"}function at(e){return(e==null?void 0:e.resourceType)==="texture-storage-view"}function ot(e){return(e==null?void 0:e.resourceType)==="texture-sampled-view"}var yr={mutable:"read_write",readonly:"read",writeonly:"write"},tt=class{constructor(t,r){this.props=t;this._branch=r;i(this,"resourceType","texture");i(this,"usableAsSampled",!1);i(this,"usableAsStorage",!1);i(this,"usableAsRender",!1);i(this,"_destroyed",!1);i(this,"_label");i(this,"_flags",GPUTextureUsage.COPY_DST|GPUTextureUsage.COPY_SRC);i(this,"_texture",null)}get label(){return this._label}$name(t){return this._label=t,this}unwrap(){var t,r,n,a,o;if(this._destroyed)throw new Error("This texture has been destroyed");return this._texture||(this._texture=this._branch.device.createTexture({label:(t=this._label)!=null?t:"<unnamed>",format:this.props.format,size:this.props.size,usage:this._flags,dimension:(r=this.props.dimension)!=null?r:"2d",viewFormats:(n=this.props.viewFormats)!=null?n:[],mipLevelCount:(a=this.props.mipLevelCount)!=null?a:1,sampleCount:(o=this.props.sampleCount)!=null?o:1})),this._texture}$usage(...t){let r=t.includes("storage"),n=t.includes("sampled"),a=t.includes("render");return this._flags|=n?GPUTextureUsage.TEXTURE_BINDING:0,this._flags|=r?GPUTextureUsage.STORAGE_BINDING:0,this._flags|=a?GPUTextureUsage.RENDER_ATTACHMENT:0,this.usableAsStorage||(this.usableAsStorage=r),this.usableAsSampled||(this.usableAsSampled=n),this.usableAsRender||(this.usableAsRender=a),this}createView(t,r){if(t==="sampled")return this._asSampled(r);let n=r;switch(t){case"mutable":return this._asMutable(n);case"readonly":return this._asReadonly(n);case"writeonly":return this._asWriteonly(n)}}_asStorage(t,r){var o;if(!this.usableAsStorage)throw new Error("Unusable as storage");let n=(o=t==null?void 0:t.format)!=null?o:this.props.format,a=fe[n];return oe(!!a,`Unsupported storage texture format: ${n}`),new rt(t!=null?t:{},r,this)}_asReadonly(t){return this._asStorage(t,"readonly")}_asWriteonly(t){return this._asStorage(t,"writeonly")}_asMutable(t){return this._asStorage(t,"mutable")}_asSampled(t){var a;if(!this.usableAsSampled)throw new Error("Unusable as sampled");let r=(a=t==null?void 0:t.format)!=null?a:this.props.format;if(!fe[r])throw new Error(`Unsupported storage texture format: ${r}`);return new nt(t,this)}destroy(){var t;this._destroyed||(this._destroyed=!0,(t=this._texture)==null||t.destroy())}},Re={"1d":"1d","2d":"2d","2d-array":"2d_array",cube:"cube","cube-array":"cube_array","3d":"3d"},rt=class{constructor(t,r,n){this.access=r;this._texture=n;i(this,"resourceType","texture-storage-view");i(this,"texelDataType");i(this,"dimension");i(this,"_view");i(this,"_format");var a,o,s;this.dimension=(o=(a=t==null?void 0:t.dimension)!=null?a:n.props.dimension)!=null?o:"2d",this._format=(s=t==null?void 0:t.format)!=null?s:n.props.format,this.texelDataType=fe[this._format]}get label(){return this._texture.label}$name(t){return this._texture.$name(t),this}unwrap(){var t;return this._view||(this._view=this._texture.unwrap().createView({label:`${(t=this.label)!=null?t:"<unnamed>"} - View`,format:this._format,dimension:this.dimension})),this._view}"~resolve"(t){let r=t.names.makeUnique(this.label),{group:n,binding:a}=t.allocateFixedEntry({storageTexture:this._format,access:this.access,viewDimension:this.dimension},this),o=`texture_storage_${Re[this.dimension]}`;return t.addDeclaration(`@group(${n}) @binding(${a}) var ${r}: ${o}<${this._format}, ${yr[this.access]}>;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},ve=class{constructor(t,r,n,a){this._format=t;this.dimension=r;this.access=n;this._membership=a;i(this,"resourceType","texture-storage-view");i(this,"texelDataType");this.texelDataType=fe[this._format]}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout),a=`texture_storage_${Re[this.dimension]}`;return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var ${r}: ${a}<${this._format}, ${yr[this.access]}>;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},nt=class{constructor(t,r){this._props=t;this._texture=r;i(this,"resourceType","texture-sampled-view");i(this,"channelDataType");i(this,"dimension");i(this,"_format");i(this,"_view");var n,a,o;this.dimension=(a=(n=t==null?void 0:t.dimension)!=null?n:r.props.dimension)!=null?a:"2d",this._format=(o=t==null?void 0:t.format)!=null?o:r.props.format,this.channelDataType=mr[this._format]}get label(){return this._texture.label}$name(t){return this._texture.$name(t),this}unwrap(){var t;return this._view||(this._view=this._texture.unwrap().createView(B({label:`${(t=this.label)!=null?t:"<unnamed>"} - View`},this._props))),this._view}"~resolve"(t){var u;let r=t.names.makeUnique(this.label),n=((u=this._texture.props.sampleCount)!=null?u:1)>1,{group:a,binding:o}=t.allocateFixedEntry({texture:Tr[this.channelDataType.type],viewDimension:this.dimension,multisampled:n},this),s=n?"texture_multisampled_2d":`texture_${Re[this.dimension]}`;return t.addDeclaration(`@group(${a}) @binding(${o}) var ${r}: ${s}<${t.resolve(this.channelDataType)}>;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}},Ae=class{constructor(t,r,n,a){this.dimension=r;this._multisampled=n;this._membership=a;i(this,"resourceType","texture-sampled-view");i(this,"channelDataType");this.channelDataType=gr[t]}get label(){return this._membership.key}"~resolve"(t){let r=t.names.makeUnique(this.label),n=t.allocateLayoutEntry(this._membership.layout),a=this._multisampled?"texture_multisampled_2d":`texture_${Re[this.dimension]}`;return t.addDeclaration(`@group(${n}) @binding(${this._membership.idx}) var ${r}: ${a}<${t.resolve(this.channelDataType)}>;`),r}toString(){var t;return`${this.resourceType}:${(t=this.label)!=null?t:"<unnamed>"}`}};function st(e){return!!(e!=null&&e.usableAsSampled)}function nn(e){return!!(e!=null&&e.usableAsRender)}var _e=class e extends Error{constructor(t){var r;super(`Resource '${(r=t.label)!=null?r:"<unnamed>"}' cannot be bound as 'sampled'. Use .$usage('sampled') to allow it.`),Object.setPrototypeOf(this,e.prototype)}};function Ie(e){return new ut(e)}function Ee(e){return!!e&&e.resourceType==="bind-group-layout"}function xr(e){return!!e&&e.resourceType==="bind-group"}var it=class e extends Error{constructor(t,r){super(`Bind group '${t!=null?t:"<unnamed>"}' is missing a required binding '${r}'`),Object.setPrototypeOf(this,e.prototype)}},cr=["compute"],ne=["compute","vertex","fragment"],ut=class{constructor(t){this.entries=t;i(this,"_label");i(this,"_index");i(this,"resourceType","bind-group-layout");i(this,"bound",{});var n,a,o,s,u;let r=0;for(let[d,p]of Object.entries(t)){if(p===null){r++;continue}let T={idx:r,key:d,layout:this};if("uniform"in p&&(this.bound[d]=new ge("uniform",p.uniform,T)),"storage"in p){let g="type"in p.storage?p.storage:p.storage(0);this.bound[d]=new ge((n=p.access)!=null?n:"readonly",g,T)}"texture"in p&&(this.bound[d]=new Ae(p.texture,(a=p.viewDimension)!=null?a:"2d",(o=p.multisampled)!=null?o:!1,T)),"storageTexture"in p&&(this.bound[d]=new ve(p.storageTexture,(s=p.viewDimension)!=null?s:"2d",(u=p.access)!=null?u:"writeonly",T)),"externalTexture"in p&&(this.bound[d]=new Ue(T)),"sampler"in p&&(p.sampler==="comparison"?this.bound[d]=new Fe(T):this.bound[d]=new De(T)),r++}}get label(){return this._label}get index(){return this._index}$name(t){return this._label=t,this}$idx(t){return this._index=t,this}unwrap(t){var n;return t.device.createBindGroupLayout({label:(n=this.label)!=null?n:"<unnamed>",entries:Object.values(this.entries).map((a,o)=>{var d,p,T,g;if(a===null)return null;let s=a.visibility,u={binding:o,visibility:0};if("uniform"in a)s=s!=null?s:ne,u.buffer={type:"uniform"};else if("storage"in a)s=s!=null?s:a.access==="mutable"?cr:ne,u.buffer={type:a.access==="mutable"?"storage":"read-only-storage"};else if("sampler"in a)s=s!=null?s:ne,u.sampler={type:a.sampler};else if("texture"in a)s=s!=null?s:ne,u.texture={sampleType:a.texture,viewDimension:(d=a.viewDimension)!=null?d:"2d",multisampled:(p=a.multisampled)!=null?p:!1};else if("storageTexture"in a){let m=(T=a.access)!=null?T:"writeonly";s=s!=null?s:m==="readonly"?ne:cr,u.storageTexture={format:a.storageTexture,access:{mutable:"read-write",readonly:"read-only",writeonly:"write-only"}[m],viewDimension:(g=a.viewDimension)!=null?g:"2d"}}else"externalTexture"in a&&(s=s!=null?s:ne,u.externalTexture={});return s!=null&&s.includes("compute")&&(u.visibility|=GPUShaderStage.COMPUTE),s!=null&&s.includes("vertex")&&(u.visibility|=GPUShaderStage.VERTEX),s!=null&&s.includes("fragment")&&(u.visibility|=GPUShaderStage.FRAGMENT),u}).filter(a=>a!==null)})}populate(t){return new H(this,t)}},H=class{constructor(t,r){this.layout=t;this.entries=r;i(this,"resourceType","bind-group");for(let n of Object.keys(t.entries))if(t.entries[n]!==null&&!(n in r))throw new it(t.label,n)}unwrap(t){var n;return t.device.createBindGroup({label:(n=this.layout.label)!=null?n:"<unnamed>",layout:t.unwrap(this.layout),entries:Object.entries(this.layout.entries).map(([a,o],s)=>{var d;if(o===null)return null;let u=this.entries[a];if(u===void 0)throw new Error(`'${a}' is a resource required to populate bind group layout '${(d=this.layout.label)!=null?d:"<unnamed>"}'.`);if("uniform"in o){let p;if(re(u)){if(!me(u))throw new ce(u);p={buffer:t.unwrap(u)}}else p={buffer:u};return{binding:s,resource:p}}if("storage"in o){let p;if(re(u)){if(!Y(u))throw new ce(u);p={buffer:t.unwrap(u)}}else p={buffer:u};return{binding:s,resource:p}}if("texture"in o){let p;if(j(u)){if(!st(u))throw new _e(u);p=t.unwrap(u.createView("sampled"))}else p=u;return{binding:s,resource:p}}if("storageTexture"in o){let p;if(j(u)){if(!Y(u))throw new Se(u);o.access==="readonly"?p=t.unwrap(u.createView("readonly")):o.access==="mutable"?p=t.unwrap(u.createView("mutable")):p=t.unwrap(u.createView("writeonly"))}else p=u;return{binding:s,resource:p}}if("externalTexture"in o||"sampler"in o)return{binding:s,resource:u};throw new Error(`Malformed bind group entry: ${u} (${JSON.stringify(u)})`)}).filter(a=>a!==null)})}};var br="#CATCHALL#",lt=class{constructor(){i(this,"_stack",[]);i(this,"_itemDepth",0)}get itemDepth(){return this._itemDepth}get topItem(){let t=this._stack[this._stack.length-1];if(!t||t.type!=="item")throw new Error("Internal error, expected item layer to be on top.");return t}pushItem(){this._itemDepth++,this._stack.push({type:"item",usedSlots:new Set})}pushSlotBindings(t){this._stack.push({type:"slotBinding",bindingMap:new WeakMap(t)})}pushFunctionScope(t,r,n){this._stack.push({type:"functionScope",args:t,returnType:r,externalMap:n})}pop(){let t=this._stack.pop();(t==null?void 0:t.type)==="item"&&this._itemDepth--}readSlot(t){for(let r=this._stack.length-1;r>=0;--r){let n=this._stack[r];if((n==null?void 0:n.type)==="item")n.usedSlots.add(t);else if((n==null?void 0:n.type)==="slotBinding"){let a=n.bindingMap.get(t);if(a!==void 0)return a}else if(!((n==null?void 0:n.type)==="functionScope"||(n==null?void 0:n.type)==="blockScope"))throw new Error("Unknown layer type.")}return t.defaultValue}getResourceById(t){for(let r=this._stack.length-1;r>=0;--r){let n=this._stack[r];if((n==null?void 0:n.type)==="functionScope"){let a=n.args.find(s=>s.value===t);if(a!==void 0)return a;let o=n.externalMap[t];return o!==void 0?{value:o,dataType:S}:void 0}if((n==null?void 0:n.type)==="blockScope"){let a=n.declarations.get(t);if(a!==void 0)return{value:t,dataType:a}}}}},Le=["","  ","    ","      ","        ","          ","            ","              ","                "],pt=Le.length-1,dt=class{constructor(){i(this,"identLevel",0)}get pre(){var t;return(t=Le[this.identLevel])!=null?t:Le[pt].repeat(this.identLevel/pt)+Le[this.identLevel%pt]}indent(){let t=this.pre;return this.identLevel++,t}dedent(){return this.identLevel--,this.pre}},mt=class{constructor(t){i(this,"_memoizedResolves",new WeakMap);i(this,"_memoizedDerived",new WeakMap);i(this,"_indentController",new dt);i(this,"_jitTranspiler");i(this,"_itemStateStack",new lt);i(this,"_declarations",[]);i(this,"bindGroupLayoutsToPlaceholderMap",new Map);i(this,"_nextFreeLayoutPlaceholderIdx",0);i(this,"fixedBindings",[]);i(this,"names");this.names=t.names,this._jitTranspiler=t.jitTranspiler}get pre(){return this._indentController.pre}indent(){return this._indentController.indent()}dedent(){return this._indentController.dedent()}getById(t){var r;return(r=this._itemStateStack.getResourceById(t))!=null?r:{value:t,dataType:S}}transpileFn(t){if(!this._jitTranspiler)throw new Error("Tried to execute a tgpu.fn function without providing a JIT transpiler, or transpiling at build time.");return this._jitTranspiler.transpileFn(t)}fnToWgsl(t){this._itemStateStack.pushFunctionScope(t.args,t.returnType,t.externalMap);let r=He(this,t.body);this._itemStateStack.pop();let n=t.args.map(a=>`${a.value}: ${this.resolve(a.dataType)}`).join(", ");return{head:t.returnType!==void 0?`(${n}) -> ${this.resolve(t.returnType)}`:`(${n})`,body:r}}addDeclaration(t){this._declarations.push(t)}allocateLayoutEntry(t){let r=this.bindGroupLayoutsToPlaceholderMap,n=r.get(t);return n||(n=`#BIND_GROUP_LAYOUT_${this._nextFreeLayoutPlaceholderIdx++}#`,r.set(t,n)),n}allocateFixedEntry(t,r){let n=this.fixedBindings.length;return this.fixedBindings.push({layoutEntry:t,resource:r}),{group:br,binding:n}}readSlot(t){let r=this._itemStateStack.readSlot(t);if(r===void 0)throw new Ge(t);return r}withSlots(t,r){this._itemStateStack.pushSlotBindings(t);try{return r()}finally{this._itemStateStack.pop()}}unwrap(t){let r=t;for(;;)if(Q(r))r=this.readSlot(r);else if(Z(r))r=this._getOrCompute(r);else break;return r}_getOrCompute(t){var n;let r=(n=this._memoizedDerived.get(t))!=null?n:[];this._itemStateStack.pushItem();try{for(let s of r)if([...s.slotToValueMap.entries()].every(([d,p])=>d.areEqual(this._itemStateStack.readSlot(d),p)))return s.result;let a=t["~compute"](),o=new Map;for(let s of this._itemStateStack.topItem.usedSlots)o.set(s,this._itemStateStack.readSlot(s));return r.push({slotToValueMap:o,result:a}),this._memoizedDerived.set(t,r),a}catch(a){throw a instanceof X?a.appendToTrace(t):new X(a,[t])}finally{this._itemStateStack.pop()}}_getOrInstantiate(t){var n;let r=(n=this._memoizedResolves.get(t))!=null?n:[];this._itemStateStack.pushItem();try{for(let s of r)if([...s.slotToValueMap.entries()].every(([d,p])=>d.areEqual(this._itemStateStack.readSlot(d),p)))return s.result;let a;G(t)?a=qe(this,t):Z(t)||Q(t)?a=this.resolve(t):je(t)?a=t["~resolve"](this):a=this.resolveValue(t);let o=new Map;for(let s of this._itemStateStack.topItem.usedSlots)o.set(s,this._itemStateStack.readSlot(s));return r.push({slotToValueMap:o,result:a}),this._memoizedResolves.set(t,r),a}catch(a){throw a instanceof X?a.appendToTrace(t):new X(a,[t])}finally{this._itemStateStack.pop()}}resolve(t){let r=this.unwrap(t);if(r&&typeof r=="object"||typeof r=="function"){if(this._itemStateStack.itemDepth===0){let n=Ft(this,()=>this._getOrInstantiate(r));return`${[...this._declarations].join(`
-
-`)}${n}`}return this._getOrInstantiate(r)}return String(r)}resolveValue(t,r){if(z(t))return this.resolve(t);if(r&&Ut(r))return`array(${t.map(n=>this.resolveValue(n,r.elementType))})`;if(Array.isArray(t))return`array(${t.map(n=>this.resolveValue(n))})`;if(r&&R(r))return`${this.resolve(r)}(${Object.entries(r.propTypes).map(([n,a])=>this.resolveValue(t[n],a))})`;throw new Error(`Value ${t} (as json: ${JSON.stringify(t)}) of schema ${r} is not resolvable to WGSL`)}};function ae(e,t){var g;let r=new mt(t),n=r.resolve(e),a=r.bindGroupLayoutsToPlaceholderMap,o=[],s=new Set([...a.keys()].map(m=>m.index).filter(m=>m!==void 0)),u=tr(s),d=r.fixedBindings.map((m,c)=>[String(c),m.layoutEntry]),p=()=>{let m=u.next().value,c=Ie(Object.fromEntries(d));return o[m]=c,n=n.replaceAll(br,String(m)),[m,new H(c,Object.fromEntries(r.fixedBindings.map((f,h)=>[String(h),f.resource])))]},T=d.length>0?p():null;for(let[m,c]of a.entries()){let f=(g=m.index)!=null?g:u.next().value;o[f]=m,n=n.replaceAll(c,String(f))}return{code:n,bindGroupLayouts:o,catchall:T}}function hr(e){let{externals:t,template:r,names:n,unstable_jitTranspiler:a}=e,o={};K(o,t!=null?t:{});let s={"~resolve"(d){return q(d,o,r!=null?r:"")},toString:()=>"<root>"},{code:u}=ae(s,{names:n==="strict"?new N:new M,jitTranspiler:a});return u}var ye=class{constructor(t){this._make=t;i(this,"_map",new WeakMap)}getOrMake(t,...r){if(this._map.has(t))return this._map.get(t);let n=this._make(t,...r);return this._map.set(t,n),n}};function wr(e,t,r){return new Tt(new gt(e,t,r),{})}function Sr(e){return(e==null?void 0:e.resourceType)==="compute-pipeline"}var Tt=class e{constructor(t,r){this._core=t;this._priors=r;i(this,"resourceType","compute-pipeline")}get label(){return this._core.label}get rawPipeline(){return this._core.unwrap().pipeline}with(t,r){var n;return new e(this._core,{bindGroupLayoutMap:new Map([...(n=this._priors.bindGroupLayoutMap)!=null?n:[],[t,r]])})}dispatchWorkgroups(t,r,n){var s;let a=this._core.unwrap(),o=this._core.branch.commandEncoder.beginComputePass({label:(s=this._core.label)!=null?s:"<unnamed>"});o.setPipeline(a.pipeline),a.bindGroupLayouts.forEach((u,d)=>{var p;if(a.catchall&&d===a.catchall[0])o.setBindGroup(d,this._core.branch.unwrap(a.catchall[1]));else{let T=(p=this._priors.bindGroupLayoutMap)==null?void 0:p.get(u);if(T===void 0)throw new se(u.label);o.setBindGroup(d,this._core.branch.unwrap(T))}}),o.dispatchWorkgroups(t,r,n),o.end()}$name(t){return this._core.label=t,this}},gt=class{constructor(t,r,n){this.branch=t;this._slotBindings=r;this._entryFn=n;i(this,"label");i(this,"_memo")}unwrap(){var t,r,n,a,o;if(this._memo===void 0){let s=this.branch.device,{code:u,bindGroupLayouts:d,catchall:p}=ae({"~resolve":T=>(T.withSlots(this._slotBindings,()=>{T.resolve(this._entryFn)}),""),toString:()=>{var T;return`computePipeline:${(T=this.label)!=null?T:"<unnamed>"}`}},{names:this.branch.nameRegistry,jitTranspiler:this.branch.jitTranspiler});p!==null&&((r=d[p[0]])==null||r.$name(`${(t=this.label)!=null?t:"<unnamed>"} - Automatic Bind Group & Layout`)),this._memo={pipeline:s.createComputePipeline({label:(n=this.label)!=null?n:"<unnamed>",layout:s.createPipelineLayout({label:`${(a=this.label)!=null?a:"<unnamed>"} - Pipeline Layout`,bindGroupLayouts:d.map(T=>this.branch.unwrap(T))}),compute:{module:s.createShaderModule({label:`${(o=this.label)!=null?o:"<unnamed>"} - Shader`,code:u})}}),bindGroupLayouts:d,catchall:p}}return this._memo}};function an(e){return typeof(e==null?void 0:e.format)=="string"}function Dr(e,t){var s,u;let r=[];if(O(e)){if(!an(t))throw new Error("Shader expected a single attribute, not a record of attributes to be passed in.");return r.push(t._layout),{usedVertexLayouts:r,bufferDefinitions:[{arrayStride:t._layout.stride,stepMode:t._layout.stepMode,attributes:[{format:t.format,offset:t.offset,shaderLocation:(s=ue(e))!=null?s:0}]}]}}let n=[],a=new WeakMap,o=0;for(let[d,p]of Object.entries(e)){if(xe(p))continue;let T=t[d];if(!T)throw new Error(`An attribute by the name of '${d}' was not provided to the shader.`);let g=T._layout,m=a.get(g);m||(r.push(g),m=[],n.push({arrayStride:g.stride,stepMode:g.stepMode,attributes:m}),a.set(g,m)),o=(u=ue(p))!=null?u:o,m.push({format:T.format,offset:T.offset,shaderLocation:o++})}return{usedVertexLayouts:r,bufferDefinitions:n}}function Fr(e,t="vertex"){return new ft(e,t)}function Ur(e){return(e==null?void 0:e.resourceType)==="vertex-layout"}function Be(e,t,r){if(vt(t)||Et(t))return Be(e,t.inner,ie(r,$(t)));if(R(t)){let n=r;return Object.fromEntries(Object.entries(t.propTypes).map(([a,o])=>{n=ie(n,v(o));let s=[a,Be(e,o,n)];return n+=b(o),s}))}if(It(t)){let n=r;return Object.fromEntries(Object.entries(t.propTypes).map(([a,o])=>{n=ie(n,$(o));let s=[a,Be(e,o,n)];return n+=b(o),s}))}if("type"in t&&typeof t.type=="string"){if(Rt.includes(t.type))return{_layout:e,format:t.type,offset:r};let n=_t[t.type];if(n)return{_layout:e,format:n,offset:r}}throw new Error(`Unsupported data used in vertex layout: ${String(t)}`)}var ft=class{constructor(t,r){this.schemaForCount=t;this.stepMode=r;i(this,"resourceType","vertex-layout");i(this,"stride");i(this,"attrib");i(this,"_label");let n=t(0);this.stride=ie(b(n.elementType),v(n)),this.attrib=Be(this,n.elementType,0)}get label(){return this._label}$name(t){return this._label=t,this}};function on(e){return typeof(e==null?void 0:e.loadOp)=="string"}function vr(e,t){if(O(e)){if(!on(t))throw new Error("Expected a single color attachment, not a record.");return[t]}let r=[];for(let n of Object.keys(e)){let a=t[n];if(!a)throw new Error(`A color attachment by the name of '${n}' was not provided to the shader.`);r.push(a)}return r}function sn(e){return typeof(e==null?void 0:e.format)=="string"}function Ar(e,t){if(O(e)){if(!sn(t))throw new Error("Expected a single color target configuration, not a record.");return[t]}let r=[];for(let n of Object.keys(e)){let a=t[n];if(!a)throw new Error(`A color target by the name of '${n}' was not provided to the shader.`);r.push(a)}return r}function Rr(e){return new yt(new ct(e),{})}var yt=class e{constructor(t,r){this._core=t;this._priors=r;i(this,"resourceType","render-pipeline")}get label(){return this._core.label}$name(t){return this._core.label=t,this}with(t,r){var n,a;if(Ee(t))return new e(this._core,V(B({},this._priors),{bindGroupLayoutMap:new Map([...(n=this._priors.bindGroupLayoutMap)!=null?n:[],[t,r]])}));if(Ur(t))return new e(this._core,V(B({},this._priors),{vertexLayoutMap:new Map([...(a=this._priors.vertexLayoutMap)!=null?a:[],[t,r]])}));throw new Error("Unsupported value passed into .with()")}withColorAttachment(t){return new e(this._core,V(B({},this._priors),{colorAttachment:t}))}draw(t,r,n,a){var T,g;let o=this._core.unwrap(),{branch:s,fragmentFn:u}=this._core.options,d=vr(u.shell.returnType,(T=this._priors.colorAttachment)!=null?T:{}).map(m=>j(m.view)?V(B({},m),{view:s.unwrap(m.view).createView()}):m),p=s.commandEncoder.beginRenderPass({label:(g=this._core.label)!=null?g:"<unnamed>",colorAttachments:d});p.setPipeline(o.pipeline),o.bindGroupLayouts.forEach((m,c)=>{var f;if(o.catchall&&c===o.catchall[0])p.setBindGroup(c,s.unwrap(o.catchall[1]));else{let h=(f=this._priors.bindGroupLayoutMap)==null?void 0:f.get(m);if(h===void 0)throw new se(m.label);p.setBindGroup(c,s.unwrap(h))}}),this._core.usedVertexLayouts.forEach((m,c)=>{var h,A;let f=(h=this._priors.vertexLayoutMap)==null?void 0:h.get(m);if(!f)throw new Error(`Missing vertex buffer for layout '${(A=m.label)!=null?A:"<unnamed>"}'. Please provide it using pipeline.with(layout, buffer).(...)`);p.setVertexBuffer(c,s.unwrap(f))}),p.draw(t,r,n,a),p.end()}},ct=class{constructor(t){this.options=t;i(this,"label");i(this,"usedVertexLayouts");i(this,"_memo");i(this,"_vertexBufferLayouts");i(this,"_targets");let r=Dr(t.vertexFn.shell.argTypes[0],t.vertexAttribs);this._vertexBufferLayouts=r.bufferDefinitions,this.usedVertexLayouts=r.usedVertexLayouts,this._targets=Ar(t.fragmentFn.shell.returnType,t.targets)}unwrap(){var t,r,n,a;if(this._memo===void 0){let{branch:o,vertexFn:s,fragmentFn:u,slotBindings:d,primitiveState:p}=this.options,{code:T,bindGroupLayouts:g,catchall:m}=ae({"~resolve":A=>(A.withSlots(d,()=>{A.resolve(s),A.resolve(u)}),""),toString:()=>{var A;return`renderPipeline:${(A=this.label)!=null?A:"<unnamed>"}`}},{names:o.nameRegistry,jitTranspiler:o.jitTranspiler});m!==null&&((r=g[m[0]])==null||r.$name(`${(t=this.label)!=null?t:"<unnamed>"} - Automatic Bind Group & Layout`));let c=o.device,f=c.createShaderModule({label:`${(n=this.label)!=null?n:"<unnamed>"} - Shader`,code:T}),h={layout:c.createPipelineLayout({label:`${(a=this.label)!=null?a:"<unnamed>"} - Pipeline Layout`,bindGroupLayouts:g.map(A=>o.unwrap(A))}),vertex:{module:f,buffers:this._vertexBufferLayouts},fragment:{module:f,targets:this._targets}};this.label!==void 0&&(h.label=this.label),p&&(h.primitive=p),this._memo={pipeline:c.createRenderPipeline(h),bindGroupLayouts:g,catchall:m}}return this._memo}};var xt=class e{constructor(t,r){this._getRoot=t;this._slotBindings=r}with(t,r){return new e(this._getRoot,[...this._slotBindings,[de(t)?t.slot:t,r]])}withCompute(t){return new bt(this._getRoot(),this._slotBindings,t)}withVertex(t,r){return new ht({branch:this._getRoot(),primitiveState:void 0,slotBindings:this._slotBindings,vertexFn:t,vertexAttribs:r})}},bt=class{constructor(t,r,n){this._root=t;this._slotBindings=r;this._entryFn=n}createPipeline(){return wr(this._root,this._slotBindings,this._entryFn)}},ht=class{constructor(t){this._options=t}withFragment(t,r,n){return oe(typeof t!="string","Just type mismatch validation"),oe(typeof r!="string","Just type mismatch validation"),new wt(V(B({},this._options),{fragmentFn:t,targets:r}))}},wt=class e{constructor(t){this._options=t}withPrimitive(t){return new e(V(B({},this._options),{primitiveState:t}))}createPipeline(){return Rr(this._options)}},Pe=class extends xt{constructor(r,n,a,o){super(()=>this,[]);this.device=r;this.nameRegistry=n;this.jitTranspiler=a;this._ownDevice=o;i(this,"~unstable");i(this,"_disposables",[]);i(this,"_unwrappedBindGroupLayouts",new ye(r=>r.unwrap(this)));i(this,"_unwrappedBindGroups",new ye(r=>r.unwrap(this)));i(this,"_commandEncoder",null);this["~unstable"]={nameRegistry:this.nameRegistry,commandEncoder:this.commandEncoder,createTexture:this.createTexture.bind(this),with:this.with.bind(this),withCompute:this.withCompute.bind(this),withVertex:this.withVertex.bind(this),flush:this.flush.bind(this)}}get commandEncoder(){return this._commandEncoder||(this._commandEncoder=this.device.createCommandEncoder()),this._commandEncoder}createBuffer(r,n){let a=ar(this,r,n);return this._disposables.push(a),a}createBindGroup(r,n){return new H(r,n)}destroy(){for(let r of this._disposables)r.destroy();this._ownDevice&&this.device.destroy()}createTexture(r){let n=fr(r,this);return this._disposables.push(n),n}unwrap(r){if(Sr(r))return r.rawPipeline;if(Ee(r))return this._unwrappedBindGroupLayouts.getOrMake(r);if(xr(r))return this._unwrappedBindGroups.getOrMake(r);if(re(r))return r.buffer;if(j(r)||at(r)||ot(r))return r.unwrap();throw new Error(`Unknown resource type: ${r}`)}flush(){this._commandEncoder&&(this.device.queue.submit([this._commandEncoder.finish()]),this._commandEncoder=null)}};async function _r(e){let{adapter:t,device:r,unstable_names:n="random",unstable_jitTranspiler:a}=e!=null?e:{};if(!navigator.gpu)throw new Error("WebGPU is not supported by this browser.");let o=await navigator.gpu.requestAdapter(t);if(!o)throw new Error("Could not find a compatible GPU");return new Pe(await o.requestDevice(r),n==="random"?new M:new N,a,!0)}function Ir(e){let{device:t,unstable_names:r="random",unstable_jitTranspiler:n}=e!=null?e:{};return new Pe(t,r==="random"?new M:new N,n,!1)}function Ve(e){return new St(e)}var St=class{constructor(t=void 0){this.defaultValue=t;i(this,"resourceType","slot");i(this,"label")}$name(t){return this.label=t,this}areEqual(t,r){return Object.is(t,r)}toString(){var t;return`slot:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){let t=C();if(!t)throw new Error("Cannot access tgpu.slot's value outside of resolution.");return t.unwrap(this)}};function Er(e,t){return new Dt(e,t)}var Dt=class{constructor(t,r=void 0){this.schema=t;this.defaultValue=r;i(this,"resourceType","accessor");i(this,"label");i(this,"slot");this.slot=Ve(r)}$name(t){return this.label=t,this.slot.$name(t),this}toString(){var t;return`accessor:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){if(!C())throw new Error("Cannot access tgpu.accessor's value outside of resolution.");return this}"~resolve"(t){let r=t.unwrap(this.slot);return ur(r)?t.resolve(r):Ke(r)?`${t.resolve(r)}()`:t.resolveValue(r,this.schema)}};function Lr(e){return un(e)}function un(e){return{resourceType:"derived","~compute":e,get value(){let r=C();if(!r)throw new Error("Cannot access tgpu.derived's value outside of resolution.");return r.unwrap(this)},with(r,n){return Br(e,this,[r,n])},toString(){return"derived"}}}function Br(e,t,r){return{resourceType:"derived","~compute"(){let a=C();if(!a)throw new Error("Cannot access tgpu.derived's value outside of resolution.");return a.withSlots([r],()=>a.unwrap(t))},get value(){let a=C();if(!a)throw new Error("Cannot access tgpu.derived's value outside of resolution.");return a.unwrap(this)},with(a,o){return Br(e,this,[a,o])},toString(){var s;let[a,o]=r;return`derived[${(s=a.label)!=null?s:"<unnamed>"}=${o}]`}}}function Pr(e,t){return new Ce("private",e,t)}function Vr(e){return new Ce("workgroup",e)}var Ce=class{constructor(t,r,n){this.scope=t;this._dataType=r;this._initialValue=n;i(this,"_label")}$name(t){return this._label=t,this}"~resolve"(t){let r=t.names.makeUnique(this._label);return this._initialValue?t.addDeclaration(`var<${this.scope}> ${r}: ${t.resolve(this._dataType)} = ${t.resolveValue(this._initialValue,this._dataType)};`):t.addDeclaration(`var<${this.scope}> ${r}: ${t.resolve(this._dataType)};`),r}get label(){return this._label}toString(){var t;return`var:${(t=this.label)!=null?t:"<unnamed>"}`}get value(){if(!P())throw new Error("Cannot access tgpu.var's value directly in JS.");return this}};var Cr={bindGroupLayout:Ie,init:_r,initFromDevice:Ir,resolve:hr,"~unstable":{fn:Ht,fragmentFn:Qt,vertexFn:Zt,computeFn:Yt,vertexLayout:Fr,derived:Lr,slot:Ve,accessor:Er,privateVar:Pr,workgroupVar:Vr,const:Wt,declare:zt,sampler:lr,comparisonSampler:dr}},Es=Cr;Object.assign(Cr,{__assignAst:Jt});export{se as MissingBindGroupError,Oe as MissingLinksError,Ge as MissingSlotValueError,ce as NotUniformError,M as RandomNameRegistry,X as ResolutionError,N as StrictNameRegistry,Es as default,re as isBuffer,rn as isComparisonSampler,Z as isDerived,ot as isSampledTextureView,tn as isSampler,Q as isSlot,at as isStorageTextureView,j as isTexture,Ke as isTgpuFn,nn as isUsableAsRender,st as isUsableAsSampled,Y as isUsableAsStorage,me as isUsableAsUniform,Xr as isUsableAsVertex,Cr as tgpu,Qr as unstable_asMutable,Zr as unstable_asReadonly,en as unstable_asUniform};
+import {
+  alignmentOf,
+  attribute,
+  bool,
+  customAlignmentOf,
+  f32,
+  getAttributesString,
+  getCustomLocation,
+  i32,
+  isBuiltin,
+  isData,
+  isDecorated,
+  isLooseDecorated,
+  isUnstruct,
+  isWgslArray,
+  isWgslData,
+  isWgslStruct,
+  kindToDefaultFormatMap,
+  location,
+  mat2x2f,
+  mat3x3f,
+  mat4x4f,
+  roundUp,
+  sizeOf,
+  struct,
+  u32,
+  vertexFormats
+} from "./chunk-2ZAQFPSX.js";
+import {
+  MissingBindGroupsError,
+  MissingLinksError,
+  MissingSlotValueError,
+  MissingVertexBuffersError,
+  NotUniformError,
+  ResolutionError,
+  __publicField,
+  __spreadProps,
+  __spreadValues,
+  getResolutionCtx,
+  inGPUMode,
+  invariant,
+  provideCtx,
+  vec2f,
+  vec2h,
+  vec2i,
+  vec2u,
+  vec3f,
+  vec3h,
+  vec3i,
+  vec3u,
+  vec4f,
+  vec4h,
+  vec4i,
+  vec4u
+} from "./chunk-DDEF2Y4S.js";
+
+// src/core/slot/slotTypes.ts
+function isSlot(value) {
+  return (value == null ? void 0 : value.resourceType) === "slot";
+}
+function isDerived(value) {
+  return (value == null ? void 0 : value.resourceType) === "derived";
+}
+function isProviding(value) {
+  return (value == null ? void 0 : value["~providing"]) !== void 0;
+}
+function isAccessor(value) {
+  return (value == null ? void 0 : value.resourceType) === "accessor";
+}
+
+// src/types.ts
+var UnknownData = Symbol("Unknown data type");
+function isSelfResolvable(value) {
+  return typeof (value == null ? void 0 : value["~resolve"]) === "function";
+}
+function isWgsl(value) {
+  return typeof value === "number" || typeof value === "boolean" || typeof value === "string" || isSelfResolvable(value) || isWgslData(value) || isSlot(value) || isDerived(value) || isProviding(value);
+}
+function isGPUBuffer(value) {
+  return !!value && typeof value === "object" && "getMappedRange" in value && "mapAsync" in value;
+}
+function isBufferUsage(value) {
+  return (value == null ? void 0 : value.resourceType) === "buffer-usage";
+}
+
+// src/core/valueProxyUtils.ts
+var valueProxyHandler = {
+  get(target, prop) {
+    if (prop in target) {
+      return Reflect.get(target, prop);
+    }
+    if (prop === "~providing") {
+      return void 0;
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx) => `${ctx.resolve(target)}.${String(prop)}`,
+        toString: () => {
+          var _a;
+          return `.value(...).${String(prop)}:${(_a = target.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+};
+function unwrapProxy(value) {
+  let unwrapped = value;
+  while (isSlot(unwrapped) || isDerived(unwrapped) || isAccessor(unwrapped) || isBufferUsage(unwrapped)) {
+    unwrapped = unwrapped.value;
+  }
+  return unwrapped;
+}
+
+// src/core/constant/tgpuConstant.ts
+function constant(dataType, value) {
+  return new TgpuConstImpl(dataType, value);
+}
+var TgpuConstImpl = class {
+  constructor(dataType, _value) {
+    this.dataType = dataType;
+    this._value = _value;
+    __publicField(this, "_label");
+  }
+  get label() {
+    return this._label;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this._label);
+    const resolvedValue = ctx.resolveValue(this._value, this.dataType);
+    ctx.addDeclaration(`const ${id} = ${resolvedValue};`);
+    return id;
+  }
+  toString() {
+    var _a;
+    return `const:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    if (!inGPUMode()) {
+      return this._value;
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx) => ctx.resolve(this),
+        toString: () => {
+          var _a;
+          return `.value:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+};
+
+// src/namable.ts
+function isNamable(value) {
+  return !!value && (typeof value === "object" || typeof value === "function") && "$name" in value;
+}
+
+// src/core/resolve/externals.ts
+function applyExternals(existing, newExternals) {
+  for (const [key, value] of Object.entries(newExternals)) {
+    existing[key] = value;
+    if (isNamable(value) && (!("label" in value) || value.label === void 0)) {
+      value.$name(key);
+    }
+  }
+}
+function addArgTypesToExternals(implementation, argTypes, applyExternals2) {
+  const argTypeNames = [
+    ...implementation.matchAll(new RegExp(":\\s*(?<arg>.*?)\\s*[,)]", "g"))
+  ].map((found) => found ? found[1] : void 0);
+  applyExternals2(
+    Object.fromEntries(
+      argTypes.flatMap((argType, i) => {
+        const argTypeName = argTypeNames ? argTypeNames[i] : void 0;
+        return isWgslStruct(argType) && argTypeName !== void 0 ? [[argTypeName, argType]] : [];
+      })
+    )
+  );
+}
+function addReturnTypeToExternals(implementation, returnType, applyExternals2) {
+  var _a;
+  const matched = implementation.match(new RegExp("->(?<output>.*?){", "s"));
+  const outputName = matched ? (_a = matched[1]) == null ? void 0 : _a.trim() : void 0;
+  if (isWgslStruct(returnType) && outputName && !/\s/g.test(outputName)) {
+    applyExternals2({ [outputName]: returnType });
+  }
+}
+function identifierRegex(name) {
+  return new RegExp(
+    `(?<![\\w_.])${name.replaceAll(".", "\\.")}(?![\\w_])`,
+    "g"
+  );
+}
+function replaceExternalsInWgsl(ctx, externalMap, wgsl) {
+  return Object.entries(externalMap).reduce((acc, [externalName, external]) => {
+    var _a;
+    if (isWgsl(external)) {
+      return acc.replaceAll(
+        identifierRegex(externalName),
+        ctx.resolve(external)
+      );
+    }
+    if (external !== null && typeof external === "object") {
+      const foundProperties = (_a = [
+        ...wgsl.matchAll(
+          new RegExp(
+            `${externalName.replaceAll(".", "\\.")}\\.(?<prop>.*?)(?![\\w_])`,
+            "g"
+          )
+        )
+      ].map((found) => found[1])) != null ? _a : [];
+      return foundProperties.reduce(
+        (innerAcc, prop) => prop && prop in external ? replaceExternalsInWgsl(
+          ctx,
+          {
+            [`${externalName}.${prop}`]: external[prop]
+          },
+          innerAcc
+        ) : innerAcc,
+        acc
+      );
+    }
+    return acc;
+  }, wgsl);
+}
+
+// src/core/declare/tgpuDeclare.ts
+function declare(declaration) {
+  return new TgpuDeclareImpl(declaration);
+}
+var TgpuDeclareImpl = class {
+  constructor(declaration) {
+    this.declaration = declaration;
+    __publicField(this, "externalsToApply", []);
+  }
+  $uses(dependencyMap) {
+    this.externalsToApply.push(dependencyMap);
+    return this;
+  }
+  "~resolve"(ctx) {
+    const externalMap = {};
+    for (const externals of this.externalsToApply) {
+      applyExternals(externalMap, externals);
+    }
+    const replacedDeclaration = replaceExternalsInWgsl(
+      ctx,
+      externalMap,
+      this.declaration
+    );
+    ctx.addDeclaration(replacedDeclaration);
+    return "";
+  }
+  toString() {
+    return `declare: ${this.declaration}`;
+  }
+};
+
+// src/core/function/astUtils.ts
+var functionToAstMap = /* @__PURE__ */ new WeakMap();
+function getPrebuiltAstFor(fn2) {
+  return functionToAstMap.get(fn2);
+}
+function assignAst(fn2, ast, externals) {
+  functionToAstMap.set(fn2, { ast, externals });
+  return fn2;
+}
+
+// src/core/function/fnCore.ts
+function createFnCore(shell, implementation) {
+  const externalsToApply = [];
+  if (typeof implementation === "string") {
+    addArgTypesToExternals(
+      implementation,
+      shell.argTypes,
+      (externals) => externalsToApply.push(externals)
+    );
+    addReturnTypeToExternals(
+      implementation,
+      shell.returnType,
+      (externals) => externalsToApply.push(externals)
+    );
+  }
+  return {
+    label: void 0,
+    applyExternals(newExternals) {
+      externalsToApply.push(newExternals);
+    },
+    resolve(ctx, fnAttribute = "") {
+      var _a;
+      const externalMap = {};
+      for (const externals of externalsToApply) {
+        applyExternals(externalMap, externals);
+      }
+      const id = ctx.names.makeUnique(this.label);
+      if (typeof implementation === "string") {
+        const replacedImpl = replaceExternalsInWgsl(
+          ctx,
+          externalMap,
+          implementation.trim()
+        );
+        ctx.addDeclaration(`${fnAttribute}fn ${id}${replacedImpl}`);
+      } else {
+        const pluginData = getPrebuiltAstFor(implementation);
+        if (pluginData == null ? void 0 : pluginData.externals) {
+          const missing = Object.fromEntries(
+            Object.entries(pluginData.externals).filter(
+              ([name]) => !(name in externalMap)
+            )
+          );
+          applyExternals(externalMap, missing);
+        }
+        const ast = (_a = pluginData == null ? void 0 : pluginData.ast) != null ? _a : ctx.transpileFn(String(implementation));
+        const missingExternals = ast.externalNames.filter(
+          (name) => !(name in externalMap)
+        );
+        if (missingExternals.length > 0) {
+          throw new MissingLinksError(this.label, missingExternals);
+        }
+        const args = ast.argNames.map((name, idx) => ({
+          value: name,
+          dataType: shell.argTypes[idx]
+        }));
+        const { head, body } = ctx.fnToWgsl({
+          args,
+          returnType: shell.returnType,
+          body: ast.body,
+          externalMap
+        });
+        ctx.addDeclaration(
+          `${fnAttribute}fn ${id}${ctx.resolve(head)}${ctx.resolve(body)}`
+        );
+      }
+      return id;
+    }
+  };
+}
+
+// src/core/function/tgpuComputeFn.ts
+function computeFn(argTypes, options) {
+  var _a, _b, _c;
+  const { workgroupSize } = options;
+  return {
+    argTypes: [],
+    returnType: void 0,
+    workgroupSize: [
+      (_a = workgroupSize[0]) != null ? _a : 1,
+      (_b = workgroupSize[1]) != null ? _b : 1,
+      (_c = workgroupSize[2]) != null ? _c : 1
+    ],
+    does(implementation) {
+      return createComputeFn(this, workgroupSize, implementation);
+    }
+  };
+}
+function createComputeFn(shell, workgroupSize, implementation) {
+  const core = createFnCore(shell, implementation);
+  return {
+    shell,
+    get label() {
+      return core.label;
+    },
+    $uses(newExternals) {
+      core.applyExternals(newExternals);
+      return this;
+    },
+    $name(newLabel) {
+      core.label = newLabel;
+      return this;
+    },
+    "~resolve"(ctx) {
+      return core.resolve(
+        ctx,
+        `@compute @workgroup_size(${workgroupSize.join(", ")}) `
+      );
+    },
+    toString() {
+      var _a;
+      return `computeFn:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+    }
+  };
+}
+
+// src/core/function/tgpuFn.ts
+function fn(argTypes, returnType) {
+  return {
+    argTypes,
+    returnType,
+    does(implementation) {
+      return createFn(this, implementation);
+    }
+  };
+}
+function isTgpuFn(value) {
+  return (value == null ? void 0 : value.resourceType) === "function";
+}
+function stringifyPair([slot2, value]) {
+  var _a;
+  return `${(_a = slot2.label) != null ? _a : "<unnamed>"}=${value}`;
+}
+function createFn(shell, implementation) {
+  const core = createFnCore(shell, implementation);
+  const fnBase = {
+    shell,
+    resourceType: "function",
+    $uses(newExternals) {
+      core.applyExternals(newExternals);
+      return this;
+    },
+    $name(newLabel) {
+      core.label = newLabel;
+      return this;
+    },
+    with(slot2, value) {
+      return createBoundFunction(fn2, [
+        [isAccessor(slot2) ? slot2.slot : slot2, value]
+      ]);
+    },
+    "~resolve"(ctx) {
+      return core.resolve(ctx);
+    }
+  };
+  const call = (...args) => {
+    if (inGPUMode()) {
+      return new FnCall(fn2, args);
+    }
+    if (typeof implementation === "string") {
+      throw new Error(
+        "Cannot execute on the CPU functions constructed with raw WGSL"
+      );
+    }
+    return implementation(...args);
+  };
+  const fn2 = Object.assign(call, fnBase);
+  Object.defineProperty(fn2, "label", {
+    get: () => core.label
+  });
+  Object.defineProperty(fn2, "toString", {
+    value: () => {
+      var _a;
+      return `fn:${(_a = core.label) != null ? _a : "<unnamed>"}`;
+    }
+  });
+  return fn2;
+}
+function createBoundFunction(innerFn, pairs) {
+  const fnBase = {
+    resourceType: "function",
+    shell: innerFn.shell,
+    "~providing": {
+      inner: innerFn,
+      pairs
+    },
+    $uses(newExternals) {
+      innerFn.$uses(newExternals);
+      return this;
+    },
+    $name(newLabel) {
+      innerFn.$name(newLabel);
+      return this;
+    },
+    with(slot2, value) {
+      return createBoundFunction(fn2, [
+        ...pairs,
+        [isAccessor(slot2) ? slot2.slot : slot2, value]
+      ]);
+    }
+  };
+  const call = (...args) => {
+    if (inGPUMode()) {
+      return new FnCall(fn2, args);
+    }
+    return innerFn(...args);
+  };
+  const fn2 = Object.assign(call, fnBase);
+  Object.defineProperty(fn2, "label", {
+    get: () => innerFn.label
+  });
+  Object.defineProperty(fn2, "toString", {
+    value() {
+      var _a;
+      const fnLabel = (_a = innerFn.label) != null ? _a : "<unnamed>";
+      return `fn:${fnLabel}[${pairs.map(stringifyPair).join(", ")}]`;
+    }
+  });
+  return fn2;
+}
+var FnCall = class {
+  constructor(_fn, _params) {
+    this._fn = _fn;
+    this._params = _params;
+  }
+  get label() {
+    return this._fn.label;
+  }
+  "~resolve"(ctx) {
+    return ctx.resolve(
+      `${ctx.resolve(this._fn)}(${this._params.map((param) => ctx.resolve(param)).join(", ")})`
+    );
+  }
+  toString() {
+    var _a;
+    return `call:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+
+// src/core/function/ioOutputType.ts
+function withLocations(members) {
+  let nextLocation = 0;
+  return Object.fromEntries(
+    Object.entries(members).map(([key, member]) => {
+      if (isBuiltin(member)) {
+        return [key, member];
+      }
+      const customLocation = getCustomLocation(member);
+      if (customLocation !== void 0) {
+        nextLocation = customLocation + 1;
+        return [key, member];
+      }
+      return [
+        key,
+        attribute(member, { type: "@location", value: nextLocation++ })
+      ];
+    })
+  );
+}
+function createOutputType(returnType) {
+  return isData(returnType) ? location(0, returnType) : struct(withLocations(returnType));
+}
+function createStructFromIO(members) {
+  return struct(withLocations(members));
+}
+
+// src/core/function/tgpuFragmentFn.ts
+function fragmentFn(inputType, outputType) {
+  return {
+    argTypes: [inputType],
+    returnType: outputType,
+    does(implementation) {
+      return createFragmentFn(this, implementation);
+    }
+  };
+}
+function createFragmentFn(shell, implementation) {
+  const core = createFnCore(shell, implementation);
+  const outputType = createOutputType(shell.returnType);
+  if (typeof implementation === "string") {
+    addReturnTypeToExternals(
+      implementation,
+      outputType,
+      (externals) => core.applyExternals(externals)
+    );
+  }
+  const result = {
+    shell,
+    outputType,
+    get label() {
+      return core.label;
+    },
+    $uses(newExternals) {
+      core.applyExternals(newExternals);
+      return this;
+    },
+    $name(newLabel) {
+      core.label = newLabel;
+      if (isNamable(outputType)) {
+        outputType.$name(`${newLabel}_Output`);
+      }
+      return this;
+    },
+    "~resolve"(ctx) {
+      return core.resolve(ctx, "@fragment ");
+    },
+    toString() {
+      var _a;
+      return `fragmentFn:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+    }
+  };
+  return result;
+}
+
+// src/core/function/tgpuVertexFn.ts
+function vertexFn(inputType, outputType) {
+  return {
+    attributes: [inputType],
+    returnType: createOutputType(outputType),
+    argTypes: [createStructFromIO(inputType)],
+    does(implementation) {
+      return createVertexFn(this, implementation);
+    }
+  };
+}
+function createVertexFn(shell, implementation) {
+  const core = createFnCore(shell, implementation);
+  const outputType = shell.returnType;
+  const inputType = shell.argTypes[0];
+  if (typeof implementation === "string") {
+    addReturnTypeToExternals(
+      implementation,
+      outputType,
+      (externals) => core.applyExternals(externals)
+    );
+  }
+  return {
+    shell,
+    outputType,
+    inputType,
+    get label() {
+      return core.label;
+    },
+    $uses(newExternals) {
+      core.applyExternals(newExternals);
+      return this;
+    },
+    $name(newLabel) {
+      core.label = newLabel;
+      if (isNamable(outputType)) {
+        outputType.$name(`${newLabel}_Output`);
+      }
+      if (isNamable(inputType)) {
+        inputType.$name(`${newLabel}_Input`);
+      }
+      return this;
+    },
+    "~resolve"(ctx) {
+      if (typeof implementation === "string") {
+        return core.resolve(ctx, "@vertex ");
+      }
+      const generationCtx = ctx;
+      if (generationCtx.callStack === void 0) {
+        throw new Error(
+          "Cannot resolve a TGSL function outside of a generation context"
+        );
+      }
+      try {
+        generationCtx.callStack.push(outputType);
+        return core.resolve(ctx, "@vertex ");
+      } finally {
+        generationCtx.callStack.pop();
+      }
+    },
+    toString() {
+      var _a;
+      return `vertexFn:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+    }
+  };
+}
+
+// src/nameRegistry.ts
+var RandomNameRegistry = class {
+  constructor() {
+    __publicField(this, "lastUniqueId", 0);
+  }
+  makeUnique(primer) {
+    let label;
+    if (primer) {
+      label = primer.replaceAll(/\s/g, "_");
+      label = label.replaceAll(/[^\w\d]/g, "");
+    } else {
+      label = "item";
+    }
+    return `${label}_${this.lastUniqueId++}`;
+  }
+};
+var StrictNameRegistry = class {
+  constructor() {
+    /**
+     * Allows to provide a good fallback for instances of the
+     * same function that are bound to different slot values.
+     */
+    __publicField(this, "_usedNames", /* @__PURE__ */ new Set());
+  }
+  makeUnique(primer) {
+    if (primer === void 0) {
+      throw new Error("Unnamed item found when using a strict name registry");
+    }
+    let index = 0;
+    let unusedName = primer;
+    while (this._usedNames.has(unusedName)) {
+      index++;
+      unusedName = `${primer}_${index}`;
+    }
+    this._usedNames.add(unusedName);
+    return unusedName;
+  }
+};
+
+// src/shared/utilityTypes.ts
+function assertExhaustive(x, location2) {
+  throw new Error(`Failed to handle ${x} at ${location2}`);
+}
+
+// src/core/resolve/resolveData.ts
+var identityTypes = [
+  "bool",
+  "f32",
+  "f16",
+  "i32",
+  "u32",
+  "vec2f",
+  "vec3f",
+  "vec4f",
+  "vec2h",
+  "vec3h",
+  "vec4h",
+  "vec2i",
+  "vec3i",
+  "vec4i",
+  "vec2u",
+  "vec3u",
+  "vec4u",
+  "mat2x2f",
+  "mat3x3f",
+  "mat4x4f"
+];
+function isIdentityType(data) {
+  return identityTypes.includes(data.type);
+}
+function resolveStructProperty(ctx, [key, property]) {
+  return `  ${getAttributesString(property)}${key}: ${ctx.resolve(property)},
+`;
+}
+function resolveStruct(ctx, struct2) {
+  const id = ctx.names.makeUnique(struct2.label);
+  ctx.addDeclaration(`
+struct ${id} {
+${Object.entries(struct2.propTypes).map((prop) => resolveStructProperty(ctx, prop)).join("")}}
+`);
+  return id;
+}
+function resolveArray(ctx, array) {
+  const element = ctx.resolve(array.elementType);
+  return array.elementCount === 0 ? `array<${element}>` : `array<${element}, ${array.elementCount}>`;
+}
+function resolveData(ctx, data) {
+  if (isIdentityType(data)) {
+    return data.type;
+  }
+  if (data.type === "struct") {
+    return resolveStruct(ctx, data);
+  }
+  if (data.type === "array") {
+    return resolveArray(ctx, data);
+  }
+  if (data.type === "atomic") {
+    return `atomic<${resolveData(ctx, data.inner)}>`;
+  }
+  if (data.type === "decorated") {
+    return ctx.resolve(data.inner);
+  }
+  if (data.type === "ptrFn") {
+    return `ptr<function, ${ctx.resolve(data.inner)}>`;
+  }
+  assertExhaustive(data, "resolveData");
+}
+
+// src/shared/generators.ts
+function* naturalsExcept(excluded) {
+  let next = 0;
+  while (true) {
+    if (!excluded.has(next)) {
+      yield next;
+    }
+    next++;
+  }
+}
+
+// src/smol/wgslGenerator.ts
+var parenthesizedOps = [
+  "==",
+  "!=",
+  "<",
+  "<=",
+  ">",
+  ">=",
+  "<<",
+  ">>",
+  "+",
+  "-",
+  "*",
+  "/",
+  "%",
+  "|",
+  "^",
+  "&",
+  "&&",
+  "||"
+];
+function resolveRes(ctx, res) {
+  if (isWgsl(res.value) || isWgslData(res.value)) {
+    return ctx.resolve(res.value);
+  }
+  return String(res.value);
+}
+function assertExhaustive2(value) {
+  throw new Error(
+    `'${JSON.stringify(value)}' was not handled by the WGSL generator.`
+  );
+}
+function generateBoolean(ctx, value) {
+  return value ? { value: "true", dataType: bool } : { value: "false", dataType: bool };
+}
+function generateBlock(ctx, value) {
+  return `${ctx.indent()}{
+${value.b.map((statement) => generateStatement(ctx, statement)).join("\n")}
+${ctx.dedent()}}`;
+}
+function generateIdentifier(ctx, id) {
+  return ctx.getById(id);
+}
+function generateExpression(ctx, expression) {
+  if (typeof expression === "string") {
+    return generateIdentifier(ctx, expression);
+  }
+  if (typeof expression === "boolean") {
+    return generateBoolean(ctx, expression);
+  }
+  if ("x" in expression) {
+    const [lhs, op, rhs] = expression.x;
+    const lhsExpr = resolveRes(ctx, generateExpression(ctx, lhs));
+    const rhsExpr = resolveRes(ctx, generateExpression(ctx, rhs));
+    return {
+      value: parenthesizedOps.includes(op) ? `(${lhsExpr} ${op} ${rhsExpr})` : `${lhsExpr} ${op} ${rhsExpr}`,
+      // TODO: Infer data type from expression type and arguments.
+      dataType: UnknownData
+    };
+  }
+  if ("u" in expression) {
+    const [op, arg] = expression.u;
+    const argExpr = resolveRes(ctx, generateExpression(ctx, arg));
+    return {
+      value: `${op}${argExpr}`,
+      // TODO: Infer data type from expression type and arguments.
+      dataType: UnknownData
+    };
+  }
+  if ("a" in expression) {
+    const [targetId, property] = expression.a;
+    const target = generateExpression(ctx, targetId);
+    const propertyStr = resolveRes(ctx, generateExpression(ctx, property));
+    if (typeof target.value === "string") {
+      return {
+        value: `${target.value}.${propertyStr}`,
+        // TODO: Infer data type
+        dataType: UnknownData
+      };
+    }
+    if (isWgsl(target.value)) {
+      return {
+        // biome-ignore lint/suspicious/noExplicitAny: <sorry TypeScript>
+        value: target.value[propertyStr],
+        // TODO: Infer data type
+        dataType: UnknownData
+      };
+    }
+    if (typeof target.value === "object") {
+      return {
+        // biome-ignore lint/suspicious/noExplicitAny: <sorry TypeScript>
+        value: target.value[propertyStr],
+        // TODO: Infer data type
+        dataType: UnknownData
+      };
+    }
+    throw new Error(`Cannot access member ${propertyStr} of ${target.value}`);
+  }
+  if ("i" in expression) {
+    const [target, property] = expression.i;
+    const targetStr = resolveRes(ctx, generateExpression(ctx, target));
+    const propertyStr = resolveRes(ctx, generateExpression(ctx, property));
+    return {
+      value: `${targetStr}[${propertyStr}]`,
+      // TODO: Infer data type
+      dataType: UnknownData
+    };
+  }
+  if ("n" in expression) {
+    return { value: expression.n, dataType: UnknownData };
+  }
+  if ("f" in expression) {
+    const [callee, args] = expression.f;
+    const id = generateExpression(ctx, callee);
+    const idValue = id.value;
+    ctx.callStack.push(idValue);
+    const argResources = args.map((arg) => generateExpression(ctx, arg));
+    const argValues = argResources.map((res) => resolveRes(ctx, res));
+    ctx.callStack.pop();
+    if (typeof idValue === "string") {
+      return {
+        value: `${idValue}(${argValues.join(", ")})`,
+        dataType: UnknownData
+      };
+    }
+    if (isWgslStruct(idValue)) {
+      const id2 = ctx.resolve(idValue);
+      return {
+        value: `${id2}(${argValues.join(", ")})`,
+        dataType: UnknownData
+      };
+    }
+    const result = idValue(
+      ...argValues
+    );
+    return { value: result, dataType: UnknownData };
+  }
+  if ("o" in expression) {
+    const obj = expression.o;
+    const callee = ctx.callStack[ctx.callStack.length - 1];
+    const generateEntries = (values) => values.map((value) => {
+      const valueRes = generateExpression(ctx, value);
+      return resolveRes(ctx, valueRes);
+    }).join(", ");
+    if (isWgslStruct(callee)) {
+      const propKeys = Object.keys(callee.propTypes);
+      const values = propKeys.map((key) => {
+        const val = obj[key];
+        if (val === void 0) {
+          throw new Error(
+            `Missing property ${key} in object literal for struct ${callee}`
+          );
+        }
+        return val;
+      });
+      return {
+        value: generateEntries(values),
+        dataType: callee
+      };
+    }
+    return {
+      value: generateEntries(Object.values(obj)),
+      dataType: UnknownData
+    };
+  }
+  assertExhaustive2(expression);
+}
+function generateStatement(ctx, statement) {
+  if (typeof statement === "string") {
+    return `${ctx.pre}${resolveRes(ctx, generateIdentifier(ctx, statement))};`;
+  }
+  if (typeof statement === "boolean") {
+    return `${ctx.pre}${resolveRes(ctx, generateBoolean(ctx, statement))};`;
+  }
+  if ("r" in statement) {
+    if (isWgslStruct(ctx.callStack[ctx.callStack.length - 1]) && statement.r !== null) {
+      const resource = resolveRes(ctx, generateExpression(ctx, statement.r));
+      const resolvedStruct = ctx.resolve(
+        ctx.callStack[ctx.callStack.length - 1]
+      );
+      return `${ctx.pre}return ${resolvedStruct}(${resource});`;
+    }
+    return statement.r === null ? `${ctx.pre}return;` : `${ctx.pre}return ${resolveRes(ctx, generateExpression(ctx, statement.r))};`;
+  }
+  if ("q" in statement) {
+    const [cond, cons, alt] = statement.q;
+    const condition = resolveRes(ctx, generateExpression(ctx, cond));
+    ctx.indent();
+    const consequent = generateStatement(ctx, cons);
+    ctx.dedent();
+    ctx.indent();
+    const alternate = alt ? generateStatement(ctx, alt) : void 0;
+    ctx.dedent();
+    if (!alternate) {
+      return `${ctx.pre}if (${condition})
+${consequent}`;
+    }
+    return `${ctx.pre}if (${condition})
+${consequent}
+${ctx.pre}else
+${alternate}`;
+  }
+  if ("l" in statement || "c" in statement) {
+    const [rawId, rawValue] = "l" in statement ? statement.l : statement.c;
+    const id = resolveRes(ctx, generateIdentifier(ctx, rawId));
+    const eq = rawValue ? generateExpression(ctx, rawValue) : void 0;
+    if (!eq) {
+      throw new Error("Cannot create variable without an initial value.");
+    }
+    return `${ctx.pre}var ${id} = ${resolveRes(ctx, eq)};`;
+  }
+  if ("b" in statement) {
+    return generateBlock(ctx, statement);
+  }
+  return `${ctx.pre}${resolveRes(ctx, generateExpression(ctx, statement))};`;
+}
+function generateFunction(ctx, body) {
+  return generateBlock(ctx, body);
+}
+
+// src/core/buffer/buffer.ts
+import { BufferReader, BufferWriter } from "typed-binary";
+
+// src/data/alignIO.ts
+function alignIO(io, baseAlignment) {
+  const currentPos = "size" in io ? io.size : io.currentByteOffset;
+  const bitMask = baseAlignment - 1;
+  const offset = currentPos & bitMask;
+  if ("skipBytes" in io) {
+    io.skipBytes(baseAlignment - offset & bitMask);
+  } else {
+    io.add(baseAlignment - offset & bitMask);
+  }
+}
+var alignIO_default = alignIO;
+
+// src/data/dataIO.ts
+var dataWriters = {
+  bool(output, _schema, value) {
+    output.writeBool(value);
+  },
+  f32(output, _schema, value) {
+    output.writeFloat32(value);
+  },
+  f16(output, _schema, value) {
+    output.writeFloat16(value);
+  },
+  i32(output, _schema, value) {
+    output.writeInt32(value);
+  },
+  u32(output, _schema, value) {
+    output.writeUint32(value);
+  },
+  vec2f(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+  },
+  vec2h(output, _, value) {
+    output.writeFloat16(value.x);
+    output.writeFloat16(value.y);
+  },
+  vec2i(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+  },
+  vec2u(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+  },
+  vec3f(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+    output.writeFloat32(value.z);
+  },
+  vec3h(output, _, value) {
+    output.writeFloat16(value.x);
+    output.writeFloat16(value.y);
+    output.writeFloat16(value.z);
+  },
+  vec3i(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+    output.writeInt32(value.z);
+  },
+  vec3u(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+    output.writeUint32(value.z);
+  },
+  vec4f(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+    output.writeFloat32(value.z);
+    output.writeFloat32(value.w);
+  },
+  vec4h(output, _, value) {
+    output.writeFloat16(value.x);
+    output.writeFloat16(value.y);
+    output.writeFloat16(value.z);
+    output.writeFloat16(value.w);
+  },
+  vec4i(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+    output.writeInt32(value.z);
+    output.writeInt32(value.w);
+  },
+  vec4u(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+    output.writeUint32(value.z);
+    output.writeUint32(value.w);
+  },
+  mat2x2f(output, _, value) {
+    for (let i = 0; i < value.length; ++i) {
+      output.writeFloat32(value[i]);
+    }
+  },
+  mat3x3f(output, _, value) {
+    for (let i = 0; i < value.length; ++i) {
+      output.writeFloat32(value[i]);
+    }
+  },
+  mat4x4f(output, _, value) {
+    for (let i = 0; i < value.length; ++i) {
+      output.writeFloat32(value[i]);
+    }
+  },
+  struct(output, schema, value) {
+    const alignment = alignmentOf(schema);
+    alignIO_default(output, alignment);
+    for (const [key, property] of Object.entries(schema.propTypes)) {
+      alignIO_default(output, alignmentOf(property));
+      writeData(output, property, value[key]);
+    }
+    alignIO_default(output, alignment);
+  },
+  array(output, schema, value) {
+    if (schema.elementCount === 0) {
+      throw new Error("Cannot write using a runtime-sized schema.");
+    }
+    const alignment = alignmentOf(schema);
+    alignIO_default(output, alignment);
+    const beginning = output.currentByteOffset;
+    for (let i = 0; i < Math.min(schema.elementCount, value.length); i++) {
+      alignIO_default(output, alignment);
+      writeData(output, schema.elementType, value[i]);
+    }
+    output.seekTo(beginning + sizeOf(schema));
+  },
+  ptrFn() {
+    throw new Error("Pointers are not host-shareable");
+  },
+  atomic(output, schema, value) {
+    var _a;
+    (_a = dataWriters[schema.inner.type]) == null ? void 0 : _a.call(dataWriters, output, schema, value);
+  },
+  decorated(output, schema, value) {
+    var _a, _b;
+    const alignment = customAlignmentOf(schema);
+    alignIO_default(output, alignment);
+    const beginning = output.currentByteOffset;
+    (_b = dataWriters[(_a = schema.inner) == null ? void 0 : _a.type]) == null ? void 0 : _b.call(dataWriters, output, schema.inner, value);
+    output.seekTo(beginning + sizeOf(schema));
+  },
+  // Loose Types
+  uint8(output, _, value) {
+    output.writeUint8(value);
+  },
+  uint8x2(output, _, value) {
+    output.writeUint8(value.x);
+    output.writeUint8(value.y);
+  },
+  uint8x4(output, _, value) {
+    output.writeUint8(value.x);
+    output.writeUint8(value.y);
+    output.writeUint8(value.z);
+    output.writeUint8(value.w);
+  },
+  sint8(output, _, value) {
+    output.writeInt8(value);
+  },
+  sint8x2(output, _, value) {
+    output.writeInt8(value.x);
+    output.writeInt8(value.y);
+  },
+  sint8x4(output, _, value) {
+    output.writeInt8(value.x);
+    output.writeInt8(value.y);
+    output.writeInt8(value.z);
+    output.writeInt8(value.w);
+  },
+  unorm8(output, _, value) {
+    output.writeUint8(value * 255);
+  },
+  unorm8x2(output, _, value) {
+    output.writeUint8(value.x * 255);
+    output.writeUint8(value.y * 255);
+  },
+  unorm8x4(output, _, value) {
+    output.writeUint8(value.x * 255);
+    output.writeUint8(value.y * 255);
+    output.writeUint8(value.z * 255);
+    output.writeUint8(value.w * 255);
+  },
+  snorm8(output, _, value) {
+    output.writeUint8(value * 127 + 128);
+  },
+  snorm8x2(output, _, value) {
+    output.writeUint8(value.x * 127 + 128);
+    output.writeUint8(value.y * 127 + 128);
+  },
+  snorm8x4(output, _, value) {
+    output.writeUint8(value.x * 127 + 128);
+    output.writeUint8(value.y * 127 + 128);
+    output.writeUint8(value.z * 127 + 128);
+    output.writeUint8(value.w * 127 + 128);
+  },
+  uint16(output, _, value) {
+    output.writeUint16(value);
+  },
+  uint16x2(output, _, value) {
+    output.writeUint16(value.x);
+    output.writeUint16(value.y);
+  },
+  uint16x4(output, _, value) {
+    output.writeUint16(value.x);
+    output.writeUint16(value.y);
+    output.writeUint16(value.z);
+    output.writeUint16(value.w);
+  },
+  sint16(output, _, value) {
+    output.writeInt16(value);
+  },
+  sint16x2(output, _, value) {
+    output.writeInt16(value.x);
+    output.writeInt16(value.y);
+  },
+  sint16x4(output, _, value) {
+    output.writeInt16(value.x);
+    output.writeInt16(value.y);
+    output.writeInt16(value.z);
+    output.writeInt16(value.w);
+  },
+  unorm16(output, _, value) {
+    output.writeUint16(value * 65535);
+  },
+  unorm16x2(output, _, value) {
+    output.writeUint16(value.x * 65535);
+    output.writeUint16(value.y * 65535);
+  },
+  unorm16x4(output, _, value) {
+    output.writeUint16(value.x * 65535);
+    output.writeUint16(value.y * 65535);
+    output.writeUint16(value.z * 65535);
+    output.writeUint16(value.w * 65535);
+  },
+  snorm16(output, _, value) {
+    output.writeUint16(value * 32767 + 32768);
+  },
+  snorm16x2(output, _, value) {
+    output.writeUint16(value.x * 32767 + 32768);
+    output.writeUint16(value.y * 32767 + 32768);
+  },
+  snorm16x4(output, _, value) {
+    output.writeUint16(value.x * 32767 + 32768);
+    output.writeUint16(value.y * 32767 + 32768);
+    output.writeUint16(value.z * 32767 + 32768);
+    output.writeUint16(value.w * 32767 + 32768);
+  },
+  float16(output, _, value) {
+    output.writeFloat16(value);
+  },
+  float16x2(output, _, value) {
+    output.writeFloat16(value.x);
+    output.writeFloat16(value.y);
+  },
+  float16x4(output, _, value) {
+    output.writeFloat16(value.x);
+    output.writeFloat16(value.y);
+    output.writeFloat16(value.z);
+    output.writeFloat16(value.w);
+  },
+  float32(output, _, value) {
+    output.writeFloat32(value);
+  },
+  float32x2(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+  },
+  float32x3(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+    output.writeFloat32(value.z);
+  },
+  float32x4(output, _, value) {
+    output.writeFloat32(value.x);
+    output.writeFloat32(value.y);
+    output.writeFloat32(value.z);
+    output.writeFloat32(value.w);
+  },
+  uint32(output, _, value) {
+    output.writeUint32(value);
+  },
+  uint32x2(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+  },
+  uint32x3(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+    output.writeUint32(value.z);
+  },
+  uint32x4(output, _, value) {
+    output.writeUint32(value.x);
+    output.writeUint32(value.y);
+    output.writeUint32(value.z);
+    output.writeUint32(value.w);
+  },
+  sint32(output, _, value) {
+    output.writeInt32(value);
+  },
+  sint32x2(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+  },
+  sint32x3(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+    output.writeInt32(value.z);
+  },
+  sint32x4(output, _, value) {
+    output.writeInt32(value.x);
+    output.writeInt32(value.y);
+    output.writeInt32(value.z);
+    output.writeInt32(value.w);
+  },
+  "unorm10-10-10-2"(output, _, value) {
+    let packed = 0;
+    packed |= (value.x * 1023 & 1023) << 22;
+    packed |= (value.x * 1023 & 1023) << 12;
+    packed |= (value.y * 1023 & 1023) << 2;
+    packed |= value.z * 3 & 3;
+    output.writeUint32(packed);
+  },
+  "unorm8x4-bgra"(output, _, value) {
+    output.writeUint8(value.z * 255);
+    output.writeUint8(value.y * 255);
+    output.writeUint8(value.x * 255);
+    output.writeUint8(value.w * 255);
+  },
+  disarray(output, schema, value) {
+    var _a, _b;
+    const alignment = alignmentOf(schema);
+    alignIO_default(output, alignment);
+    const beginning = output.currentByteOffset;
+    for (let i = 0; i < Math.min(schema.elementCount, value.length); i++) {
+      alignIO_default(output, alignment);
+      (_b = dataWriters[(_a = schema.elementType) == null ? void 0 : _a.type]) == null ? void 0 : _b.call(
+        dataWriters,
+        output,
+        schema.elementType,
+        value[i]
+      );
+    }
+    output.seekTo(beginning + sizeOf(schema));
+  },
+  unstruct(output, schema, value) {
+    var _a;
+    for (const [key, property] of Object.entries(schema.propTypes)) {
+      (_a = dataWriters[property.type]) == null ? void 0 : _a.call(dataWriters, output, property, value[key]);
+    }
+  },
+  "loose-decorated"(output, schema, value) {
+    var _a;
+    const alignment = customAlignmentOf(schema);
+    alignIO_default(output, alignment);
+    const beginning = output.currentByteOffset;
+    const writer = dataWriters[(_a = schema.inner) == null ? void 0 : _a.type];
+    writer == null ? void 0 : writer(output, schema.inner, value);
+    output.seekTo(beginning + sizeOf(schema));
+    return value;
+  }
+};
+function writeData(output, schema, value) {
+  const writer = dataWriters[schema.type];
+  if (!writer) {
+    throw new Error(`Cannot write data of type '${schema.type}'.`);
+  }
+  writer(output, schema, value);
+}
+var dataReaders = {
+  bool(input) {
+    return input.readBool();
+  },
+  f32(input) {
+    return input.readFloat32();
+  },
+  f16(input) {
+    return input.readFloat16();
+  },
+  i32(input) {
+    return input.readInt32();
+  },
+  u32(input) {
+    return input.readUint32();
+  },
+  vec2f(input) {
+    return vec2f(input.readFloat32(), input.readFloat32());
+  },
+  vec3f(input) {
+    return vec3f(input.readFloat32(), input.readFloat32(), input.readFloat32());
+  },
+  vec4f(input) {
+    return vec4f(
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32()
+    );
+  },
+  vec2h(input) {
+    return vec2h(input.readFloat16(), input.readFloat16());
+  },
+  vec3h(input) {
+    return vec3h(input.readFloat16(), input.readFloat16(), input.readFloat16());
+  },
+  vec4h(input) {
+    return vec4h(
+      input.readFloat16(),
+      input.readFloat16(),
+      input.readFloat16(),
+      input.readFloat16()
+    );
+  },
+  vec2i(input) {
+    return vec2i(input.readInt32(), input.readInt32());
+  },
+  vec3i(input) {
+    return vec3i(input.readInt32(), input.readInt32(), input.readInt32());
+  },
+  vec4i(input) {
+    return vec4i(
+      input.readInt32(),
+      input.readInt32(),
+      input.readInt32(),
+      input.readInt32()
+    );
+  },
+  vec2u(input) {
+    return vec2u(input.readUint32(), input.readUint32());
+  },
+  vec3u(input) {
+    return vec3u(input.readUint32(), input.readUint32(), input.readUint32());
+  },
+  vec4u(input) {
+    return vec4u(
+      input.readUint32(),
+      input.readUint32(),
+      input.readUint32(),
+      input.readUint32()
+    );
+  },
+  mat2x2f(input) {
+    return mat2x2f(
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32()
+    );
+  },
+  mat3x3f(input) {
+    const skipOneAfter = () => {
+      const value = input.readFloat32();
+      input.readFloat32();
+      return value;
+    };
+    return mat3x3f(
+      input.readFloat32(),
+      input.readFloat32(),
+      skipOneAfter(),
+      //
+      input.readFloat32(),
+      input.readFloat32(),
+      skipOneAfter(),
+      //
+      input.readFloat32(),
+      input.readFloat32(),
+      skipOneAfter()
+    );
+  },
+  mat4x4f(input) {
+    return mat4x4f(
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      //
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      //
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      //
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32(),
+      input.readFloat32()
+    );
+  },
+  struct(input, schema) {
+    const alignment = alignmentOf(schema);
+    alignIO_default(input, alignment);
+    const result = {};
+    for (const [key, property] of Object.entries(schema.propTypes)) {
+      alignIO_default(input, alignmentOf(property));
+      result[key] = readData(input, property);
+    }
+    alignIO_default(input, alignment);
+    return result;
+  },
+  array(input, schema) {
+    if (schema.elementCount === 0) {
+      throw new Error("Cannot read using a runtime-sized schema.");
+    }
+    const alignment = alignmentOf(schema);
+    const elements = [];
+    for (let i = 0; i < schema.elementCount; i++) {
+      alignIO_default(input, alignment);
+      const elementType = schema.elementType;
+      const value = readData(input, elementType);
+      elements.push(value);
+    }
+    alignIO_default(input, alignment);
+    return elements;
+  },
+  ptrFn() {
+    throw new Error("Pointers are not host-shareable");
+  },
+  atomic(input, schema) {
+    return readData(input, schema.inner);
+  },
+  decorated(input, schema) {
+    const alignment = customAlignmentOf(schema);
+    alignIO_default(input, alignment);
+    const beginning = input.currentByteOffset;
+    const value = readData(input, schema.inner);
+    input.seekTo(beginning + sizeOf(schema));
+    return value;
+  },
+  // Loose Types
+  uint8: (i) => i.readUint8(),
+  uint8x2: (i) => vec2u(i.readUint8(), i.readUint8()),
+  uint8x4: (i) => vec4u(i.readUint8(), i.readUint8(), i.readUint8(), i.readUint8()),
+  sint8: (i) => i.readInt8(),
+  sint8x2: (i) => {
+    return vec2i(i.readInt8(), i.readInt8());
+  },
+  sint8x4: (i) => vec4i(i.readInt8(), i.readInt8(), i.readInt8(), i.readInt8()),
+  unorm8: (i) => i.readUint8() / 255,
+  unorm8x2: (i) => vec2f(i.readUint8() / 255, i.readUint8() / 255),
+  unorm8x4: (i) => vec4f(
+    i.readUint8() / 255,
+    i.readUint8() / 255,
+    i.readUint8() / 255,
+    i.readUint8() / 255
+  ),
+  snorm8: (i) => (i.readUint8() - 128) / 127,
+  snorm8x2: (i) => vec2f((i.readUint8() - 128) / 127, (i.readUint8() - 128) / 127),
+  snorm8x4: (i) => vec4f(
+    (i.readUint8() - 128) / 127,
+    (i.readUint8() - 128) / 127,
+    (i.readUint8() - 128) / 127,
+    (i.readUint8() - 128) / 127
+  ),
+  uint16: (i) => i.readUint16(),
+  uint16x2: (i) => vec2u(i.readUint16(), i.readUint16()),
+  uint16x4: (i) => vec4u(i.readUint16(), i.readUint16(), i.readUint16(), i.readUint16()),
+  sint16: (i) => i.readInt16(),
+  sint16x2: (i) => vec2i(i.readInt16(), i.readInt16()),
+  sint16x4: (i) => vec4i(i.readInt16(), i.readInt16(), i.readInt16(), i.readInt16()),
+  unorm16: (i) => i.readUint16() / 65535,
+  unorm16x2: (i) => vec2f(i.readUint16() / 65535, i.readUint16() / 65535),
+  unorm16x4: (i) => vec4f(
+    i.readUint16() / 65535,
+    i.readUint16() / 65535,
+    i.readUint16() / 65535,
+    i.readUint16() / 65535
+  ),
+  snorm16: (i) => (i.readUint16() - 32768) / 32767,
+  snorm16x2: (i) => vec2f(dataReaders.snorm16(i), dataReaders.snorm16(i)),
+  snorm16x4: (i) => vec4f(
+    dataReaders.snorm16(i),
+    dataReaders.snorm16(i),
+    dataReaders.snorm16(i),
+    dataReaders.snorm16(i)
+  ),
+  float16(i) {
+    return i.readFloat16();
+  },
+  float16x2: (i) => vec2f(i.readFloat16(), i.readFloat16()),
+  float16x4: (i) => vec4f(i.readFloat16(), i.readFloat16(), i.readFloat16(), i.readFloat16()),
+  float32: (i) => i.readFloat32(),
+  float32x2: (i) => vec2f(i.readFloat32(), i.readFloat32()),
+  float32x3: (i) => vec3f(i.readFloat32(), i.readFloat32(), i.readFloat32()),
+  float32x4: (i) => vec4f(i.readFloat32(), i.readFloat32(), i.readFloat32(), i.readFloat32()),
+  uint32: (i) => i.readUint32(),
+  uint32x2: (i) => vec2u(i.readUint32(), i.readUint32()),
+  uint32x3: (i) => vec3u(i.readUint32(), i.readUint32(), i.readUint32()),
+  uint32x4: (i) => vec4u(i.readUint32(), i.readUint32(), i.readUint32(), i.readUint32()),
+  sint32: (i) => i.readInt32(),
+  sint32x2: (i) => vec2i(i.readInt32(), i.readInt32()),
+  sint32x3: (i) => vec3i(i.readInt32(), i.readInt32(), i.readInt32()),
+  sint32x4: (i) => vec4i(i.readInt32(), i.readInt32(), i.readInt32(), i.readInt32()),
+  "unorm10-10-10-2"(i) {
+    const packed = i.readUint32();
+    const r = (packed >> 22) / 1023;
+    const g = (packed >> 12 & 1023) / 1023;
+    const b = (packed >> 2 & 1023) / 1023;
+    const a = (packed & 3) / 3;
+    return vec4f(r, g, b, a);
+  },
+  "unorm8x4-bgra"(i) {
+    const b = i.readByte() / 255;
+    const g = i.readByte() / 255;
+    const r = i.readByte() / 255;
+    const a = i.readByte() / 255;
+    return vec4f(r, g, b, a);
+  },
+  unstruct(input, schema) {
+    const result = {};
+    for (const [key, property] of Object.entries(schema.propTypes)) {
+      result[key] = readData(input, property);
+    }
+    return result;
+  },
+  disarray(input, schema) {
+    const alignment = alignmentOf(schema);
+    const elements = [];
+    for (let i = 0; i < schema.elementCount; i++) {
+      alignIO_default(input, alignment);
+      elements.push(readData(input, schema.elementType));
+    }
+    alignIO_default(input, alignment);
+    return elements;
+  },
+  "loose-decorated"(input, schema) {
+    alignIO_default(input, customAlignmentOf(schema));
+    const beginning = input.currentByteOffset;
+    const value = readData(input, schema.inner);
+    input.seekTo(beginning + sizeOf(schema));
+    return value;
+  }
+};
+function readData(input, schema) {
+  const reader = dataReaders[schema.type];
+  if (!reader) {
+    throw new Error(`Cannot read data of type '${schema.type}'.`);
+  }
+  return reader(input, schema);
+}
+
+// src/core/buffer/buffer.ts
+function INTERNAL_createBuffer(group, typeSchema, initialOrBuffer) {
+  if (!isWgslData(typeSchema)) {
+    return new TgpuBufferImpl(group, typeSchema, initialOrBuffer, [
+      "storage",
+      "uniform"
+    ]);
+  }
+  return new TgpuBufferImpl(group, typeSchema, initialOrBuffer);
+}
+function isBuffer(value) {
+  return value.resourceType === "buffer";
+}
+function isUsableAsUniform(buffer) {
+  return !!buffer.usableAsUniform;
+}
+function isUsableAsVertex(buffer) {
+  return !!buffer.usableAsVertex;
+}
+var TgpuBufferImpl = class {
+  constructor(_group, dataType, initialOrBuffer, _disallowedUsages) {
+    this._group = _group;
+    this.dataType = dataType;
+    this.initialOrBuffer = initialOrBuffer;
+    this._disallowedUsages = _disallowedUsages;
+    __publicField(this, "resourceType", "buffer");
+    __publicField(this, "flags", GPUBufferUsage.COPY_DST | GPUBufferUsage.COPY_SRC);
+    __publicField(this, "_buffer", null);
+    __publicField(this, "_ownBuffer");
+    __publicField(this, "_destroyed", false);
+    __publicField(this, "_label");
+    __publicField(this, "initial");
+    __publicField(this, "usableAsUniform", false);
+    __publicField(this, "usableAsStorage", false);
+    __publicField(this, "usableAsVertex", false);
+    if (isGPUBuffer(initialOrBuffer)) {
+      this._ownBuffer = false;
+      this._buffer = initialOrBuffer;
+    } else {
+      this._ownBuffer = true;
+      this.initial = initialOrBuffer;
+    }
+  }
+  get label() {
+    return this._label;
+  }
+  get buffer() {
+    var _a;
+    const device = this._group.device;
+    if (this._destroyed) {
+      throw new Error("This buffer has been destroyed");
+    }
+    if (!this._buffer) {
+      this._buffer = device.createBuffer({
+        size: sizeOf(this.dataType),
+        usage: this.flags,
+        mappedAtCreation: !!this.initial,
+        label: (_a = this.label) != null ? _a : "<unnamed>"
+      });
+      if (this.initial) {
+        const writer = new BufferWriter(this._buffer.getMappedRange());
+        writeData(writer, this.dataType, this.initial);
+        this._buffer.unmap();
+      }
+    }
+    return this._buffer;
+  }
+  get destroyed() {
+    return this._destroyed;
+  }
+  $name(label) {
+    this._label = label;
+    if (this._buffer) {
+      this._buffer.label = label;
+    }
+    return this;
+  }
+  $usage(...usages) {
+    var _a;
+    for (const usage of usages) {
+      if ((_a = this._disallowedUsages) == null ? void 0 : _a.includes(usage)) {
+        throw new Error(
+          `Buffer of type ${this.dataType} cannot be used as ${usage}`
+        );
+      }
+      this.flags |= usage === "uniform" ? GPUBufferUsage.UNIFORM : 0;
+      this.flags |= usage === "storage" ? GPUBufferUsage.STORAGE : 0;
+      this.flags |= usage === "vertex" ? GPUBufferUsage.VERTEX : 0;
+      this.usableAsUniform = this.usableAsUniform || usage === "uniform";
+      this.usableAsStorage = this.usableAsStorage || usage === "storage";
+      this.usableAsVertex = this.usableAsVertex || usage === "vertex";
+    }
+    return this;
+  }
+  $addFlags(flags) {
+    if (!this._ownBuffer) {
+      throw new Error(
+        "Cannot add flags to a buffer that is not managed by TypeGPU."
+      );
+    }
+    if (flags & GPUBufferUsage.MAP_READ) {
+      this.flags = GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ;
+      return this;
+    }
+    if (flags & GPUBufferUsage.MAP_WRITE) {
+      this.flags = GPUBufferUsage.COPY_SRC | GPUBufferUsage.MAP_WRITE;
+      return this;
+    }
+    this.flags |= flags;
+    return this;
+  }
+  write(data) {
+    const gpuBuffer = this.buffer;
+    const device = this._group.device;
+    if (gpuBuffer.mapState === "mapped") {
+      const mapped = gpuBuffer.getMappedRange();
+      writeData(new BufferWriter(mapped), this.dataType, data);
+      return;
+    }
+    const size = sizeOf(this.dataType);
+    this._group.flush();
+    const hostBuffer = new ArrayBuffer(size);
+    writeData(new BufferWriter(hostBuffer), this.dataType, data);
+    device.queue.writeBuffer(gpuBuffer, 0, hostBuffer, 0, size);
+  }
+  copyFrom(srcBuffer) {
+    if (this.buffer.mapState === "mapped") {
+      throw new Error("Cannot copy to a mapped buffer.");
+    }
+    const size = sizeOf(this.dataType);
+    const encoder = this._group.commandEncoder;
+    encoder.copyBufferToBuffer(srcBuffer.buffer, 0, this.buffer, 0, size);
+  }
+  async read() {
+    this._group.flush();
+    const gpuBuffer = this.buffer;
+    const device = this._group.device;
+    if (gpuBuffer.mapState === "mapped") {
+      const mapped = gpuBuffer.getMappedRange();
+      return readData(new BufferReader(mapped), this.dataType);
+    }
+    if (gpuBuffer.usage & GPUBufferUsage.MAP_READ) {
+      await gpuBuffer.mapAsync(GPUMapMode.READ);
+      const mapped = gpuBuffer.getMappedRange();
+      const res2 = readData(new BufferReader(mapped), this.dataType);
+      gpuBuffer.unmap();
+      return res2;
+    }
+    const stagingBuffer = device.createBuffer({
+      size: sizeOf(this.dataType),
+      usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ
+    });
+    const commandEncoder = device.createCommandEncoder();
+    commandEncoder.copyBufferToBuffer(
+      gpuBuffer,
+      0,
+      stagingBuffer,
+      0,
+      sizeOf(this.dataType)
+    );
+    device.queue.submit([commandEncoder.finish()]);
+    await device.queue.onSubmittedWorkDone();
+    await stagingBuffer.mapAsync(GPUMapMode.READ, 0, sizeOf(this.dataType));
+    const res = readData(
+      new BufferReader(stagingBuffer.getMappedRange()),
+      this.dataType
+    );
+    stagingBuffer.unmap();
+    stagingBuffer.destroy();
+    return res;
+  }
+  destroy() {
+    var _a;
+    if (this._destroyed) {
+      return;
+    }
+    this._destroyed = true;
+    if (this._ownBuffer) {
+      (_a = this._buffer) == null ? void 0 : _a.destroy();
+    }
+  }
+  toString() {
+    var _a;
+    return `buffer:${(_a = this._label) != null ? _a : "<unnamed>"}`;
+  }
+};
+
+// src/extension.ts
+function isUsableAsStorage(value) {
+  return !!(value == null ? void 0 : value.usableAsStorage);
+}
+var NotStorageError = class _NotStorageError extends Error {
+  constructor(value) {
+    var _a;
+    super(
+      `Resource '${(_a = value.label) != null ? _a : "<unnamed>"}' cannot be bound as 'storage'. Use .$usage('storage') to allow it.`
+    );
+    Object.setPrototypeOf(this, _NotStorageError.prototype);
+  }
+};
+
+// src/core/buffer/bufferUsage.ts
+var usageToVarTemplateMap = {
+  uniform: "uniform",
+  mutable: "storage, read_write",
+  readonly: "storage, read"
+};
+var TgpuFixedBufferImpl = class {
+  constructor(usage, buffer) {
+    this.usage = usage;
+    this.buffer = buffer;
+    /** Type-token, not available at runtime */
+    __publicField(this, "~repr");
+    __publicField(this, "resourceType", "buffer-usage");
+  }
+  get label() {
+    return this.buffer.label;
+  }
+  $name(label) {
+    this.buffer.$name(label);
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const { group, binding } = ctx.allocateFixedEntry(
+      this.usage === "uniform" ? { uniform: this.buffer.dataType } : { storage: this.buffer.dataType, access: this.usage },
+      this.buffer
+    );
+    const usage = usageToVarTemplateMap[this.usage];
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${binding}) var<${usage}> ${id}: ${ctx.resolve(
+        this.buffer.dataType
+      )};`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.usage}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    if (!inGPUMode()) {
+      throw new Error(`Cannot access buffer's value directly in JS.`);
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx) => ctx.resolve(this),
+        toString: () => {
+          var _a;
+          return `.value:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+};
+var TgpuLaidOutBufferImpl = class {
+  constructor(usage, dataType, _membership) {
+    this.usage = usage;
+    this.dataType = dataType;
+    this._membership = _membership;
+    /** Type-token, not available at runtime */
+    __publicField(this, "~repr");
+    __publicField(this, "resourceType", "buffer-usage");
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    const usage = usageToVarTemplateMap[this.usage];
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var<${usage}> ${id}: ${ctx.resolve(this.dataType)};`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.usage}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    if (!inGPUMode()) {
+      throw new Error(`Cannot access buffer's value directly in JS.`);
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx) => ctx.resolve(this),
+        toString: () => {
+          var _a;
+          return `.value:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+};
+var mutableUsageMap = /* @__PURE__ */ new WeakMap();
+function asMutable(buffer) {
+  if (!isUsableAsStorage(buffer)) {
+    throw new Error(
+      `Cannot pass ${buffer} to asMutable, as it is not allowed to be used as storage. To allow it, call .$usage('storage') when creating the buffer.`
+    );
+  }
+  let usage = mutableUsageMap.get(buffer);
+  if (!usage) {
+    usage = new TgpuFixedBufferImpl("mutable", buffer);
+    mutableUsageMap.set(buffer, usage);
+  }
+  return usage;
+}
+var readonlyUsageMap = /* @__PURE__ */ new WeakMap();
+function asReadonly(buffer) {
+  if (!isUsableAsStorage(buffer)) {
+    throw new Error(
+      `Cannot pass ${buffer} to asReadonly, as it is not allowed to be used as storage. To allow it, call .$usage('storage') when creating the buffer.`
+    );
+  }
+  let usage = readonlyUsageMap.get(buffer);
+  if (!usage) {
+    usage = new TgpuFixedBufferImpl("readonly", buffer);
+    readonlyUsageMap.set(buffer, usage);
+  }
+  return usage;
+}
+var uniformUsageMap = /* @__PURE__ */ new WeakMap();
+function asUniform(buffer) {
+  if (!isUsableAsUniform(buffer)) {
+    throw new Error(
+      `Cannot pass ${buffer} to asUniform, as it is not allowed to be used as a uniform. To allow it, call .$usage('uniform') when creating the buffer.`
+    );
+  }
+  let usage = uniformUsageMap.get(buffer);
+  if (!usage) {
+    usage = new TgpuFixedBufferImpl("uniform", buffer);
+    uniformUsageMap.set(buffer, usage);
+  }
+  return usage;
+}
+
+// src/core/sampler/sampler.ts
+function sampler(props) {
+  return new TgpuFixedSamplerImpl(props);
+}
+function comparisonSampler(props) {
+  return new TgpuFixedComparisonSamplerImpl(props);
+}
+function isSampler(resource) {
+  return (resource == null ? void 0 : resource.resourceType) === "sampler";
+}
+function isComparisonSampler(resource) {
+  return (resource == null ? void 0 : resource.resourceType) === "sampler-comparison";
+}
+var TgpuLaidOutSamplerImpl = class {
+  constructor(_membership) {
+    this._membership = _membership;
+    __publicField(this, "resourceType", "sampler");
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var ${id}: sampler;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuLaidOutComparisonSamplerImpl = class {
+  constructor(_membership) {
+    this._membership = _membership;
+    __publicField(this, "resourceType", "sampler-comparison");
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var ${id}: sampler_comparison;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuFixedSamplerImpl = class {
+  constructor(_props) {
+    this._props = _props;
+    __publicField(this, "resourceType", "sampler");
+    __publicField(this, "_label");
+    __publicField(this, "_filtering");
+    this._filtering = _props.minFilter === "linear" || _props.magFilter === "linear" || _props.mipmapFilter === "linear";
+  }
+  get label() {
+    return this._label;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this._label);
+    const { group, binding } = ctx.allocateFixedEntry(
+      {
+        sampler: this._filtering ? "filtering" : "non-filtering"
+      },
+      this
+    );
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${binding}) var ${id}: sampler;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuFixedComparisonSamplerImpl = class {
+  constructor(_props) {
+    this._props = _props;
+    __publicField(this, "resourceType", "sampler-comparison");
+    __publicField(this, "_label");
+  }
+  get label() {
+    return this._label;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const { group, binding } = ctx.allocateFixedEntry(
+      { sampler: "comparison" },
+      this
+    );
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${binding}) var ${id}: sampler_comparison;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+
+// src/core/texture/externalTexture.ts
+var TgpuExternalTextureImpl = class {
+  constructor(_membership) {
+    this._membership = _membership;
+    __publicField(this, "resourceType", "external-texture");
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var ${id}: texture_external;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+
+// src/core/texture/textureFormats.ts
+var texelFormatToChannelType = {
+  r8unorm: f32,
+  r8snorm: f32,
+  r8uint: u32,
+  r8sint: i32,
+  r16uint: u32,
+  r16sint: i32,
+  r16float: f32,
+  rg8unorm: f32,
+  rg8snorm: f32,
+  rg8uint: u32,
+  rg8sint: i32,
+  r32uint: u32,
+  r32sint: i32,
+  r32float: f32,
+  rg16uint: u32,
+  rg16sint: i32,
+  rg16float: f32,
+  rgba8unorm: f32,
+  "rgba8unorm-srgb": f32,
+  rgba8snorm: f32,
+  rgba8uint: u32,
+  rgba8sint: i32,
+  bgra8unorm: f32,
+  "bgra8unorm-srgb": f32,
+  rgb9e5ufloat: f32,
+  rgb10a2uint: u32,
+  rgb10a2unorm: f32,
+  rg11b10ufloat: f32,
+  rg32uint: u32,
+  rg32sint: i32,
+  rg32float: f32,
+  rgba16uint: u32,
+  rgba16sint: i32,
+  rgba16float: f32,
+  rgba32uint: u32,
+  rgba32sint: i32,
+  rgba32float: f32,
+  stencil8: f32,
+  // NOTE: Honestly have no idea if this is right
+  depth16unorm: f32,
+  depth24plus: f32,
+  // NOTE: Honestly have no idea if this is right
+  "depth24plus-stencil8": f32,
+  // NOTE: Honestly have no idea if this is right
+  depth32float: f32,
+  "depth32float-stencil8": f32,
+  "bc1-rgba-unorm": f32,
+  "bc1-rgba-unorm-srgb": f32,
+  "bc2-rgba-unorm": f32,
+  "bc2-rgba-unorm-srgb": f32,
+  "bc3-rgba-unorm": f32,
+  "bc3-rgba-unorm-srgb": f32,
+  "bc4-r-unorm": f32,
+  "bc4-r-snorm": f32,
+  "bc5-rg-unorm": f32,
+  "bc5-rg-snorm": f32,
+  "bc6h-rgb-ufloat": f32,
+  "bc6h-rgb-float": f32,
+  "bc7-rgba-unorm": f32,
+  "bc7-rgba-unorm-srgb": f32,
+  "etc2-rgb8unorm": f32,
+  "etc2-rgb8unorm-srgb": f32,
+  "etc2-rgb8a1unorm": f32,
+  "etc2-rgb8a1unorm-srgb": f32,
+  "etc2-rgba8unorm": f32,
+  "etc2-rgba8unorm-srgb": f32,
+  "eac-r11unorm": f32,
+  "eac-r11snorm": f32,
+  "eac-rg11unorm": f32,
+  "eac-rg11snorm": f32,
+  "astc-4x4-unorm": f32,
+  "astc-4x4-unorm-srgb": f32,
+  "astc-5x4-unorm": f32,
+  "astc-5x4-unorm-srgb": f32,
+  "astc-5x5-unorm": f32,
+  "astc-5x5-unorm-srgb": f32,
+  "astc-6x5-unorm": f32,
+  "astc-6x5-unorm-srgb": f32,
+  "astc-6x6-unorm": f32,
+  "astc-6x6-unorm-srgb": f32,
+  "astc-8x5-unorm": f32,
+  "astc-8x5-unorm-srgb": f32,
+  "astc-8x6-unorm": f32,
+  "astc-8x6-unorm-srgb": f32,
+  "astc-8x8-unorm": f32,
+  "astc-8x8-unorm-srgb": f32,
+  "astc-10x5-unorm": f32,
+  "astc-10x5-unorm-srgb": f32,
+  "astc-10x6-unorm": f32,
+  "astc-10x6-unorm-srgb": f32,
+  "astc-10x8-unorm": f32,
+  "astc-10x8-unorm-srgb": f32,
+  "astc-10x10-unorm": f32,
+  "astc-10x10-unorm-srgb": f32,
+  "astc-12x10-unorm": f32,
+  "astc-12x10-unorm-srgb": f32,
+  "astc-12x12-unorm": f32,
+  "astc-12x12-unorm-srgb": f32
+};
+var texelFormatToDataType = {
+  rgba8unorm: vec4f,
+  rgba8snorm: vec4f,
+  rgba8uint: vec4u,
+  rgba8sint: vec4i,
+  rgba16uint: vec4u,
+  rgba16sint: vec4i,
+  rgba16float: vec4f,
+  r32uint: vec4u,
+  r32sint: vec4i,
+  r32float: vec4f,
+  rg32uint: vec4u,
+  rg32sint: vec4i,
+  rg32float: vec4f,
+  rgba32uint: vec4u,
+  rgba32sint: vec4i,
+  rgba32float: vec4f,
+  bgra8unorm: vec4f
+};
+var channelKindToFormat = {
+  f32: "float",
+  u32: "uint",
+  i32: "sint"
+};
+var channelFormatToSchema = {
+  float: f32,
+  "unfilterable-float": f32,
+  uint: u32,
+  sint: i32,
+  depth: f32
+  // I guess?
+};
+
+// src/core/texture/texture.ts
+function INTERNAL_createTexture(props, branch) {
+  return new TgpuTextureImpl(
+    props,
+    branch
+  );
+}
+function isTexture(value) {
+  return (value == null ? void 0 : value.resourceType) === "texture";
+}
+function isStorageTextureView(value) {
+  return (value == null ? void 0 : value.resourceType) === "texture-storage-view";
+}
+function isSampledTextureView(value) {
+  return (value == null ? void 0 : value.resourceType) === "texture-sampled-view";
+}
+var accessMap = {
+  mutable: "read_write",
+  readonly: "read",
+  writeonly: "write"
+};
+var TgpuTextureImpl = class {
+  constructor(props, _branch) {
+    this.props = props;
+    this._branch = _branch;
+    __publicField(this, "resourceType", "texture");
+    __publicField(this, "usableAsSampled", false);
+    __publicField(this, "usableAsStorage", false);
+    __publicField(this, "usableAsRender", false);
+    __publicField(this, "_destroyed", false);
+    __publicField(this, "_label");
+    __publicField(this, "_flags", GPUTextureUsage.COPY_DST | GPUTextureUsage.COPY_SRC);
+    __publicField(this, "_texture", null);
+  }
+  get label() {
+    return this._label;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  /**
+   * NOTE: Internal use only, use this and you'll get fired. Use `root.unwrap` instead.
+   */
+  unwrap() {
+    var _a, _b, _c, _d, _e;
+    if (this._destroyed) {
+      throw new Error("This texture has been destroyed");
+    }
+    if (!this._texture) {
+      this._texture = this._branch.device.createTexture({
+        label: (_a = this._label) != null ? _a : "<unnamed>",
+        format: this.props.format,
+        size: this.props.size,
+        usage: this._flags,
+        dimension: (_b = this.props.dimension) != null ? _b : "2d",
+        viewFormats: (_c = this.props.viewFormats) != null ? _c : [],
+        mipLevelCount: (_d = this.props.mipLevelCount) != null ? _d : 1,
+        sampleCount: (_e = this.props.sampleCount) != null ? _e : 1
+      });
+    }
+    return this._texture;
+  }
+  $usage(...usages) {
+    const hasStorage = usages.includes("storage");
+    const hasSampled = usages.includes("sampled");
+    const hasRender = usages.includes("render");
+    this._flags |= hasSampled ? GPUTextureUsage.TEXTURE_BINDING : 0;
+    this._flags |= hasStorage ? GPUTextureUsage.STORAGE_BINDING : 0;
+    this._flags |= hasRender ? GPUTextureUsage.RENDER_ATTACHMENT : 0;
+    this.usableAsStorage || (this.usableAsStorage = hasStorage);
+    this.usableAsSampled || (this.usableAsSampled = hasSampled);
+    this.usableAsRender || (this.usableAsRender = hasRender);
+    return this;
+  }
+  createView(access, params) {
+    if (access === "sampled") {
+      return this._asSampled(params);
+    }
+    const storageParams = params;
+    switch (access) {
+      case "mutable":
+        return this._asMutable(storageParams);
+      case "readonly":
+        return this._asReadonly(storageParams);
+      case "writeonly":
+        return this._asWriteonly(storageParams);
+    }
+  }
+  _asStorage(params, access) {
+    var _a;
+    if (!this.usableAsStorage) {
+      throw new Error("Unusable as storage");
+    }
+    const format = (_a = params == null ? void 0 : params.format) != null ? _a : this.props.format;
+    const type = texelFormatToDataType[format];
+    invariant(!!type, `Unsupported storage texture format: ${format}`);
+    return new TgpuFixedStorageTextureImpl(params != null ? params : {}, access, this);
+  }
+  _asReadonly(params) {
+    return this._asStorage(params, "readonly");
+  }
+  _asWriteonly(params) {
+    return this._asStorage(params, "writeonly");
+  }
+  _asMutable(params) {
+    return this._asStorage(params, "mutable");
+  }
+  _asSampled(params) {
+    var _a;
+    if (!this.usableAsSampled) {
+      throw new Error("Unusable as sampled");
+    }
+    const format = (_a = params == null ? void 0 : params.format) != null ? _a : this.props.format;
+    const type = texelFormatToDataType[format];
+    if (!type) {
+      throw new Error(`Unsupported storage texture format: ${format}`);
+    }
+    return new TgpuFixedSampledTextureImpl(params, this);
+  }
+  destroy() {
+    var _a;
+    if (this._destroyed) {
+      return;
+    }
+    this._destroyed = true;
+    (_a = this._texture) == null ? void 0 : _a.destroy();
+  }
+};
+var dimensionToCodeMap = {
+  "1d": "1d",
+  "2d": "2d",
+  "2d-array": "2d_array",
+  cube: "cube",
+  "cube-array": "cube_array",
+  "3d": "3d"
+};
+var TgpuFixedStorageTextureImpl = class {
+  constructor(props, access, _texture) {
+    this.access = access;
+    this._texture = _texture;
+    __publicField(this, "resourceType", "texture-storage-view");
+    __publicField(this, "texelDataType");
+    __publicField(this, "dimension");
+    __publicField(this, "_view");
+    __publicField(this, "_format");
+    var _a, _b, _c;
+    this.dimension = (_b = (_a = props == null ? void 0 : props.dimension) != null ? _a : _texture.props.dimension) != null ? _b : "2d";
+    this._format = (_c = props == null ? void 0 : props.format) != null ? _c : _texture.props.format;
+    this.texelDataType = texelFormatToDataType[this._format];
+  }
+  get label() {
+    return this._texture.label;
+  }
+  $name(label) {
+    this._texture.$name(label);
+    return this;
+  }
+  unwrap() {
+    var _a;
+    if (!this._view) {
+      this._view = this._texture.unwrap().createView({
+        label: `${(_a = this.label) != null ? _a : "<unnamed>"} - View`,
+        format: this._format,
+        dimension: this.dimension
+      });
+    }
+    return this._view;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const { group, binding } = ctx.allocateFixedEntry(
+      {
+        storageTexture: this._format,
+        access: this.access,
+        viewDimension: this.dimension
+      },
+      this
+    );
+    const type = `texture_storage_${dimensionToCodeMap[this.dimension]}`;
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${binding}) var ${id}: ${type}<${this._format}, ${accessMap[this.access]}>;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuLaidOutStorageTextureImpl = class {
+  constructor(_format, dimension, access, _membership) {
+    this._format = _format;
+    this.dimension = dimension;
+    this.access = access;
+    this._membership = _membership;
+    __publicField(this, "resourceType", "texture-storage-view");
+    __publicField(this, "texelDataType");
+    this.texelDataType = texelFormatToDataType[this._format];
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    const type = `texture_storage_${dimensionToCodeMap[this.dimension]}`;
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var ${id}: ${type}<${this._format}, ${accessMap[this.access]}>;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuFixedSampledTextureImpl = class {
+  constructor(_props, _texture) {
+    this._props = _props;
+    this._texture = _texture;
+    __publicField(this, "resourceType", "texture-sampled-view");
+    __publicField(this, "channelDataType");
+    __publicField(this, "dimension");
+    __publicField(this, "_format");
+    __publicField(this, "_view");
+    var _a, _b, _c;
+    this.dimension = (_b = (_a = _props == null ? void 0 : _props.dimension) != null ? _a : _texture.props.dimension) != null ? _b : "2d";
+    this._format = (_c = _props == null ? void 0 : _props.format) != null ? _c : _texture.props.format;
+    this.channelDataType = texelFormatToChannelType[this._format];
+  }
+  get label() {
+    return this._texture.label;
+  }
+  $name(label) {
+    this._texture.$name(label);
+    return this;
+  }
+  unwrap() {
+    var _a;
+    if (!this._view) {
+      this._view = this._texture.unwrap().createView(__spreadValues({
+        label: `${(_a = this.label) != null ? _a : "<unnamed>"} - View`
+      }, this._props));
+    }
+    return this._view;
+  }
+  "~resolve"(ctx) {
+    var _a;
+    const id = ctx.names.makeUnique(this.label);
+    const multisampled = ((_a = this._texture.props.sampleCount) != null ? _a : 1) > 1;
+    const { group, binding } = ctx.allocateFixedEntry(
+      {
+        texture: channelKindToFormat[this.channelDataType.type],
+        viewDimension: this.dimension,
+        multisampled
+      },
+      this
+    );
+    const type = multisampled ? "texture_multisampled_2d" : `texture_${dimensionToCodeMap[this.dimension]}`;
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${binding}) var ${id}: ${type}<${ctx.resolve(this.channelDataType)}>;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+var TgpuLaidOutSampledTextureImpl = class {
+  constructor(sampleType, dimension, _multisampled, _membership) {
+    this.dimension = dimension;
+    this._multisampled = _multisampled;
+    this._membership = _membership;
+    __publicField(this, "resourceType", "texture-sampled-view");
+    __publicField(this, "channelDataType");
+    this.channelDataType = channelFormatToSchema[sampleType];
+  }
+  get label() {
+    return this._membership.key;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this.label);
+    const group = ctx.allocateLayoutEntry(this._membership.layout);
+    const type = this._multisampled ? "texture_multisampled_2d" : `texture_${dimensionToCodeMap[this.dimension]}`;
+    ctx.addDeclaration(
+      `@group(${group}) @binding(${this._membership.idx}) var ${id}: ${type}<${ctx.resolve(this.channelDataType)}>;`
+    );
+    return id;
+  }
+  toString() {
+    var _a;
+    return `${this.resourceType}:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+};
+
+// src/core/texture/usageExtension.ts
+function isUsableAsSampled(value) {
+  return !!(value == null ? void 0 : value.usableAsSampled);
+}
+function isUsableAsRender(value) {
+  return !!(value == null ? void 0 : value.usableAsRender);
+}
+var NotSampledError = class _NotSampledError extends Error {
+  constructor(value) {
+    var _a;
+    super(
+      `Resource '${(_a = value.label) != null ? _a : "<unnamed>"}' cannot be bound as 'sampled'. Use .$usage('sampled') to allow it.`
+    );
+    Object.setPrototypeOf(this, _NotSampledError.prototype);
+  }
+};
+
+// src/tgpuBindGroupLayout.ts
+function bindGroupLayout(entries) {
+  return new TgpuBindGroupLayoutImpl(entries);
+}
+function isBindGroupLayout(value) {
+  return !!value && value.resourceType === "bind-group-layout";
+}
+function isBindGroup(value) {
+  return !!value && value.resourceType === "bind-group";
+}
+var MissingBindingError = class _MissingBindingError extends Error {
+  constructor(groupLabel, key) {
+    super(
+      `Bind group '${groupLabel != null ? groupLabel : "<unnamed>"}' is missing a required binding '${key}'`
+    );
+    Object.setPrototypeOf(this, _MissingBindingError.prototype);
+  }
+};
+var DEFAULT_MUTABLE_VISIBILITY = ["compute"];
+var DEFAULT_READONLY_VISIBILITY = [
+  "compute",
+  "vertex",
+  "fragment"
+];
+var TgpuBindGroupLayoutImpl = class {
+  constructor(entries) {
+    this.entries = entries;
+    __publicField(this, "_label");
+    __publicField(this, "_index");
+    __publicField(this, "resourceType", "bind-group-layout");
+    __publicField(this, "bound", {});
+    var _a, _b, _c, _d, _e;
+    let idx = 0;
+    for (const [key, entry] of Object.entries(entries)) {
+      if (entry === null) {
+        idx++;
+        continue;
+      }
+      const membership = { idx, key, layout: this };
+      if ("uniform" in entry) {
+        this.bound[key] = new TgpuLaidOutBufferImpl(
+          "uniform",
+          entry.uniform,
+          membership
+        );
+      }
+      if ("storage" in entry) {
+        const dataType = "type" in entry.storage ? entry.storage : entry.storage(0);
+        this.bound[key] = new TgpuLaidOutBufferImpl(
+          (_a = entry.access) != null ? _a : "readonly",
+          dataType,
+          membership
+        );
+      }
+      if ("texture" in entry) {
+        this.bound[key] = new TgpuLaidOutSampledTextureImpl(
+          entry.texture,
+          (_b = entry.viewDimension) != null ? _b : "2d",
+          (_c = entry.multisampled) != null ? _c : false,
+          membership
+        );
+      }
+      if ("storageTexture" in entry) {
+        this.bound[key] = new TgpuLaidOutStorageTextureImpl(
+          entry.storageTexture,
+          (_d = entry.viewDimension) != null ? _d : "2d",
+          (_e = entry.access) != null ? _e : "writeonly",
+          membership
+        );
+      }
+      if ("externalTexture" in entry) {
+        this.bound[key] = new TgpuExternalTextureImpl(membership);
+      }
+      if ("sampler" in entry) {
+        if (entry.sampler === "comparison") {
+          this.bound[key] = new TgpuLaidOutComparisonSamplerImpl(
+            membership
+          );
+        } else {
+          this.bound[key] = new TgpuLaidOutSamplerImpl(membership);
+        }
+      }
+      idx++;
+    }
+  }
+  get label() {
+    return this._label;
+  }
+  get index() {
+    return this._index;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  $idx(index) {
+    this._index = index;
+    return this;
+  }
+  unwrap(unwrapper) {
+    var _a;
+    const unwrapped = unwrapper.device.createBindGroupLayout({
+      label: (_a = this.label) != null ? _a : "<unnamed>",
+      entries: Object.values(this.entries).map((entry, idx) => {
+        var _a2, _b, _c, _d;
+        if (entry === null) {
+          return null;
+        }
+        let visibility = entry.visibility;
+        const binding = {
+          binding: idx,
+          visibility: 0
+        };
+        if ("uniform" in entry) {
+          visibility = visibility != null ? visibility : DEFAULT_READONLY_VISIBILITY;
+          binding.buffer = {
+            type: "uniform"
+          };
+        } else if ("storage" in entry) {
+          visibility = visibility != null ? visibility : entry.access === "mutable" ? DEFAULT_MUTABLE_VISIBILITY : DEFAULT_READONLY_VISIBILITY;
+          binding.buffer = {
+            type: entry.access === "mutable" ? "storage" : "read-only-storage"
+          };
+        } else if ("sampler" in entry) {
+          visibility = visibility != null ? visibility : DEFAULT_READONLY_VISIBILITY;
+          binding.sampler = {
+            type: entry.sampler
+          };
+        } else if ("texture" in entry) {
+          visibility = visibility != null ? visibility : DEFAULT_READONLY_VISIBILITY;
+          binding.texture = {
+            sampleType: entry.texture,
+            viewDimension: (_a2 = entry.viewDimension) != null ? _a2 : "2d",
+            multisampled: (_b = entry.multisampled) != null ? _b : false
+          };
+        } else if ("storageTexture" in entry) {
+          const access = (_c = entry.access) != null ? _c : "writeonly";
+          visibility = visibility != null ? visibility : access === "readonly" ? DEFAULT_READONLY_VISIBILITY : DEFAULT_MUTABLE_VISIBILITY;
+          binding.storageTexture = {
+            format: entry.storageTexture,
+            access: {
+              mutable: "read-write",
+              readonly: "read-only",
+              writeonly: "write-only"
+            }[access],
+            viewDimension: (_d = entry.viewDimension) != null ? _d : "2d"
+          };
+        } else if ("externalTexture" in entry) {
+          visibility = visibility != null ? visibility : DEFAULT_READONLY_VISIBILITY;
+          binding.externalTexture = {};
+        }
+        if (visibility == null ? void 0 : visibility.includes("compute")) {
+          binding.visibility |= GPUShaderStage.COMPUTE;
+        }
+        if (visibility == null ? void 0 : visibility.includes("vertex")) {
+          binding.visibility |= GPUShaderStage.VERTEX;
+        }
+        if (visibility == null ? void 0 : visibility.includes("fragment")) {
+          binding.visibility |= GPUShaderStage.FRAGMENT;
+        }
+        return binding;
+      }).filter((v) => v !== null)
+    });
+    return unwrapped;
+  }
+  populate(entries) {
+    return new TgpuBindGroupImpl(this, entries);
+  }
+};
+var TgpuBindGroupImpl = class {
+  constructor(layout, entries) {
+    this.layout = layout;
+    this.entries = entries;
+    __publicField(this, "resourceType", "bind-group");
+    for (const key of Object.keys(layout.entries)) {
+      if (layout.entries[key] !== null && !(key in entries)) {
+        throw new MissingBindingError(layout.label, key);
+      }
+    }
+  }
+  unwrap(unwrapper) {
+    var _a;
+    const unwrapped = unwrapper.device.createBindGroup({
+      label: (_a = this.layout.label) != null ? _a : "<unnamed>",
+      layout: unwrapper.unwrap(this.layout),
+      entries: Object.entries(this.layout.entries).map(([key, entry], idx) => {
+        var _a2;
+        if (entry === null) {
+          return null;
+        }
+        const value = this.entries[key];
+        if (value === void 0) {
+          throw new Error(
+            `'${key}' is a resource required to populate bind group layout '${(_a2 = this.layout.label) != null ? _a2 : "<unnamed>"}'.`
+          );
+        }
+        if ("uniform" in entry) {
+          let resource;
+          if (isBuffer(value)) {
+            if (!isUsableAsUniform(value)) {
+              throw new NotUniformError(value);
+            }
+            resource = { buffer: unwrapper.unwrap(value) };
+          } else {
+            resource = { buffer: value };
+          }
+          return {
+            binding: idx,
+            resource
+          };
+        }
+        if ("storage" in entry) {
+          let resource;
+          if (isBuffer(value)) {
+            if (!isUsableAsStorage(value)) {
+              throw new NotUniformError(value);
+            }
+            resource = { buffer: unwrapper.unwrap(value) };
+          } else {
+            resource = { buffer: value };
+          }
+          return {
+            binding: idx,
+            resource
+          };
+        }
+        if ("texture" in entry) {
+          let resource;
+          if (isTexture(value)) {
+            if (!isUsableAsSampled(value)) {
+              throw new NotSampledError(value);
+            }
+            resource = unwrapper.unwrap(
+              value.createView("sampled")
+            );
+          } else {
+            resource = value;
+          }
+          return {
+            binding: idx,
+            resource
+          };
+        }
+        if ("storageTexture" in entry) {
+          let resource;
+          if (isTexture(value)) {
+            if (!isUsableAsStorage(value)) {
+              throw new NotStorageError(value);
+            }
+            if (entry.access === "readonly") {
+              resource = unwrapper.unwrap(
+                value.createView("readonly")
+              );
+            } else if (entry.access === "mutable") {
+              resource = unwrapper.unwrap(
+                value.createView("mutable")
+              );
+            } else {
+              resource = unwrapper.unwrap(
+                value.createView("writeonly")
+              );
+            }
+          } else {
+            resource = value;
+          }
+          return {
+            binding: idx,
+            resource
+          };
+        }
+        if ("externalTexture" in entry || "sampler" in entry) {
+          return {
+            binding: idx,
+            resource: value
+          };
+        }
+        throw new Error(
+          `Malformed bind group entry: ${value} (${JSON.stringify(value)})`
+        );
+      }).filter((v) => v !== null)
+    });
+    return unwrapped;
+  }
+};
+
+// src/resolutionCtx.ts
+var CATCHALL_BIND_GROUP_IDX_MARKER = "#CATCHALL#";
+var ItemStateStack = class {
+  constructor() {
+    __publicField(this, "_stack", []);
+    __publicField(this, "_itemDepth", 0);
+  }
+  get itemDepth() {
+    return this._itemDepth;
+  }
+  get topItem() {
+    const state = this._stack[this._stack.length - 1];
+    if (!state || state.type !== "item") {
+      throw new Error("Internal error, expected item layer to be on top.");
+    }
+    return state;
+  }
+  pushItem() {
+    this._itemDepth++;
+    this._stack.push({
+      type: "item",
+      usedSlots: /* @__PURE__ */ new Set()
+    });
+  }
+  pushSlotBindings(pairs) {
+    this._stack.push({
+      type: "slotBinding",
+      bindingMap: new WeakMap(pairs)
+    });
+  }
+  pushFunctionScope(args, returnType, externalMap) {
+    this._stack.push({
+      type: "functionScope",
+      args,
+      returnType,
+      externalMap
+    });
+  }
+  pop() {
+    const layer = this._stack.pop();
+    if ((layer == null ? void 0 : layer.type) === "item") {
+      this._itemDepth--;
+    }
+  }
+  readSlot(slot2) {
+    for (let i = this._stack.length - 1; i >= 0; --i) {
+      const layer = this._stack[i];
+      if ((layer == null ? void 0 : layer.type) === "item") {
+        layer.usedSlots.add(slot2);
+      } else if ((layer == null ? void 0 : layer.type) === "slotBinding") {
+        const boundValue = layer.bindingMap.get(slot2);
+        if (boundValue !== void 0) {
+          return boundValue;
+        }
+      } else if ((layer == null ? void 0 : layer.type) === "functionScope" || (layer == null ? void 0 : layer.type) === "blockScope") {
+      } else {
+        throw new Error("Unknown layer type.");
+      }
+    }
+    return slot2.defaultValue;
+  }
+  getResourceById(id) {
+    for (let i = this._stack.length - 1; i >= 0; --i) {
+      const layer = this._stack[i];
+      if ((layer == null ? void 0 : layer.type) === "functionScope") {
+        const arg = layer.args.find((a) => a.value === id);
+        if (arg !== void 0) {
+          return arg;
+        }
+        const external = layer.externalMap[id];
+        if (external !== void 0) {
+          return { value: external, dataType: UnknownData };
+        }
+        return void 0;
+      }
+      if ((layer == null ? void 0 : layer.type) === "blockScope") {
+        const declarationType = layer.declarations.get(id);
+        if (declarationType !== void 0) {
+          return { value: id, dataType: declarationType };
+        }
+      } else {
+      }
+    }
+    return void 0;
+  }
+};
+var INDENT = [
+  "",
+  // 0
+  "  ",
+  // 1
+  "    ",
+  // 2
+  "      ",
+  // 3
+  "        ",
+  // 4
+  "          ",
+  // 5
+  "            ",
+  // 6
+  "              ",
+  // 7
+  "                "
+  // 8
+];
+var N = INDENT.length - 1;
+var IndentController = class {
+  constructor() {
+    __publicField(this, "identLevel", 0);
+  }
+  get pre() {
+    var _a;
+    return (_a = INDENT[this.identLevel]) != null ? _a : INDENT[N].repeat(this.identLevel / N) + INDENT[this.identLevel % N];
+  }
+  indent() {
+    const str = this.pre;
+    this.identLevel++;
+    return str;
+  }
+  dedent() {
+    this.identLevel--;
+    return this.pre;
+  }
+};
+var ResolutionCtxImpl = class {
+  constructor(opts) {
+    __publicField(this, "_memoizedResolves", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "_memoizedDerived", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "_indentController", new IndentController());
+    __publicField(this, "_jitTranspiler");
+    __publicField(this, "_itemStateStack", new ItemStateStack());
+    __publicField(this, "_declarations", []);
+    // -- Bindings
+    /**
+     * A map from registered bind group layouts to random strings put in
+     * place of their group index. The whole tree has to be traversed to
+     * collect every use of a typed bind group layout, since they can be
+     * explicitly imposed group indices, and they cannot collide.
+     */
+    __publicField(this, "bindGroupLayoutsToPlaceholderMap", /* @__PURE__ */ new Map());
+    __publicField(this, "_nextFreeLayoutPlaceholderIdx", 0);
+    __publicField(this, "fixedBindings", []);
+    // --
+    __publicField(this, "callStack", []);
+    __publicField(this, "names");
+    this.names = opts.names;
+    this._jitTranspiler = opts.jitTranspiler;
+  }
+  get pre() {
+    return this._indentController.pre;
+  }
+  indent() {
+    return this._indentController.indent();
+  }
+  dedent() {
+    return this._indentController.dedent();
+  }
+  getById(id) {
+    var _a;
+    return (_a = this._itemStateStack.getResourceById(id)) != null ? _a : {
+      value: id,
+      dataType: UnknownData
+    };
+  }
+  transpileFn(fn2) {
+    if (!this._jitTranspiler) {
+      throw new Error(
+        "Tried to execute a tgpu.fn function without providing a JIT transpiler, or transpiling at build time."
+      );
+    }
+    return this._jitTranspiler.transpileFn(fn2);
+  }
+  fnToWgsl(options) {
+    this._itemStateStack.pushFunctionScope(
+      options.args,
+      options.returnType,
+      options.externalMap
+    );
+    const str = generateFunction(this, options.body);
+    this._itemStateStack.pop();
+    const argList = options.args.map(
+      (arg) => `${arg.value}: ${this.resolve(arg.dataType)}`
+    ).join(", ");
+    return {
+      head: options.returnType !== void 0 ? `(${argList}) -> ${this.resolve(options.returnType)}` : `(${argList})`,
+      body: str
+    };
+  }
+  addDeclaration(declaration) {
+    this._declarations.push(declaration);
+  }
+  allocateLayoutEntry(layout) {
+    const memoMap = this.bindGroupLayoutsToPlaceholderMap;
+    let placeholderKey = memoMap.get(layout);
+    if (!placeholderKey) {
+      placeholderKey = `#BIND_GROUP_LAYOUT_${this._nextFreeLayoutPlaceholderIdx++}#`;
+      memoMap.set(layout, placeholderKey);
+    }
+    return placeholderKey;
+  }
+  allocateFixedEntry(layoutEntry, resource) {
+    const binding = this.fixedBindings.length;
+    this.fixedBindings.push({ layoutEntry, resource });
+    return {
+      group: CATCHALL_BIND_GROUP_IDX_MARKER,
+      binding
+    };
+  }
+  readSlot(slot2) {
+    const value = this._itemStateStack.readSlot(slot2);
+    if (value === void 0) {
+      throw new MissingSlotValueError(slot2);
+    }
+    return value;
+  }
+  withSlots(pairs, callback) {
+    this._itemStateStack.pushSlotBindings(pairs);
+    try {
+      return callback();
+    } finally {
+      this._itemStateStack.pop();
+    }
+  }
+  unwrap(eventual) {
+    if (isProviding(eventual)) {
+      return this.withSlots(
+        eventual["~providing"].pairs,
+        () => this.unwrap(eventual["~providing"].inner)
+      );
+    }
+    let maybeEventual = eventual;
+    while (true) {
+      if (isSlot(maybeEventual)) {
+        maybeEventual = this.readSlot(maybeEventual);
+      } else if (isDerived(maybeEventual)) {
+        maybeEventual = this._getOrCompute(maybeEventual);
+      } else {
+        break;
+      }
+    }
+    return maybeEventual;
+  }
+  _getOrCompute(derived2) {
+    var _a;
+    const instances = (_a = this._memoizedDerived.get(derived2)) != null ? _a : [];
+    this._itemStateStack.pushItem();
+    try {
+      for (const instance of instances) {
+        const slotValuePairs = [...instance.slotToValueMap.entries()];
+        if (slotValuePairs.every(
+          ([slot2, expectedValue]) => slot2.areEqual(this._itemStateStack.readSlot(slot2), expectedValue)
+        )) {
+          return instance.result;
+        }
+      }
+      const result = derived2["~compute"]();
+      const slotToValueMap = /* @__PURE__ */ new Map();
+      for (const usedSlot of this._itemStateStack.topItem.usedSlots) {
+        slotToValueMap.set(usedSlot, this._itemStateStack.readSlot(usedSlot));
+      }
+      instances.push({ slotToValueMap, result });
+      this._memoizedDerived.set(derived2, instances);
+      return result;
+    } catch (err) {
+      if (err instanceof ResolutionError) {
+        throw err.appendToTrace(derived2);
+      }
+      throw new ResolutionError(err, [derived2]);
+    } finally {
+      this._itemStateStack.pop();
+    }
+  }
+  /**
+   * @param item The item whose resolution should be either retrieved from the cache (if there is a cache hit), or resolved.
+   */
+  _getOrInstantiate(item) {
+    var _a;
+    const instances = (_a = this._memoizedResolves.get(item)) != null ? _a : [];
+    this._itemStateStack.pushItem();
+    try {
+      for (const instance of instances) {
+        const slotValuePairs = [...instance.slotToValueMap.entries()];
+        if (slotValuePairs.every(
+          ([slot2, expectedValue]) => slot2.areEqual(this._itemStateStack.readSlot(slot2), expectedValue)
+        )) {
+          return instance.result;
+        }
+      }
+      let result;
+      if (isWgslData(item)) {
+        result = resolveData(this, item);
+      } else if (isDerived(item) || isSlot(item)) {
+        result = this.resolve(this.unwrap(item));
+      } else if (isSelfResolvable(item)) {
+        result = item["~resolve"](this);
+      } else {
+        result = this.resolveValue(item);
+      }
+      const slotToValueMap = /* @__PURE__ */ new Map();
+      for (const usedSlot of this._itemStateStack.topItem.usedSlots) {
+        slotToValueMap.set(usedSlot, this._itemStateStack.readSlot(usedSlot));
+      }
+      instances.push({ slotToValueMap, result });
+      this._memoizedResolves.set(item, instances);
+      return result;
+    } catch (err) {
+      if (err instanceof ResolutionError) {
+        throw err.appendToTrace(item);
+      }
+      throw new ResolutionError(err, [item]);
+    } finally {
+      this._itemStateStack.pop();
+    }
+  }
+  resolve(item) {
+    if (isProviding(item)) {
+      return this.withSlots(
+        item["~providing"].pairs,
+        () => this.resolve(item["~providing"].inner)
+      );
+    }
+    if (item && typeof item === "object" || typeof item === "function") {
+      if (this._itemStateStack.itemDepth === 0) {
+        const result = provideCtx(this, () => this._getOrInstantiate(item));
+        return `${[...this._declarations].join("\n\n")}${result}`;
+      }
+      return this._getOrInstantiate(item);
+    }
+    return String(item);
+  }
+  resolveValue(value, schema) {
+    if (isWgsl(value)) {
+      return this.resolve(value);
+    }
+    if (schema && isWgslArray(schema)) {
+      return `array(${value.map((element) => this.resolveValue(element, schema.elementType))})`;
+    }
+    if (Array.isArray(value)) {
+      return `array(${value.map((element) => this.resolveValue(element))})`;
+    }
+    if (schema && isWgslStruct(schema)) {
+      return `${this.resolve(schema)}(${Object.entries(schema.propTypes).map(([key, type_]) => this.resolveValue(value[key], type_))})`;
+    }
+    throw new Error(
+      `Value ${value} (as json: ${JSON.stringify(value)}) of schema ${schema} is not resolvable to WGSL`
+    );
+  }
+};
+function resolve(item, options) {
+  var _a;
+  const ctx = new ResolutionCtxImpl(options);
+  let code = ctx.resolve(item);
+  const memoMap = ctx.bindGroupLayoutsToPlaceholderMap;
+  const bindGroupLayouts = [];
+  const takenIndices = new Set(
+    [...memoMap.keys()].map((layout) => layout.index).filter((v) => v !== void 0)
+  );
+  const automaticIds = naturalsExcept(takenIndices);
+  const layoutEntries = ctx.fixedBindings.map(
+    (binding, idx) => [String(idx), binding.layoutEntry]
+  );
+  const createCatchallGroup = () => {
+    const catchallIdx = automaticIds.next().value;
+    const catchallLayout = bindGroupLayout(Object.fromEntries(layoutEntries));
+    bindGroupLayouts[catchallIdx] = catchallLayout;
+    code = code.replaceAll(CATCHALL_BIND_GROUP_IDX_MARKER, String(catchallIdx));
+    return [
+      catchallIdx,
+      new TgpuBindGroupImpl(
+        catchallLayout,
+        Object.fromEntries(
+          ctx.fixedBindings.map(
+            (binding, idx) => (
+              // biome-ignore lint/suspicious/noExplicitAny: <it's fine>
+              [String(idx), binding.resource]
+            )
+          )
+        )
+      )
+    ];
+  };
+  const catchall = layoutEntries.length > 0 ? createCatchallGroup() : null;
+  for (const [layout, placeholder] of memoMap.entries()) {
+    const idx = (_a = layout.index) != null ? _a : automaticIds.next().value;
+    bindGroupLayouts[idx] = layout;
+    code = code.replaceAll(placeholder, String(idx));
+  }
+  return {
+    code,
+    bindGroupLayouts,
+    catchall
+  };
+}
+
+// src/core/resolve/tgpuResolve.ts
+function resolve2(options) {
+  const {
+    externals,
+    template,
+    names,
+    unstable_jitTranspiler: jitTranspiler
+  } = options;
+  const dependencies = {};
+  applyExternals(dependencies, externals != null ? externals : {});
+  const resolutionObj = {
+    "~resolve"(ctx) {
+      return replaceExternalsInWgsl(ctx, dependencies, template != null ? template : "");
+    },
+    toString: () => "<root>"
+  };
+  const { code } = resolve(resolutionObj, {
+    names: names === "strict" ? new StrictNameRegistry() : new RandomNameRegistry(),
+    jitTranspiler
+  });
+  return code;
+}
+
+// src/memo.ts
+var WeakMemo = class {
+  constructor(_make) {
+    this._make = _make;
+    __publicField(this, "_map", /* @__PURE__ */ new WeakMap());
+  }
+  getOrMake(key, ...args) {
+    if (this._map.has(key)) {
+      return this._map.get(key);
+    }
+    const value = this._make(key, ...args);
+    this._map.set(key, value);
+    return value;
+  }
+};
+
+// src/core/pipeline/computePipeline.ts
+function INTERNAL_createComputePipeline(branch, slotBindings, entryFn) {
+  return new TgpuComputePipelineImpl(
+    new ComputePipelineCore(branch, slotBindings, entryFn),
+    {}
+  );
+}
+function isComputePipeline(value) {
+  return (value == null ? void 0 : value.resourceType) === "compute-pipeline";
+}
+var TgpuComputePipelineImpl = class _TgpuComputePipelineImpl {
+  constructor(_core, _priors) {
+    this._core = _core;
+    this._priors = _priors;
+    __publicField(this, "resourceType", "compute-pipeline");
+  }
+  get label() {
+    return this._core.label;
+  }
+  get rawPipeline() {
+    return this._core.unwrap().pipeline;
+  }
+  with(bindGroupLayout2, bindGroup) {
+    var _a;
+    return new _TgpuComputePipelineImpl(this._core, {
+      bindGroupLayoutMap: new Map([
+        ...(_a = this._priors.bindGroupLayoutMap) != null ? _a : [],
+        [bindGroupLayout2, bindGroup]
+      ])
+    });
+  }
+  dispatchWorkgroups(x, y, z) {
+    const memo = this._core.unwrap();
+    const { branch, label } = this._core;
+    const pass = branch.commandEncoder.beginComputePass({
+      label: label != null ? label : "<unnamed>"
+    });
+    pass.setPipeline(memo.pipeline);
+    const missingBindGroups = new Set(memo.bindGroupLayouts);
+    memo.bindGroupLayouts.forEach((layout, idx) => {
+      var _a;
+      if (memo.catchall && idx === memo.catchall[0]) {
+        pass.setBindGroup(idx, branch.unwrap(memo.catchall[1]));
+        missingBindGroups.delete(layout);
+      } else {
+        const bindGroup = (_a = this._priors.bindGroupLayoutMap) == null ? void 0 : _a.get(layout);
+        if (bindGroup !== void 0) {
+          missingBindGroups.delete(layout);
+          pass.setBindGroup(idx, branch.unwrap(bindGroup));
+        }
+      }
+    });
+    if (missingBindGroups.size > 0) {
+      throw new MissingBindGroupsError(missingBindGroups);
+    }
+    pass.dispatchWorkgroups(x, y, z);
+    pass.end();
+  }
+  $name(label) {
+    this._core.label = label;
+    return this;
+  }
+};
+var ComputePipelineCore = class {
+  constructor(branch, _slotBindings, _entryFn) {
+    this.branch = branch;
+    this._slotBindings = _slotBindings;
+    this._entryFn = _entryFn;
+    __publicField(this, "label");
+    __publicField(this, "_memo");
+  }
+  unwrap() {
+    var _a, _b, _c, _d, _e;
+    if (this._memo === void 0) {
+      const device = this.branch.device;
+      const { code, bindGroupLayouts, catchall } = resolve(
+        {
+          "~resolve": (ctx) => {
+            ctx.withSlots(this._slotBindings, () => {
+              ctx.resolve(this._entryFn);
+            });
+            return "";
+          },
+          toString: () => {
+            var _a2;
+            return `computePipeline:${(_a2 = this.label) != null ? _a2 : "<unnamed>"}`;
+          }
+        },
+        {
+          names: this.branch.nameRegistry,
+          jitTranspiler: this.branch.jitTranspiler
+        }
+      );
+      if (catchall !== null) {
+        (_b = bindGroupLayouts[catchall[0]]) == null ? void 0 : _b.$name(
+          `${(_a = this.label) != null ? _a : "<unnamed>"} - Automatic Bind Group & Layout`
+        );
+      }
+      this._memo = {
+        pipeline: device.createComputePipeline({
+          label: (_c = this.label) != null ? _c : "<unnamed>",
+          layout: device.createPipelineLayout({
+            label: `${(_d = this.label) != null ? _d : "<unnamed>"} - Pipeline Layout`,
+            bindGroupLayouts: bindGroupLayouts.map(
+              (l) => this.branch.unwrap(l)
+            )
+          }),
+          compute: {
+            module: device.createShaderModule({
+              label: `${(_e = this.label) != null ? _e : "<unnamed>"} - Shader`,
+              code
+            })
+          }
+        }),
+        bindGroupLayouts,
+        catchall
+      };
+    }
+    return this._memo;
+  }
+};
+
+// src/core/vertexLayout/connectAttributesToShader.ts
+function isAttribute(value) {
+  return typeof (value == null ? void 0 : value.format) === "string";
+}
+function connectAttributesToShader(shaderInputLayout, attributes) {
+  var _a, _b;
+  const usedVertexLayouts = [];
+  if (isData(shaderInputLayout)) {
+    if (!isAttribute(attributes)) {
+      throw new Error(
+        "Shader expected a single attribute, not a record of attributes to be passed in."
+      );
+    }
+    usedVertexLayouts.push(attributes._layout);
+    return {
+      usedVertexLayouts,
+      bufferDefinitions: [
+        {
+          arrayStride: attributes._layout.stride,
+          stepMode: attributes._layout.stepMode,
+          attributes: [
+            {
+              format: attributes.format,
+              offset: attributes.offset,
+              shaderLocation: (_a = getCustomLocation(shaderInputLayout)) != null ? _a : 0
+            }
+          ]
+        }
+      ]
+    };
+  }
+  const bufferDefinitions = [];
+  const layoutToAttribListMap = /* @__PURE__ */ new WeakMap();
+  let nextShaderLocation = 0;
+  for (const [key, member] of Object.entries(
+    shaderInputLayout
+  )) {
+    if (isBuiltin(member)) {
+      continue;
+    }
+    const matchingAttribute = attributes[key];
+    if (!matchingAttribute) {
+      throw new Error(
+        `An attribute by the name of '${key}' was not provided to the shader.`
+      );
+    }
+    const layout = matchingAttribute._layout;
+    let attribList = layoutToAttribListMap.get(layout);
+    if (!attribList) {
+      usedVertexLayouts.push(layout);
+      attribList = [];
+      bufferDefinitions.push({
+        arrayStride: layout.stride,
+        stepMode: layout.stepMode,
+        attributes: attribList
+      });
+      layoutToAttribListMap.set(layout, attribList);
+    }
+    nextShaderLocation = (_b = getCustomLocation(member)) != null ? _b : nextShaderLocation;
+    attribList.push({
+      format: matchingAttribute.format,
+      offset: matchingAttribute.offset,
+      shaderLocation: nextShaderLocation++
+    });
+  }
+  return { usedVertexLayouts, bufferDefinitions };
+}
+
+// src/core/vertexLayout/vertexLayout.ts
+function vertexLayout(schemaForCount, stepMode = "vertex") {
+  return new TgpuVertexLayoutImpl(
+    schemaForCount,
+    stepMode
+  );
+}
+function isVertexLayout(value) {
+  return (value == null ? void 0 : value.resourceType) === "vertex-layout";
+}
+function dataToContainedAttribs(layout, data, offset) {
+  if (isDecorated(data) || isLooseDecorated(data)) {
+    return dataToContainedAttribs(
+      layout,
+      data.inner,
+      roundUp(offset, customAlignmentOf(data))
+    );
+  }
+  if (isWgslStruct(data)) {
+    let memberOffset = offset;
+    return Object.fromEntries(
+      Object.entries(data.propTypes).map(([key, value]) => {
+        memberOffset = roundUp(memberOffset, alignmentOf(value));
+        const attrib = [
+          key,
+          dataToContainedAttribs(layout, value, memberOffset)
+        ];
+        memberOffset += sizeOf(value);
+        return attrib;
+      })
+    );
+  }
+  if (isUnstruct(data)) {
+    let memberOffset = offset;
+    return Object.fromEntries(
+      Object.entries(data.propTypes).map(([key, value]) => {
+        memberOffset = roundUp(memberOffset, customAlignmentOf(value));
+        const attrib = [
+          key,
+          dataToContainedAttribs(layout, value, memberOffset)
+        ];
+        memberOffset += sizeOf(value);
+        return attrib;
+      })
+    );
+  }
+  if ("type" in data && typeof data.type === "string") {
+    if (vertexFormats.includes(data.type)) {
+      return {
+        _layout: layout,
+        // hidden property, used to determine which buffers to apply when executing the pipeline
+        format: data.type,
+        offset
+        // biome-ignore lint/suspicious/noExplicitAny: <too many type shenanigans>
+      };
+    }
+    const format = kindToDefaultFormatMap[data.type];
+    if (format) {
+      return {
+        _layout: layout,
+        // hidden property, used to determine which buffers to apply when executing the pipeline
+        format,
+        offset
+        // biome-ignore lint/suspicious/noExplicitAny: <too many type shenanigans>
+      };
+    }
+  }
+  throw new Error(`Unsupported data used in vertex layout: ${String(data)}`);
+}
+var TgpuVertexLayoutImpl = class {
+  constructor(schemaForCount, stepMode) {
+    this.schemaForCount = schemaForCount;
+    this.stepMode = stepMode;
+    __publicField(this, "resourceType", "vertex-layout");
+    __publicField(this, "stride");
+    __publicField(this, "attrib");
+    __publicField(this, "_label");
+    const arraySchema = schemaForCount(0);
+    this.stride = roundUp(
+      sizeOf(arraySchema.elementType),
+      alignmentOf(arraySchema)
+    );
+    this.attrib = dataToContainedAttribs(this, arraySchema.elementType, 0);
+  }
+  get label() {
+    return this._label;
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+};
+
+// src/core/pipeline/connectAttachmentToShader.ts
+function isColorAttachment(value) {
+  return typeof (value == null ? void 0 : value.loadOp) === "string";
+}
+function connectAttachmentToShader(shaderOutputLayout, attachment) {
+  if (isData(shaderOutputLayout)) {
+    if (!isColorAttachment(attachment)) {
+      throw new Error("Expected a single color attachment, not a record.");
+    }
+    return [attachment];
+  }
+  const result = [];
+  for (const key of Object.keys(shaderOutputLayout)) {
+    const matching = attachment[key];
+    if (!matching) {
+      throw new Error(
+        `A color attachment by the name of '${key}' was not provided to the shader.`
+      );
+    }
+    result.push(matching);
+  }
+  return result;
+}
+
+// src/core/pipeline/connectTargetsToShader.ts
+function isColorTargetState(value) {
+  return typeof (value == null ? void 0 : value.format) === "string";
+}
+function connectTargetsToShader(shaderOutputLayout, targets) {
+  if (isData(shaderOutputLayout)) {
+    if (!isColorTargetState(targets)) {
+      throw new Error(
+        "Expected a single color target configuration, not a record."
+      );
+    }
+    return [targets];
+  }
+  const result = [];
+  for (const key of Object.keys(shaderOutputLayout)) {
+    const matchingTarget = targets[key];
+    if (!matchingTarget) {
+      throw new Error(
+        `A color target by the name of '${key}' was not provided to the shader.`
+      );
+    }
+    result.push(matchingTarget);
+  }
+  return result;
+}
+
+// src/core/pipeline/renderPipeline.ts
+function INTERNAL_createRenderPipeline(options) {
+  return new TgpuRenderPipelineImpl(new RenderPipelineCore(options), {});
+}
+var TgpuRenderPipelineImpl = class _TgpuRenderPipelineImpl {
+  constructor(_core, _priors) {
+    this._core = _core;
+    this._priors = _priors;
+    __publicField(this, "resourceType", "render-pipeline");
+  }
+  get label() {
+    return this._core.label;
+  }
+  $name(label) {
+    this._core.label = label;
+    return this;
+  }
+  with(definition, resource) {
+    var _a, _b;
+    if (isBindGroupLayout(definition)) {
+      return new _TgpuRenderPipelineImpl(this._core, __spreadProps(__spreadValues({}, this._priors), {
+        bindGroupLayoutMap: new Map([
+          ...(_a = this._priors.bindGroupLayoutMap) != null ? _a : [],
+          [definition, resource]
+        ])
+      }));
+    }
+    if (isVertexLayout(definition)) {
+      return new _TgpuRenderPipelineImpl(this._core, __spreadProps(__spreadValues({}, this._priors), {
+        vertexLayoutMap: new Map([
+          ...(_b = this._priors.vertexLayoutMap) != null ? _b : [],
+          [definition, resource]
+        ])
+      }));
+    }
+    throw new Error("Unsupported value passed into .with()");
+  }
+  withColorAttachment(attachment) {
+    return new _TgpuRenderPipelineImpl(this._core, __spreadProps(__spreadValues({}, this._priors), {
+      colorAttachment: attachment
+    }));
+  }
+  withDepthStencilAttachment(attachment) {
+    return new _TgpuRenderPipelineImpl(this._core, __spreadProps(__spreadValues({}, this._priors), {
+      depthStencilAttachment: attachment
+    }));
+  }
+  draw(vertexCount, instanceCount, firstVertex, firstInstance) {
+    var _a;
+    const memo = this._core.unwrap();
+    const { branch, fragmentFn: fragmentFn2 } = this._core.options;
+    const colorAttachments = connectAttachmentToShader(
+      fragmentFn2.shell.returnType,
+      (_a = this._priors.colorAttachment) != null ? _a : {}
+    ).map((attachment) => {
+      if (isTexture(attachment.view)) {
+        return __spreadProps(__spreadValues({}, attachment), {
+          view: branch.unwrap(attachment.view).createView()
+        });
+      }
+      return attachment;
+    });
+    const renderPassDescriptor = {
+      colorAttachments
+    };
+    if (this._core.label !== void 0) {
+      renderPassDescriptor.label = this._core.label;
+    }
+    if (this._priors.depthStencilAttachment !== void 0) {
+      const attachment = this._priors.depthStencilAttachment;
+      if (isTexture(attachment.view)) {
+        renderPassDescriptor.depthStencilAttachment = __spreadProps(__spreadValues({}, attachment), {
+          view: branch.unwrap(attachment.view).createView()
+        });
+      } else {
+        renderPassDescriptor.depthStencilAttachment = attachment;
+      }
+    }
+    const pass = branch.commandEncoder.beginRenderPass(renderPassDescriptor);
+    pass.setPipeline(memo.pipeline);
+    const missingBindGroups = new Set(memo.bindGroupLayouts);
+    memo.bindGroupLayouts.forEach((layout, idx) => {
+      var _a2;
+      if (memo.catchall && idx === memo.catchall[0]) {
+        pass.setBindGroup(idx, branch.unwrap(memo.catchall[1]));
+        missingBindGroups.delete(layout);
+      } else {
+        const bindGroup = (_a2 = this._priors.bindGroupLayoutMap) == null ? void 0 : _a2.get(layout);
+        if (bindGroup !== void 0) {
+          missingBindGroups.delete(layout);
+          pass.setBindGroup(idx, branch.unwrap(bindGroup));
+        }
+      }
+    });
+    const missingVertexLayouts = new Set(this._core.usedVertexLayouts);
+    const usedVertexLayouts = this._core.usedVertexLayouts;
+    usedVertexLayouts.forEach((vertexLayout2, idx) => {
+      var _a2;
+      const buffer = (_a2 = this._priors.vertexLayoutMap) == null ? void 0 : _a2.get(vertexLayout2);
+      if (buffer) {
+        missingVertexLayouts.delete(vertexLayout2);
+        pass.setVertexBuffer(idx, branch.unwrap(buffer));
+      }
+    });
+    if (missingBindGroups.size > 0) {
+      throw new MissingBindGroupsError(missingBindGroups);
+    }
+    if (missingVertexLayouts.size > 0) {
+      throw new MissingVertexBuffersError(missingVertexLayouts);
+    }
+    pass.draw(vertexCount, instanceCount, firstVertex, firstInstance);
+    pass.end();
+  }
+};
+var RenderPipelineCore = class {
+  constructor(options) {
+    this.options = options;
+    __publicField(this, "label");
+    __publicField(this, "usedVertexLayouts");
+    __publicField(this, "_memo");
+    __publicField(this, "_vertexBufferLayouts");
+    __publicField(this, "_targets");
+    const connectedAttribs = connectAttributesToShader(
+      options.vertexFn.shell.attributes[0],
+      options.vertexAttribs
+    );
+    this._vertexBufferLayouts = connectedAttribs.bufferDefinitions;
+    this.usedVertexLayouts = connectedAttribs.usedVertexLayouts;
+    this._targets = connectTargetsToShader(
+      options.fragmentFn.shell.returnType,
+      options.targets
+    );
+  }
+  unwrap() {
+    var _a, _b, _c, _d;
+    if (this._memo === void 0) {
+      const {
+        branch,
+        vertexFn: vertexFn2,
+        fragmentFn: fragmentFn2,
+        slotBindings,
+        primitiveState,
+        depthStencilState
+      } = this.options;
+      const { code, bindGroupLayouts, catchall } = resolve(
+        {
+          "~resolve": (ctx) => {
+            ctx.withSlots(slotBindings, () => {
+              ctx.resolve(vertexFn2);
+              ctx.resolve(fragmentFn2);
+            });
+            return "";
+          },
+          toString: () => {
+            var _a2;
+            return `renderPipeline:${(_a2 = this.label) != null ? _a2 : "<unnamed>"}`;
+          }
+        },
+        {
+          names: branch.nameRegistry,
+          jitTranspiler: branch.jitTranspiler
+        }
+      );
+      if (catchall !== null) {
+        (_b = bindGroupLayouts[catchall[0]]) == null ? void 0 : _b.$name(
+          `${(_a = this.label) != null ? _a : "<unnamed>"} - Automatic Bind Group & Layout`
+        );
+      }
+      const device = branch.device;
+      const module = device.createShaderModule({
+        label: `${(_c = this.label) != null ? _c : "<unnamed>"} - Shader`,
+        code
+      });
+      const descriptor = {
+        layout: device.createPipelineLayout({
+          label: `${(_d = this.label) != null ? _d : "<unnamed>"} - Pipeline Layout`,
+          bindGroupLayouts: bindGroupLayouts.map((l) => branch.unwrap(l))
+        }),
+        vertex: {
+          module,
+          buffers: this._vertexBufferLayouts
+        },
+        fragment: {
+          module,
+          targets: this._targets
+        }
+      };
+      if (this.label !== void 0) {
+        descriptor.label = this.label;
+      }
+      if (primitiveState) {
+        descriptor.primitive = primitiveState;
+      }
+      if (depthStencilState) {
+        descriptor.depthStencil = depthStencilState;
+      }
+      this._memo = {
+        pipeline: device.createRenderPipeline(descriptor),
+        bindGroupLayouts,
+        catchall
+      };
+    }
+    return this._memo;
+  }
+};
+
+// src/core/root/init.ts
+var WithBindingImpl = class _WithBindingImpl {
+  constructor(_getRoot, _slotBindings) {
+    this._getRoot = _getRoot;
+    this._slotBindings = _slotBindings;
+  }
+  with(slot2, value) {
+    return new _WithBindingImpl(this._getRoot, [
+      ...this._slotBindings,
+      [isAccessor(slot2) ? slot2.slot : slot2, value]
+    ]);
+  }
+  withCompute(entryFn) {
+    return new WithComputeImpl(this._getRoot(), this._slotBindings, entryFn);
+  }
+  withVertex(vertexFn2, attribs) {
+    return new WithVertexImpl({
+      branch: this._getRoot(),
+      primitiveState: void 0,
+      depthStencilState: void 0,
+      slotBindings: this._slotBindings,
+      vertexFn: vertexFn2,
+      vertexAttribs: attribs
+    });
+  }
+};
+var WithComputeImpl = class {
+  constructor(_root, _slotBindings, _entryFn) {
+    this._root = _root;
+    this._slotBindings = _slotBindings;
+    this._entryFn = _entryFn;
+  }
+  createPipeline() {
+    return INTERNAL_createComputePipeline(
+      this._root,
+      this._slotBindings,
+      this._entryFn
+    );
+  }
+};
+var WithVertexImpl = class {
+  constructor(_options) {
+    this._options = _options;
+  }
+  withFragment(fragmentFn2, targets, _mismatch) {
+    invariant(typeof fragmentFn2 !== "string", "Just type mismatch validation");
+    invariant(typeof targets !== "string", "Just type mismatch validation");
+    return new WithFragmentImpl(__spreadProps(__spreadValues({}, this._options), {
+      fragmentFn: fragmentFn2,
+      targets
+    }));
+  }
+};
+var WithFragmentImpl = class _WithFragmentImpl {
+  constructor(_options) {
+    this._options = _options;
+  }
+  withPrimitive(primitiveState) {
+    return new _WithFragmentImpl(__spreadProps(__spreadValues({}, this._options), { primitiveState }));
+  }
+  withDepthStencil(depthStencilState) {
+    return new _WithFragmentImpl(__spreadProps(__spreadValues({}, this._options), { depthStencilState }));
+  }
+  createPipeline() {
+    return INTERNAL_createRenderPipeline(this._options);
+  }
+};
+var TgpuRootImpl = class extends WithBindingImpl {
+  constructor(device, nameRegistry, jitTranspiler, _ownDevice) {
+    super(() => this, []);
+    this.device = device;
+    this.nameRegistry = nameRegistry;
+    this.jitTranspiler = jitTranspiler;
+    this._ownDevice = _ownDevice;
+    __publicField(this, "~unstable");
+    __publicField(this, "_disposables", []);
+    __publicField(this, "_unwrappedBindGroupLayouts", new WeakMemo(
+      (key) => key.unwrap(this)
+    ));
+    __publicField(this, "_unwrappedBindGroups", new WeakMemo(
+      (key) => key.unwrap(this)
+    ));
+    __publicField(this, "_commandEncoder", null);
+    this["~unstable"] = {
+      nameRegistry: this.nameRegistry,
+      commandEncoder: this.commandEncoder,
+      createTexture: this.createTexture.bind(this),
+      with: this.with.bind(this),
+      withCompute: this.withCompute.bind(this),
+      withVertex: this.withVertex.bind(this),
+      flush: this.flush.bind(this)
+    };
+  }
+  get commandEncoder() {
+    if (!this._commandEncoder) {
+      this._commandEncoder = this.device.createCommandEncoder();
+    }
+    return this._commandEncoder;
+  }
+  createBuffer(typeSchema, initialOrBuffer) {
+    const buffer = INTERNAL_createBuffer(this, typeSchema, initialOrBuffer);
+    this._disposables.push(buffer);
+    return buffer;
+  }
+  createBindGroup(layout, entries) {
+    return new TgpuBindGroupImpl(layout, entries);
+  }
+  destroy() {
+    for (const disposable of this._disposables) {
+      disposable.destroy();
+    }
+    if (this._ownDevice) {
+      this.device.destroy();
+    }
+  }
+  createTexture(props) {
+    const texture = INTERNAL_createTexture(props, this);
+    this._disposables.push(texture);
+    return texture;
+  }
+  unwrap(resource) {
+    if (isComputePipeline(resource)) {
+      return resource.rawPipeline;
+    }
+    if (isBindGroupLayout(resource)) {
+      return this._unwrappedBindGroupLayouts.getOrMake(resource);
+    }
+    if (isBindGroup(resource)) {
+      return this._unwrappedBindGroups.getOrMake(resource);
+    }
+    if (isBuffer(resource)) {
+      return resource.buffer;
+    }
+    if (isTexture(resource)) {
+      return resource.unwrap();
+    }
+    if (isStorageTextureView(resource)) {
+      return resource.unwrap();
+    }
+    if (isSampledTextureView(resource)) {
+      return resource.unwrap();
+    }
+    throw new Error(`Unknown resource type: ${resource}`);
+  }
+  flush() {
+    if (!this._commandEncoder) {
+      return;
+    }
+    this.device.queue.submit([this._commandEncoder.finish()]);
+    this._commandEncoder = null;
+  }
+};
+async function init(options) {
+  const {
+    adapter: adapterOpt,
+    device: deviceOpt,
+    unstable_names: names = "random",
+    unstable_jitTranspiler: jitTranspiler
+  } = options != null ? options : {};
+  if (!navigator.gpu) {
+    throw new Error("WebGPU is not supported by this browser.");
+  }
+  const adapter = await navigator.gpu.requestAdapter(adapterOpt);
+  if (!adapter) {
+    throw new Error("Could not find a compatible GPU");
+  }
+  return new TgpuRootImpl(
+    await adapter.requestDevice(deviceOpt),
+    names === "random" ? new RandomNameRegistry() : new StrictNameRegistry(),
+    jitTranspiler,
+    true
+  );
+}
+function initFromDevice(options) {
+  const {
+    device,
+    unstable_names: names = "random",
+    unstable_jitTranspiler: jitTranspiler
+  } = options != null ? options : {};
+  return new TgpuRootImpl(
+    device,
+    names === "random" ? new RandomNameRegistry() : new StrictNameRegistry(),
+    jitTranspiler,
+    false
+  );
+}
+
+// src/core/slot/slot.ts
+function slot(defaultValue) {
+  return new TgpuSlotImpl(defaultValue);
+}
+var TgpuSlotImpl = class {
+  constructor(defaultValue = void 0) {
+    this.defaultValue = defaultValue;
+    __publicField(this, "resourceType", "slot");
+    __publicField(this, "label");
+    __publicField(this, "~repr");
+  }
+  $name(label) {
+    this.label = label;
+    return this;
+  }
+  areEqual(a, b) {
+    return Object.is(a, b);
+  }
+  toString() {
+    var _a;
+    return `slot:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    const ctx = getResolutionCtx();
+    if (!ctx) {
+      throw new Error(`Cannot access tgpu.slot's value outside of resolution.`);
+    }
+    return unwrapProxy(ctx.unwrap(this));
+  }
+};
+
+// src/core/slot/accessor.ts
+function accessor(schema, defaultValue) {
+  return new TgpuAccessorImpl(schema, defaultValue);
+}
+var TgpuAccessorImpl = class {
+  constructor(schema, defaultValue = void 0) {
+    this.schema = schema;
+    this.defaultValue = defaultValue;
+    __publicField(this, "resourceType", "accessor");
+    __publicField(this, "~repr");
+    __publicField(this, "label");
+    __publicField(this, "slot");
+    this.slot = slot(defaultValue);
+  }
+  $name(label) {
+    this.label = label;
+    this.slot.$name(label);
+    return this;
+  }
+  toString() {
+    var _a;
+    return `accessor:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    const ctx = getResolutionCtx();
+    if (!ctx) {
+      throw new Error(
+        `Cannot access tgpu.accessor's value outside of resolution.`
+      );
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx2) => ctx2.resolve(this),
+        toString: () => {
+          var _a;
+          return `.value:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+  "~resolve"(ctx) {
+    const value = ctx.unwrap(this.slot);
+    if (isBufferUsage(value)) {
+      return ctx.resolve(value);
+    }
+    if (isTgpuFn(value)) {
+      return `${ctx.resolve(value)}()`;
+    }
+    return ctx.resolveValue(value, this.schema);
+  }
+};
+
+// src/core/slot/derived.ts
+function derived(compute) {
+  return createDerived(compute);
+}
+function stringifyPair2([slot2, value]) {
+  var _a;
+  return `${(_a = slot2.label) != null ? _a : "<unnamed>"}=${value}`;
+}
+function createDerived(compute) {
+  const result = {
+    resourceType: "derived",
+    "~compute": compute,
+    "~repr": void 0,
+    get value() {
+      const ctx = getResolutionCtx();
+      if (!ctx) {
+        throw new Error(
+          `Cannot access tgpu.derived's value outside of resolution.`
+        );
+      }
+      return unwrapProxy(ctx.unwrap(this));
+    },
+    with(slot2, value) {
+      return createBoundDerived(this, [[slot2, value]]);
+    },
+    toString() {
+      return "derived";
+    }
+  };
+  return result;
+}
+function createBoundDerived(innerDerived, pairs) {
+  const result = {
+    resourceType: "derived",
+    "~repr": void 0,
+    "~compute"() {
+      throw new Error(
+        `'~compute' should never be read on bound derived items.`
+      );
+    },
+    "~providing": {
+      inner: innerDerived,
+      pairs
+    },
+    get value() {
+      const ctx = getResolutionCtx();
+      if (!ctx) {
+        throw new Error(
+          `Cannot access tgpu.derived's value outside of resolution.`
+        );
+      }
+      return unwrapProxy(ctx.unwrap(this));
+    },
+    with(slot2, value) {
+      return createBoundDerived(innerDerived, [...pairs, [slot2, value]]);
+    },
+    toString() {
+      return `derived[${pairs.map(stringifyPair2).join(", ")}]`;
+    }
+  };
+  return result;
+}
+
+// src/core/variable/tgpuVariable.ts
+function privateVar(dataType, initialValue) {
+  return new TgpuVarImpl("private", dataType, initialValue);
+}
+function workgroupVar(dataType) {
+  return new TgpuVarImpl("workgroup", dataType);
+}
+var TgpuVarImpl = class {
+  constructor(scope, _dataType, _initialValue) {
+    this.scope = scope;
+    this._dataType = _dataType;
+    this._initialValue = _initialValue;
+    __publicField(this, "_label");
+  }
+  $name(label) {
+    this._label = label;
+    return this;
+  }
+  "~resolve"(ctx) {
+    const id = ctx.names.makeUnique(this._label);
+    if (this._initialValue) {
+      ctx.addDeclaration(
+        `var<${this.scope}> ${id}: ${ctx.resolve(this._dataType)} = ${ctx.resolveValue(this._initialValue, this._dataType)};`
+      );
+    } else {
+      ctx.addDeclaration(
+        `var<${this.scope}> ${id}: ${ctx.resolve(this._dataType)};`
+      );
+    }
+    return id;
+  }
+  get label() {
+    return this._label;
+  }
+  toString() {
+    var _a;
+    return `var:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+  }
+  get value() {
+    if (!inGPUMode()) {
+      throw new Error(`Cannot access tgpu.var's value directly in JS.`);
+    }
+    return new Proxy(
+      {
+        "~resolve": (ctx) => ctx.resolve(this),
+        toString: () => {
+          var _a;
+          return `.value:${(_a = this.label) != null ? _a : "<unnamed>"}`;
+        }
+      },
+      valueProxyHandler
+    );
+  }
+};
+
+// src/index.ts
+var tgpu = {
+  bindGroupLayout,
+  init,
+  initFromDevice,
+  resolve: resolve2,
+  "~unstable": {
+    fn,
+    fragmentFn,
+    vertexFn,
+    computeFn,
+    vertexLayout,
+    derived,
+    slot,
+    accessor,
+    privateVar,
+    workgroupVar,
+    const: constant,
+    declare,
+    sampler,
+    comparisonSampler
+  }
+};
+var src_default = tgpu;
+Object.assign(tgpu, {
+  __assignAst: assignAst
+});
+export {
+  MissingBindGroupsError,
+  MissingLinksError,
+  MissingSlotValueError,
+  MissingVertexBuffersError,
+  NotUniformError,
+  RandomNameRegistry,
+  ResolutionError,
+  StrictNameRegistry,
+  src_default as default,
+  isBuffer,
+  isComparisonSampler,
+  isDerived,
+  isSampledTextureView,
+  isSampler,
+  isSlot,
+  isStorageTextureView,
+  isTexture,
+  isTgpuFn,
+  isUsableAsRender,
+  isUsableAsSampled,
+  isUsableAsStorage,
+  isUsableAsUniform,
+  isUsableAsVertex,
+  tgpu,
+  asMutable as unstable_asMutable,
+  asReadonly as unstable_asReadonly,
+  asUniform as unstable_asUniform
+};
 //# sourceMappingURL=index.js.map