stage-js 1.0.0-alpha.9 → 1.0.1

package/LICENSE.md

@@ -1,7 +1,7 @@
-Stage.js <%= pkg.version %>
+Stage.js
 
-@copyright Copyright (c) Ali Shakiba  
-@license The MIT License (MIT)
+Copyright (c) Ali Shakiba  
+The MIT License (MIT)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/stage.d.ts

@@ -14,11 +14,15 @@ export interface Vec2Value {
 	y: number;
 }
 export declare class Matrix {
+	/** x-scale */
 	a: number;
 	b: number;
 	c: number;
+	/** y-scale */
 	d: number;
+	/** x-translate */
 	e: number;
+	/** y-translate */
 	f: number;
 	constructor(a: number, b: number, c: number, d: number, e: number, f: number);
 	constructor(m: MatrixValue);
@@ -42,6 +46,14 @@ export declare class Matrix {
  * Textures are used to clip and resize image objects.
  */
 export declare abstract class Texture {
+	/** @hidden */ sx: number;
+	/** @hidden */ sy: number;
+	/** @hidden */ sw: number;
+	/** @hidden */ sh: number;
+	/** @hidden */ dx: number;
+	/** @hidden */ dy: number;
+	/** @hidden */ dw: number;
+	/** @hidden */ dh: number;
 	setSourceCoordinate(x: number, y: number): void;
 	setSourceDimension(w: number, h: number): void;
 	setDestinationCoordinate(x: number, y: number): void;
@@ -49,21 +61,28 @@ export declare abstract class Texture {
 	abstract getWidth(): number;
 	abstract getHeight(): number;
 	/**
-	 * Signatures:
-	 * - (): This is used when a sprite draws its textures
-	 * - (sx, sy, sw, sh, dx, dy, dw, dh): This is used when a piped texture passes drawing to it backend.
-	 * - (dx, dy, dw, dh): I guess unused.
-	 *
-	 * Note: sx and sy are added to this._sx and this._sy.
+	 * Defer draw spec to texture config. This is used when a sprite draws its textures.
 	 */
 	draw(context: CanvasRenderingContext2D): void;
-	draw(context: CanvasRenderingContext2D, x1: number, y1: number, w1: number, h1: number): void;
-	draw(context: CanvasRenderingContext2D, x1: number, y1: number, w1: number, h1: number, x2: number, y2: number, w2: number, h2: number): void;
+	/**
+	 * This is probably unused.
+	 * Note: dx, dy are added to this.dx, this.dy.
+	 */
+	draw(context: CanvasRenderingContext2D, dx: number, dy: number, dw: number, dh: number): void;
+	/**
+	 * This is used when a piped texture passes drawing to it backend.
+	 * Note: sx, sy, dx, dy are added to this.sx, this.sy, this.dx, this.dy.
+	 */
+	draw(context: CanvasRenderingContext2D, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: number): void;
 }
 export type TextureImageSource = HTMLImageElement | HTMLVideoElement | HTMLCanvasElement | ImageBitmap | OffscreenCanvas;
 export declare class ImageTexture extends Texture {
 	constructor(source?: TextureImageSource, pixelRatio?: number);
 	setSourceImage(image: TextureImageSource, pixelRatio?: number): void;
+	/**
+	 * Add padding to the image texture. Padding can be negative.
+	 */
+	setPadding(padding: number): void;
 	getWidth(): number;
 	getHeight(): number;
 }
@@ -77,19 +96,22 @@ export interface AtlasTextureDefinition {
 	right?: number;
 	bottom?: number;
 }
-export type AtlasTextureReferenceOne = AtlasTextureDefinition | string;
-export type AtlasTextureReferenceMap = Record<string, AtlasTextureReferenceOne>;
-export type AtlasTextureReferenceArray = AtlasTextureReferenceOne[];
+export type MonotypeAtlasTextureDefinition = Record<string, AtlasTextureDefinition | Texture | string>;
+export type AnimAtlasTextureDefinition = (AtlasTextureDefinition | Texture | string)[];
 export interface AtlasDefinition {
 	name?: string;
 	image?: {
-		/** @deprecated */
-		url: string;
 		src: string;
+		/** If image is stored with higher resolution */
+		ratio?: number;
+	} | {
+		/** @deprecated Use src instead of url */
+		url: string;
 		ratio?: number;
 	};
+	/** Point per unit of texture definition, that is grid size */
 	ppu?: number;
-	textures?: Record<string, AtlasTextureDefinition | AtlasTextureReferenceMap | AtlasTextureReferenceArray>;
+	textures?: Record<string, AtlasTextureDefinition | Texture | MonotypeAtlasTextureDefinition | AnimAtlasTextureDefinition>;
 	map?: (texture: AtlasTextureDefinition) => AtlasTextureDefinition;
 	/** @deprecated Use map */
 	filter?: (texture: AtlasTextureDefinition) => AtlasTextureDefinition;
@@ -133,7 +155,18 @@ export declare class TextureSelection {
 	one(subquery?: string): Texture;
 	array(arr?: Texture[]): Texture[];
 }
+/**
+ * Register and load an atlas.
+ * If the atlas is already loaded, it is returned immediately.
+ * Otherwise, it returns a promise that resolves when the atlas is loaded.
+ *
+ * You can call this without awaiting the promise, and call `preload()` at the beginning of the app to ensure all atlases are loaded before they are used.
+ */
 export declare function atlas(def: AtlasDefinition | Atlas): Promise<Atlas>;
+/**
+ * Preloads all atlases. This is useful to call at the beginning of the app, so that all textures are loaded before they are used.
+ */
+export declare const preload: (def: AtlasDefinition | Atlas) => Promise<void>;
 /**
  * When query argument is string, this function parses the query; looks up registered atlases; and returns a texture selection object.
  *
@@ -141,7 +174,7 @@ export declare function atlas(def: AtlasDefinition | Atlas): Promise<Atlas>;
  */
 export declare function texture(query: string | TextureSelectionInput): TextureSelection;
 /**
- * @deprecated
+ *  @hidden @deprecated
  * - 'in-pad': same as 'contain'
  * - 'in': similar to 'contain' without centering
  * - 'out-crop': same as 'cover'
@@ -154,78 +187,119 @@ export type LegacyFitMode = "in" | "out" | "out-crop" | "in-pad";
  * - 'fill': fill provided space without maintaining aspect ratio
  */
 export type FitMode = "contain" | "cover" | "fill" | LegacyFitMode;
-/** @hidden */
-export interface Pinned {
-	pin(pin: object): this;
-	pin(key: string, value: any): this;
-	pin(key: string): any;
-	size(w: number, h: number): this;
-	width(): number;
-	width(w: number): this;
-	height(): number;
-	height(h: number): this;
-	offset(a: Vec2Value): this;
-	offset(a: number, b: number): this;
-	rotate(a: number): this;
-	skew(a: Vec2Value): this;
-	skew(a: number, b: number): this;
-	scale(a: Vec2Value): this;
-	scale(a: number, b: number): this;
-	alpha(a: number, ta?: number): this;
-}
 export declare class Pin {
 	reset(): void;
 	toString(): string;
 	absoluteMatrix(): Matrix;
 	relativeMatrix(): Matrix;
 }
-/**
- * Easing function formats are:
- * - [name]
- * - [name\]([params])
- * - [name]-[mode]
- * - [name]-[mode\]([params])
- *
- * Easing function names are 'linear', 'quad', 'cubic', 'quart', 'quint', 'sin' (or 'sine'), 'exp' (or 'expo'), 'circle' (or 'circ'), 'bounce', 'poly', 'elastic', 'back'.
- *
- * Easing modes are 'in', 'out', 'in-out', 'out-in'.
- *
- * For example, 'linear', 'cubic-in', and 'poly(2)'.
- */
-export type EasingFunctionName = string;
-export type EasingFunction = (p: number) => number;
+export interface SetPinType {
+	alpha?: number;
+	textureAlpha?: number;
+	width?: number;
+	height?: number;
+	scale?: number;
+	scaleX?: number;
+	scaleY?: number;
+	skew?: number;
+	skewX?: number;
+	skewY?: number;
+	rotation?: number;
+	/** Center of scale/skew/rotate  */
+	pivot?: number;
+	/** Center of scale/skew/rotate  */
+	pivotX?: number;
+	/** Center of scale/skew/rotate  */
+	pivotY?: number;
+	/** Offset in parent coordination */
+	offset?: number;
+	/** Offset in parent coordination */
+	offsetX?: number;
+	/** Offset in parent coordination */
+	offsetY?: number;
+	/** A point on parent where this component is offset from, 0 is top/left, 1 is bottom/right  */
+	align?: number;
+	/** A point on parent where this component is offset from, 0 is top/left, 1 is bottom/right */
+	alignX?: number;
+	/** A point on parent where this component is offset from, 0 is top/left, 1 is bottom/right */
+	alignY?: number;
+	/** A point on this component which is offset from parent, 0 is top/left, 1 is bottom/right */
+	handle?: number;
+	/** A point on this component which is offset from parent, 0 is top/left, 1 is bottom/right */
+	handleX?: number;
+	/** A point on this component which is offset from parent, 0 is top/left, 1 is bottom/right */
+	handleY?: number;
+	/** @hidden @deprecated Use component.fit() */
+	resizeMode?: FitMode;
+	/** @hidden @deprecated Use component.fit() */
+	resizeWidth?: number;
+	/** @hidden @deprecated Use component.fit() */
+	resizeHeight?: number;
+	/** @hidden @deprecated Use component.fit() */
+	scaleMode?: FitMode;
+	/** @hidden @deprecated Use component.fit() */
+	scaleWidth?: number;
+	/** @hidden @deprecated Use component.fit() */
+	scaleHeight?: number;
+	matrix?: Matrix;
+}
+export interface GetPinType {
+	alpha: number;
+	textureAlpha: number;
+	width: number;
+	height: number;
+	boxWidth: number;
+	boxHeight: number;
+	scaleX: number;
+	scaleY: number;
+	skewX: number;
+	skewY: number;
+	rotation: number;
+	pivotX: number;
+	pivotY: number;
+	offsetX: number;
+	offsetY: number;
+	alignX: number;
+	alignY: number;
+	handleX: number;
+	handleY: number;
+}
+export type SetPinKeys = keyof SetPinType;
+export type GetPinKeys = keyof GetPinType;
+export type EasingFunctionQuery = string;
+export type EasingName = "linear" | "linear-in" | "linear-out" | "linear-in-out" | "linear-out-in" | "quad" | "quad-in" | "quad-out" | "quad-in-out" | "quad-out-in" | "cubic" | "cubic-in" | "cubic-out" | "cubic-in-out" | "cubic-out-in" | "quart" | "quart-in" | "quart-out" | "quart-in-out" | "quart-out-in" | "quint" | "quint-in" | "quint-out" | "quint-in-out" | "quint-out-in" | "sin" | "sin-in" | "sin-out" | "sin-in-out" | "sin-out-in" | "sine" | "sine-in" | "sine-out" | "sine-in-out" | "sine-out-in" | "exp" | "exp-in" | "exp-out" | "exp-in-out" | "exp-out-in" | "expo" | "expo-in" | "expo-out" | "expo-in-out" | "expo-out-in" | "circle" | "circle-in" | "circle-out" | "circle-in-out" | "circle-out-in" | "circ" | "circ-in" | "circ-out" | "circ-in-out" | "circ-out-in" | "bounce" | "bounce-in" | "bounce-out" | "bounce-in-out" | "bounce-out-in" | "poly" | "poly-in" | "poly-out" | "poly-in-out" | "poly-out-in" | "elastic" | "elastic-in" | "elastic-out" | "elastic-in-out" | "elastic-out-in" | "back" | "back-in" | "back-out" | "back-in-out" | "back-out-in";
 export type TransitionOptions = {
 	duration?: number;
 	delay?: number;
 	append?: boolean;
 };
-export type TransitionEndListener = (this: Node$1) => void;
-export declare class Transition implements Pinned {
-	constructor(owner: Node$1, options?: TransitionOptions);
+export type TransitionEndListener = (this: Component) => void;
+export declare class Transition {
+	constructor(owner: Component, options?: TransitionOptions);
 	tween(opts?: TransitionOptions): Transition;
 	tween(duration?: number, delay?: number): Transition;
 	duration(duration: number): this;
 	delay(delay: number): this;
-	ease(easing: EasingFunctionName | EasingFunction): this;
+	ease(easing: EasingName, ...params: number[]): this;
+	ease(easing: (p: number) => number): this;
+	/** @hidden */
+	ease(easing: EasingFunctionQuery): this;
 	done(fn: TransitionEndListener): this;
 	hide(): this;
 	remove(): this;
-	pin(key: string, value: any): this;
-	pin(obj: object): this;
-	pin(key: string): any;
+	pin(key: SetPinKeys, value: any): this;
+	pin(obj: SetPinType): this;
 	/**
-	 * @deprecated Use .done(fn) instead.
+	 *  @hidden @deprecated Use .done(fn) instead.
 	 */
 	then(fn: TransitionEndListener): this;
 	/**
-	 * @deprecated this doesn't do anything anymore, call transition on the node instead.
+	 *  @hidden @deprecated this doesn't do anything anymore, call transition on the component instead.
 	 */
 	clear(forward: boolean): this;
 	size(w: number, h: number): this;
 	width(w: number): this;
-	width(): number;
 	height(h: number): this;
-	height(): number;
 	offset(value: Vec2Value): this;
 	offset(x: number, y: number): this;
 	rotate(a: number): this;
@@ -233,45 +307,53 @@ export declare class Transition implements Pinned {
 	skew(x: number, y: number): this;
 	scale(value: Vec2Value): this;
 	scale(x: number, y: number): this;
+	scale(s: number): this;
 	alpha(a: number, ta?: number): this;
 }
-export interface NodeVisitor<D> {
+export interface ComponentVisitor<D> {
 	reverse?: boolean;
 	visible?: boolean;
-	start?: (node: Node$1, data?: D) => boolean | void;
-	end?: (node: Node$1, data?: D) => boolean | void;
+	start?: (component: Component, data?: D) => boolean | void;
+	end?: (component: Component, data?: D) => boolean | void;
 }
-export type NodeTickListener<T> = (this: T, elapsed: number, now: number, last: number) => boolean | void;
-export type NodeEventListener<T> = (this: T, ...args: any[]) => void;
-/** @deprecated Use layout() */
-export declare function create(): Node$1;
-/** @deprecated Use maximize() */
-export declare function layer(): Node$1;
-/** @deprecated Use minimize() */
-export declare function box(): Node$1;
-export declare function layout(): Node$1;
-export declare function row(align: number): Node$1;
-export declare function column(align: number): Node$1;
-export declare function minimize(): Node$1;
-export declare function maximize(): Node$1;
-declare class Node$1 implements Pinned {
+export type ComponentTickListener<T> = (this: T, elapsed: number, now: number, last: number) => boolean | void;
+export type ComponentEventListener<T> = (this: T, ...args: any[]) => void;
+/** @hidden @deprecated Use component() */
+export declare function create(): Component;
+/** @hidden @deprecated Use maximize() */
+export declare function layer(): Component;
+/** @hidden @deprecated Use minimize() */
+export declare function box(): Component;
+/** @hidden @deprecated */
+export declare function layout(): Component;
+export declare function component(): Component;
+export declare function row(align: number): Component;
+export declare function column(align: number): Component;
+export declare function minimize(): Component;
+export declare function maximize(): Component;
+export declare class Component {
 	MAX_ELAPSE: number;
 	constructor();
 	matrix(relative?: boolean): Matrix;
-	/** @hidden */
+	/** @hidden @deprecated */
 	getPixelRatio(): number;
-	pin(key: string): any;
-	pin(key: string, value: any): this;
-	pin(obj: object): this;
+	/** @hidden This is not accurate before first tick */
+	getDevicePixelRatio(): number;
+	/** @hidden This is not accurate before first tick */
+	getLogicalPixelRatio(): number;
+	pin(key: GetPinKeys): any;
+	pin(key: SetPinKeys, value: any): this;
+	pin(obj: SetPinType): this;
 	pin(): Pin;
 	fit(width: number, height: number, mode?: FitMode): this;
+	/** @hidden @deprecated */
 	fit(fit: object): this;
 	/** @hidden @deprecated Use fit */
 	scaleTo(a: any, b?: any, c?: any): this;
 	toString(): string;
-	/** @deprecated Use label() */
+	/** @hidden @deprecated Use label() */
 	id(): string;
-	/** @deprecated Use label() */
+	/** @hidden @deprecated Use label() */
 	id(label: string): this;
 	label(): string;
 	label(label: string): this;
@@ -281,36 +363,44 @@ declare class Node$1 implements Pinned {
 	visible(): boolean;
 	hide(): this;
 	show(): this;
-	parent(): Node$1;
-	next(visible?: boolean): Node$1;
-	prev(visible?: boolean): Node$1;
-	first(visible?: boolean): Node$1;
-	last(visible?: boolean): Node$1;
-	visit<P>(visitor: NodeVisitor<P>, payload?: P): boolean | void;
-	append(...child: Node$1[]): this;
-	append(child: Node$1[]): this;
-	prepend(...child: Node$1[]): this;
-	prepend(child: Node$1[]): this;
-	appendTo(parent: Node$1): this;
-	prependTo(parent: Node$1): this;
-	insertNext(sibling: Node$1, more?: Node$1): this;
-	insertPrev(sibling: Node$1, more?: Node$1): this;
-	insertAfter(prev: Node$1): this;
-	insertBefore(next: Node$1): this;
-	remove(child?: Node$1, more?: any): this;
+	parent(): Component;
+	next(visible?: boolean): Component;
+	prev(visible?: boolean): Component;
+	first(visible?: boolean): Component;
+	last(visible?: boolean): Component;
+	visit<P>(visitor: ComponentVisitor<P>, payload?: P): boolean | void;
+	append(...child: Component[]): this;
+	append(child: Component[]): this;
+	prepend(...child: Component[]): this;
+	prepend(child: Component[]): this;
+	appendTo(parent: Component): this;
+	prependTo(parent: Component): this;
+	insertNext(sibling: Component, more?: Component): this;
+	insertPrev(sibling: Component, more?: Component): this;
+	insertAfter(prev: Component): this;
+	insertBefore(next: Component): this;
+	remove(child?: Component, more?: any): this;
 	empty(): this;
 	touch(): this;
+	/** @hidden */
 	prerender(): void;
+	/** @hidden */
+	prerenderTexture(): void;
+	/** @hidden */
+	private renderedBefore;
+	/** @hidden */
 	render(context: CanvasRenderingContext2D): void;
-	tick(callback: NodeTickListener<this>, before?: boolean): void;
-	untick(callback: NodeTickListener<this>): void;
+	/** @hidden */
+	renderTexture(context: CanvasRenderingContext2D): void;
+	tick(callback: ComponentTickListener<this>, before?: boolean): void;
+	untick(callback: ComponentTickListener<this>): void;
 	timeout(callback: () => any, time: number): void;
 	setTimeout(callback: () => any, time: number): (t: number) => boolean;
-	clearTimeout(timer: NodeTickListener<this>): void;
-	on(types: string, listener: NodeEventListener<this>): this;
-	off(types: string, listener: NodeEventListener<this>): this;
-	listeners(type: string): NodeEventListener<Node$1>[];
-	publish(name: string, args?: any): number;
+	clearTimeout(timer: ComponentTickListener<this>): void;
+	on(types: string, listener: ComponentEventListener<this>): this;
+	off(types: string, listener: ComponentEventListener<this>): this;
+	listeners(type: string): ComponentEventListener<Component>[];
+	publish(name: string, args?: any[]): number;
 	size(w: number, h: number): this;
 	width(w: number): this;
 	width(): number;
@@ -323,15 +413,18 @@ declare class Node$1 implements Pinned {
 	skew(x: number, y: number): this;
 	scale(value: Vec2Value): this;
 	scale(x: number, y: number): this;
+	scale(s: number): this;
 	alpha(a: number, ta?: number): this;
 	tween(opts?: TransitionOptions): Transition;
 	tween(duration?: number, delay?: number, append?: boolean): Transition;
 	row(align: number): this;
 	column(align: number): this;
-	align(type: "row" | "column", align: number): this;
-	/** @deprecated Use minimize() */
+	/** @hidden @deprecated This is replaced with direction to avoid name collision with pin.align */
+	align(direction: "row" | "column", align: number): this;
+	direction(direction: "row" | "column", align: number): this;
+	/** @hidden @deprecated Use minimize() */
 	box(): this;
-	/** @deprecated Use minimize() */
+	/** @hidden @deprecated Use minimize() */
 	layer(): this;
 	/**
 	 * Set size to match largest child size.
@@ -351,15 +444,17 @@ declare class Node$1 implements Pinned {
 	spacing(space: number): this;
 }
 export declare function sprite(frame?: TextureSelectionInput): Sprite;
-export declare class Sprite extends Node$1 {
+export declare class Sprite extends Component {
 	constructor();
 	texture(frame: TextureSelectionInput): this;
 	/** @deprecated */
 	image(frame: TextureSelectionInput): this;
 	tile(inner?: boolean): this;
 	stretch(inner?: boolean): this;
-	prerender(): void;
-	render(context: CanvasRenderingContext2D): void;
+	/** @hidden */
+	prerenderTexture(): void;
+	/** @hidden */
+	renderTexture(context: CanvasRenderingContext2D): void;
 }
 export type CanvasTextureDrawer = (this: CanvasTexture) => void;
 export type CanvasTextureMemoizer = (this: CanvasTexture) => any;
@@ -375,15 +470,17 @@ export type LegacyCanvasSpriteDrawer = (ratio: number, texture: CanvasTexture, s
 export declare class CanvasTexture extends ImageTexture {
 	constructor();
 	/**
-	 * Note: provided width and height will be texture size, and canvas size is texture size multiply by pixelRatio.
+	 * Set texture size to given width and height, and set canvas size to texture size multiply by pixelRatio.
 	 */
-	setSize(textureWidth: number, textureHeight: number, pixelRatio?: number): void;
+	setSize(destWidth: number, destHeight: number, pixelRatio?: number): void;
 	getContext(type?: string, attributes?: any): CanvasRenderingContext2D;
 	/**
-	 * @experimental
+	 * @hidden @experimental
 	 *
 	 * This is the ratio of screen pixel to this canvas pixel.
 	 */
+	getDevicePixelRatio(): number;
+	/** @hidden @deprecated */
 	getOptimalPixelRatio(): number;
 	setMemoizer(memoizer: CanvasTextureMemoizer): void;
 	setDrawer(drawer: CanvasTextureDrawer): void;
@@ -446,7 +543,7 @@ export type Viewbox = {
 	height: number;
 	mode?: FitMode;
 };
-export declare class Root extends Node$1 {
+export declare class Root extends Component {
 	canvas: HTMLCanvasElement | null;
 	dom: HTMLCanvasElement | null;
 	context: CanvasRenderingContext2D | null;
@@ -455,6 +552,7 @@ export declare class Root extends Node$1 {
 	sleep: boolean;
 	constructor();
 	mount: (configs?: RootConfig) => void;
+	resizeCanvas(): void;
 	/** @hidden */
 	debugDrawAxis: number;
 	private renderDebug;
@@ -483,22 +581,26 @@ export declare class Root extends Node$1 {
 	flipY(y: boolean): this;
 }
 export declare function anim(frames: string | TextureSelectionInputArray, fps?: number): Anim;
-export declare class Anim extends Node$1 {
+export declare class Anim extends Component {
 	constructor();
+	/** @hidden */
+	renderTexture(context: CanvasRenderingContext2D): void;
 	fps(fps?: number): number | this;
 	/** @deprecated Use frames */
 	setFrames(frames: string | TextureSelectionInputArray): this;
 	frames(frames: string | TextureSelectionInputArray): this;
 	length(): number;
 	gotoFrame(frame: number, resize?: boolean): this;
-	moveFrame(move: any): this;
-	repeat(repeat: any, callback: any): this;
+	moveFrame(move: number): this;
+	repeat(repeat: number, callback?: () => void): this;
 	play(frame?: number): this;
 	stop(frame?: number): this;
 }
 export declare function monotype(chars: string | Record<string, Texture> | ((char: string) => Texture)): Monotype;
-export declare class Monotype extends Node$1 {
+export declare class Monotype extends Component {
 	constructor();
+	/** @hidden */
+	renderTexture(context: CanvasRenderingContext2D): void;
 	/** @deprecated Use frames */
 	setFont(frames: string | Record<string, Texture> | ((char: string) => Texture)): this;
 	frames(frames: string | Record<string, Texture> | ((char: string) => Texture)): this;
@@ -508,7 +610,11 @@ export declare class Monotype extends Node$1 {
 }
 
 export {
-	Node$1 as Node,
+	Component as Node,
+	Monotype as Str,
+	Sprite as Image,
+	monotype as string,
+	sprite as image,
 };
 
 export {};