modern-canvas 0.8.1 → 0.8.3

package/dist/index.d.mts

@@ -260,7 +260,7 @@ interface CoreObject {
 }
 declare class CoreObject extends EventEmitter implements Required<ReactiveObject> {
     readonly instanceId: number;
-    protected _customPropertyAccessor?: CustomPropertyAccessor;
+    protected _propertyAccessor?: CustomPropertyAccessor;
     protected _properties: Map<string, unknown>;
     protected _updatedProperties: Map<string, unknown>;
     protected _changedProperties: Set<string>;
@@ -335,6 +335,7 @@ declare class Color {
     toHslString(): string;
     toHsv(): HsvaColor;
     toArgb(alpha?: number, applyToRGB?: boolean): number;
+    toInt8Array(): [number, number, number, number];
     toArray(): [number, number, number, number];
 }
 
@@ -893,7 +894,7 @@ declare class WebGLRenderer extends Renderer {
     reset(): void;
     flush(): void;
     free(): void;
-    toPixels(x?: number, y?: number, width?: number, height?: number): Uint8ClampedArray;
+    toPixels(x?: number, y?: number, width?: number, height?: number): Uint8ClampedArray<ArrayBuffer>;
 }
 
 interface Renderable {
@@ -979,13 +980,13 @@ interface Batchable2D {
     indices: Float32Array;
     uvs?: Float32Array;
     texture?: WebGLTexture;
-    backgroundColor?: number;
-    modulate?: number;
+    backgroundColor?: number[];
+    modulate?: number[];
     blendMode?: WebGLBlendMode;
     disableWrapMode?: boolean;
 }
 interface Shader {
-    update: (attributeBuffer: ArrayBuffer, indexBuffer: Uint16Array) => void;
+    update: (attributeBuffer: ArrayBuffer, indexBuffer: Uint16Array<ArrayBuffer>) => void;
     draw: (options?: WebGLDrawOptions) => void;
 }
 declare class WebGLBatch2DModule extends WebGLModule {
@@ -993,13 +994,13 @@ declare class WebGLBatch2DModule extends WebGLModule {
     protected _state: WebGLState;
     protected _batchSize: number;
     protected _drawCallUid: number;
-    protected _defaultModulate: number;
-    protected _defaultBackgroundColor: number;
+    protected _defaultModulate: number[];
+    protected _defaultBackgroundColor: number[];
     protected _batchables: Batchable2D[];
     protected _vertexCount: number;
     protected _indexCount: number;
     protected _attributeBuffer: ArrayBuffer[];
-    protected _indexBuffers: Uint16Array[];
+    protected _indexBuffers: Uint16Array<ArrayBuffer>[];
     protected _shaders: Map<number, Shader>;
     protected _attributes: Record<string, Partial<WebGLVertexAttrib>>;
     protected _vertexSize: number;
@@ -1019,7 +1020,7 @@ declare class WebGLBatch2DModule extends WebGLModule {
      * @param size - minimum required capacity
      * @returns - buffer that can fit `size` indices.
      */
-    protected _getIndexBuffer(size: number): Uint16Array;
+    protected _getIndexBuffer(size: number): Uint16Array<ArrayBuffer>;
 }
 /**
  * Rounds to next power of two.
@@ -1472,7 +1473,7 @@ interface CanvasBatchable extends Batchable2D {
 interface StrokeDraw extends Partial<CanvasBatchable> {
     type: 'stroke';
     path: Path2D;
-    style: LineStyle;
+    lineStyle: LineStyle;
     uvTransform?: UvTransform;
 }
 interface FillDraw extends Partial<CanvasBatchable> {
@@ -1490,9 +1491,11 @@ declare class CanvasContext extends Path2D {
     miterLimit?: number;
     uvTransform?: UvTransform;
     vertTransform?: VertTransform;
-    protected _defaultStyle: Texture2D<Texture2DSource>;
     protected _draws: (StrokeDraw | FillDraw)[];
-    protected _toTexture(source: Color$1 | Texture2D): Texture2D;
+    protected _parseDrawStyle(source?: Color$1 | Texture2D): {
+        texture?: Texture2D;
+        backgroundColor?: number[];
+    };
     stroke(options?: Partial<StrokeDraw>): void;
     fillRect(x: number, y: number, width: number, height: number): void;
     strokeRect(x: number, y: number, width: number, height: number): void;
@@ -2012,10 +2015,6 @@ declare class BaseElement2DFill extends CoreObject {
     loadTexture(): Promise<Texture2D | undefined>;
     protected _updateTexture(): Promise<void>;
     canDraw(): boolean;
-    protected _getDrawOptions(): {
-        disableWrapMode: boolean;
-        uvTransform: Transform2D;
-    };
     draw(): void;
 }
 
@@ -2095,9 +2094,12 @@ declare class BaseElement2DText extends CoreObject {
     fonts: Text['fonts'];
     readonly base: Text;
     measureResult?: MeasureResult;
+    protected _textures: (Texture2D | undefined)[];
     constructor(parent: BaseElement2D);
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateTexture(index: number, fill: NormalizedFill): Promise<void>;
+    protected _loadTexture(fill: NormalizedFill): Promise<Texture2D | undefined>;
     setContent(content: TextContent): void;
     measure(): MeasureResult;
     updateMeasure(): this;
@@ -3366,7 +3368,7 @@ declare class Engine extends SceneTree {
     render(delta?: number): void;
     start(): Promise<void>;
     free(): void;
-    toPixels(): Uint8ClampedArray;
+    toPixels(): Uint8ClampedArray<ArrayBuffer>;
     toImageData(): ImageData;
     toCanvas2D(): HTMLCanvasElement;
 }

package/dist/index.d.ts

@@ -260,7 +260,7 @@ interface CoreObject {
 }
 declare class CoreObject extends EventEmitter implements Required<ReactiveObject> {
     readonly instanceId: number;
-    protected _customPropertyAccessor?: CustomPropertyAccessor;
+    protected _propertyAccessor?: CustomPropertyAccessor;
     protected _properties: Map<string, unknown>;
     protected _updatedProperties: Map<string, unknown>;
     protected _changedProperties: Set<string>;
@@ -335,6 +335,7 @@ declare class Color {
     toHslString(): string;
     toHsv(): HsvaColor;
     toArgb(alpha?: number, applyToRGB?: boolean): number;
+    toInt8Array(): [number, number, number, number];
     toArray(): [number, number, number, number];
 }
 
@@ -893,7 +894,7 @@ declare class WebGLRenderer extends Renderer {
     reset(): void;
     flush(): void;
     free(): void;
-    toPixels(x?: number, y?: number, width?: number, height?: number): Uint8ClampedArray;
+    toPixels(x?: number, y?: number, width?: number, height?: number): Uint8ClampedArray<ArrayBuffer>;
 }
 
 interface Renderable {
@@ -979,13 +980,13 @@ interface Batchable2D {
     indices: Float32Array;
     uvs?: Float32Array;
     texture?: WebGLTexture;
-    backgroundColor?: number;
-    modulate?: number;
+    backgroundColor?: number[];
+    modulate?: number[];
     blendMode?: WebGLBlendMode;
     disableWrapMode?: boolean;
 }
 interface Shader {
-    update: (attributeBuffer: ArrayBuffer, indexBuffer: Uint16Array) => void;
+    update: (attributeBuffer: ArrayBuffer, indexBuffer: Uint16Array<ArrayBuffer>) => void;
     draw: (options?: WebGLDrawOptions) => void;
 }
 declare class WebGLBatch2DModule extends WebGLModule {
@@ -993,13 +994,13 @@ declare class WebGLBatch2DModule extends WebGLModule {
     protected _state: WebGLState;
     protected _batchSize: number;
     protected _drawCallUid: number;
-    protected _defaultModulate: number;
-    protected _defaultBackgroundColor: number;
+    protected _defaultModulate: number[];
+    protected _defaultBackgroundColor: number[];
     protected _batchables: Batchable2D[];
     protected _vertexCount: number;
     protected _indexCount: number;
     protected _attributeBuffer: ArrayBuffer[];
-    protected _indexBuffers: Uint16Array[];
+    protected _indexBuffers: Uint16Array<ArrayBuffer>[];
     protected _shaders: Map<number, Shader>;
     protected _attributes: Record<string, Partial<WebGLVertexAttrib>>;
     protected _vertexSize: number;
@@ -1019,7 +1020,7 @@ declare class WebGLBatch2DModule extends WebGLModule {
      * @param size - minimum required capacity
      * @returns - buffer that can fit `size` indices.
      */
-    protected _getIndexBuffer(size: number): Uint16Array;
+    protected _getIndexBuffer(size: number): Uint16Array<ArrayBuffer>;
 }
 /**
  * Rounds to next power of two.
@@ -1472,7 +1473,7 @@ interface CanvasBatchable extends Batchable2D {
 interface StrokeDraw extends Partial<CanvasBatchable> {
     type: 'stroke';
     path: Path2D;
-    style: LineStyle;
+    lineStyle: LineStyle;
     uvTransform?: UvTransform;
 }
 interface FillDraw extends Partial<CanvasBatchable> {
@@ -1490,9 +1491,11 @@ declare class CanvasContext extends Path2D {
     miterLimit?: number;
     uvTransform?: UvTransform;
     vertTransform?: VertTransform;
-    protected _defaultStyle: Texture2D<Texture2DSource>;
     protected _draws: (StrokeDraw | FillDraw)[];
-    protected _toTexture(source: Color$1 | Texture2D): Texture2D;
+    protected _parseDrawStyle(source?: Color$1 | Texture2D): {
+        texture?: Texture2D;
+        backgroundColor?: number[];
+    };
     stroke(options?: Partial<StrokeDraw>): void;
     fillRect(x: number, y: number, width: number, height: number): void;
     strokeRect(x: number, y: number, width: number, height: number): void;
@@ -2012,10 +2015,6 @@ declare class BaseElement2DFill extends CoreObject {
     loadTexture(): Promise<Texture2D | undefined>;
     protected _updateTexture(): Promise<void>;
     canDraw(): boolean;
-    protected _getDrawOptions(): {
-        disableWrapMode: boolean;
-        uvTransform: Transform2D;
-    };
     draw(): void;
 }
 
@@ -2095,9 +2094,12 @@ declare class BaseElement2DText extends CoreObject {
     fonts: Text['fonts'];
     readonly base: Text;
     measureResult?: MeasureResult;
+    protected _textures: (Texture2D | undefined)[];
     constructor(parent: BaseElement2D);
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _updateTexture(index: number, fill: NormalizedFill): Promise<void>;
+    protected _loadTexture(fill: NormalizedFill): Promise<Texture2D | undefined>;
     setContent(content: TextContent): void;
     measure(): MeasureResult;
     updateMeasure(): this;
@@ -3366,7 +3368,7 @@ declare class Engine extends SceneTree {
     render(delta?: number): void;
     start(): Promise<void>;
     free(): void;
-    toPixels(): Uint8ClampedArray;
+    toPixels(): Uint8ClampedArray<ArrayBuffer>;
     toImageData(): ImageData;
     toCanvas2D(): HTMLCanvasElement;
 }