@grida/canvas-wasm 0.0.2 → 0.0.3

package/README.md

@@ -12,23 +12,16 @@ pnpm install @grida/canvas-wasm
 import init from "@grida/canvas-wasm";
 
 const factory = await init({
-  // locate the wasm binary file
+  // locate the wasm binary file (location may vary by version)
+  // e.g. this will resolve to https://unpkg.com/@grida/canvas-wasm@0.0.2/dist/grida_canvas_wasm.wasm
   locateFile: (path) =>
-    `https://unpkg.com/@grida/canvas-wasm@<VERSION>/bin/${path}`,
+    `https://unpkg.com/@grida/canvas-wasm@<VERSION>/${path}`,
 });
 
 // your canvas element
-const canvas = document.querySelector("#canvas");
-const context = canvas.getContext("webgl2", {
-  antialias: true,
-  depth: true,
-  stencil: true,
-  alpha: true,
-});
-
-const scene = factory.createSurface(context, 100, 100);
+const canvas = document.getElementById("canvas") as HTMLCanvasElement;
+const scene = factory.createWebGLCanvasSurface(canvas);
 
 // ready to draw
-scene.createRectangleNode();
-scene.redraw();
+scene.loadDummyScene();
 ```

package/dist/index.d.mts

@@ -105,8 +105,7 @@ declare function init(opts?: GridaCanvasInitOptions): Promise<ApplicationFactory
 declare class ApplicationFactory {
     private readonly module;
     constructor(module: createGridaCanvas.GridaCanvasWasmBindings);
-    createCanvasSurface(htmlcanvasid: string): Grida2D;
-    createSurface(width: number, height: number): Grida2D;
+    createWebGLCanvasSurface(canvas: HTMLCanvasElement): Grida2D;
 }
 declare class Grida2D {
     private ptr;

package/dist/index.d.ts

@@ -105,8 +105,7 @@ declare function init(opts?: GridaCanvasInitOptions): Promise<ApplicationFactory
 declare class ApplicationFactory {
     private readonly module;
     constructor(module: createGridaCanvas.GridaCanvasWasmBindings);
-    createCanvasSurface(htmlcanvasid: string): Grida2D;
-    createSurface(width: number, height: number): Grida2D;
+    createWebGLCanvasSurface(canvas: HTMLCanvasElement): Grida2D;
 }
 declare class Grida2D {
     private ptr;

package/dist/index.js

@@ -7394,11 +7394,7 @@ var ApplicationFactory = class {
   constructor(module2) {
     this.module = module2;
   }
-  createCanvasSurface(htmlcanvasid) {
-    const canvas = document.getElementById(htmlcanvasid);
-    if (!(canvas instanceof HTMLCanvasElement)) {
-      throw new Error(`Element with id ${htmlcanvasid} is not a <canvas>`);
-    }
+  createWebGLCanvasSurface(canvas) {
     const context = canvas.getContext("webgl2", {
       antialias: true,
       depth: true,
@@ -7415,10 +7411,6 @@ var ApplicationFactory = class {
     const ptr = this.module._init(canvas.width, canvas.height);
     return new Grida2D(this.module, ptr);
   }
-  createSurface(width, height) {
-    const ptr = this.module._init(width, height);
-    return new Grida2D(this.module, ptr);
-  }
 };
 var ApplicationCommandID = {
   ZoomIn: 1,

package/dist/index.mjs

@@ -7390,11 +7390,7 @@ var ApplicationFactory = class {
   constructor(module) {
     this.module = module;
   }
-  createCanvasSurface(htmlcanvasid) {
-    const canvas = document.getElementById(htmlcanvasid);
-    if (!(canvas instanceof HTMLCanvasElement)) {
-      throw new Error(`Element with id ${htmlcanvasid} is not a <canvas>`);
-    }
+  createWebGLCanvasSurface(canvas) {
     const context = canvas.getContext("webgl2", {
       antialias: true,
       depth: true,
@@ -7411,10 +7407,6 @@ var ApplicationFactory = class {
     const ptr = this.module._init(canvas.width, canvas.height);
     return new Grida2D(this.module, ptr);
   }
-  createSurface(width, height) {
-    const ptr = this.module._init(width, height);
-    return new Grida2D(this.module, ptr);
-  }
 };
 var ApplicationCommandID = {
   ZoomIn: 1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grida/canvas-wasm",
   "description": "WASM bindings for Grida Canvas",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "keywords": [
     "grida",
     "canvas",