@flighthq/scene2d-dom 0.3.0-next.906.07cea63 → 0.3.0

package/dist/domBitmap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"domBitmap.js","sourceRoot":"","sources":["../src/domBitmap.ts"],"names":[],"mappings":"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"}

package/dist/domVideo.d.ts

@@ -1,4 +0,0 @@
-import type { Scene2DRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types/contract';
-export declare function drawDomVideo(state: DomRenderState, renderProxy: RenderProxy2D): void;
-export declare const defaultDomVideoRenderer: Scene2DRenderer;
-//# sourceMappingURL=domVideo.d.ts.map

package/dist/domVideo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"domVideo.d.ts","sourceRoot":"","sources":["../src/domVideo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAGd,aAAa,EAGd,MAAM,0BAA0B,CAAC;AAYlC,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAkBpF;AAED,eAAO,MAAM,uBAAuB,EAAE,eAGrC,CAAC"}

package/dist/domVideo.js

@@ -1,27 +0,0 @@
-import { createEntity } from '@flighthq/entity/contract';
-import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
-function createDomVideoData(_state, _source) {
-    return createEntity({ element: null });
-}
-export function drawDomVideo(state, renderProxy) {
-    const data = renderProxy.rendererData;
-    if (data === null)
-        return;
-    const source = renderProxy.source;
-    const element = source.data.source?.element ?? null;
-    if (element === null || element.videoWidth === 0 || element.videoHeight === 0)
-        return;
-    if (data.element !== element) {
-        data.element = element;
-        prepareDomElement(element);
-    }
-    element.style.width = `${element.videoWidth}px`;
-    element.style.height = `${element.videoHeight}px`;
-    applyDomStyle(state, element, renderProxy);
-    setDomRendererElement(state, element);
-}
-export const defaultDomVideoRenderer = {
-    createData: createDomVideoData,
-    submit: drawDomVideo,
-};
-//# sourceMappingURL=domVideo.js.map

package/dist/domVideo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"domVideo.js","sourceRoot":"","sources":["../src/domVideo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAWzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAMrF,SAAS,kBAAkB,CAAC,MAAmB,EAAE,OAAmB;IAClE,OAAO,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAqB,EAAE,WAA0B;IAC5E,MAAM,IAAI,GAAG,WAAW,CAAC,YAAmC,CAAC;IAC7D,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IAE1B,MAAM,MAAM,GAAG,WAAW,CAAC,MAAe,CAAC;IAC3C,MAAM,OAAO,GAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAA+C,IAAI,IAAI,CAAC;IAC7F,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,CAAC;QAAE,OAAO;IAEtF,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,OAAO,CAAC,UAAU,IAAI,CAAC;IAChD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC;IAElD,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAC3C,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAoB;IACtD,UAAU,EAAE,kBAAkB;IAC9B,MAAM,EAAE,YAAY;CACrB,CAAC"}

package/src/domBitmap.test.ts

@@ -1,117 +0,0 @@
-import { createImageResource, createImageResourceFromCanvas } from '@flighthq/image/contract';
-import { registerRenderer } from '@flighthq/render/contract';
-import { getOrCreateRenderProxy2D } from '@flighthq/render/contract';
-import { createBitmap } from '@flighthq/scene2d/contract';
-import { BitmapKind } from '@flighthq/types/contract';
-
-import { defaultDomBitmapRenderer, drawDomBitmap } from './domBitmap';
-import { createDomRenderState, getDomRenderStateRuntime } from './domRenderState';
-
-function makeState(pixelRatio = 1) {
-  const container = document.createElement('div');
-  const state = createDomRenderState(container, { pixelRatio });
-  registerRenderer(state, BitmapKind, defaultDomBitmapRenderer);
-  return state;
-}
-
-function drawGetEl(state: ReturnType<typeof makeState>, drawFn: () => void): HTMLElement | null {
-  getDomRenderStateRuntime(state).domCurrentElement = null;
-  drawFn();
-  return getDomRenderStateRuntime(state).domCurrentElement;
-}
-
-function makeHtmlImageSource() {
-  const img = document.createElement('img') as HTMLImageElement;
-  img.src = 'test.png';
-  const source = createImageResource(img);
-  source.width = 64;
-  source.height = 64;
-  return source;
-}
-
-function makeCanvasImageSource() {
-  const canvas = document.createElement('canvas');
-  canvas.width = 64;
-  canvas.height = 64;
-  return createImageResourceFromCanvas(canvas);
-}
-
-describe('defaultDomBitmapRenderer', () => {
-  it('has submit, and createData', () => {
-    expect(typeof defaultDomBitmapRenderer.submit).toBe('function');
-    expect(typeof defaultDomBitmapRenderer.createData).toBe('function');
-  });
-});
-
-describe('drawDomBitmap', () => {
-  it('does nothing when imageSource is null', () => {
-    const state = makeState();
-    const bitmap = createBitmap();
-    bitmap.data.image = null;
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const el = drawGetEl(state, () => drawDomBitmap(state, renderProxy));
-
-    expect(el).toBeNull();
-  });
-
-  it('produces an img element when source is HTMLImageElement', () => {
-    const state = makeState();
-    const bitmap = createBitmap();
-    bitmap.data.image = makeHtmlImageSource();
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const el = drawGetEl(state, () => drawDomBitmap(state, renderProxy));
-
-    expect(el).not.toBeNull();
-    expect(el!.tagName).toBe('IMG');
-  });
-
-  it('produces a canvas element when source is not HTMLImageElement', () => {
-    const state = makeState();
-    const bitmap = createBitmap();
-    bitmap.data.image = makeCanvasImageSource();
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const el = drawGetEl(state, () => drawDomBitmap(state, renderProxy));
-
-    expect(el).not.toBeNull();
-    expect(el!.tagName).toBe('CANVAS');
-  });
-
-  it('reuses the same img element across multiple draws', () => {
-    const state = makeState();
-    const bitmap = createBitmap();
-    bitmap.data.image = makeHtmlImageSource();
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const firstImg = drawGetEl(state, () => drawDomBitmap(state, renderProxy));
-    const secondImg = drawGetEl(state, () => drawDomBitmap(state, renderProxy));
-
-    expect(firstImg).toBe(secondImg);
-  });
-
-  it('sets canvas dimensions to match image source', () => {
-    const state = makeState();
-    const bitmap = createBitmap();
-    bitmap.data.image = makeCanvasImageSource();
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const canvas = drawGetEl(state, () => drawDomBitmap(state, renderProxy)) as HTMLCanvasElement;
-    expect(canvas.width).toBe(64);
-    expect(canvas.height).toBe(64);
-  });
-
-  it('sizes the backing canvas at physical pixels and constrains layout to logical pixels on HiDPI', () => {
-    const state = makeState(2);
-    const bitmap = createBitmap();
-    bitmap.data.image = makeCanvasImageSource();
-    const renderProxy = getOrCreateRenderProxy2D(state, bitmap);
-
-    const canvas = drawGetEl(state, () => drawDomBitmap(state, renderProxy)) as HTMLCanvasElement;
-    expect(canvas.width).toBe(128);
-    expect(canvas.height).toBe(128);
-    expect(canvas.style.width).toBe('64px');
-    expect(canvas.style.height).toBe('64px');
-  });
-});

package/src/domVideo.test.ts

@@ -1,30 +0,0 @@
-import { registerRenderer } from '@flighthq/render/contract';
-import { getOrCreateRenderProxy2D } from '@flighthq/render/contract';
-import { createVideo } from '@flighthq/scene2d/contract';
-import { VideoKind } from '@flighthq/types/contract';
-
-import { createDomRenderState } from './domRenderState';
-import { defaultDomVideoRenderer, drawDomVideo } from './domVideo';
-
-function makeState() {
-  const container = document.createElement('div');
-  const state = createDomRenderState(container);
-  registerRenderer(state, VideoKind, defaultDomVideoRenderer);
-  return state;
-}
-
-describe('defaultDomVideoRenderer', () => {
-  it('has submit, and createData functions', () => {
-    expect(typeof defaultDomVideoRenderer.submit).toBe('function');
-    expect(typeof defaultDomVideoRenderer.createData).toBe('function');
-  });
-});
-
-describe('drawDomVideo', () => {
-  it('does not throw when source element is null', () => {
-    const state = makeState();
-    const video = createVideo();
-    const renderProxy = getOrCreateRenderProxy2D(state, video);
-    expect(() => drawDomVideo(state, renderProxy)).not.toThrow();
-  });
-});