@pibbl/core 0.0.2 → 0.0.3-alpha.109.1

package/dist/filters/reflection-gpu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/filters/reflection-gpu.ts"],
-  "sourcesContent": ["import type { BorrowedTextureRaster, TexturePlacement } from '../lib/textures/texture-protocol.js';\n\nexport interface ReflectionCoordinates {\n  readonly originX: number;\n  readonly originY: number;\n  readonly density: number;\n  readonly region: Readonly<{ x: number; y: number; width: number; height: number }>;\n}\nexport interface ReflectionGpuCallbacks {\n  readonly onContextLost?: () => void;\n  readonly onContextRestored?: () => void;\n}\nconst vertexSource = `#version 300 es\nin vec2 p;\nout vec2 uv;\nvoid main() { uv = vec2((p.x + 1.) * .5, 1. - (p.y + 1.) * .5); gl_Position = vec4(p, 0, 1); }\n`;\nexport interface ReflectionSettings {\n  readonly opacity: number; readonly threshold: number; readonly softness: number;\n  readonly direction: readonly [number, number];\n}\nexport type ReflectionLight = { readonly color: string } | { readonly image: HTMLImageElement | ImageBitmap } | { readonly raster: BorrowedTextureRaster };\nexport interface ReflectionWarp { readonly map: BorrowedTextureRaster; readonly strength: number; readonly region: ReflectionCoordinates['region']; }\nconst fragmentSource = `#version 300 es\nprecision highp float;\nuniform sampler2D scene, map, lightMap, warpMap;\nuniform vec2 logicalOrigin, logicalSize, mapOrigin, tileSize, lightOrigin, lightSize, warpOrigin, warpSize, warpStrength, direction;\nuniform float rotation, lightRotation, warpRotation, opacity, threshold, softness;\nin vec2 uv;\nout vec4 outputColor;\nfloat decode(float c) { float b=c*255.; return (b-128.)/(b<128.?128.:127.); }\nvec2 coordinates(vec2 origin, vec2 size, float angle) {\n  vec2 p=logicalOrigin+uv*logicalSize-origin;\n  float c=cos(angle),s=sin(angle);\n  return vec2(c*p.x+s*p.y,-s*p.x+c*p.y)/size;\n}\nvec4 sourcePixel(ivec2 p) {\n  ivec2 size=textureSize(scene,0);\n  if(any(lessThan(p,ivec2(0)))||any(greaterThanEqual(p,size))) return vec4(0);\n  return texelFetch(scene,p,0);\n}\nvec4 sourceSample(vec2 p) {\n  vec2 pixel=p*vec2(textureSize(scene,0))-.5;\n  ivec2 base=ivec2(floor(pixel)); vec2 f=fract(pixel);\n  return mix(mix(sourcePixel(base),sourcePixel(base+ivec2(1,0)),f.x),mix(sourcePixel(base+ivec2(0,1)),sourcePixel(base+ivec2(1,1)),f.x),f.y);\n}\nvoid main() {\n  vec4 warp=texture(warpMap,coordinates(warpOrigin,warpSize,warpRotation));\n  vec4 base=sourceSample(uv+vec2(decode(warp.r),decode(warp.g))*warp.a*warpStrength);\n  vec4 field=texture(map,coordinates(mapOrigin,tileSize,rotation));\n  vec2 slope=vec2(decode(field.r),decode(field.g));\n  float coverage=smoothstep(threshold,threshold+softness,dot(slope,direction))*field.a*opacity;\n  vec4 light=texture(lightMap,coordinates(lightOrigin,lightSize,lightRotation)+slope*.035);\n  float amount=coverage*light.a;\n  outputColor=vec4(base.rgb*(1.-amount)+base.a*light.rgb*amount,base.a);\n}\n`;\n\n/** Optional synchronous image processor; scene pixels are never read back. */\nexport class ReflectionGpu {\n  private readonly canvas = new OffscreenCanvas(1, 1);\n  private gl: WebGL2RenderingContext | undefined;\n  private resources: ReflectionResources | undefined;\n  private readonly maps = new Map<object, { texture: WebGLTexture; revision: number }>();\n  private readonly directKey = {};\n  private colorCanvas: OffscreenCanvas | undefined;\n  private directRevision = 0;\n  private disposed = false;\n  private lost = false;\n  private readonly onContextLost = (event: Event): void => {\n    event.preventDefault();\n    if (this.disposed || this.lost) return;\n    this.lost = true;\n    this.releaseResources(false);\n    this.callbacks.onContextLost?.();\n  };\n  private readonly onContextRestored = (): void => {\n    if (this.disposed || !this.lost) return;\n    this.lost = false;\n    this.callbacks.onContextRestored?.();\n  };\n\n  constructor(private readonly callbacks: Readonly<ReflectionGpuCallbacks> = {}) {\n    this.canvas.addEventListener('webglcontextlost', this.onContextLost);\n    this.canvas.addEventListener('webglcontextrestored', this.onContextRestored);\n  }\n\n  get isContextLost(): boolean {\n    return this.lost || this.gl?.isContextLost() === true;\n  }\n\n  private acquireResources(): ReflectionResources {\n    if (this.disposed) throw new Error('Cannot use a disposed reflection processor.');\n    if (this.isContextLost) throw new Error('Reflection WebGL2 context was lost.');\n    if (this.resources) return this.resources;\n    const gl = this.canvas.getContext('webgl2', { premultipliedAlpha: true, preserveDrawingBuffer: false });\n    if (!gl) throw new Error('Reflection requires OffscreenCanvas WebGL2 support.');\n    if (gl.isContextLost()) throw new Error('Reflection WebGL2 context was lost.');\n    this.gl = gl;\n    const vertex = compile(gl, gl.VERTEX_SHADER, vertexSource);\n    let fragment: WebGLShader | undefined;\n    let program: WebGLProgram | null = null;\n    try {\n      fragment = compile(gl, gl.FRAGMENT_SHADER, fragmentSource);\n      program = gl.createProgram();\n      if (!program) throw new Error('Could not allocate reflection program.');\n      gl.attachShader(program, vertex); gl.attachShader(program, fragment); gl.linkProgram(program);\n      if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error(`Reflection shader link failed: ${gl.getProgramInfoLog(program)}`);\n    } catch (error) { if (program) gl.deleteProgram(program); throw error; }\n    finally { gl.deleteShader(vertex); if (fragment) gl.deleteShader(fragment); }\n    const vao = gl.createVertexArray(), buffer = gl.createBuffer();\n    if (!vao || !buffer) { if (vao) gl.deleteVertexArray(vao); if (buffer) gl.deleteBuffer(buffer); gl.deleteProgram(program); throw new Error('Could not allocate reflection geometry.'); }\n    gl.bindVertexArray(vao); gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);\n    const location = gl.getAttribLocation(program, 'p');\n    gl.enableVertexAttribArray(location); gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);\n    const source = gl.createTexture();\n    if (!source) {\n      if (source) gl.deleteTexture(source);\n      gl.deleteBuffer(buffer); gl.deleteVertexArray(vao); gl.deleteProgram(program);\n      throw new Error('Could not allocate reflection textures.');\n    }\n    const resources: ReflectionResources = { program, vao, buffer, source };\n    gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE);\n    this.resources = resources;\n    return resources;\n  }\n\n  apply(source: OffscreenCanvas, map: BorrowedTextureRaster, light: ReflectionLight, settings: ReflectionSettings, coordinates: ReflectionCoordinates, warp?: ReflectionWarp): ImageBitmap {\n    const { gl, program, vao, source: sourceTexture } = this.acquireResourcesWithContext();\n    const maximum = gl.getParameter(gl.MAX_TEXTURE_SIZE) as number;\n    if (Math.max(source.width, source.height, map.width, map.height, warp?.map.width ?? 0, warp?.map.height ?? 0) > maximum) throw new RangeError('Reflection target exceeds WebGL2 maximum texture size.');\n    if (this.canvas.width !== source.width) this.canvas.width = source.width;\n    if (this.canvas.height !== source.height) this.canvas.height = source.height;\n    gl.viewport(0, 0, source.width, source.height); gl.useProgram(program); gl.bindVertexArray(vao);\n    this.upload(gl, 0, sourceTexture, source, true, false);\n    const uploaded = new Map<object, number>();\n    const bind = (unit: number, raster: {source: TexImageSource; width:number; height:number; resource:object; revision:number; placement:Readonly<TexturePlacement>}) => {\n      if (Math.max(raster.width,raster.height)>maximum) throw new RangeError('Reflection light exceeds WebGL2 maximum texture size.');\n      let cached=this.maps.get(raster.resource);\n      if (!cached) {\n        const texture=gl.createTexture(); if(!texture) throw new Error('Could not allocate reflection input texture.');\n        cached={texture,revision:-1}; this.maps.set(raster.resource,cached);\n      }\n      this.upload(gl,unit,cached.texture,raster.source,false,raster.placement.mode!=='stretch',cached.revision!==raster.revision && uploaded.get(raster.resource)!==raster.revision);\n      uploaded.set(raster.resource,raster.revision);\n    };\n    bind(1,map); bind(3,warp?.map ?? map);\n    let lightPlacement: Readonly<TexturePlacement> = {mode:'stretch'};\n    let lightWidth=1,lightHeight=1;\n    if ('raster' in light) { bind(2,light.raster); lightPlacement=light.raster.placement; lightWidth=light.raster.width; lightHeight=light.raster.height; }\n    else {\n      let image: TexImageSource;\n      if ('color' in light) {\n        const canvas=this.colorCanvas ??= new OffscreenCanvas(1,1);\n        const ctx=canvas.getContext('2d'); if(!ctx) throw new Error('Reflection colors require Canvas 2D.');\n        ctx.clearRect(0,0,1,1); ctx.fillStyle=light.color; ctx.fillRect(0,0,1,1); image=canvas;\n      } else { image=light.image; lightWidth='naturalWidth' in light.image?light.image.naturalWidth:light.image.width; lightHeight='naturalHeight' in light.image?light.image.naturalHeight:light.image.height; }\n      bind(2,{source:image,width:lightWidth,height:lightHeight,resource:this.directKey,revision:++this.directRevision,placement:lightPlacement});\n    }\n    const uniform=(name:string)=>gl.getUniformLocation(program,name);\n    const placement=(origin:string,size:string,angle:string,value:Readonly<TexturePlacement>,region:ReflectionCoordinates['region'],width:number,height:number)=>{\n      gl.uniform2f(uniform(origin),region.x+(value.offsetX??0),region.y+(value.offsetY??0));\n      gl.uniform2f(uniform(size),value.mode==='stretch'?region.width:value.tileWidth??width,value.mode==='stretch'?region.height:value.tileHeight??height);\n      gl.uniform1f(uniform(angle),(value.rotation??0)*Math.PI/180);\n    };\n    gl.uniform1i(uniform('scene'),0); gl.uniform1i(uniform('map'),1); gl.uniform1i(uniform('lightMap'),2); gl.uniform1i(uniform('warpMap'),3);\n    gl.uniform2f(uniform('logicalOrigin'),coordinates.originX,coordinates.originY);\n    gl.uniform2f(uniform('logicalSize'),source.width/coordinates.density,source.height/coordinates.density);\n    placement('mapOrigin','tileSize','rotation',map.placement,coordinates.region,map.width,map.height);\n    placement('lightOrigin','lightSize','lightRotation',lightPlacement,coordinates.region,lightWidth,lightHeight);\n    placement('warpOrigin','warpSize','warpRotation',warp?.map.placement??map.placement,warp?.region??coordinates.region,warp?.map.width??map.width,warp?.map.height??map.height);\n    gl.uniform2f(uniform('warpStrength'),(warp?.strength??0)*coordinates.density/source.width,(warp?.strength??0)*coordinates.density/source.height);\n    gl.uniform2f(uniform('direction'),settings.direction[0],settings.direction[1]);\n    gl.uniform1f(uniform('opacity'),settings.opacity); gl.uniform1f(uniform('threshold'),settings.threshold); gl.uniform1f(uniform('softness'),settings.softness);\n    gl.drawArrays(gl.TRIANGLE_STRIP,0,4);\n    if(this.isContextLost) throw new Error('Reflection WebGL2 context was lost.');\n    const error=gl.getError(); if(error!==gl.NO_ERROR) throw new Error(`Reflection GPU processing failed (${error}).`);\n    for(const [resource,revision] of uploaded) this.maps.get(resource)!.revision=revision;\n    return this.canvas.transferToImageBitmap();\n  }\n  private acquireResourcesWithContext(): ReflectionResources & { gl: WebGL2RenderingContext } {\n    const resources = this.acquireResources();\n    const gl = this.gl;\n    if (!gl || gl.isContextLost()) throw new Error('Reflection WebGL2 context was lost.');\n    return { ...resources, gl };\n  }\n  private upload(gl: WebGL2RenderingContext, unit: number, texture: WebGLTexture, canvas: TexImageSource, premultiply: boolean, repeat: boolean, upload = true): void {\n    gl.activeTexture(gl.TEXTURE0 + unit); gl.bindTexture(gl.TEXTURE_2D, texture);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, repeat ? gl.REPEAT : gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, repeat ? gl.REPEAT : gl.CLAMP_TO_EDGE);\n    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, premultiply);\n    if (upload) gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas);\n  }\n  retainMaps(resources: ReadonlySet<object>): void {\n    const gl = this.gl;\n    for (const [resource, cached] of this.maps) {\n      if (resource !== this.directKey && !resources.has(resource)) { if (gl && !gl.isContextLost()) gl.deleteTexture(cached.texture); this.maps.delete(resource); }\n    }\n  }\n  private releaseResources(deleteResources: boolean): void {\n    const gl = this.gl;\n    const resources = this.resources;\n    this.resources = undefined;\n    if (gl && !gl.isContextLost() && deleteResources) {\n      gl.deleteTexture(resources?.source ?? null);\n      for (const cached of this.maps.values()) gl.deleteTexture(cached.texture);\n      if (resources) { gl.deleteBuffer(resources.buffer); gl.deleteVertexArray(resources.vao); gl.deleteProgram(resources.program); }\n    }\n    this.maps.clear();\n  }\n  dispose(): void {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.canvas.removeEventListener('webglcontextlost', this.onContextLost);\n    this.canvas.removeEventListener('webglcontextrestored', this.onContextRestored);\n    this.releaseResources(true);\n    this.canvas.width = 0; this.canvas.height = 0;\n    if(this.colorCanvas) this.colorCanvas.width=this.colorCanvas.height=0;\n    this.colorCanvas=undefined;\n  }\n}\ninterface ReflectionResources {\n  readonly program: WebGLProgram;\n  readonly vao: WebGLVertexArrayObject;\n  readonly buffer: WebGLBuffer;\n  readonly source: WebGLTexture;\n}\nfunction compile(gl: WebGL2RenderingContext, kind: number, source: string): WebGLShader {\n  const shader = gl.createShader(kind);\n  if (!shader) throw new Error('Could not allocate reflection shader.');\n  gl.shaderSource(shader, source); gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    const error = gl.getShaderInfoLog(shader); gl.deleteShader(shader);\n    throw new Error(`Reflection shader compile failed: ${error}`);\n  }\n  return shader;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { BorrowedTextureRaster, TexturePlacement } from '../lib/textures/texture-protocol.js';\n\nexport interface ReflectionCoordinates {\n  readonly originX: number;\n  readonly originY: number;\n  readonly density: number;\n  readonly region: Readonly<{ x: number; y: number; width: number; height: number }>;\n}\nexport interface ReflectionGpuCallbacks {\n  readonly onContextLost?: () => void;\n  readonly onContextRestored?: () => void;\n}\nconst vertexSource = `#version 300 es\nin vec2 p;\nout vec2 uv;\nvoid main() { uv = vec2((p.x + 1.) * .5, 1. - (p.y + 1.) * .5); gl_Position = vec4(p, 0, 1); }\n`;\nexport interface ReflectionSettings {\n  readonly opacity: number; readonly threshold: number; readonly softness: number;\n  readonly direction: readonly [number, number];\n  readonly depth?: number;\n}\nexport type ReflectionLight = { readonly color: string } | { readonly image: HTMLImageElement | ImageBitmap } | { readonly raster: BorrowedTextureRaster };\nexport interface ReflectionWarp { readonly map: BorrowedTextureRaster; readonly strength: number; readonly region: ReflectionCoordinates['region']; }\nconst fragmentSource = `#version 300 es\nprecision highp float;\nuniform sampler2D scene, map, lightMap, warpMap;\nuniform vec2 logicalOrigin, logicalSize, mapOrigin, tileSize, lightOrigin, lightSize, warpOrigin, warpSize, warpStrength, direction;\nuniform float rotation, lightRotation, warpRotation, opacity, threshold, softness;\nin vec2 uv;\nout vec4 outputColor;\nfloat decode(float c) { float b=c*255.; return (b-128.)/(b<128.?128.:127.); }\nvec2 coordinates(vec2 origin, vec2 size, float angle) {\n  vec2 p=logicalOrigin+uv*logicalSize-origin;\n  float c=cos(angle),s=sin(angle);\n  return vec2(c*p.x+s*p.y,-s*p.x+c*p.y)/size;\n}\nvec4 sourcePixel(ivec2 p) {\n  ivec2 size=textureSize(scene,0);\n  if(any(lessThan(p,ivec2(0)))||any(greaterThanEqual(p,size))) return vec4(0);\n  return texelFetch(scene,p,0);\n}\nvec4 sourceSample(vec2 p) {\n  vec2 pixel=p*vec2(textureSize(scene,0))-.5;\n  ivec2 base=ivec2(floor(pixel)); vec2 f=fract(pixel);\n  return mix(mix(sourcePixel(base),sourcePixel(base+ivec2(1,0)),f.x),mix(sourcePixel(base+ivec2(0,1)),sourcePixel(base+ivec2(1,1)),f.x),f.y);\n}\nvoid main() {\n  vec4 warp=texture(warpMap,coordinates(warpOrigin,warpSize,warpRotation));\n  vec4 base=sourceSample(uv+vec2(decode(warp.r),decode(warp.g))*warp.a*warpStrength);\n  vec4 field=texture(map,coordinates(mapOrigin,tileSize,rotation));\n  vec2 slope=vec2(decode(field.r),decode(field.g));\n  float coverage=smoothstep(threshold,threshold+softness,dot(slope,direction))*field.a*opacity;\n  vec4 light=texture(lightMap,coordinates(lightOrigin,lightSize,lightRotation)+slope*.035);\n  float amount=coverage*light.a;\n  outputColor=vec4(base.rgb*(1.-amount)+base.a*light.rgb*amount,base.a);\n}\n`;\n\n/** Optional synchronous image processor; scene pixels are never read back. */\nexport class ReflectionGpu {\n  private readonly canvas = new OffscreenCanvas(1, 1);\n  private gl: WebGL2RenderingContext | undefined;\n  private resources: ReflectionResources | undefined;\n  private readonly maps = new Map<object, { texture: WebGLTexture; revision: number }>();\n  private readonly directKey = {};\n  private colorCanvas: OffscreenCanvas | undefined;\n  private directRevision = 0;\n  private disposed = false;\n  private lost = false;\n  private readonly onContextLost = (event: Event): void => {\n    event.preventDefault();\n    if (this.disposed || this.lost) return;\n    this.lost = true;\n    this.releaseResources(false);\n    this.callbacks.onContextLost?.();\n  };\n  private readonly onContextRestored = (): void => {\n    if (this.disposed || !this.lost) return;\n    this.lost = false;\n    this.callbacks.onContextRestored?.();\n  };\n\n  constructor(private readonly callbacks: Readonly<ReflectionGpuCallbacks> = {}, private readonly fragment = fragmentSource) {\n    this.canvas.addEventListener('webglcontextlost', this.onContextLost);\n    this.canvas.addEventListener('webglcontextrestored', this.onContextRestored);\n  }\n\n  get isContextLost(): boolean {\n    return this.lost || this.gl?.isContextLost() === true;\n  }\n\n  private acquireResources(): ReflectionResources {\n    if (this.disposed) throw new Error('Cannot use a disposed reflection processor.');\n    if (this.isContextLost) throw new Error('Reflection WebGL2 context was lost.');\n    if (this.resources) return this.resources;\n    const gl = this.canvas.getContext('webgl2', { premultipliedAlpha: true, preserveDrawingBuffer: false });\n    if (!gl) throw new Error('Reflection requires OffscreenCanvas WebGL2 support.');\n    if (gl.isContextLost()) throw new Error('Reflection WebGL2 context was lost.');\n    this.gl = gl;\n    const vertex = compile(gl, gl.VERTEX_SHADER, vertexSource);\n    let fragment: WebGLShader | undefined;\n    let program: WebGLProgram | null = null;\n    try {\n      fragment = compile(gl, gl.FRAGMENT_SHADER, this.fragment);\n      program = gl.createProgram();\n      if (!program) throw new Error('Could not allocate reflection program.');\n      gl.attachShader(program, vertex); gl.attachShader(program, fragment); gl.linkProgram(program);\n      if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error(`Reflection shader link failed: ${gl.getProgramInfoLog(program)}`);\n    } catch (error) { if (program) gl.deleteProgram(program); throw error; }\n    finally { gl.deleteShader(vertex); if (fragment) gl.deleteShader(fragment); }\n    const vao = gl.createVertexArray(), buffer = gl.createBuffer();\n    if (!vao || !buffer) { if (vao) gl.deleteVertexArray(vao); if (buffer) gl.deleteBuffer(buffer); gl.deleteProgram(program); throw new Error('Could not allocate reflection geometry.'); }\n    gl.bindVertexArray(vao); gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);\n    const location = gl.getAttribLocation(program, 'p');\n    gl.enableVertexAttribArray(location); gl.vertexAttribPointer(location, 2, gl.FLOAT, false, 0, 0);\n    const source = gl.createTexture();\n    if (!source) {\n      if (source) gl.deleteTexture(source);\n      gl.deleteBuffer(buffer); gl.deleteVertexArray(vao); gl.deleteProgram(program);\n      throw new Error('Could not allocate reflection textures.');\n    }\n    const resources: ReflectionResources = { program, vao, buffer, source };\n    gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE);\n    this.resources = resources;\n    return resources;\n  }\n\n  apply(source: OffscreenCanvas, map: BorrowedTextureRaster, light: ReflectionLight, settings: ReflectionSettings, coordinates: ReflectionCoordinates, warp?: ReflectionWarp): ImageBitmap {\n    const { gl, program, vao, source: sourceTexture } = this.acquireResourcesWithContext();\n    const maximum = gl.getParameter(gl.MAX_TEXTURE_SIZE) as number;\n    if (Math.max(source.width, source.height, map.width, map.height, warp?.map.width ?? 0, warp?.map.height ?? 0) > maximum) throw new RangeError('Reflection target exceeds WebGL2 maximum texture size.');\n    if (this.canvas.width !== source.width) this.canvas.width = source.width;\n    if (this.canvas.height !== source.height) this.canvas.height = source.height;\n    gl.viewport(0, 0, source.width, source.height); gl.useProgram(program); gl.bindVertexArray(vao);\n    this.upload(gl, 0, sourceTexture, source, true, false);\n    const uploaded = new Map<object, number>();\n    const bind = (unit: number, raster: {source: TexImageSource; width:number; height:number; resource:object; revision:number; placement:Readonly<TexturePlacement>}) => {\n      if (Math.max(raster.width,raster.height)>maximum) throw new RangeError('Reflection light exceeds WebGL2 maximum texture size.');\n      let cached=this.maps.get(raster.resource);\n      if (!cached) {\n        const texture=gl.createTexture(); if(!texture) throw new Error('Could not allocate reflection input texture.');\n        cached={texture,revision:-1}; this.maps.set(raster.resource,cached);\n      }\n      this.upload(gl,unit,cached.texture,raster.source,false,raster.placement.mode!=='stretch',cached.revision!==raster.revision && uploaded.get(raster.resource)!==raster.revision);\n      uploaded.set(raster.resource,raster.revision);\n    };\n    bind(1,map); bind(3,warp?.map ?? map);\n    let lightPlacement: Readonly<TexturePlacement> = {mode:'stretch'};\n    let lightWidth=1,lightHeight=1;\n    if ('raster' in light) { bind(2,light.raster); lightPlacement=light.raster.placement; lightWidth=light.raster.width; lightHeight=light.raster.height; }\n    else {\n      let image: TexImageSource;\n      if ('color' in light) {\n        const canvas=this.colorCanvas ??= new OffscreenCanvas(1,1);\n        const ctx=canvas.getContext('2d'); if(!ctx) throw new Error('Reflection colors require Canvas 2D.');\n        ctx.clearRect(0,0,1,1); ctx.fillStyle=light.color; ctx.fillRect(0,0,1,1); image=canvas;\n      } else { image=light.image; lightWidth='naturalWidth' in light.image?light.image.naturalWidth:light.image.width; lightHeight='naturalHeight' in light.image?light.image.naturalHeight:light.image.height; }\n      bind(2,{source:image,width:lightWidth,height:lightHeight,resource:this.directKey,revision:++this.directRevision,placement:lightPlacement});\n    }\n    const uniform=(name:string)=>gl.getUniformLocation(program,name);\n    const placement=(origin:string,size:string,angle:string,value:Readonly<TexturePlacement>,region:ReflectionCoordinates['region'],width:number,height:number)=>{\n      gl.uniform2f(uniform(origin),region.x+(value.offsetX??0),region.y+(value.offsetY??0));\n      gl.uniform2f(uniform(size),value.mode==='stretch'?region.width:value.tileWidth??width,value.mode==='stretch'?region.height:value.tileHeight??height);\n      gl.uniform1f(uniform(angle),(value.rotation??0)*Math.PI/180);\n    };\n    gl.uniform1i(uniform('scene'),0); gl.uniform1i(uniform('map'),1); gl.uniform1i(uniform('lightMap'),2); gl.uniform1i(uniform('warpMap'),3);\n    gl.uniform2f(uniform('logicalOrigin'),coordinates.originX,coordinates.originY);\n    gl.uniform2f(uniform('logicalSize'),source.width/coordinates.density,source.height/coordinates.density);\n    placement('mapOrigin','tileSize','rotation',map.placement,coordinates.region,map.width,map.height);\n    placement('lightOrigin','lightSize','lightRotation',lightPlacement,coordinates.region,lightWidth,lightHeight);\n    placement('warpOrigin','warpSize','warpRotation',warp?.map.placement??map.placement,warp?.region??coordinates.region,warp?.map.width??map.width,warp?.map.height??map.height);\n    gl.uniform2f(uniform('warpStrength'),(warp?.strength??0)*coordinates.density/source.width,(warp?.strength??0)*coordinates.density/source.height);\n    gl.uniform2f(uniform('direction'),settings.direction[0],settings.direction[1]);\n    gl.uniform1f(uniform('depth'),settings.depth ?? 0);\n    gl.uniform1f(uniform('opacity'),settings.opacity); gl.uniform1f(uniform('threshold'),settings.threshold); gl.uniform1f(uniform('softness'),settings.softness);\n    gl.drawArrays(gl.TRIANGLE_STRIP,0,4);\n    if(this.isContextLost) throw new Error('Reflection WebGL2 context was lost.');\n    const error=gl.getError(); if(error!==gl.NO_ERROR) throw new Error(`Reflection GPU processing failed (${error}).`);\n    for(const [resource,revision] of uploaded) this.maps.get(resource)!.revision=revision;\n    return this.canvas.transferToImageBitmap();\n  }\n  private acquireResourcesWithContext(): ReflectionResources & { gl: WebGL2RenderingContext } {\n    const resources = this.acquireResources();\n    const gl = this.gl;\n    if (!gl || gl.isContextLost()) throw new Error('Reflection WebGL2 context was lost.');\n    return { ...resources, gl };\n  }\n  private upload(gl: WebGL2RenderingContext, unit: number, texture: WebGLTexture, canvas: TexImageSource, premultiply: boolean, repeat: boolean, upload = true): void {\n    gl.activeTexture(gl.TEXTURE0 + unit); gl.bindTexture(gl.TEXTURE_2D, texture);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, repeat ? gl.REPEAT : gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, repeat ? gl.REPEAT : gl.CLAMP_TO_EDGE);\n    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, premultiply);\n    if (upload) gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas);\n  }\n  retainMaps(resources: ReadonlySet<object>): void {\n    const gl = this.gl;\n    for (const [resource, cached] of this.maps) {\n      if (resource !== this.directKey && !resources.has(resource)) { if (gl && !gl.isContextLost()) gl.deleteTexture(cached.texture); this.maps.delete(resource); }\n    }\n  }\n  private releaseResources(deleteResources: boolean): void {\n    const gl = this.gl;\n    const resources = this.resources;\n    this.resources = undefined;\n    if (gl && !gl.isContextLost() && deleteResources) {\n      gl.deleteTexture(resources?.source ?? null);\n      for (const cached of this.maps.values()) gl.deleteTexture(cached.texture);\n      if (resources) { gl.deleteBuffer(resources.buffer); gl.deleteVertexArray(resources.vao); gl.deleteProgram(resources.program); }\n    }\n    this.maps.clear();\n  }\n  dispose(): void {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.canvas.removeEventListener('webglcontextlost', this.onContextLost);\n    this.canvas.removeEventListener('webglcontextrestored', this.onContextRestored);\n    this.releaseResources(true);\n    this.canvas.width = 0; this.canvas.height = 0;\n    if(this.colorCanvas) this.colorCanvas.width=this.colorCanvas.height=0;\n    this.colorCanvas=undefined;\n  }\n}\ninterface ReflectionResources {\n  readonly program: WebGLProgram;\n  readonly vao: WebGLVertexArrayObject;\n  readonly buffer: WebGLBuffer;\n  readonly source: WebGLTexture;\n}\nfunction compile(gl: WebGL2RenderingContext, kind: number, source: string): WebGLShader {\n  const shader = gl.createShader(kind);\n  if (!shader) throw new Error('Could not allocate reflection shader.');\n  gl.shaderSource(shader, source); gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    const error = gl.getShaderInfoLog(shader); gl.deleteShader(shader);\n    throw new Error(`Reflection shader compile failed: ${error}`);\n  }\n  return shader;\n}\n"],
+  "mappings": "AAYA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoChB,MAAM,cAAc;AAAA,EAuBzB,YAA6B,YAA8C,CAAC,GAAoB,WAAW,gBAAgB;AAA9F;AAAmE;AAC9F,SAAK,OAAO,iBAAiB,oBAAoB,KAAK,aAAa;AACnE,SAAK,OAAO,iBAAiB,wBAAwB,KAAK,iBAAiB;AAAA,EAC7E;AAAA,EAH6B;AAAA,EAAmE;AAAA,EAtB/E,SAAS,IAAI,gBAAgB,GAAG,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACS,OAAO,oBAAI,IAAyD;AAAA,EACpE,YAAY,CAAC;AAAA,EACtB;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,OAAO;AAAA,EACE,gBAAgB,CAAC,UAAuB;AACvD,UAAM,eAAe;AACrB,QAAI,KAAK,YAAY,KAAK,KAAM;AAChC,SAAK,OAAO;AACZ,SAAK,iBAAiB,KAAK;AAC3B,SAAK,UAAU,gBAAgB;AAAA,EACjC;AAAA,EACiB,oBAAoB,MAAY;AAC/C,QAAI,KAAK,YAAY,CAAC,KAAK,KAAM;AACjC,SAAK,OAAO;AACZ,SAAK,UAAU,oBAAoB;AAAA,EACrC;AAAA,EAOA,IAAI,gBAAyB;AAC3B,WAAO,KAAK,QAAQ,KAAK,IAAI,cAAc,MAAM;AAAA,EACnD;AAAA,EAEQ,mBAAwC;AAC9C,QAAI,KAAK,SAAU,OAAM,IAAI,MAAM,6CAA6C;AAChF,QAAI,KAAK,cAAe,OAAM,IAAI,MAAM,qCAAqC;AAC7E,QAAI,KAAK,UAAW,QAAO,KAAK;AAChC,UAAM,KAAK,KAAK,OAAO,WAAW,UAAU,EAAE,oBAAoB,MAAM,uBAAuB,MAAM,CAAC;AACtG,QAAI,CAAC,GAAI,OAAM,IAAI,MAAM,qDAAqD;AAC9E,QAAI,GAAG,cAAc,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC7E,SAAK,KAAK;AACV,UAAM,SAAS,QAAQ,IAAI,GAAG,eAAe,YAAY;AACzD,QAAI;AACJ,QAAI,UAA+B;AACnC,QAAI;AACF,iBAAW,QAAQ,IAAI,GAAG,iBAAiB,KAAK,QAAQ;AACxD,gBAAU,GAAG,cAAc;AAC3B,UAAI,CAAC,QAAS,OAAM,IAAI,MAAM,wCAAwC;AACtE,SAAG,aAAa,SAAS,MAAM;AAAG,SAAG,aAAa,SAAS,QAAQ;AAAG,SAAG,YAAY,OAAO;AAC5F,UAAI,CAAC,GAAG,oBAAoB,SAAS,GAAG,WAAW,EAAG,OAAM,IAAI,MAAM,kCAAkC,GAAG,kBAAkB,OAAO,CAAC,EAAE;AAAA,IACzI,SAAS,OAAO;AAAE,UAAI,QAAS,IAAG,cAAc,OAAO;AAAG,YAAM;AAAA,IAAO,UACvE;AAAU,SAAG,aAAa,MAAM;AAAG,UAAI,SAAU,IAAG,aAAa,QAAQ;AAAA,IAAG;AAC5E,UAAM,MAAM,GAAG,kBAAkB,GAAG,SAAS,GAAG,aAAa;AAC7D,QAAI,CAAC,OAAO,CAAC,QAAQ;AAAE,UAAI,IAAK,IAAG,kBAAkB,GAAG;AAAG,UAAI,OAAQ,IAAG,aAAa,MAAM;AAAG,SAAG,cAAc,OAAO;AAAG,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAAG;AACvL,OAAG,gBAAgB,GAAG;AAAG,OAAG,WAAW,GAAG,cAAc,MAAM;AAC9D,OAAG,WAAW,GAAG,cAAc,IAAI,aAAa,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,WAAW;AAC7F,UAAM,WAAW,GAAG,kBAAkB,SAAS,GAAG;AAClD,OAAG,wBAAwB,QAAQ;AAAG,OAAG,oBAAoB,UAAU,GAAG,GAAG,OAAO,OAAO,GAAG,CAAC;AAC/F,UAAM,SAAS,GAAG,cAAc;AAChC,QAAI,CAAC,QAAQ;AACX,UAAI,OAAQ,IAAG,cAAc,MAAM;AACnC,SAAG,aAAa,MAAM;AAAG,SAAG,kBAAkB,GAAG;AAAG,SAAG,cAAc,OAAO;AAC5E,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAC3D;AACA,UAAM,YAAiC,EAAE,SAAS,KAAK,QAAQ,OAAO;AACtE,OAAG,YAAY,GAAG,oCAAoC,GAAG,IAAI;AAC7D,SAAK,YAAY;AACjB,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,QAAyB,KAA4B,OAAwB,UAA8B,aAAoC,MAAoC;AACvL,UAAM,EAAE,IAAI,SAAS,KAAK,QAAQ,cAAc,IAAI,KAAK,4BAA4B;AACrF,UAAM,UAAU,GAAG,aAAa,GAAG,gBAAgB;AACnD,QAAI,KAAK,IAAI,OAAO,OAAO,OAAO,QAAQ,IAAI,OAAO,IAAI,QAAQ,MAAM,IAAI,SAAS,GAAG,MAAM,IAAI,UAAU,CAAC,IAAI,QAAS,OAAM,IAAI,WAAW,wDAAwD;AACtM,QAAI,KAAK,OAAO,UAAU,OAAO,MAAO,MAAK,OAAO,QAAQ,OAAO;AACnE,QAAI,KAAK,OAAO,WAAW,OAAO,OAAQ,MAAK,OAAO,SAAS,OAAO;AACtE,OAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAAG,OAAG,WAAW,OAAO;AAAG,OAAG,gBAAgB,GAAG;AAC9F,SAAK,OAAO,IAAI,GAAG,eAAe,QAAQ,MAAM,KAAK;AACrD,UAAM,WAAW,oBAAI,IAAoB;AACzC,UAAM,OAAO,CAAC,MAAc,WAA0I;AACpK,UAAI,KAAK,IAAI,OAAO,OAAM,OAAO,MAAM,IAAE,QAAS,OAAM,IAAI,WAAW,uDAAuD;AAC9H,UAAI,SAAO,KAAK,KAAK,IAAI,OAAO,QAAQ;AACxC,UAAI,CAAC,QAAQ;AACX,cAAM,UAAQ,GAAG,cAAc;AAAG,YAAG,CAAC,QAAS,OAAM,IAAI,MAAM,8CAA8C;AAC7G,iBAAO,EAAC,SAAQ,UAAS,GAAE;AAAG,aAAK,KAAK,IAAI,OAAO,UAAS,MAAM;AAAA,MACpE;AACA,WAAK,OAAO,IAAG,MAAK,OAAO,SAAQ,OAAO,QAAO,OAAM,OAAO,UAAU,SAAO,WAAU,OAAO,aAAW,OAAO,YAAY,SAAS,IAAI,OAAO,QAAQ,MAAI,OAAO,QAAQ;AAC7K,eAAS,IAAI,OAAO,UAAS,OAAO,QAAQ;AAAA,IAC9C;AACA,SAAK,GAAE,GAAG;AAAG,SAAK,GAAE,MAAM,OAAO,GAAG;AACpC,QAAI,iBAA6C,EAAC,MAAK,UAAS;AAChE,QAAI,aAAW,GAAE,cAAY;AAC7B,QAAI,YAAY,OAAO;AAAE,WAAK,GAAE,MAAM,MAAM;AAAG,uBAAe,MAAM,OAAO;AAAW,mBAAW,MAAM,OAAO;AAAO,oBAAY,MAAM,OAAO;AAAA,IAAQ,OACjJ;AACH,UAAI;AACJ,UAAI,WAAW,OAAO;AACpB,cAAM,SAAO,KAAK,gBAAgB,IAAI,gBAAgB,GAAE,CAAC;AACzD,cAAM,MAAI,OAAO,WAAW,IAAI;AAAG,YAAG,CAAC,IAAK,OAAM,IAAI,MAAM,sCAAsC;AAClG,YAAI,UAAU,GAAE,GAAE,GAAE,CAAC;AAAG,YAAI,YAAU,MAAM;AAAO,YAAI,SAAS,GAAE,GAAE,GAAE,CAAC;AAAG,gBAAM;AAAA,MAClF,OAAO;AAAE,gBAAM,MAAM;AAAO,qBAAW,kBAAkB,MAAM,QAAM,MAAM,MAAM,eAAa,MAAM,MAAM;AAAO,sBAAY,mBAAmB,MAAM,QAAM,MAAM,MAAM,gBAAc,MAAM,MAAM;AAAA,MAAQ;AAC1M,WAAK,GAAE,EAAC,QAAO,OAAM,OAAM,YAAW,QAAO,aAAY,UAAS,KAAK,WAAU,UAAS,EAAE,KAAK,gBAAe,WAAU,eAAc,CAAC;AAAA,IAC3I;AACA,UAAM,UAAQ,CAAC,SAAc,GAAG,mBAAmB,SAAQ,IAAI;AAC/D,UAAM,YAAU,CAAC,QAAc,MAAY,OAAa,OAAiC,QAAuC,OAAa,WAAgB;AAC3J,SAAG,UAAU,QAAQ,MAAM,GAAE,OAAO,KAAG,MAAM,WAAS,IAAG,OAAO,KAAG,MAAM,WAAS,EAAE;AACpF,SAAG,UAAU,QAAQ,IAAI,GAAE,MAAM,SAAO,YAAU,OAAO,QAAM,MAAM,aAAW,OAAM,MAAM,SAAO,YAAU,OAAO,SAAO,MAAM,cAAY,MAAM;AACnJ,SAAG,UAAU,QAAQ,KAAK,IAAG,MAAM,YAAU,KAAG,KAAK,KAAG,GAAG;AAAA,IAC7D;AACA,OAAG,UAAU,QAAQ,OAAO,GAAE,CAAC;AAAG,OAAG,UAAU,QAAQ,KAAK,GAAE,CAAC;AAAG,OAAG,UAAU,QAAQ,UAAU,GAAE,CAAC;AAAG,OAAG,UAAU,QAAQ,SAAS,GAAE,CAAC;AACxI,OAAG,UAAU,QAAQ,eAAe,GAAE,YAAY,SAAQ,YAAY,OAAO;AAC7E,OAAG,UAAU,QAAQ,aAAa,GAAE,OAAO,QAAM,YAAY,SAAQ,OAAO,SAAO,YAAY,OAAO;AACtG,cAAU,aAAY,YAAW,YAAW,IAAI,WAAU,YAAY,QAAO,IAAI,OAAM,IAAI,MAAM;AACjG,cAAU,eAAc,aAAY,iBAAgB,gBAAe,YAAY,QAAO,YAAW,WAAW;AAC5G,cAAU,cAAa,YAAW,gBAAe,MAAM,IAAI,aAAW,IAAI,WAAU,MAAM,UAAQ,YAAY,QAAO,MAAM,IAAI,SAAO,IAAI,OAAM,MAAM,IAAI,UAAQ,IAAI,MAAM;AAC5K,OAAG,UAAU,QAAQ,cAAc,IAAG,MAAM,YAAU,KAAG,YAAY,UAAQ,OAAO,QAAO,MAAM,YAAU,KAAG,YAAY,UAAQ,OAAO,MAAM;AAC/I,OAAG,UAAU,QAAQ,WAAW,GAAE,SAAS,UAAU,CAAC,GAAE,SAAS,UAAU,CAAC,CAAC;AAC7E,OAAG,UAAU,QAAQ,OAAO,GAAE,SAAS,SAAS,CAAC;AACjD,OAAG,UAAU,QAAQ,SAAS,GAAE,SAAS,OAAO;AAAG,OAAG,UAAU,QAAQ,WAAW,GAAE,SAAS,SAAS;AAAG,OAAG,UAAU,QAAQ,UAAU,GAAE,SAAS,QAAQ;AAC5J,OAAG,WAAW,GAAG,gBAAe,GAAE,CAAC;AACnC,QAAG,KAAK,cAAe,OAAM,IAAI,MAAM,qCAAqC;AAC5E,UAAM,QAAM,GAAG,SAAS;AAAG,QAAG,UAAQ,GAAG,SAAU,OAAM,IAAI,MAAM,qCAAqC,KAAK,IAAI;AACjH,eAAU,CAAC,UAAS,QAAQ,KAAK,SAAU,MAAK,KAAK,IAAI,QAAQ,EAAG,WAAS;AAC7E,WAAO,KAAK,OAAO,sBAAsB;AAAA,EAC3C;AAAA,EACQ,8BAAoF;AAC1F,UAAM,YAAY,KAAK,iBAAiB;AACxC,UAAM,KAAK,KAAK;AAChB,QAAI,CAAC,MAAM,GAAG,cAAc,EAAG,OAAM,IAAI,MAAM,qCAAqC;AACpF,WAAO,EAAE,GAAG,WAAW,GAAG;AAAA,EAC5B;AAAA,EACQ,OAAO,IAA4B,MAAc,SAAuB,QAAwB,aAAsB,QAAiB,SAAS,MAAY;AAClK,OAAG,cAAc,GAAG,WAAW,IAAI;AAAG,OAAG,YAAY,GAAG,YAAY,OAAO;AAC3E,OAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,OAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,OAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,SAAS,GAAG,SAAS,GAAG,aAAa;AACxF,OAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,SAAS,GAAG,SAAS,GAAG,aAAa;AACxF,OAAG,YAAY,GAAG,gCAAgC,WAAW;AAC7D,QAAI,OAAQ,IAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,MAAM;AAAA,EACxF;AAAA,EACA,WAAW,WAAsC;AAC/C,UAAM,KAAK,KAAK;AAChB,eAAW,CAAC,UAAU,MAAM,KAAK,KAAK,MAAM;AAC1C,UAAI,aAAa,KAAK,aAAa,CAAC,UAAU,IAAI,QAAQ,GAAG;AAAE,YAAI,MAAM,CAAC,GAAG,cAAc,EAAG,IAAG,cAAc,OAAO,OAAO;AAAG,aAAK,KAAK,OAAO,QAAQ;AAAA,MAAG;AAAA,IAC9J;AAAA,EACF;AAAA,EACQ,iBAAiB,iBAAgC;AACvD,UAAM,KAAK,KAAK;AAChB,UAAM,YAAY,KAAK;AACvB,SAAK,YAAY;AACjB,QAAI,MAAM,CAAC,GAAG,cAAc,KAAK,iBAAiB;AAChD,SAAG,cAAc,WAAW,UAAU,IAAI;AAC1C,iBAAW,UAAU,KAAK,KAAK,OAAO,EAAG,IAAG,cAAc,OAAO,OAAO;AACxE,UAAI,WAAW;AAAE,WAAG,aAAa,UAAU,MAAM;AAAG,WAAG,kBAAkB,UAAU,GAAG;AAAG,WAAG,cAAc,UAAU,OAAO;AAAA,MAAG;AAAA,IAChI;AACA,SAAK,KAAK,MAAM;AAAA,EAClB;AAAA,EACA,UAAgB;AACd,QAAI,KAAK,SAAU;AACnB,SAAK,WAAW;AAChB,SAAK,OAAO,oBAAoB,oBAAoB,KAAK,aAAa;AACtE,SAAK,OAAO,oBAAoB,wBAAwB,KAAK,iBAAiB;AAC9E,SAAK,iBAAiB,IAAI;AAC1B,SAAK,OAAO,QAAQ;AAAG,SAAK,OAAO,SAAS;AAC5C,QAAG,KAAK,YAAa,MAAK,YAAY,QAAM,KAAK,YAAY,SAAO;AACpE,SAAK,cAAY;AAAA,EACnB;AACF;AAOA,SAAS,QAAQ,IAA4B,MAAc,QAA6B;AACtF,QAAM,SAAS,GAAG,aAAa,IAAI;AACnC,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,uCAAuC;AACpE,KAAG,aAAa,QAAQ,MAAM;AAAG,KAAG,cAAc,MAAM;AACxD,MAAI,CAAC,GAAG,mBAAmB,QAAQ,GAAG,cAAc,GAAG;AACrD,UAAM,QAAQ,GAAG,iBAAiB,MAAM;AAAG,OAAG,aAAa,MAAM;AACjE,UAAM,IAAI,MAAM,qCAAqC,KAAK,EAAE;AAAA,EAC9D;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/filters/render-backdrop-contrast-boundary.d.ts

@@ -0,0 +1,31 @@
+import type { PibblInstance } from "../lib/types.js";
+import type { FilterWindows } from "../lib/filter/filter-region.js";
+import type { FilterBackdrop } from "./filter-executor.js";
+import { BackdropContrastGpu } from "./backdrop-contrast-gpu.js";
+declare class BackdropContrastService {
+    private readonly instance;
+    readonly gpu: BackdropContrastGpu;
+    private readonly backdrop;
+    private readonly palette;
+    private revision;
+    private paletteRevision;
+    private colors;
+    private committed;
+    private disposed;
+    used: boolean;
+    constructor(instance: PibblInstance);
+    beginRender(): void;
+    endRender(success: boolean): void;
+    apply(source: OffscreenCanvas, windows: FilterWindows, input: FilterBackdrop, colors: Readonly<{
+        light: string;
+        dark: string;
+    }>): ImageBitmap;
+    dispose(): void;
+}
+/** @internal Read-only ownership evidence; never creates resources. */
+export declare function peekBackdropContrastService(instance: PibblInstance): BackdropContrastService | undefined;
+export declare function processBackdropContrast(source: OffscreenCanvas, windows: FilterWindows, backdrop: FilterBackdrop, colors: Readonly<{
+    light: string;
+    dark: string;
+}>): ImageBitmap;
+export {};

package/dist/filters/render-backdrop-contrast-boundary.js

@@ -0,0 +1,116 @@
+import { GLOBAL_STATE } from "../lib/global-state.js";
+import { getOptionalService } from "../lib/optional-services.js";
+import { update } from "../lib/update.js";
+import { BackdropContrastGpu } from "./backdrop-contrast-gpu.js";
+const SERVICE = /* @__PURE__ */ Symbol("pibbl.backdrop-contrast");
+class BackdropContrastService {
+  constructor(instance) {
+    this.instance = instance;
+    this.gpu = new BackdropContrastGpu({
+      onContextRestored: () => {
+        if (!this.disposed && !instance.mainTeardowns.closed)
+          update(instance.canvas, void 0, true);
+      }
+    });
+  }
+  instance;
+  gpu;
+  backdrop = new OffscreenCanvas(1, 1);
+  palette = new OffscreenCanvas(2, 1);
+  revision = 0;
+  paletteRevision = 0;
+  colors = "";
+  committed = false;
+  disposed = false;
+  used = false;
+  beginRender() {
+    this.used = false;
+  }
+  endRender(success) {
+    if (success && this.used) {
+      this.committed = true;
+      return;
+    }
+    if (success || !this.committed) this.dispose();
+  }
+  apply(source, windows, input, colors) {
+    this.used = true;
+    if (this.backdrop.width !== source.width)
+      this.backdrop.width = source.width;
+    if (this.backdrop.height !== source.height)
+      this.backdrop.height = source.height;
+    const context = this.backdrop.getContext("2d");
+    if (!context)
+      throw new Error("backdropContrast requires OffscreenCanvas 2D.");
+    context.reset();
+    context.setTransform(input.transform);
+    context.drawImage(input.canvas, 0, 0);
+    const colorKey = JSON.stringify([colors.light, colors.dark]);
+    if (this.colors !== colorKey) {
+      const palette = this.palette.getContext("2d");
+      if (!palette)
+        throw new Error("backdropContrast colors require OffscreenCanvas 2D.");
+      palette.reset();
+      palette.fillStyle = colors.light;
+      palette.fillRect(0, 0, 1, 1);
+      palette.fillStyle = colors.dark;
+      palette.fillRect(1, 0, 1, 1);
+      this.colors = colorKey;
+      this.paletteRevision++;
+    }
+    const raster = (canvas, revision) => ({
+      source: canvas,
+      width: canvas.width,
+      height: canvas.height,
+      resource: canvas,
+      revision,
+      placement: { mode: "stretch" }
+    });
+    const region = windows.source.logicalBounds;
+    return this.gpu.apply(
+      source,
+      raster(this.backdrop, ++this.revision),
+      { raster: raster(this.palette, this.paletteRevision) },
+      { opacity: 1, threshold: 0, softness: 1, direction: [0, 1] },
+      {
+        originX: region.x,
+        originY: region.y,
+        density: windows.density,
+        region
+      }
+    );
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    this.gpu.dispose();
+    this.backdrop.width = this.backdrop.height = this.palette.width = this.palette.height = 0;
+    this.instance.optionalServices.delete(SERVICE);
+  }
+}
+function peekBackdropContrastService(instance) {
+  return instance.optionalServices.get(SERVICE);
+}
+function processBackdropContrast(source, windows, backdrop, colors) {
+  const instance = GLOBAL_STATE.currentPibblInstance;
+  if (!instance)
+    throw new Error("backdropContrast requires an active Pibbl instance.");
+  const service = getOptionalService(
+    instance,
+    SERVICE,
+    () => new BackdropContrastService(instance)
+  );
+  try {
+    return service.apply(source, windows, backdrop, colors);
+  } catch (error) {
+    throw new Error(
+      `backdropContrast processing failed: ${error instanceof Error ? error.message : String(error)}`,
+      { cause: error }
+    );
+  }
+}
+export {
+  peekBackdropContrastService,
+  processBackdropContrast
+};
+//# sourceMappingURL=render-backdrop-contrast-boundary.js.map

package/dist/filters/render-backdrop-contrast-boundary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/render-backdrop-contrast-boundary.ts"],
+  "sourcesContent": ["import { GLOBAL_STATE } from \"../lib/global-state.js\";\nimport { getOptionalService } from \"../lib/optional-services.js\";\nimport { update } from \"../lib/update.js\";\nimport type { PibblInstance } from \"../lib/types.js\";\nimport type { FilterWindows } from \"../lib/filter/filter-region.js\";\nimport type { FilterBackdrop } from \"./filter-executor.js\";\nimport type { BorrowedTextureRaster } from \"../lib/textures/texture-protocol.js\";\nimport { BackdropContrastGpu } from \"./backdrop-contrast-gpu.js\";\n\nconst SERVICE = Symbol(\"pibbl.backdrop-contrast\");\nclass BackdropContrastService {\n  readonly gpu: BackdropContrastGpu;\n  private readonly backdrop = new OffscreenCanvas(1, 1);\n  private readonly palette = new OffscreenCanvas(2, 1);\n  private revision = 0;\n  private paletteRevision = 0;\n  private colors = \"\";\n  private committed = false;\n  private disposed = false;\n  used = false;\n  constructor(private readonly instance: PibblInstance) {\n    this.gpu = new BackdropContrastGpu({\n      onContextRestored: () => {\n        if (!this.disposed && !instance.mainTeardowns.closed)\n          update(instance.canvas, undefined, true);\n      },\n    });\n  }\n  beginRender(): void {\n    this.used = false;\n  }\n  endRender(success: boolean): void {\n    if (success && this.used) {\n      this.committed = true;\n      return;\n    }\n    if (success || !this.committed) this.dispose();\n  }\n  apply(\n    source: OffscreenCanvas,\n    windows: FilterWindows,\n    input: FilterBackdrop,\n    colors: Readonly<{ light: string; dark: string }>,\n  ): ImageBitmap {\n    this.used = true;\n    if (this.backdrop.width !== source.width)\n      this.backdrop.width = source.width;\n    if (this.backdrop.height !== source.height)\n      this.backdrop.height = source.height;\n    const context = this.backdrop.getContext(\"2d\");\n    if (!context)\n      throw new Error(\"backdropContrast requires OffscreenCanvas 2D.\");\n    context.reset();\n    context.setTransform(input.transform);\n    context.drawImage(input.canvas, 0, 0);\n    const colorKey = JSON.stringify([colors.light, colors.dark]);\n    if (this.colors !== colorKey) {\n      const palette = this.palette.getContext(\"2d\");\n      if (!palette)\n        throw new Error(\"backdropContrast colors require OffscreenCanvas 2D.\");\n      palette.reset();\n      palette.fillStyle = colors.light;\n      palette.fillRect(0, 0, 1, 1);\n      palette.fillStyle = colors.dark;\n      palette.fillRect(1, 0, 1, 1);\n      this.colors = colorKey;\n      this.paletteRevision++;\n    }\n    const raster = (\n      canvas: OffscreenCanvas,\n      revision: number,\n    ): BorrowedTextureRaster => ({\n      source: canvas,\n      width: canvas.width,\n      height: canvas.height,\n      resource: canvas,\n      revision,\n      placement: { mode: \"stretch\" },\n    });\n    const region = windows.source.logicalBounds;\n    return this.gpu.apply(\n      source,\n      raster(this.backdrop, ++this.revision),\n      { raster: raster(this.palette, this.paletteRevision) },\n      { opacity: 1, threshold: 0, softness: 1, direction: [0, 1] },\n      {\n        originX: region.x,\n        originY: region.y,\n        density: windows.density,\n        region,\n      },\n    );\n  }\n  dispose(): void {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.gpu.dispose();\n    this.backdrop.width =\n      this.backdrop.height =\n      this.palette.width =\n      this.palette.height =\n        0;\n    this.instance.optionalServices.delete(SERVICE);\n  }\n}\n/** @internal Read-only ownership evidence; never creates resources. */\nexport function peekBackdropContrastService(\n  instance: PibblInstance,\n): BackdropContrastService | undefined {\n  return instance.optionalServices.get(SERVICE) as\n    BackdropContrastService | undefined;\n}\nexport function processBackdropContrast(\n  source: OffscreenCanvas,\n  windows: FilterWindows,\n  backdrop: FilterBackdrop,\n  colors: Readonly<{ light: string; dark: string }>,\n): ImageBitmap {\n  const instance = GLOBAL_STATE.currentPibblInstance;\n  if (!instance)\n    throw new Error(\"backdropContrast requires an active Pibbl instance.\");\n  const service = getOptionalService(\n    instance,\n    SERVICE,\n    () => new BackdropContrastService(instance),\n  );\n  try {\n    return service.apply(source, windows, backdrop, colors);\n  } catch (error) {\n    throw new Error(\n      `backdropContrast processing failed: ${error instanceof Error ? error.message : String(error)}`,\n      { cause: error },\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/filters/render-emboss-boundary.d.ts

@@ -0,0 +1,13 @@
+import { type TexturePaint } from "../lib/textures/texture-protocol.js";
+import type { PibblInstance } from "../lib/types.js";
+import type { FilterWindows } from "../lib/filter/filter-region.js";
+import { EmbossGpu } from "./emboss-gpu.js";
+import type { ReflectionSettings } from "./reflection-gpu.js";
+/** @internal Test-only read-only access; it never creates a GPU service. */
+export declare function peekEmbossGpu(instance: PibblInstance): EmbossGpu | undefined;
+export declare function processEmboss(source: OffscreenCanvas, windows: FilterWindows, paint: TexturePaint, settings: ReflectionSettings, region: Readonly<{
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}>): ImageBitmap;

package/dist/filters/render-emboss-boundary.js

@@ -0,0 +1,131 @@
+import {
+  borrowTextureRaster
+} from "../lib/textures/texture-protocol.js";
+import { GLOBAL_STATE, getPibblInstance } from "../lib/global-state.js";
+import { getOptionalService } from "../lib/optional-services.js";
+import { update } from "../lib/update.js";
+import { EmbossGpu } from "./emboss-gpu.js";
+const GPU_BORROWER = /* @__PURE__ */ Symbol("pibbl.emboss-borrower");
+const rootServices = /* @__PURE__ */ new WeakMap();
+class RootGpuService {
+  constructor(root) {
+    this.root = root;
+    this.gpu = new EmbossGpu({
+      onContextRestored: () => {
+        if (this.disposed || this.recoveryRequested || this.root.mainTeardowns.closed)
+          return;
+        this.recoveryRequested = true;
+        for (const borrower of this.borrowers)
+          update(borrower.instance.canvas, void 0, true);
+      }
+    });
+  }
+  root;
+  gpu;
+  borrowers = /* @__PURE__ */ new Set();
+  disposed = false;
+  recoveryRequested = false;
+  beginRender() {
+    this.recoveryRequested = false;
+  }
+  pruneMaps() {
+    const resources = /* @__PURE__ */ new Set();
+    for (const borrower of this.borrowers)
+      for (const resource of borrower.resources) resources.add(resource);
+    this.gpu.retainMaps(resources);
+  }
+  dispose() {
+    this.disposed = true;
+    this.gpu.dispose();
+  }
+}
+class GpuBorrower {
+  constructor(instance) {
+    this.instance = instance;
+    let root = instance;
+    while (root.parent) root = getPibblInstance(root.parent);
+    this.root = root;
+    let shared = rootServices.get(root);
+    if (!shared) {
+      shared = new RootGpuService(root);
+      rootServices.set(root, shared);
+    }
+    this.shared = shared;
+    shared.borrowers.add(this);
+  }
+  instance;
+  used = false;
+  resources = /* @__PURE__ */ new Set();
+  candidates = /* @__PURE__ */ new Set();
+  committed = false;
+  disposed = false;
+  shared;
+  root;
+  beginRender() {
+    this.shared.beginRender();
+    this.used = false;
+    this.candidates.clear();
+  }
+  useMap(resource) {
+    this.candidates.add(resource);
+  }
+  endRender(success) {
+    if (success && this.used) {
+      this.committed = true;
+      this.resources = new Set(this.candidates);
+      this.shared.pruneMaps();
+      return;
+    }
+    if (success || !this.committed) {
+      this.dispose();
+      return;
+    }
+    if (!this.shared.gpu.isContextLost) this.shared.pruneMaps();
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    this.instance.optionalServices.delete(GPU_BORROWER);
+    this.shared.borrowers.delete(this);
+    if (this.shared.borrowers.size === 0) {
+      rootServices.delete(this.root);
+      this.shared.dispose();
+    } else this.shared.pruneMaps();
+  }
+}
+function peekEmbossGpu(instance) {
+  let root = instance;
+  while (root.parent) root = getPibblInstance(root.parent);
+  return rootServices.get(root)?.gpu;
+}
+function processEmboss(source, windows, paint, settings, region) {
+  const instance = GLOBAL_STATE.currentPibblInstance;
+  if (!instance) throw new Error("Emboss requires an active Pibbl instance.");
+  const borrower = getOptionalService(
+    instance,
+    GPU_BORROWER,
+    () => new GpuBorrower(instance)
+  );
+  borrower.used = true;
+  return borrowTextureRaster(paint, (map) => {
+    borrower.useMap(map.resource);
+    const coordinates = {
+      originX: windows.source.backingX / windows.density,
+      originY: windows.source.backingY / windows.density,
+      density: windows.density,
+      region
+    };
+    return borrower.shared.gpu.apply(
+      source,
+      map,
+      { color: "#ffffff" },
+      settings,
+      coordinates
+    );
+  });
+}
+export {
+  peekEmbossGpu,
+  processEmboss
+};
+//# sourceMappingURL=render-emboss-boundary.js.map

package/dist/filters/render-emboss-boundary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/render-emboss-boundary.ts"],
+  "sourcesContent": ["import {\n  borrowTextureRaster,\n  type TexturePaint,\n} from \"../lib/textures/texture-protocol.js\";\nimport { GLOBAL_STATE, getPibblInstance } from \"../lib/global-state.js\";\nimport { getOptionalService } from \"../lib/optional-services.js\";\nimport { update } from \"../lib/update.js\";\nimport type { PibblInstance } from \"../lib/types.js\";\nimport type { FilterWindows } from \"../lib/filter/filter-region.js\";\nimport { EmbossGpu } from \"./emboss-gpu.js\";\nimport type { ReflectionSettings } from \"./reflection-gpu.js\";\n\nconst GPU_BORROWER = Symbol(\"pibbl.emboss-borrower\");\nconst rootServices = new WeakMap<PibblInstance, RootGpuService>();\n\nclass RootGpuService {\n  readonly gpu: EmbossGpu;\n  readonly borrowers = new Set<GpuBorrower>();\n  private disposed = false;\n  private recoveryRequested = false;\n  constructor(private readonly root: PibblInstance) {\n    this.gpu = new EmbossGpu({\n      onContextRestored: () => {\n        if (\n          this.disposed ||\n          this.recoveryRequested ||\n          this.root.mainTeardowns.closed\n        )\n          return;\n        this.recoveryRequested = true;\n        for (const borrower of this.borrowers)\n          update(borrower.instance.canvas, undefined, true);\n      },\n    });\n  }\n  beginRender(): void {\n    this.recoveryRequested = false;\n  }\n  pruneMaps(): void {\n    const resources = new Set<object>();\n    for (const borrower of this.borrowers)\n      for (const resource of borrower.resources) resources.add(resource);\n    this.gpu.retainMaps(resources);\n  }\n  dispose(): void {\n    this.disposed = true;\n    this.gpu.dispose();\n  }\n}\n\nclass GpuBorrower {\n  used = false;\n  resources = new Set<object>();\n  private candidates = new Set<object>();\n  private committed = false;\n  private disposed = false;\n  readonly shared: RootGpuService;\n  private readonly root: PibblInstance;\n  constructor(readonly instance: PibblInstance) {\n    let root = instance;\n    while (root.parent) root = getPibblInstance(root.parent);\n    this.root = root;\n    let shared = rootServices.get(root);\n    if (!shared) {\n      shared = new RootGpuService(root);\n      rootServices.set(root, shared);\n    }\n    this.shared = shared;\n    shared.borrowers.add(this);\n  }\n  beginRender(): void {\n    this.shared.beginRender();\n    this.used = false;\n    this.candidates.clear();\n  }\n  useMap(resource: object): void {\n    this.candidates.add(resource);\n  }\n  endRender(success: boolean): void {\n    if (success && this.used) {\n      this.committed = true;\n      this.resources = new Set(this.candidates);\n      this.shared.pruneMaps();\n      return;\n    }\n    if (success || !this.committed) {\n      this.dispose();\n      return;\n    }\n    if (!this.shared.gpu.isContextLost) this.shared.pruneMaps();\n  }\n  dispose(): void {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.instance.optionalServices.delete(GPU_BORROWER);\n    this.shared.borrowers.delete(this);\n    if (this.shared.borrowers.size === 0) {\n      rootServices.delete(this.root);\n      this.shared.dispose();\n    } else this.shared.pruneMaps();\n  }\n}\n\n/** @internal Test-only read-only access; it never creates a GPU service. */\nexport function peekEmbossGpu(instance: PibblInstance): EmbossGpu | undefined {\n  let root = instance;\n  while (root.parent) root = getPibblInstance(root.parent);\n  return rootServices.get(root)?.gpu;\n}\n\nexport function processEmboss(\n  source: OffscreenCanvas,\n  windows: FilterWindows,\n  paint: TexturePaint,\n  settings: ReflectionSettings,\n  region: Readonly<{ x: number; y: number; width: number; height: number }>,\n): ImageBitmap {\n  const instance = GLOBAL_STATE.currentPibblInstance;\n  if (!instance) throw new Error(\"Emboss requires an active Pibbl instance.\");\n  const borrower = getOptionalService(\n    instance,\n    GPU_BORROWER,\n    () => new GpuBorrower(instance),\n  );\n  borrower.used = true;\n  return borrowTextureRaster(paint, (map) => {\n    borrower.useMap(map.resource);\n    const coordinates = {\n      originX: windows.source.backingX / windows.density,\n      originY: windows.source.backingY / windows.density,\n      density: windows.density,\n      region,\n    };\n    return borrower.shared.gpu.apply(\n      source,\n      map,\n      { color: \"#ffffff\" },\n      settings,\n      coordinates,\n    );\n  });\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/filters.d.ts

@@ -1,5 +1,9 @@
-export { blur, brightness, contrast, dropShadow, grayscale, hueRotate, invert, opacity, saturate, sepia, } from './filters/native.js';
-export { displacement } from './filters/displacement.js';
-export type { PibblFilter, PibblBlurFilterOptions, PibblBrightnessFilterOptions, PibblContrastFilterOptions, PibblDropShadowFilterOptions, PibblGrayscaleFilterOptions, PibblHueRotateFilterOptions, PibblInvertFilterOptions, PibblOpacityFilterOptions, PibblSaturateFilterOptions, PibblSepiaFilterOptions, PibblDisplacementFilterOptions, } from './lib/style/filter-types.js';
-export { reflectedLight } from './filters/reflected-light.js';
-export type { PibblReflectedLightFilterOptions, PibblReflectedLightSource } from './lib/style/filter-types.js';
+export { blur, brightness, contrast, dropShadow, grayscale, hueRotate, invert, opacity, saturate, sepia, } from "./filters/native.js";
+export { displacement } from "./filters/displacement.js";
+export type { PibblFilter, PibblBlurFilterOptions, PibblBrightnessFilterOptions, PibblContrastFilterOptions, PibblDropShadowFilterOptions, PibblGrayscaleFilterOptions, PibblHueRotateFilterOptions, PibblInvertFilterOptions, PibblOpacityFilterOptions, PibblSaturateFilterOptions, PibblSepiaFilterOptions, PibblDisplacementFilterOptions, } from "./lib/style/filter-types.js";
+export { reflectedLight } from "./filters/reflected-light.js";
+export type { PibblReflectedLightFilterOptions, PibblReflectedLightSource, } from "./lib/style/filter-types.js";
+export { emboss } from "./filters/emboss.js";
+export type { PibblEmbossFilterOptions } from "./filters/emboss.js";
+export { backdropContrast } from "./filters/backdrop-contrast.js";
+export type { PibblBackdropContrastFilterOptions } from "./filters/backdrop-contrast.js";

package/dist/filters.js

@@ -12,12 +12,16 @@ import {
 } from "./filters/native.js";
 import { displacement } from "./filters/displacement.js";
 import { reflectedLight } from "./filters/reflected-light.js";
+import { emboss } from "./filters/emboss.js";
+import { backdropContrast } from "./filters/backdrop-contrast.js";
 export {
+  backdropContrast,
   blur,
   brightness,
   contrast,
   displacement,
   dropShadow,
+  emboss,
   grayscale,
   hueRotate,
   invert,

package/dist/filters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/filters.ts"],
-  "sourcesContent": ["export {\n  blur,\n  brightness,\n  contrast,\n  dropShadow,\n  grayscale,\n  hueRotate,\n  invert,\n  opacity,\n  saturate,\n  sepia,\n} from './filters/native.js';\nexport { displacement } from './filters/displacement.js';\nexport type {\n  PibblFilter,\n  PibblBlurFilterOptions,\n  PibblBrightnessFilterOptions,\n  PibblContrastFilterOptions,\n  PibblDropShadowFilterOptions,\n  PibblGrayscaleFilterOptions,\n  PibblHueRotateFilterOptions,\n  PibblInvertFilterOptions,\n  PibblOpacityFilterOptions,\n  PibblSaturateFilterOptions,\n  PibblSepiaFilterOptions,\n  PibblDisplacementFilterOptions,\n} from './lib/style/filter-types.js';\n\nexport { reflectedLight } from './filters/reflected-light.js';\nexport type { PibblReflectedLightFilterOptions, PibblReflectedLightSource } from './lib/style/filter-types.js';\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAgB7B,SAAS,sBAAsB;",
+  "sourcesContent": ["export {\n  blur,\n  brightness,\n  contrast,\n  dropShadow,\n  grayscale,\n  hueRotate,\n  invert,\n  opacity,\n  saturate,\n  sepia,\n} from \"./filters/native.js\";\nexport { displacement } from \"./filters/displacement.js\";\nexport type {\n  PibblFilter,\n  PibblBlurFilterOptions,\n  PibblBrightnessFilterOptions,\n  PibblContrastFilterOptions,\n  PibblDropShadowFilterOptions,\n  PibblGrayscaleFilterOptions,\n  PibblHueRotateFilterOptions,\n  PibblInvertFilterOptions,\n  PibblOpacityFilterOptions,\n  PibblSaturateFilterOptions,\n  PibblSepiaFilterOptions,\n  PibblDisplacementFilterOptions,\n} from \"./lib/style/filter-types.js\";\n\nexport { reflectedLight } from \"./filters/reflected-light.js\";\nexport type {\n  PibblReflectedLightFilterOptions,\n  PibblReflectedLightSource,\n} from \"./lib/style/filter-types.js\";\n\nexport { emboss } from \"./filters/emboss.js\";\nexport type { PibblEmbossFilterOptions } from \"./filters/emboss.js\";\n\nexport { backdropContrast } from \"./filters/backdrop-contrast.js\";\nexport type { PibblBackdropContrastFilterOptions } from \"./filters/backdrop-contrast.js\";\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAgB7B,SAAS,sBAAsB;AAM/B,SAAS,cAAc;AAGvB,SAAS,wBAAwB;",
   "names": []
 }

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export { createRegularPolygonPath, type RegularPolygonNumericSize, type RegularP
 export { createStarPath, type StarPathOptions, } from './lib/geometry/star.js';
 export { createSvgPath, type SvgPathOptions, } from './lib/geometry/svg-path.js';
 export type { RoundedCornerPathOptions } from './lib/geometry/rounded-corners.js';
-export { pibbl } from './lib/pibbl.js';
+export { pibbl, prepareLayoutEngine } from './lib/pibbl.js';
 export { batch, computed, isSignal, signal, untracked, } from './lib/signals/graph.js';
 export { resolveSignalValue } from './lib/signals/resolve-signal-value.js';
 export type { Signal, SignalEquals, SignalOptions, SignalValue, WritableSignal, } from './lib/signals/types.js';
@@ -46,7 +46,7 @@ export { Absolute, type AbsoluteProps, type AbsoluteStyle, } from './lib/layout/
 export { Overlay, type OverlayProps, type OverlayStyle, } from './lib/layout/overlay.js';
 export { Flow, type FlowProps, type FlowStyle, } from './lib/layout/flow.js';
 export { Flex, type FlexProps, type FlexStyle, } from './lib/layout/flex.js';
-export { Grid, type GridProps, type GridStyle, type GridTrack, } from './lib/layout/grid.js';
+export { Grid, minmax, repeatTracks, autoFillTracks, autoFitTracks, type GridTrackBreadth, type GridMinMaxTrack, type GridRepeatTrack, type GridProps, type GridStyle, type GridTrack, } from './lib/layout/grid.js';
 export { measureElement } from './lib/layout/measure.js';
 export { FocusManagement, KeyboardNavigation, type FocusManagementProps, type KeyboardNavigationProps, } from './lib/focus/policy-components.js';
 export type { PibblKeyboardNavigationOptions } from './lib/focus/types.js';
@@ -55,7 +55,8 @@ export { defineRenderLayer } from './lib/render-layer/define-render-layer.js';
 export type { PibblRenderLayerComponentProps, PibblRenderLayerDefinition, PibblRenderLayerFrame, PibblRenderLayerContext, PibblRenderLayerHit, PibblRenderLayerInput, PibblRenderLayerInteraction, PibblRenderLayerInteractionSnapshot, PibblRenderLayerProps, PibblRenderLayerSize, PibblRenderLayerStyle, PibblRenderLayerTarget, } from './lib/render-layer/types.js';
 export { createElement } from './lib/element/create-element.js';
 export { Fragment } from './lib/element/fragment.js';
-export type { BoxStyle, CursorStyle, EdgeValues, FlexItemStyle, GridItemStyle, ImgStyle, LayoutItemStyle, Length, PaintStyle, PathStyle, RectStyle, ResolvedBoxStyle, SvgPathStyle, TextFit, TextStyle, Percentage, RoundedCornerStyle, } from './lib/style/types.js';
+export type { BoxStyle, CursorStyle, EdgeValues, FlexItemStyle, FlexMargin, GridItemStyle, ImgStyle, LayoutItemStyle, Length, PaintStyle, PathStyle, RectStyle, ResolvedBoxStyle, SvgPathStyle, TextFit, TextStyle, Percentage, RoundedCornerStyle, } from './lib/style/types.js';
+export { fitContent, type FitContent, type SizingKeyword, type SizingLength } from './lib/style/sizing-length.js';
 export { LayoutDiagnostic, layoutDiagnostic, type LayoutDiagnosticContext, type LayoutDiagnosticInput, } from './lib/style/diagnostics.js';
 export { normalizeEdges } from './lib/style/normalize.js';
 export { resolveLength } from './lib/style/resolve-length.js';
@@ -77,7 +78,7 @@ export { useReaction, type PibblReactionOptions, } from './lib/hooks/use-reactio
 export { useAnimatedValue } from './lib/hooks/use-animated-value.js';
 export { useSignal } from './lib/hooks/use-signal.js';
 export { useSvgPath } from './lib/hooks/use-svg-path.js';
-export type { Canvas, CanvasMeasurementService, PibblController, PibblComponent, PibblContainerChild, PibblElement, PibblElementType, PibblEmptyNode, PibblKey, PibblNode, PibblNodeInput, PibblPhysics2DPropExtension, PibblPrimitiveComponent, PibblTextChild, PibblTextInput, PibblRenderResult, PibblSizeQuery, PibblStyleRule, PibblResponsiveStyle, PrimitiveInputOf, PrimitiveCapabilities, PrimitiveInput, PrimitiveProgramProps, PrimitiveRender, FillStyle, MeasureInput, MeasureResult, PixelGridAlignment, NormalizedStyle, RenderingContext2D, ResolvedStyle, SpecifiedStyle, StyleResolutionContext, StrokeStyle, SystemStyle, } from './lib/types.js';
+export type { Canvas, CanvasMeasurementService, PibblController, PibblComponent, PibblContainerChild, PibblElement, PibblElementType, PibblEmptyNode, PibblKey, PibblNode, PibblNodeInput, PibblPhysics2DPropExtension, PibblPrimitiveComponent, PibblTextChild, PibblTextInput, PibblRenderResult, PibblSizeQuery, PibblStyleRule, PibblResponsiveStyle, PrimitiveInputOf, PrimitiveCapabilities, PrimitiveInput, PrimitiveProgramProps, PrimitiveRender, FillStyle, MeasureInput, IntrinsicAxisConstraints, IntrinsicConstraints, IntrinsicMeasureInput, IntrinsicSizesResult, BaselineMeasureInput, BaselinesResult, MeasureResult, PixelGridAlignment, NormalizedStyle, RenderingContext2D, ResolvedStyle, SpecifiedStyle, StyleResolutionContext, StrokeStyle, SystemStyle, } from './lib/types.js';
 export type { PibblClipboardEvent, PibblCompositionEvent, PibblDragEvent, PibblEvent, PibblEventCapturePropName, PibblEventHandler, PibblEventHandlers, PibblEventMap, PibblEventParticipationOptions, PibblEventPhase, PibblEventPropName, PibblEventTarget, PibblEventTargetOptions, PibblEventTargetSnapshot, PibblEventType, PibblFocusEvent, PibblInputEvent, PibblKeyboardEvent, PibblLogicalMouseEvent, PibblPointerEvent, PibblPointerEvents, PibblTouchEvent, PibblWheelEvent, } from './lib/events/types.js';
 export { useManipulation } from './lib/manipulation/controller.js';
 export { ManipulationFrame } from './lib/manipulation/frame.js';
@@ -92,7 +93,7 @@ export type { PibblManipulableProps } from './lib/manipulation/manipulable.js';
 export { defineTexture, useTexture } from './lib/textures/texture.js';
 export type { Texture, TexturePaint, TextureRecipe, TextureDefinition, TextureOptions, TexturePlacement, TextureContext, TextureFrame } from './lib/textures/texture.js';
 export { HtmlBox } from './lib/components/html-box.js';
-export type { HtmlBoxProps, HtmlBoxStyle, HtmlMountCallback, HtmlUpdateFunction, HtmlBoxFocusState } from './lib/html/types.js';
+export type { HtmlBoxEventHandlers, HtmlBoxProps, HtmlBoxStyle, HtmlMountCallback, HtmlUpdateFunction, HtmlBoxFocusState } from './lib/html/types.js';
 export { fade } from './lib/transitions/fade.js';
 export type { PibblTransitionEffect } from './lib/transitions/fade.js';
 export type { PibblTransitionBinding } from './lib/transitions/binding.js';
@@ -109,3 +110,6 @@ export type { PibblSlideOptions, PibblZoomOptions, PibblWipeOptions, PibblBlurRe
 export { defineTransition } from './lib/transitions/define-transition.js';
 export type { PibblTransitionDefinition, PibblTransitionRenderFrame } from './lib/transitions/define-transition.js';
 export type { PibblEmbersPhysicsOptions, PibblEmberCollision } from './lib/transitions/embers-physics.js';
+export { recordFrames, exportGif } from './lib/recording/recording.js';
+export type { PibblFrameRecordingOptions, PibblFrameRecordingSession, PibblRecordedFrameInfo, PibblRecordedFrame, PibblFrameRecording, PibblGifExportOptions, PibblRenderCompletion, } from './lib/recording/types.js';
+export { defineLayoutComponent } from './lib/layout/define-layout-component.js';

package/dist/index.js

@@ -91,7 +91,7 @@ import {
 import {
   createSvgPath
 } from "./lib/geometry/svg-path.js";
-import { pibbl } from "./lib/pibbl.js";
+import { pibbl, prepareLayoutEngine } from "./lib/pibbl.js";
 import {
   batch,
   computed,
@@ -129,7 +129,11 @@ import {
   Flex
 } from "./lib/layout/flex.js";
 import {
-  Grid
+  Grid,
+  minmax,
+  repeatTracks,
+  autoFillTracks,
+  autoFitTracks
 } from "./lib/layout/grid.js";
 import { measureElement } from "./lib/layout/measure.js";
 import {
@@ -140,6 +144,7 @@ import { definePrimitive } from "./lib/define-primitive.js";
 import { defineRenderLayer } from "./lib/render-layer/define-render-layer.js";
 import { createElement } from "./lib/element/create-element.js";
 import { Fragment } from "./lib/element/fragment.js";
+import { fitContent } from "./lib/style/sizing-length.js";
 import {
   LayoutDiagnostic,
   layoutDiagnostic
@@ -178,6 +183,8 @@ import { hologram } from "./lib/transitions/hologram.js";
 import { bifrost } from "./lib/transitions/bifrost.js";
 import { slide, zoom, wipe, blurReveal, dissolve } from "./lib/transitions/common.js";
 import { defineTransition } from "./lib/transitions/define-transition.js";
+import { recordFrames, exportGif } from "./lib/recording/recording.js";
+import { defineLayoutComponent } from "./lib/layout/define-layout-component.js";
 export {
   Absolute,
   Arc,
@@ -216,6 +223,8 @@ export {
   Wedge,
   affineTransform,
   arcBendTransform,
+  autoFillTracks,
+  autoFitTracks,
   batch,
   bifrost,
   blurReveal,
@@ -233,6 +242,7 @@ export {
   createSvgPath,
   createWedgePath,
   defineAnimation,
+  defineLayoutComponent,
   definePrimitive,
   defineRenderLayer,
   defineTexture,
@@ -243,7 +253,9 @@ export {
   easing,
   embers,
   envelopeTransform,
+  exportGif,
   fade,
+  fitContent,
   flattenPath,
   flattenPathWang,
   hologram,
@@ -253,12 +265,16 @@ export {
   marker,
   measureElement,
   meshTransform,
+  minmax,
   normalizeEdges,
   parallel,
   pathBendTransform,
   pibbl,
+  prepareLayoutEngine,
   quadTransform,
+  recordFrames,
   repeat,
+  repeatTracks,
   resolveBox,
   resolveLength,
   resolveSignalValue,