@flighthq/scene2d-dom 0.3.0-next.906.07cea63 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/contract.d.ts +7 -2
- package/dist/contract.d.ts.map +1 -1
- package/dist/contract.js +7 -2
- package/dist/contract.js.map +1 -1
- package/dist/domBitmapTextureResolver.d.ts +3 -0
- package/dist/domBitmapTextureResolver.d.ts.map +1 -0
- package/dist/domBitmapTextureResolver.js +23 -0
- package/dist/domBitmapTextureResolver.js.map +1 -0
- package/dist/domHtmlView.d.ts +1 -1
- package/dist/domHtmlView.d.ts.map +1 -1
- package/dist/domHtmlView.js +1 -1
- package/dist/domHtmlView.js.map +1 -1
- package/dist/domImageSource.d.ts +2 -3
- package/dist/domImageSource.d.ts.map +1 -1
- package/dist/domImageSource.js +5 -32
- package/dist/domImageSource.js.map +1 -1
- package/dist/domImageTextureResolver.d.ts +3 -0
- package/dist/domImageTextureResolver.d.ts.map +1 -0
- package/dist/domImageTextureResolver.js +10 -0
- package/dist/domImageTextureResolver.js.map +1 -0
- package/dist/domScale9Shape.d.ts +1 -1
- package/dist/domScale9Shape.d.ts.map +1 -1
- package/dist/domScale9Shape.js +21 -8
- package/dist/domScale9Shape.js.map +1 -1
- package/dist/domShape.d.ts +1 -0
- package/dist/domShape.d.ts.map +1 -1
- package/dist/domShape.js +22 -8
- package/dist/domShape.js.map +1 -1
- package/dist/domShapeRasterizer.d.ts +4 -0
- package/dist/domShapeRasterizer.d.ts.map +1 -0
- package/dist/domShapeRasterizer.js +11 -0
- package/dist/domShapeRasterizer.js.map +1 -0
- package/dist/domSprite.d.ts +4 -0
- package/dist/domSprite.d.ts.map +1 -0
- package/dist/domSprite.js +95 -0
- package/dist/domSprite.js.map +1 -0
- package/dist/domTextureResolver.d.ts +4 -0
- package/dist/domTextureResolver.d.ts.map +1 -0
- package/dist/domTextureResolver.js +26 -0
- package/dist/domTextureResolver.js.map +1 -0
- package/dist/enableDomTextureResolverGuards.d.ts +4 -0
- package/dist/enableDomTextureResolverGuards.d.ts.map +1 -0
- package/dist/enableDomTextureResolverGuards.js +8 -0
- package/dist/enableDomTextureResolverGuards.js.map +1 -0
- package/dist/explainDomTextureResolution.d.ts +3 -0
- package/dist/explainDomTextureResolution.d.ts.map +1 -0
- package/dist/explainDomTextureResolution.js +14 -0
- package/dist/explainDomTextureResolution.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +20 -14
- package/src/domBitmapTextureResolver.test.ts +17 -0
- package/src/domHtmlView.test.ts +5 -5
- package/src/domImageSource.test.ts +35 -28
- package/src/domImageTextureResolver.test.ts +24 -0
- package/src/domScale9Shape.test.ts +7 -0
- package/src/domShape.test.ts +9 -4
- package/src/domShapeRasterizer.test.ts +32 -0
- package/src/domSprite.test.ts +58 -0
- package/src/domTextureResolver.test.ts +28 -0
- package/src/enableDomTextureResolverGuards.test.ts +58 -0
- package/src/explainDomTextureResolution.test.ts +32 -0
- package/dist/domBitmap.d.ts +0 -4
- package/dist/domBitmap.d.ts.map +0 -1
- package/dist/domBitmap.js +0 -81
- package/dist/domBitmap.js.map +0 -1
- package/dist/domVideo.d.ts +0 -4
- package/dist/domVideo.d.ts.map +0 -1
- package/dist/domVideo.js +0 -27
- package/dist/domVideo.js.map +0 -1
- package/src/domBitmap.test.ts +0 -117
- package/src/domVideo.test.ts +0 -30
package/dist/contract.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './domBackground';
|
|
2
|
-
export * from './
|
|
2
|
+
export * from './domBitmapTextureResolver';
|
|
3
|
+
export * from './domSprite';
|
|
3
4
|
export * from './domCache';
|
|
4
5
|
export * from './domClip';
|
|
5
6
|
export * from './domClipRectangle';
|
|
@@ -7,6 +8,7 @@ export * from './domCSSFilterBinding';
|
|
|
7
8
|
export * from './domNode2D';
|
|
8
9
|
export { invalidateDomFontResource } from './domFontSource';
|
|
9
10
|
export * from './domImageSource';
|
|
11
|
+
export * from './domImageTextureResolver';
|
|
10
12
|
export * from './domMaterials';
|
|
11
13
|
export * from './domNativeText';
|
|
12
14
|
export * from './domRenderState';
|
|
@@ -17,7 +19,10 @@ export * from './domStyle';
|
|
|
17
19
|
export { escapeDomHtmlString } from './domTextHelpers';
|
|
18
20
|
export * from './domTextInput';
|
|
19
21
|
export * from './domTextLabel';
|
|
22
|
+
export * from './domTextureResolver';
|
|
20
23
|
export * from './domTransform';
|
|
21
|
-
export * from './
|
|
24
|
+
export * from './enableDomTextureResolverGuards';
|
|
25
|
+
export * from './explainDomTextureResolution';
|
|
22
26
|
export * from './domHtmlView';
|
|
27
|
+
export * from './domShapeRasterizer';
|
|
23
28
|
//# sourceMappingURL=contract.d.ts.map
|
package/dist/contract.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,
|
|
1
|
+
{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
package/dist/contract.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './domBackground';
|
|
2
|
-
export * from './
|
|
2
|
+
export * from './domBitmapTextureResolver';
|
|
3
|
+
export * from './domSprite';
|
|
3
4
|
export * from './domCache';
|
|
4
5
|
export * from './domClip';
|
|
5
6
|
export * from './domClipRectangle';
|
|
@@ -7,6 +8,7 @@ export * from './domCSSFilterBinding';
|
|
|
7
8
|
export * from './domNode2D';
|
|
8
9
|
export { invalidateDomFontResource } from './domFontSource';
|
|
9
10
|
export * from './domImageSource';
|
|
11
|
+
export * from './domImageTextureResolver';
|
|
10
12
|
export * from './domMaterials';
|
|
11
13
|
export * from './domNativeText';
|
|
12
14
|
export * from './domRenderState';
|
|
@@ -17,7 +19,10 @@ export * from './domStyle';
|
|
|
17
19
|
export { escapeDomHtmlString } from './domTextHelpers';
|
|
18
20
|
export * from './domTextInput';
|
|
19
21
|
export * from './domTextLabel';
|
|
22
|
+
export * from './domTextureResolver';
|
|
20
23
|
export * from './domTransform';
|
|
21
|
-
export * from './
|
|
24
|
+
export * from './enableDomTextureResolverGuards';
|
|
25
|
+
export * from './explainDomTextureResolution';
|
|
22
26
|
export * from './domHtmlView';
|
|
27
|
+
export * from './domShapeRasterizer';
|
|
23
28
|
//# sourceMappingURL=contract.js.map
|
package/dist/contract.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contract.js","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,
|
|
1
|
+
{"version":3,"file":"contract.js","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domBitmapTextureResolver.d.ts","sourceRoot":"","sources":["../src/domBitmapTextureResolver.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAU,cAAc,EAAW,MAAM,0BAA0B,CAAC;AAMhF,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE5E"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createImageResourceFromBitmap } from '@flighthq/image/contract';
|
|
2
|
+
import { getTextureSource } from '@flighthq/texture/contract';
|
|
3
|
+
import { BitmapTextureSourceKind } from '@flighthq/types/contract';
|
|
4
|
+
import { getDomRenderStateRuntime } from './domRenderState';
|
|
5
|
+
import { registerDomTextureResolver } from './domTextureResolver';
|
|
6
|
+
export function registerDomBitmapTextureResolver(state) {
|
|
7
|
+
registerDomTextureResolver(state, BitmapTextureSourceKind, resolveDomBitmapTexture);
|
|
8
|
+
}
|
|
9
|
+
function resolveDomBitmapTexture(state, texture) {
|
|
10
|
+
const bitmap = getTextureSource(texture);
|
|
11
|
+
if (bitmap === null)
|
|
12
|
+
return null;
|
|
13
|
+
const runtime = getDomRenderStateRuntime(state);
|
|
14
|
+
const cache = (runtime.bitmapElementCache ??= new WeakMap());
|
|
15
|
+
let entry = cache.get(bitmap);
|
|
16
|
+
if (entry === undefined || entry.version !== bitmap.version) {
|
|
17
|
+
const image = createImageResourceFromBitmap(bitmap);
|
|
18
|
+
entry = { element: image.source, version: bitmap.version };
|
|
19
|
+
cache.set(bitmap, entry);
|
|
20
|
+
}
|
|
21
|
+
return entry.element;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=domBitmapTextureResolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domBitmapTextureResolver.js","sourceRoot":"","sources":["../src/domBitmapTextureResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,UAAU,gCAAgC,CAAC,KAAqB;IACpE,0BAA0B,CAAC,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AACtF,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAqB,EAAE,OAA0B;IAChF,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAA4B,CAAC;IACpE,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,kBAAkB,KAAK,IAAI,OAAO,EAAE,CAAC,CAAC;IAC7D,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,6BAA6B,CAAC,MAAM,CAAC,CAAC;QACpD,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,MAA2B,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;QAChF,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC"}
|
package/dist/domHtmlView.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types/contract';
|
|
2
2
|
export declare function drawDomHtmlView(state: DomRenderState, renderProxy: RenderProxy2D): void;
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const defaultDomHtmlViewRenderer: Scene2DRenderer;
|
|
4
4
|
//# sourceMappingURL=domHtmlView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domHtmlView.d.ts","sourceRoot":"","sources":["../src/domHtmlView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAY,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAKzG,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAqBvF;AAED,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"domHtmlView.d.ts","sourceRoot":"","sources":["../src/domHtmlView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAY,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAKzG,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAqBvF;AAED,eAAO,MAAM,0BAA0B,EAAE,eAGxC,CAAC"}
|
package/dist/domHtmlView.js
CHANGED
|
@@ -21,7 +21,7 @@ export function drawDomHtmlView(state, renderProxy) {
|
|
|
21
21
|
state.applyBlendMode?.(element, renderProxy.blendMode);
|
|
22
22
|
setDomRendererElement(state, element);
|
|
23
23
|
}
|
|
24
|
-
export const
|
|
24
|
+
export const defaultDomHtmlViewRenderer = {
|
|
25
25
|
createData: noopRendererData,
|
|
26
26
|
submit: drawDomHtmlView,
|
|
27
27
|
};
|
package/dist/domHtmlView.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domHtmlView.js","sourceRoot":"","sources":["../src/domHtmlView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,WAA0B;IAC/E,MAAM,MAAM,GAAG,WAAW,CAAC,MAAkB,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC7B,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO;IAE7B,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IACxC,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/E,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEvD,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"domHtmlView.js","sourceRoot":"","sources":["../src/domHtmlView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,WAA0B;IAC/E,MAAM,MAAM,GAAG,WAAW,CAAC,MAAkB,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAC7B,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO;IAE7B,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IACxC,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/E,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEvD,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAoB;IACzD,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,eAAe;CACxB,CAAC"}
|
package/dist/domImageSource.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare function explainDomImageSource(image: Readonly<
|
|
3
|
-
export declare function resolveDomImageSource(state: DomRenderState, image: Readonly<ImageResource>): CanvasImageSource | null;
|
|
1
|
+
import type { Bitmap, DomImageSourceKind, Image } from '@flighthq/types/contract';
|
|
2
|
+
export declare function explainDomImageSource(image: Readonly<Image> | Readonly<Bitmap>): DomImageSourceKind;
|
|
4
3
|
//# sourceMappingURL=domImageSource.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domImageSource.d.ts","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"domImageSource.d.ts","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKlF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAGnG"}
|
package/dist/domImageSource.js
CHANGED
|
@@ -1,36 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
//
|
|
1
|
+
import { BitmapTextureSourceKind } from '@flighthq/types/contract';
|
|
2
|
+
// Reports whether DOM can use a source directly or must materialize its bytes. The query never
|
|
3
|
+
// performs the conversion; registerDomBitmapTextureResolver is the explicit opt-in that does.
|
|
4
4
|
export function explainDomImageSource(image) {
|
|
5
|
-
if (image.
|
|
6
|
-
return 'element';
|
|
7
|
-
if (image.data !== null)
|
|
5
|
+
if (image.kind === BitmapTextureSourceKind)
|
|
8
6
|
return 'data';
|
|
9
|
-
return '
|
|
10
|
-
}
|
|
11
|
-
// Resolves a (possibly data-only) ImageResource to a CanvasImageSource the DOM bitmap path can draw
|
|
12
|
-
// into its per-node canvas. An element-backed resource returns its host `source` directly; a data-only
|
|
13
|
-
// Surface materializes an HTMLCanvasElement from its pixels and caches it per render state, rebuilding
|
|
14
|
-
// only on a `version` bump. The DOM twin of resolveCanvasImageSource — same renderer-owned,
|
|
15
|
-
// version-keyed derived cache, never written back onto the shared resource. Returns null when the
|
|
16
|
-
// resource has neither pixel form.
|
|
17
|
-
export function resolveDomImageSource(state, image) {
|
|
18
|
-
if (image.source !== null)
|
|
19
|
-
return image.source;
|
|
20
|
-
if (image.data === null)
|
|
21
|
-
return null;
|
|
22
|
-
const runtime = getDomRenderStateRuntime(state);
|
|
23
|
-
let cache = runtime.imageResourceElementCache;
|
|
24
|
-
if (cache === undefined) {
|
|
25
|
-
cache = new WeakMap();
|
|
26
|
-
runtime.imageResourceElementCache = cache;
|
|
27
|
-
}
|
|
28
|
-
let entry = cache.get(image);
|
|
29
|
-
if (entry === undefined || entry.version !== image.version) {
|
|
30
|
-
// data is non-null here, so the transcode never returns null.
|
|
31
|
-
entry = { element: createCanvasFromImageResource(image), version: image.version };
|
|
32
|
-
cache.set(image, entry);
|
|
33
|
-
}
|
|
34
|
-
return entry.element;
|
|
7
|
+
return 'element';
|
|
35
8
|
}
|
|
36
9
|
//# sourceMappingURL=domImageSource.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domImageSource.js","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"domImageSource.js","sourceRoot":"","sources":["../src/domImageSource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,+FAA+F;AAC/F,8FAA8F;AAC9F,MAAM,UAAU,qBAAqB,CAAC,KAAyC;IAC7E,IAAI,KAAK,CAAC,IAAI,KAAK,uBAAuB;QAAE,OAAO,MAAM,CAAC;IAC1D,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domImageTextureResolver.d.ts","sourceRoot":"","sources":["../src/domImageTextureResolver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AAK/E,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE3E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { getTextureSource } from '@flighthq/texture/contract';
|
|
2
|
+
import { ImageTextureSourceKind } from '@flighthq/types/contract';
|
|
3
|
+
import { registerDomTextureResolver } from './domTextureResolver';
|
|
4
|
+
export function registerDomImageTextureResolver(state) {
|
|
5
|
+
registerDomTextureResolver(state, ImageTextureSourceKind, resolveDomImageTexture);
|
|
6
|
+
}
|
|
7
|
+
function resolveDomImageTexture(_state, texture) {
|
|
8
|
+
return getTextureSource(texture)?.source ?? null;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=domImageTextureResolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domImageTextureResolver.js","sourceRoot":"","sources":["../src/domImageTextureResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,UAAU,+BAA+B,CAAC,KAAqB;IACnE,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,CAAC,CAAC;AACpF,CAAC;AAED,SAAS,sBAAsB,CAAC,MAAsB,EAAE,OAA0B;IAChF,OAAQ,gBAAgB,CAAC,OAAO,CAA4B,EAAE,MAAM,IAAI,IAAI,CAAC;AAC/E,CAAC"}
|
package/dist/domScale9Shape.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DomRenderState, RenderProxy2D, RenderState, Renderable, RendererData, Scene2DRenderer } from '@flighthq/types/contract';
|
|
2
2
|
interface DomScale9ShapeData extends RendererData {
|
|
3
3
|
canvas: HTMLCanvasElement | null;
|
|
4
4
|
context: CanvasRenderingContext2D | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domScale9Shape.d.ts","sourceRoot":"","sources":["../src/domScale9Shape.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,
|
|
1
|
+
{"version":3,"file":"domScale9Shape.d.ts","sourceRoot":"","sources":["../src/domScale9Shape.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EAEd,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EAEZ,eAAe,EAEhB,MAAM,0BAA0B,CAAC;AASlC,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAC1C;AAID,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,GAAG,kBAAkB,CAErG;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAkD1F;AAED,eAAO,MAAM,6BAA6B,EAAE,eAG3C,CAAC"}
|
package/dist/domScale9Shape.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { createEntity } from '@flighthq/entity/contract';
|
|
2
2
|
import { getNodeLocalBoundsRectangle } from '@flighthq/node/contract';
|
|
3
|
-
import {
|
|
3
|
+
import { mapScale9ShapeCommands } from '@flighthq/shape/contract';
|
|
4
|
+
import { RenderRegistry, Scale9ShapeKind } from '@flighthq/types/contract';
|
|
5
|
+
import { getDomRenderStateRuntime } from './domRenderState';
|
|
4
6
|
import { buildDomScale9Mapper } from './domScale9Mapper';
|
|
5
7
|
import { drawDomShape } from './domShape';
|
|
8
|
+
import { getDomShapeRasterizer } from './domShapeRasterizer';
|
|
6
9
|
import { prepareDomElement, setDomRendererElement } from './domStyle';
|
|
7
10
|
const _remappedCommands = [];
|
|
8
11
|
export function createDomScale9ShapeData(_state, _source) {
|
|
@@ -16,6 +19,13 @@ export function drawDomScale9Shape(state, renderProxy) {
|
|
|
16
19
|
const { commands, scale9Grid } = source.data;
|
|
17
20
|
if (commands.length === 0)
|
|
18
21
|
return;
|
|
22
|
+
// A fill with no tessellated form is the registered rasterizer's job; an absent one is reported
|
|
23
|
+
// rather than quietly dropping the fill.
|
|
24
|
+
const rasterizer = getDomShapeRasterizer(state);
|
|
25
|
+
if (rasterizer === null) {
|
|
26
|
+
getDomRenderStateRuntime(state).registryMiss?.(RenderRegistry.ShapeRasterizer, Scale9ShapeKind);
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
19
29
|
const bounds = getNodeLocalBoundsRectangle(source);
|
|
20
30
|
const mapper = buildDomScale9Mapper(bounds, scale9Grid, source.scaleX, source.scaleY);
|
|
21
31
|
if (mapper === null) {
|
|
@@ -29,14 +39,17 @@ export function drawDomScale9Shape(state, renderProxy) {
|
|
|
29
39
|
}
|
|
30
40
|
const w = Math.max(1, Math.ceil(bounds.width * source.scaleX));
|
|
31
41
|
const h = Math.max(1, Math.ceil(bounds.height * source.scaleY));
|
|
32
|
-
|
|
33
|
-
|
|
42
|
+
// Backing store in device pixels, CSS box in layout units — the split every DPI-aware canvas element
|
|
43
|
+
// uses, and what keeps the stripped transform below working in layout space.
|
|
44
|
+
const pixelRatio = state.pixelRatio;
|
|
45
|
+
data.canvas.width = Math.ceil(w * pixelRatio);
|
|
46
|
+
data.canvas.height = Math.ceil(h * pixelRatio);
|
|
47
|
+
data.canvas.style.width = `${w}px`;
|
|
48
|
+
data.canvas.style.height = `${h}px`;
|
|
34
49
|
const ctx = data.context;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
renderCanvasShapeCommands(ctx, _remappedCommands);
|
|
50
|
+
mapScale9ShapeCommands(_remappedCommands, commands, mapper);
|
|
51
|
+
ctx.setTransform(pixelRatio, 0, 0, pixelRatio, -bounds.x * pixelRatio, -bounds.y * pixelRatio);
|
|
52
|
+
rasterizer(ctx, _remappedCommands, state);
|
|
40
53
|
data.canvas.style.opacity = renderProxy.alpha < 1 ? String(renderProxy.alpha) : '';
|
|
41
54
|
data.canvas.style.imageRendering = state.allowSmoothing ? '' : 'pixelated';
|
|
42
55
|
state.applyBlendMode?.(data.canvas, renderProxy.blendMode);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domScale9Shape.js","sourceRoot":"","sources":["../src/domScale9Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"domScale9Shape.js","sourceRoot":"","sources":["../src/domScale9Shape.ts"],"names":[],"mappings":"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"}
|
package/dist/domShape.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types/contract';
|
|
2
2
|
export declare function drawDomShape(state: DomRenderState, renderProxy: RenderProxy2D): void;
|
|
3
3
|
export declare const defaultDomShapeRenderer: Scene2DRenderer;
|
|
4
|
+
export declare const defaultDomMorphShapeRenderer: Scene2DRenderer;
|
|
4
5
|
//# sourceMappingURL=domShape.d.ts.map
|
package/dist/domShape.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domShape.d.ts","sourceRoot":"","sources":["../src/domShape.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"domShape.d.ts","sourceRoot":"","sources":["../src/domShape.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAGd,aAAa,EAGd,MAAM,0BAA0B,CAAC;AAiBlC,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAgDpF;AAED,eAAO,MAAM,uBAAuB,EAAE,eAGrC,CAAC;AAGF,eAAO,MAAM,4BAA4B,EAAE,eAAyC,CAAC"}
|
package/dist/domShape.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { createEntity } from '@flighthq/entity/contract';
|
|
2
2
|
import { getNodeLocalBoundsRectangle } from '@flighthq/node/contract';
|
|
3
|
-
import {
|
|
3
|
+
import { RenderRegistry, ShapeKind } from '@flighthq/types/contract';
|
|
4
|
+
import { getDomRenderStateRuntime } from './domRenderState';
|
|
5
|
+
import { getDomShapeRasterizer } from './domShapeRasterizer';
|
|
4
6
|
import { prepareDomElement, setDomRendererElement } from './domStyle';
|
|
5
7
|
import { setDomTransformWithOffset } from './domTransform';
|
|
6
8
|
function createDomShapeData(_state, _source) {
|
|
@@ -14,6 +16,13 @@ export function drawDomShape(state, renderProxy) {
|
|
|
14
16
|
const { commands } = source.data;
|
|
15
17
|
if (commands.length === 0)
|
|
16
18
|
return;
|
|
19
|
+
// A fill with no tessellated form is the registered rasterizer's job; an absent one is reported
|
|
20
|
+
// rather than quietly dropping the fill.
|
|
21
|
+
const rasterizer = getDomShapeRasterizer(state);
|
|
22
|
+
if (rasterizer === null) {
|
|
23
|
+
getDomRenderStateRuntime(state).registryMiss?.(RenderRegistry.ShapeRasterizer, ShapeKind);
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
17
26
|
if (data.canvas === null) {
|
|
18
27
|
data.canvas = document.createElement('canvas');
|
|
19
28
|
data.context = data.canvas.getContext('2d');
|
|
@@ -22,14 +31,17 @@ export function drawDomShape(state, renderProxy) {
|
|
|
22
31
|
const bounds = getNodeLocalBoundsRectangle(source);
|
|
23
32
|
const w = Math.max(1, Math.ceil(bounds.width));
|
|
24
33
|
const h = Math.max(1, Math.ceil(bounds.height));
|
|
25
|
-
//
|
|
26
|
-
|
|
27
|
-
|
|
34
|
+
// The canvas is the DOM element itself, so its backing store carries device pixels while its CSS box
|
|
35
|
+
// stays in layout units — the same split every DPI-aware canvas element uses. Resizing clears the
|
|
36
|
+
// canvas and resets context state.
|
|
37
|
+
const pixelRatio = state.pixelRatio;
|
|
38
|
+
data.canvas.width = Math.ceil(w * pixelRatio);
|
|
39
|
+
data.canvas.height = Math.ceil(h * pixelRatio);
|
|
40
|
+
data.canvas.style.width = `${w}px`;
|
|
41
|
+
data.canvas.style.height = `${h}px`;
|
|
28
42
|
const ctx = data.context;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
renderCanvasShapeCommands(ctx, commands);
|
|
43
|
+
ctx.setTransform(pixelRatio, 0, 0, pixelRatio, -bounds.x * pixelRatio, -bounds.y * pixelRatio);
|
|
44
|
+
rasterizer(ctx, commands, state);
|
|
33
45
|
data.canvas.style.opacity = renderProxy.alpha < 1 ? String(renderProxy.alpha) : '';
|
|
34
46
|
if (state.domCssFilterResolver !== null) {
|
|
35
47
|
data.canvas.style.filter = state.domCssFilterResolver(renderProxy) ?? '';
|
|
@@ -42,4 +54,6 @@ export const defaultDomShapeRenderer = {
|
|
|
42
54
|
createData: createDomShapeData,
|
|
43
55
|
submit: drawDomShape,
|
|
44
56
|
};
|
|
57
|
+
// MorphShape owns a distinct kind while rendering the same retained command vocabulary.
|
|
58
|
+
export const defaultDomMorphShapeRenderer = defaultDomShapeRenderer;
|
|
45
59
|
//# sourceMappingURL=domShape.js.map
|
package/dist/domShape.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domShape.js","sourceRoot":"","sources":["../src/domShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"domShape.js","sourceRoot":"","sources":["../src/domShape.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { DomRenderState, ShapeRasterizer } from '@flighthq/types/contract';
|
|
2
|
+
export declare function getDomShapeRasterizer(state: DomRenderState): ShapeRasterizer | null;
|
|
3
|
+
export declare function registerDomShapeRasterizer(state: DomRenderState, rasterizer: ShapeRasterizer | null): void;
|
|
4
|
+
//# sourceMappingURL=domShapeRasterizer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domShapeRasterizer.d.ts","sourceRoot":"","sources":["../src/domShapeRasterizer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,eAAe,GAAG,IAAI,CAEnF;AAKD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAE1G"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { getDomRenderStateRuntime } from './domRenderState';
|
|
2
|
+
export function getDomShapeRasterizer(state) {
|
|
3
|
+
return getDomRenderStateRuntime(state).shapeRasterizer ?? null;
|
|
4
|
+
}
|
|
5
|
+
// Installs the fallback that draws fills the mesh path cannot express. Registration is the opt-in: a
|
|
6
|
+
// state without one draws its solid shapes and reports the rest as a registry miss, and nothing here
|
|
7
|
+
// reaches for a rasterizer the caller did not name. Pass null to remove one.
|
|
8
|
+
export function registerDomShapeRasterizer(state, rasterizer) {
|
|
9
|
+
getDomRenderStateRuntime(state).shapeRasterizer = rasterizer;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=domShapeRasterizer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domShapeRasterizer.js","sourceRoot":"","sources":["../src/domShapeRasterizer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,UAAU,qBAAqB,CAAC,KAAqB;IACzD,OAAO,wBAAwB,CAAC,KAAK,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC;AACjE,CAAC;AAED,qGAAqG;AACrG,qGAAqG;AACrG,6EAA6E;AAC7E,MAAM,UAAU,0BAA0B,CAAC,KAAqB,EAAE,UAAkC;IAClG,wBAAwB,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,UAAU,CAAC;AAC/D,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { DomRenderState, RenderProxy2D, Scene2DRenderer } from '@flighthq/types/contract';
|
|
2
|
+
export declare function drawDomSprite(state: DomRenderState, renderProxy: RenderProxy2D): void;
|
|
3
|
+
export declare const defaultDomSpriteRenderer: Scene2DRenderer;
|
|
4
|
+
//# sourceMappingURL=domSprite.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domSprite.d.ts","sourceRoot":"","sources":["../src/domSprite.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EAGd,aAAa,EAEb,eAAe,EAEhB,MAAM,0BAA0B,CAAC;AAqBlC,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CA8BrF;AA4ED,eAAO,MAAM,wBAAwB,EAAE,eAItC,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { createSpriteRendererData, isSpriteRendererDirty } from '@flighthq/scene2d/contract';
|
|
2
|
+
import { getTextureHeight, getTextureWidth } from '@flighthq/texture/contract';
|
|
3
|
+
import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
|
|
4
|
+
import { resolveDomTexture } from './domTextureResolver';
|
|
5
|
+
function createDomSpriteData(state, source) {
|
|
6
|
+
const data = createSpriteRendererData(state, source);
|
|
7
|
+
data.canvas = null;
|
|
8
|
+
data.context = null;
|
|
9
|
+
data.image = null;
|
|
10
|
+
data.video = null;
|
|
11
|
+
return data;
|
|
12
|
+
}
|
|
13
|
+
export function drawDomSprite(state, renderProxy) {
|
|
14
|
+
const data = renderProxy.rendererData;
|
|
15
|
+
if (data === null)
|
|
16
|
+
return;
|
|
17
|
+
const texture = renderProxy.source.data.texture;
|
|
18
|
+
if (texture === null || texture.dimension !== '2d')
|
|
19
|
+
return;
|
|
20
|
+
const source = resolveDomTexture(state, texture);
|
|
21
|
+
if (source === null)
|
|
22
|
+
return;
|
|
23
|
+
const textureWidth = getTextureWidth(texture);
|
|
24
|
+
const textureHeight = getTextureHeight(texture);
|
|
25
|
+
const sourceRectangle = {
|
|
26
|
+
height: Math.abs(texture.uvScale.y * textureHeight),
|
|
27
|
+
width: Math.abs(texture.uvScale.x * textureWidth),
|
|
28
|
+
x: texture.uvOffset.x * textureWidth,
|
|
29
|
+
y: texture.uvOffset.y * textureHeight,
|
|
30
|
+
};
|
|
31
|
+
const isFullTexture = sourceRectangle.x === 0 &&
|
|
32
|
+
sourceRectangle.y === 0 &&
|
|
33
|
+
sourceRectangle.width === textureWidth &&
|
|
34
|
+
sourceRectangle.height === textureHeight;
|
|
35
|
+
if (isFullTexture && source instanceof HTMLVideoElement) {
|
|
36
|
+
renderSpriteAsVideo(state, renderProxy, data, source);
|
|
37
|
+
}
|
|
38
|
+
else if (isFullTexture && source instanceof HTMLImageElement) {
|
|
39
|
+
renderSpriteAsImage(state, renderProxy, data, source);
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
renderSpriteAsCanvas(state, renderProxy, data, source, sourceRectangle);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
function renderSpriteAsCanvas(state, renderProxy, data, source, sourceRectangle) {
|
|
46
|
+
data.image = null;
|
|
47
|
+
data.video = null;
|
|
48
|
+
if (data.canvas === null) {
|
|
49
|
+
data.canvas = document.createElement('canvas');
|
|
50
|
+
data.context = data.canvas.getContext('2d');
|
|
51
|
+
prepareDomElement(data.canvas);
|
|
52
|
+
}
|
|
53
|
+
const texture = renderProxy.source.data.texture;
|
|
54
|
+
const pixelRatio = state.pixelRatio;
|
|
55
|
+
data.canvas.width = sourceRectangle.width * pixelRatio;
|
|
56
|
+
data.canvas.height = sourceRectangle.height * pixelRatio;
|
|
57
|
+
data.canvas.style.width = `${sourceRectangle.width}px`;
|
|
58
|
+
data.canvas.style.height = `${sourceRectangle.height}px`;
|
|
59
|
+
const context = data.context;
|
|
60
|
+
if (pixelRatio !== 1)
|
|
61
|
+
context.scale(pixelRatio, pixelRatio);
|
|
62
|
+
context.imageSmoothingEnabled = state.allowSmoothing && !texture.sampler.magFilter.startsWith('nearest');
|
|
63
|
+
context.drawImage(source, sourceRectangle.x, sourceRectangle.y, sourceRectangle.width, sourceRectangle.height, 0, 0, sourceRectangle.width, sourceRectangle.height);
|
|
64
|
+
applyDomStyle(state, data.canvas, renderProxy);
|
|
65
|
+
setDomRendererElement(state, data.canvas);
|
|
66
|
+
}
|
|
67
|
+
function renderSpriteAsImage(state, renderProxy, data, source) {
|
|
68
|
+
data.canvas = null;
|
|
69
|
+
data.context = null;
|
|
70
|
+
data.video = null;
|
|
71
|
+
if (data.image === null) {
|
|
72
|
+
data.image = document.createElement('img');
|
|
73
|
+
data.image.crossOrigin = 'anonymous';
|
|
74
|
+
prepareDomElement(data.image);
|
|
75
|
+
}
|
|
76
|
+
if (data.image.src !== source.src)
|
|
77
|
+
data.image.src = source.src;
|
|
78
|
+
applyDomStyle(state, data.image, renderProxy);
|
|
79
|
+
setDomRendererElement(state, data.image);
|
|
80
|
+
}
|
|
81
|
+
function renderSpriteAsVideo(state, renderProxy, data, source) {
|
|
82
|
+
data.canvas = null;
|
|
83
|
+
data.context = null;
|
|
84
|
+
data.image = null;
|
|
85
|
+
data.video = source;
|
|
86
|
+
prepareDomElement(source);
|
|
87
|
+
applyDomStyle(state, source, renderProxy);
|
|
88
|
+
setDomRendererElement(state, source);
|
|
89
|
+
}
|
|
90
|
+
export const defaultDomSpriteRenderer = {
|
|
91
|
+
createData: createDomSpriteData,
|
|
92
|
+
isDirty: isSpriteRendererDirty,
|
|
93
|
+
submit: drawDomSprite,
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=domSprite.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domSprite.js","sourceRoot":"","sources":["../src/domSprite.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { DomRenderState, DomTextureResolver, Texture, TextureSourceKind } from '@flighthq/types/contract';
|
|
2
|
+
export declare function registerDomTextureResolver(state: DomRenderState, sourceKind: TextureSourceKind, resolver: DomTextureResolver | null): void;
|
|
3
|
+
export declare function resolveDomTexture(state: DomRenderState, texture: Readonly<Texture>): CanvasImageSource | null;
|
|
4
|
+
//# sourceMappingURL=domTextureResolver.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domTextureResolver.d.ts","sourceRoot":"","sources":["../src/domTextureResolver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAK/G,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,EACrB,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,EAAE,kBAAkB,GAAG,IAAI,GAClC,IAAI,CAKN;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,iBAAiB,GAAG,IAAI,CAW7G"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { getTextureSourceKind } from '@flighthq/texture/contract';
|
|
2
|
+
import { RenderRegistry } from '@flighthq/types/contract';
|
|
3
|
+
import { getDomRenderStateRuntime } from './domRenderState';
|
|
4
|
+
export function registerDomTextureResolver(state, sourceKind, resolver) {
|
|
5
|
+
const runtime = getDomRenderStateRuntime(state);
|
|
6
|
+
const registry = (runtime.domTextureResolverRegistry ??= new Map());
|
|
7
|
+
if (resolver === null)
|
|
8
|
+
registry.delete(sourceKind);
|
|
9
|
+
else
|
|
10
|
+
registry.set(sourceKind, resolver);
|
|
11
|
+
}
|
|
12
|
+
export function resolveDomTexture(state, texture) {
|
|
13
|
+
if (texture.dimension !== '2d')
|
|
14
|
+
return null;
|
|
15
|
+
const sourceKind = getTextureSourceKind(texture);
|
|
16
|
+
if (sourceKind === null)
|
|
17
|
+
return null;
|
|
18
|
+
const runtime = getDomRenderStateRuntime(state);
|
|
19
|
+
const resolver = runtime.domTextureResolverRegistry?.get(sourceKind);
|
|
20
|
+
if (resolver === undefined) {
|
|
21
|
+
runtime.registryMiss?.(RenderRegistry.TextureResolver, sourceKind);
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
return resolver(state, texture);
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=domTextureResolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domTextureResolver.js","sourceRoot":"","sources":["../src/domTextureResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,UAAU,0BAA0B,CACxC,KAAqB,EACrB,UAA6B,EAC7B,QAAmC;IAEnC,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,0BAA0B,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC;IACpE,IAAI,QAAQ,KAAK,IAAI;QAAE,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;QAC9C,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAqB,EAAE,OAA0B;IACjF,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC5C,MAAM,UAAU,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACjD,IAAI,UAAU,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,0BAA0B,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IACrE,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { DomRenderState } from '@flighthq/types/contract';
|
|
2
|
+
export declare function areDomTextureResolverGuardsEnabled(state: DomRenderState): boolean;
|
|
3
|
+
export declare function enableDomTextureResolverGuards(state: DomRenderState): void;
|
|
4
|
+
//# sourceMappingURL=enableDomTextureResolverGuards.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enableDomTextureResolverGuards.d.ts","sourceRoot":"","sources":["../src/enableDomTextureResolverGuards.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAEjF;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE1E"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { areRenderRegistryGuardsEnabled, enableRenderRegistryGuards } from '@flighthq/render/contract';
|
|
2
|
+
export function areDomTextureResolverGuardsEnabled(state) {
|
|
3
|
+
return areRenderRegistryGuardsEnabled(state);
|
|
4
|
+
}
|
|
5
|
+
export function enableDomTextureResolverGuards(state) {
|
|
6
|
+
enableRenderRegistryGuards(state);
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=enableDomTextureResolverGuards.js.map
|