@glissade/backend-canvas2d 0.3.0 → 0.4.1

package/dist/index.d.ts

@@ -1,13 +1,24 @@
-import { DisplayList, DrawCommand, FontSpec, TextMetricsLite, TextMetricsLite as TextMetricsLite$1, VideoFrameSource } from "@glissade/scene";
+import { DisplayList, DrawCommand, FontSpec, ShaderCaps, ShaderRef, TextMetricsLite, TextMetricsLite as TextMetricsLite$1, VideoFrameSource } from "@glissade/scene";
 
 //#region src/index.d.ts
 
+/**
+ * §3.7 shader runner seam: @glissade/effects-webgpu registers here at load
+ * time (the loadYogaLayoutEngine pattern). This package never imports GPU
+ * code — headless paths stay clean by construction.
+ */
+interface ShaderRunner {
+  apply(layer: AnyCanvas, shader: ShaderRef, w: number, h: number): Drawable | null;
+}
+declare function setShaderRunner(runner: ShaderRunner | null): void;
 type Drawable = Exclude<CanvasImageSource, SVGImageElement>;
 type AnyCanvas = HTMLCanvasElement | OffscreenCanvas;
 declare class Canvas2DBackend {
   private readonly target;
   private readonly raster;
-  constructor(target: AnyCanvas);
+  constructor(target: AnyCanvas, opts?: {
+    shaderCaps?: ShaderCaps;
+  });
   /** Register a decoded still (kind 'image' assets). */
   setImageAsset(assetId: string, image: Drawable): void;
   /** Register a warmed-on-demand video source (kind 'video' assets, §3.8). */
@@ -19,4 +30,4 @@ declare class Canvas2DBackend {
   private context;
 }
 //#endregion
-export { Canvas2DBackend, type DisplayList, type DrawCommand, type TextMetricsLite };
+export { Canvas2DBackend, type DisplayList, type DrawCommand, ShaderRunner, type TextMetricsLite, setShaderRunner };

package/dist/index.js

@@ -6,16 +6,21 @@ import { Raster2D, fontString } from "@glissade/scene";
 * in @glissade/scene: this file owns only the DOM canvas flavor (context
 * acquisition, OffscreenCanvas layers, Path2D) and text measurement.
 */
+let shaderRunner = null;
+function setShaderRunner(runner) {
+	shaderRunner = runner;
+}
 var Canvas2DBackend = class {
 	target;
 	raster;
-	constructor(target) {
+	constructor(target, opts = {}) {
 		this.target = target;
 		this.raster = new Raster2D({
 			context: (c) => this.context(c),
 			createCanvas: (w, h) => new OffscreenCanvas(w, h),
-			newPath: () => new Path2D()
-		});
+			newPath: () => new Path2D(),
+			applyShader: (layer, shader, w, h) => shaderRunner?.apply(layer, shader, w, h) ?? null
+		}, opts.shaderCaps ?? "warn");
 	}
 	/** Register a decoded still (kind 'image' assets). */
 	setImageAsset(assetId, image) {
@@ -53,4 +58,4 @@ var Canvas2DBackend = class {
 	}
 };
 //#endregion
-export { Canvas2DBackend };
+export { Canvas2DBackend, setShaderRunner };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/backend-canvas2d",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "glissade Canvas 2D render backend: DisplayList -> CanvasRenderingContext2D/OffscreenCanvas.",
   "license": "Apache-2.0",
   "type": "module",
@@ -15,8 +15,8 @@
     "dist"
   ],
   "dependencies": {
-    "@glissade/core": "0.3.0",
-    "@glissade/scene": "0.3.0"
+    "@glissade/core": "0.4.1",
+    "@glissade/scene": "0.4.1"
   },
   "repository": {
     "type": "git",