@mateuszjs/magic-render 0.1.0-next.1 → 0.1.0-next.10

package/lib/types/src/WebGPU/canvasSizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvasSizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/canvasSizeObserver.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,YAAY,QAgBvB"}
+{"version":3,"file":"canvasSizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/canvasSizeObserver.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,YAAY,QAgBvB"}

package/lib/types/src/WebGPU/pick.d.ts

@@ -1,13 +1,19 @@
-import type { State } from "../../crate/glue_code";
 export default class PickManager {
-    private device;
-    private canvas;
     private pickBuffer;
     private pickTexture;
     private pickDepthTexture;
-    private isPreviousDone;
-    constructor(device: GPUDevice, canvas: HTMLElement);
-    render(encoder: GPUCommandEncoder, drawingMatrix: Float32Array, renderPicks: (pass: GPURenderPassEncoder, matrix: Float32Array) => void, debugRenderPass?: GPURenderPassEncoder): void;
-    asyncPick(state: State): Promise<void>;
+    private isPreviousPickDone;
+    constructor(device: GPUDevice);
+    /**
+     * Starts a picking render pass.
+     * @param encoder The GPUCommandEncoder to use for the render pass.
+     * @returns An object which contains render pass and a callback to end picking.
+     */
+    startPicking(encoder: GPUCommandEncoder): {
+        pass: GPURenderPassEncoder;
+        end: VoidFunction;
+    };
+    createMatrix(canvas: HTMLCanvasElement, canvasMatrix: Float32Array): Float32Array<ArrayBufferLike>;
+    asyncPick(): Promise<void>;
 }
 //# sourceMappingURL=pick.d.ts.map

package/lib/types/src/WebGPU/pick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pick.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/pick.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAIlD,MAAM,CAAC,OAAO,OAAO,WAAW;IAQ5B,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,MAAM;IAPhB,OAAO,CAAC,UAAU,CAAW;IAC7B,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,gBAAgB,CAAY;IACpC,OAAO,CAAC,cAAc,CAAO;gBAGnB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,WAAW;IAoB7B,MAAM,CACJ,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAE,YAAY,EAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,EACvE,eAAe,CAAC,EAAE,oBAAoB;IAyDlC,SAAS,CAAC,KAAK,EAAE,KAAK;CAS7B"}
+{"version":3,"file":"pick.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/pick.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,OAAO,WAAW;IAC9B,OAAO,CAAC,UAAU,CAAW;IAC7B,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,gBAAgB,CAAY;IACpC,OAAO,CAAC,kBAAkB,CAAO;gBAErB,MAAM,EAAE,SAAS;IAmB7B;;;;OAIG;IACH,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG;QAAE,IAAI,EAAE,oBAAoB,CAAC;QAAC,GAAG,EAAE,YAAY,CAAA;KAAE;IAkD3F,YAAY,CAAC,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY;IAkB5D,SAAS;CAwBhB"}

package/lib/types/src/WebGPU/pointer.d.ts

@@ -1,6 +1,10 @@
 export declare const pointer: {
     x: number;
     y: number;
+    afterPickEventsQueue: Array<{
+        requireNewPick: boolean;
+        cb: VoidFunction;
+    }>;
 };
-export default function initMouseController(canvas: HTMLCanvasElement): void;
+export default function initMouseController(canvas: HTMLCanvasElement, onStartProcessing: VoidFunction): void;
 //# sourceMappingURL=pointer.d.ts.map

package/lib/types/src/WebGPU/pointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/pointer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAAiB,CAAA;AAErC,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,QAwBpE"}
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../../src/WebGPU/pointer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;0BAGU,KAAK,CAAC;QAAE,cAAc,EAAE,OAAO,CAAC;QAAC,EAAE,EAAE,YAAY,CAAA;KAAE,CAAC;CAMjF,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,MAAM,EAAE,iBAAiB,EACzB,iBAAiB,EAAE,YAAY,QAwDhC"}

package/lib/types/src/WebGPU/programs/draw/getProgram.d.ts

@@ -0,0 +1,2 @@
+export default function getProgram(device: GPUDevice, presentationFormat: GPUTextureFormat): (pass: GPURenderPassEncoder, worldProjectionMatrix: Float32Array, vertexData: Float32Array) => void;
+//# sourceMappingURL=getProgram.d.ts.map

package/lib/types/src/WebGPU/programs/draw/getProgram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/draw/getProgram.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,IA6CtF,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,UA0B3B"}

package/lib/types/src/WebGPU/programs/drawMSDF/getProgram.d.ts

@@ -0,0 +1,2 @@
+export default function getProgram(device: GPUDevice, presentationFormat: GPUTextureFormat): (pass: GPURenderPassEncoder, worldProjectionMatrix: Float32Array, vertexData: Float32Array, texture: GPUTexture) => void;
+//# sourceMappingURL=getProgram.d.ts.map

package/lib/types/src/WebGPU/programs/drawMSDF/getProgram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/drawMSDF/getProgram.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,IA0EtF,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,EACxB,SAAS,UAAU,UA+BtB"}

package/lib/types/src/WebGPU/programs/drawTexture/getProgram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/drawTexture/getProgram.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,IAqElC,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,EACzC,SAAS,UAAU,UAgCtB"}
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/drawTexture/getProgram.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,IAoEtF,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,EACzC,SAAS,UAAU,UA8BtB"}

package/lib/types/src/WebGPU/programs/drawTriangle/getProgram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/drawTriangle/getProgram.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,IA6DlC,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,UA8B5C"}
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/drawTriangle/getProgram.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,IA8DtF,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,UA2B5C"}

package/lib/types/src/WebGPU/programs/initPrograms.d.ts

@@ -1,11 +1,13 @@
-import getDrawTriangle from "./drawTriangle/getProgram";
-import getDrawBezier from "./drawBezier/getProgram";
-import getDraw3dModelTexture from "./draw3dModelTexture/getProgram";
-import getDraw3dModel from "./draw3dModel/getProgram";
-import getDraw3dModelLight from "./draw3dModelLight/getProgram";
-import getBlur from "./blur/getProgram";
-import getDrawtexture from "./drawTexture/getProgram";
-import getPickTexture from "./pickTexture/getProgram";
+import getDrawTriangle from './drawTriangle/getProgram';
+import getDrawBezier from './drawBezier/getProgram';
+import getDraw3dModelTexture from './draw3dModelTexture/getProgram';
+import getDraw3dModel from './draw3dModel/getProgram';
+import getDraw3dModelLight from './draw3dModelLight/getProgram';
+import getBlur from './blur/getProgram';
+import getDrawtexture from './drawTexture/getProgram';
+import getPickTexture from './pickTexture/getProgram';
+import getPickTriangle from './pickTriangle/getProgram';
+import getDrawMSDF from './drawMSDF/getProgram';
 export declare let drawTriangle: ReturnType<typeof getDrawTriangle>;
 export declare let drawBezier: ReturnType<typeof getDrawBezier>;
 export declare let draw3dModel: ReturnType<typeof getDraw3dModel>;
@@ -14,5 +16,7 @@ export declare let draw3dModelLight: ReturnType<typeof getDraw3dModelLight>;
 export declare let drawBlur: ReturnType<typeof getBlur>;
 export declare let drawTexture: ReturnType<typeof getDrawtexture>;
 export declare let pickTexture: ReturnType<typeof getPickTexture>;
+export declare let pickTriangle: ReturnType<typeof getPickTriangle>;
+export declare let drawMSDF: ReturnType<typeof getDrawMSDF>;
 export default function initPrograms(device: GPUDevice, presentationFormat: GPUTextureFormat): void;
 //# sourceMappingURL=initPrograms.d.ts.map

package/lib/types/src/WebGPU/programs/initPrograms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initPrograms.d.ts","sourceRoot":"","sources":["../../../../../src/WebGPU/programs/initPrograms.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,qBAAqB,MAAM,iCAAiC,CAAA;AACnE,OAAO,cAAc,MAAM,0BAA0B,CAAA;AACrD,OAAO,mBAAmB,MAAM,+BAA+B,CAAA;AAC/D,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,cAAc,MAAM,0BAA0B,CAAA;AACrD,OAAO,cAAc,MAAM,0BAA0B,CAAA;AAErD,eAAO,IAAI,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAC3D,eAAO,IAAI,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;AACvD,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AACzD,eAAO,IAAI,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AACvE,eAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACnE,eAAO,IAAI,QAAQ,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;AAC/C,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AACzD,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAEzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,QAUrC"}
+{"version":3,"file":"initPrograms.d.ts","sourceRoot":"","sources":["../../../../../src/WebGPU/programs/initPrograms.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,qBAAqB,MAAM,iCAAiC,CAAA;AACnE,OAAO,cAAc,MAAM,0BAA0B,CAAA;AACrD,OAAO,mBAAmB,MAAM,+BAA+B,CAAA;AAC/D,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,cAAc,MAAM,0BAA0B,CAAA;AACrD,OAAO,cAAc,MAAM,0BAA0B,CAAA;AACrD,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,WAAW,MAAM,uBAAuB,CAAA;AAE/C,eAAO,IAAI,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAC3D,eAAO,IAAI,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;AACvD,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AACzD,eAAO,IAAI,kBAAkB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AACvE,eAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACnE,eAAO,IAAI,QAAQ,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;AAC/C,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AACzD,eAAO,IAAI,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AACzD,eAAO,IAAI,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAC3D,eAAO,IAAI,QAAQ,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;AAEnD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,QAW3F"}

package/lib/types/src/WebGPU/programs/pickTexture/getProgram.d.ts

@@ -1,2 +1,2 @@
-export default function getProgram(device: GPUDevice, debugPresentationFormat: GPUTextureFormat): (pass: GPURenderPassEncoder, worldProjectionMatrix: Float32Array, vertexData: Float32Array<ArrayBufferLike>, texture: GPUTexture) => void;
+export default function getProgram(device: GPUDevice): (pass: GPURenderPassEncoder, worldProjectionMatrix: Float32Array, vertexData: Float32Array<ArrayBufferLike>, texture: GPUTexture) => void;
 //# sourceMappingURL=getProgram.d.ts.map

package/lib/types/src/WebGPU/programs/pickTexture/getProgram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/pickTexture/getProgram.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,SAAS,EACjB,uBAAuB,EAAE,gBAAgB,IA8DvC,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,EACzC,SAAS,UAAU,UAiCtB"}
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/pickTexture/getProgram.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,IA6DhD,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,EACzC,SAAS,UAAU,UAgCtB"}

package/lib/types/src/WebGPU/programs/pickTriangle/getProgram.d.ts

@@ -0,0 +1,2 @@
+export default function getProgram(device: GPUDevice): (pass: GPURenderPassEncoder, worldProjectionMatrix: Float32Array, vertexData: Float32Array<ArrayBufferLike>) => void;
+//# sourceMappingURL=getProgram.d.ts.map

package/lib/types/src/WebGPU/programs/pickTriangle/getProgram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProgram.d.ts","sourceRoot":"","sources":["../../../../../../src/WebGPU/programs/pickTriangle/getProgram.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,SAAS,IA4DhD,MAAM,oBAAoB,EAC1B,uBAAuB,YAAY,EACnC,YAAY,YAAY,CAAC,eAAe,CAAC,UA0B5C"}

package/lib/types/src/getCanvasRenderDescriptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCanvasRenderDescriptor.d.ts","sourceRoot":"","sources":["../../../src/getCanvasRenderDescriptor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,2BAwB7F"}
+{"version":3,"file":"getCanvasRenderDescriptor.d.ts","sourceRoot":"","sources":["../../../src/getCanvasRenderDescriptor.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,2BAgC7F"}

package/lib/types/src/getDepthTexture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDepthTexture.d.ts","sourceRoot":"","sources":["../../../src/getDepthTexture.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAcvF"}
+{"version":3,"file":"getDepthTexture.d.ts","sourceRoot":"","sources":["../../../src/getDepthTexture.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAWvF"}

package/lib/types/src/getMultisampleTexture.d.ts

@@ -0,0 +1,2 @@
+export default function getMultisampleTexture(device: GPUDevice, width: number, height: number, format: GPUTextureFormat): GPUTexture;
+//# sourceMappingURL=getMultisampleTexture.d.ts.map

package/lib/types/src/getMultisampleTexture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMultisampleTexture.d.ts","sourceRoot":"","sources":["../../../src/getMultisampleTexture.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,gBAAgB,cAsBzB"}

package/lib/types/src/index.d.ts

@@ -1,8 +1,17 @@
-import { Point } from "types";
+export type SerializedAsset = Omit<AssetZig, 'texture_id'> & {
+    id: number;
+    url: string;
+    textureId: number;
+};
 export interface CreatorAPI {
-    addImage: (id: number, img: HTMLImageElement) => void;
-    updatePoints: (id: number, points: Point[]) => void;
+    addImage: (img: HTMLImageElement, points?: PointUV[], id?: number) => void;
+    resetAssets: (assets: SerializedAsset[]) => void;
+    removeAsset: VoidFunction;
     destroy: VoidFunction;
 }
-export default function initCreator(canvas: HTMLCanvasElement): Promise<CreatorAPI>;
+export interface TextureSource {
+    url: string;
+    texture: GPUTexture;
+}
+export default function initCreator(canvas: HTMLCanvasElement, assets: Omit<SerializedAsset, 'id' | 'textureId'>[], onAssetsUpdate: (assets: SerializedAsset[]) => void, onAssetSelect: (assetId: number) => void, onProcessingUpdate: (inProgress: boolean) => void): Promise<CreatorAPI>;
 //# sourceMappingURL=index.d.ts.map

package/lib/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAI7B,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACrD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACnD,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,wBAA8B,WAAW,CACvC,MAAM,EAAE,iBAAiB,GACxB,OAAO,CAAC,UAAU,CAAC,CA2DrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAoBA,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,GAAG;IAC3D,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1E,WAAW,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;IAChD,WAAW,EAAE,YAAY,CAAA;IACzB,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,UAAU,CAAA;CACpB;AAED,wBAA8B,WAAW,CACvC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,WAAW,CAAC,EAAE,EACnD,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,EACnD,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,EACxC,kBAAkB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,GAChD,OAAO,CAAC,UAAU,CAAC,CAoHrB"}

package/lib/types/src/run.d.ts

@@ -1,5 +1,5 @@
-import { State } from "../crate/glue_code";
+import { TextureSource } from '.';
 export declare const transformMatrix: Float32Array<ArrayBuffer>;
 export declare const MAP_BACKGROUND_SCALE = 1000;
-export default function runCreator(state: State, canvas: HTMLCanvasElement, context: GPUCanvasContext, device: GPUDevice, presentationFormat: GPUTextureFormat, textures: GPUTexture[], assetsList: number[]): void;
+export default function runCreator(canvas: HTMLCanvasElement, context: GPUCanvasContext, device: GPUDevice, presentationFormat: GPUTextureFormat, textures: TextureSource[], onEmptyEvents: VoidFunction): VoidFunction;
 //# sourceMappingURL=run.d.ts.map

package/lib/types/src/run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../src/run.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAI1C,eAAO,MAAM,eAAe,2BAAqB,CAAA;AACjD,eAAO,MAAM,oBAAoB,OAAO,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,UAAU,EAAE,EACtB,UAAU,EAAE,MAAM,EAAE,QA0CrB"}
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../src/run.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAGjC,eAAO,MAAM,eAAe,2BAAqB,CAAA;AACjD,eAAO,MAAM,oBAAoB,OAAO,CAAA;AAExC,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,aAAa,EAAE,EACzB,aAAa,EAAE,YAAY,GAC1B,YAAY,CAiEd"}

package/lib/types/src/types.d.ts

@@ -1,8 +1,3 @@
-export interface Point {
-    x: number;
-    y: number;
-}
-export type Line = [Point, Point];
 export interface HTMLInputEvent extends Event {
     target: HTMLInputElement & EventTarget;
 }

package/lib/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAElC,MAAM,WAAW,cAAe,SAAQ,KAAK;IAC3C,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAe,SAAQ,KAAK;IAC3C,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAA;CACvC"}

package/lib/types/src/utils/distancePointToLine.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function distancePointToLine(p: Point, l1: Point, l2: Point): number;
 //# sourceMappingURL=distancePointToLine.d.ts.map

package/lib/types/src/utils/distancePointToLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"distancePointToLine.d.ts","sourceRoot":"","sources":["../../../../src/utils/distancePointToLine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAKzE"}
+{"version":3,"file":"distancePointToLine.d.ts","sourceRoot":"","sources":["../../../../src/utils/distancePointToLine.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAKzE"}

package/lib/types/src/utils/getAngle.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function getAngle(from: Point, to: Point): number;
 //# sourceMappingURL=getAngle.d.ts.map

package/lib/types/src/utils/getAngle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getAngle.d.ts","sourceRoot":"","sources":["../../../../src/utils/getAngle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAEtD"}
+{"version":3,"file":"getAngle.d.ts","sourceRoot":"","sources":["../../../../src/utils/getAngle.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAEtD"}

package/lib/types/src/utils/getBezierPos.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function getBezierPos(p1: Point, p2: Point, p3: Point, p4: Point, t: number): Point;
 //# sourceMappingURL=getBezierPos.d.ts.map

package/lib/types/src/utils/getBezierPos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBezierPos.d.ts","sourceRoot":"","sources":["../../../../src/utils/getBezierPos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,CAAC,EAAE,MAAM,GACR,KAAK,CAkBP"}
+{"version":3,"file":"getBezierPos.d.ts","sourceRoot":"","sources":["../../../../src/utils/getBezierPos.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAkBjG"}

package/lib/types/src/utils/getBezierTan.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function getBezierTan(p1: Point, p2: Point, p3: Point, p4: Point, t: number): Point;
 //# sourceMappingURL=getBezierTan.d.ts.map

package/lib/types/src/utils/getBezierTan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBezierTan.d.ts","sourceRoot":"","sources":["../../../../src/utils/getBezierTan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAG7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,CAAC,EAAE,MAAM,GACR,KAAK,CAeP"}
+{"version":3,"file":"getBezierTan.d.ts","sourceRoot":"","sources":["../../../../src/utils/getBezierTan.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CASjG"}

package/lib/types/src/utils/getCurveLength.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function getCurveLength(p1: Point, p2: Point, p3: Point, p4: Point, precision: number): number[];
 //# sourceMappingURL=getCurveLength.d.ts.map

package/lib/types/src/utils/getCurveLength.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCurveLength.d.ts","sourceRoot":"","sources":["../../../../src/utils/getCurveLength.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAO7B,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,MAAM,GAChB,MAAM,EAAE,CAYV"}
+{"version":3,"file":"getCurveLength.d.ts","sourceRoot":"","sources":["../../../../src/utils/getCurveLength.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,MAAM,GAChB,MAAM,EAAE,CAYV"}

package/lib/types/src/utils/getDefaultPoints.d.ts

@@ -0,0 +1,2 @@
+export default function getDefaultPoints(img: HTMLImageElement, canvas: HTMLCanvasElement): PointUV[];
+//# sourceMappingURL=getDefaultPoints.d.ts.map

package/lib/types/src/utils/getDefaultPoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultPoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDefaultPoints.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,iBAAiB,GACxB,OAAO,EAAE,CAaX"}

package/lib/types/src/utils/getDistance.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function getDistance(p1: Point, p2: Point): number;
 //# sourceMappingURL=getDistance.d.ts.map

package/lib/types/src/utils/getDistance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDistance.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDistance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAEvD"}
+{"version":3,"file":"getDistance.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDistance.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,UAEvD"}

package/lib/types/src/utils/getSvgSource.d.ts

@@ -0,0 +1,2 @@
+export default function getSvgSource(svgSrc: string): Promise<HTMLCanvasElement>;
+//# sourceMappingURL=getSvgSource.d.ts.map

package/lib/types/src/utils/getSvgSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSvgSource.d.ts","sourceRoot":"","sources":["../../../../src/utils/getSvgSource.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,MAAM,EAAE,MAAM,8BAwBlD"}

package/lib/types/src/utils/normalizeVec2.d.ts

@@ -1,3 +1,2 @@
-import { Point } from "types";
 export default function normalizeVec2(vec: Point): Point;
 //# sourceMappingURL=normalizeVec2.d.ts.map

package/lib/types/src/utils/normalizeVec2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeVec2.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalizeVec2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAMvD"}
+{"version":3,"file":"normalizeVec2.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalizeVec2.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAMvD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mateuszjs/magic-render",
   "description": "Initial version of visual editor",
-  "version": "0.1.0-next.1",
+  "version": "0.1.0-next.10",
   "author": "Mateusz Walendzik",
   "engines": {
     "node": ">=20.8.1"
@@ -20,36 +20,40 @@
     ]
   },
   "scripts": {
-    "start": "export NODE_ENV=development && webpack serve --open",
-    "build": "rm -rf lib lib-test && export $(grep -v '^#' .env | xargs) && export NODE_ENV=production && node build-wasm.mjs && webpack && tsc --project tsconfig.build.json --emitDeclarationOnly ",
+    "start": "export NODE_ENV=development && webpack serve --mode development",
+    "build": "npm run generate-msdf && rm -rf lib lib-test && export NODE_ENV=production && webpack && tsc --project tsconfig.build.json --emitDeclarationOnly ",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "test-e2e": "npx playwright test",
-    "format": "eslint --fix \"src/**/*.{ts,js}\" \"integration-tests/**/*.{ts,js}\""
+    "format": "eslint --fix \"src/**/*.{ts,js}\" \"integration-tests/**/*.{ts,js}\"",
+    "generate-msdf": "node msdf/generate-msdf.js"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.21.0",
     "@playwright/test": "^1.50.1",
     "@stylistic/eslint-plugin-js": "^4.2.0",
     "@tsconfig/recommended": "^1.0.8",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.13.9",
-    "@wasm-tool/wasm-pack-plugin": "^1.7.0",
     "@webgpu/types": "^0.1.54",
-    "eslint": "^9.21.0",
+    "eslint": "^9.28.0",
     "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "msdf-bmfont-xml": "^2.7.0",
     "semantic-release": "^24.2.3",
+    "svg2ttf": "^6.0.3",
+    "svgicons2svgfont": "^15.0.1",
     "ts-jest": "^29.2.6",
     "ts-loader": "^9.5.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.26.0",
-    "wasm-pack": "^0.13.1",
     "webpack": "^5.97.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.0"
+    "webpack-dev-server": "^5.2.0",
+    "zigar-loader": "^0.14.0"
   },
   "types": "./lib/types/src/index.d.ts",
   "main": "./lib/index.mjs",

package/lib/types/crate/glue_code.d.ts

@@ -1,2 +0,0 @@
-export * from "./pkg/index_bg.js";
-//# sourceMappingURL=glue_code.d.ts.map

package/lib/types/crate/glue_code.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"glue_code.d.ts","sourceRoot":"","sources":["../../../crate/glue_code.js"],"names":[],"mappings":""}

package/lib/types/crate/pkg/index_bg.d.ts

@@ -1,59 +0,0 @@
-export function __wbg_set_wasm(val: any): void;
-export function __wbindgen_is_undefined(arg0: any): boolean;
-export function __wbg_stringify_eead5648c09faaf8(...args: any[]): any;
-export function __wbindgen_string_new(arg0: any, arg1: any): any;
-export function __wbg_new_e69b5f66fda8f13c(): Object;
-export function __wbindgen_number_new(arg0: any): any;
-export function __wbg_set_20cbc34131e76824(arg0: any, arg1: any, arg2: any): void;
-export function __wbindgen_debug_string(arg0: any, arg1: any): void;
-export function __wbg_new_034f913e7636e987(): any[];
-export function __wbg_set_425e70f7c64ac962(arg0: any, arg1: any, arg2: any): void;
-export function __wbindgen_string_get(arg0: any, arg1: any): void;
-export function __wbindgen_throw(arg0: any, arg1: any): void;
-export function __wbindgen_init_externref_table(): void;
-export class State {
-    static __wrap(ptr: any): any;
-    /**
-     * @param {number} width
-     * @param {number} height
-     * @returns {State}
-     */
-    static "new"(width: number, height: number): State;
-    __destroy_into_raw(): number | undefined;
-    __wbg_ptr: number | undefined;
-    free(): void;
-    /**
-     * @param {number} id
-     * @param {any} raw_points
-     * @param {number} texture_id
-     */
-    add_texture(id: number, raw_points: any, texture_id: number): void;
-    /**
-     * @param {number} id
-     * @returns {any}
-     */
-    get_shader_input(id: number): any;
-    /**
-     * @param {number} id
-     * @returns {any}
-     */
-    get_shader_pick_input(id: number): any;
-    /**
-     * @param {number} id
-     * @param {any} raw_points
-     */
-    update_points(id: number, raw_points: any): void;
-    /**
-     * @param {number} id
-     */
-    update_hover(id: number): void;
-    /**
-     * @returns {Float32Array}
-     */
-    get_border(): Float32Array;
-}
-export const __wbg_error_53abcd6a461f73d8: {
-    (...data: any[]): void;
-    (message?: any, ...optionalParams: any[]): void;
-};
-//# sourceMappingURL=index_bg.d.ts.map

package/lib/types/crate/pkg/index_bg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index_bg.d.ts","sourceRoot":"","sources":["../../../../crate/pkg/index_bg.js"],"names":[],"mappings":"AACA,+CAEC;AAgRD,4DAGC;AAED,sEAGe;AAEf,iEAGC;AAED,qDAGC;AAED,sDAGC;AAED,kFAEC;AAED,oEAMC;AAED,oDAGC;AAED,kFAEC;AAED,kEAOC;AAED,6DAEC;AAID,wDASC;AApJD;IAEI,6BAMC;IAaD;;;;OAIG;IACH,oBAJW,MAAM,UACN,MAAM,GACJ,KAAK,CAKjB;IAnBD,yCAKC;IAHG,8BAAkB;IAKtB,aAGC;IAUD;;;;OAIG;IACH,gBAJW,MAAM,cACN,GAAG,cACH,MAAM,QAIhB;IACD;;;OAGG;IACH,qBAHW,MAAM,GACJ,GAAG,CAKf;IACD;;;OAGG;IACH,0BAHW,MAAM,GACJ,GAAG,CAKf;IACD;;;OAGG;IACH,kBAHW,MAAM,cACN,GAAG,QAIb;IACD;;OAEG;IACH,iBAFW,MAAM,QAIhB;IACD;;OAEG;IACH,cAFa,YAAY,CAOxB;CACJ;AA6DD;;;EAA6H"}

package/lib/types/src/components/Preview/index.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index.d.ts.map

package/lib/types/src/components/Preview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Preview/index.ts"],"names":[],"mappings":""}