@lightningjs/renderer 0.0.1

package/dist/src/main-api/RendererMain.js

@@ -0,0 +1,303 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * The Renderer Main API
+ *
+ * @remarks
+ * This is the primary class used to configure and operate the Renderer.
+ *
+ * It is used to create and destroy Nodes, as well as Texture and Shader
+ * references.
+ *
+ * Example:
+ * ```ts
+ * import { RendererMain, MainRenderDriver } from '@lightningjs/renderer';
+ *
+ * // Initialize the Renderer
+ * const renderer = new RendererMain(
+ *   {
+ *     appWidth: 1920,
+ *     appHeight: 1080
+ *   },
+ *   'app',
+ *   new MainRenderDriver(),
+ * );
+ * ```
+ */
+export class RendererMain {
+    root = null;
+    driver;
+    canvas;
+    settings;
+    nodes = new Map();
+    nextTextureId = 1;
+    textureRegistry = new FinalizationRegistry((textureDescId) => {
+        this.driver.releaseTexture(textureDescId);
+    });
+    /**
+     * Constructs a new Renderer instance
+     *
+     * @param settings Renderer settings
+     * @param target Element ID or HTMLElement to insert the canvas into
+     * @param driver Core Driver to use
+     */
+    constructor(settings, target, driver) {
+        const resolvedSettings = {
+            appWidth: settings.appWidth || 1920,
+            appHeight: settings.appHeight || 1080,
+            deviceLogicalPixelRatio: settings.deviceLogicalPixelRatio || 1,
+            devicePhysicalPixelRatio: settings.devicePhysicalPixelRatio || window.devicePixelRatio,
+            clearColor: settings.clearColor ?? 0x00000000,
+            coreExtensionModule: settings.coreExtensionModule || null,
+        };
+        this.settings = resolvedSettings;
+        const { appWidth, appHeight, deviceLogicalPixelRatio, devicePhysicalPixelRatio, } = resolvedSettings;
+        const deviceLogicalWidth = appWidth * deviceLogicalPixelRatio;
+        const deviceLogicalHeight = appHeight * deviceLogicalPixelRatio;
+        this.driver = driver;
+        const canvas = document.createElement('canvas');
+        this.canvas = canvas;
+        canvas.width = deviceLogicalWidth * devicePhysicalPixelRatio;
+        canvas.height = deviceLogicalHeight * devicePhysicalPixelRatio;
+        canvas.style.width = `${deviceLogicalWidth}px`;
+        canvas.style.height = `${deviceLogicalHeight}px`;
+        let targetEl;
+        if (typeof target === 'string') {
+            targetEl = document.getElementById(target);
+        }
+        else {
+            targetEl = target;
+        }
+        if (!targetEl) {
+            throw new Error('Could not find target element');
+        }
+        // Hook up the driver's callbacks
+        driver.onCreateNode = (node) => {
+            this.nodes.set(node.id, node);
+        };
+        driver.onBeforeDestroyNode = (node) => {
+            this.nodes.delete(node.id);
+        };
+        targetEl.appendChild(canvas);
+    }
+    /**
+     * Initialize the renderer
+     *
+     * @remarks
+     * This method must be called and resolved asyncronously before any other
+     * methods are called.
+     */
+    async init() {
+        await this.driver.init(this, this.settings, this.canvas);
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+        this.root = this.driver.getRootNode();
+    }
+    /**
+     * Create a new scene graph node
+     *
+     * @remarks
+     * A node is the main graphical building block of the Renderer scene graph. It
+     * can be a container for other nodes, or it can be a leaf node that renders a
+     * solid color, gradient, image, or specific texture, using a specific shader.
+     *
+     * To create a text node, see {@link createTextNode}.
+     *
+     * See {@link INode} for more details.
+     *
+     * @param props
+     * @returns
+     */
+    createNode(props) {
+        return this.driver.createNode(this.resolveNodeDefaults(props));
+    }
+    /**
+     * Create a new scene graph text node
+     *
+     * @remarks
+     * A text node is the second graphical building block of the Renderer scene
+     * graph. It renders text using a specific text renderer that is automatically
+     * chosen based on the font requested and what type of fonts are installed
+     * into an app via a CoreExtension.
+     *
+     * See {@link ITextNode} for more details.
+     *
+     * @param props
+     * @returns
+     */
+    createTextNode(props) {
+        return this.driver.createTextNode({
+            ...this.resolveNodeDefaults(props),
+            text: props.text ?? '',
+            textRendererOverride: props.textRendererOverride ?? null,
+            fontSize: props.fontSize ?? 16,
+            fontFamily: props.fontFamily ?? 'sans-serif',
+            fontStyle: props.fontStyle ?? 'normal',
+            fontWeight: props.fontWeight ?? 'normal',
+            fontStretch: props.fontStretch ?? 'normal',
+            textAlign: props.textAlign ?? 'left',
+            contain: props.contain ?? 'none',
+            scrollable: props.scrollable ?? false,
+            scrollY: props.scrollY ?? 0,
+            offsetY: props.offsetY ?? 0,
+            letterSpacing: props.letterSpacing ?? 0,
+            debug: props.debug ?? {},
+        });
+    }
+    /**
+     * Resolves the default property values for a Node
+     *
+     * @remarks
+     * This method is used internally by the RendererMain to resolve the default
+     * property values for a Node. It is exposed publicly so that it can be used
+     * by Core Driver implementations.
+     *
+     * @param props
+     * @returns
+     */
+    resolveNodeDefaults(props) {
+        const color = props.color ?? 0xffffffff;
+        const colorTl = props.colorTl ?? props.colorTop ?? props.colorLeft ?? color;
+        const colorTr = props.colorTr ?? props.colorTop ?? props.colorRight ?? color;
+        const colorBl = props.colorBl ?? props.colorBottom ?? props.colorLeft ?? color;
+        const colorBr = props.colorBr ?? props.colorBottom ?? props.colorRight ?? color;
+        return {
+            x: props.x ?? 0,
+            y: props.y ?? 0,
+            width: props.width ?? 0,
+            height: props.height ?? 0,
+            alpha: props.alpha ?? 1,
+            color,
+            colorTop: props.colorTop ?? color,
+            colorBottom: props.colorBottom ?? color,
+            colorLeft: props.colorLeft ?? color,
+            colorRight: props.colorRight ?? color,
+            colorBl,
+            colorBr,
+            colorTl,
+            colorTr,
+            zIndex: props.zIndex ?? 0,
+            zIndexLocked: props.zIndexLocked ?? 0,
+            parent: props.parent ?? null,
+            texture: props.texture ?? null,
+            shader: props.shader ?? null,
+            // Since setting the `src` will trigger a texture load, we need to set it after
+            // we set the texture. Otherwise, problems happen.
+            src: props.src ?? '',
+            scale: props.scale ?? 1,
+            mount: props.mount ?? 0,
+            mountX: props.mountX ?? props.mount ?? 0,
+            mountY: props.mountY ?? props.mount ?? 0,
+            pivot: props.pivot ?? 0.5,
+            pivotX: props.pivotX ?? props.pivot ?? 0.5,
+            pivotY: props.pivotY ?? props.pivot ?? 0.5,
+            rotation: props.rotation ?? 0,
+        };
+    }
+    /**
+     * Destroy a node
+     *
+     * @remarks
+     * This method destroys a node but does not destroy its children.
+     *
+     * @param node
+     * @returns
+     */
+    destroyNode(node) {
+        return this.driver.destroyNode(node);
+    }
+    /**
+     * Create a new texture reference
+     *
+     * @remarks
+     * This method creates a new reference to a texture. The texture is not
+     * loaded until it is used on a node.
+     *
+     * It can be assigned to a node's `texture` property, or it can be used
+     * when creating a SubTexture.
+     *
+     * @param textureType
+     * @param props
+     * @param options
+     * @returns
+     */
+    makeTexture(textureType, props, options) {
+        const id = this.nextTextureId++;
+        const desc = {
+            descType: 'texture',
+            txType: textureType,
+            props,
+            options: {
+                ...options,
+                // This ID is used to identify the texture in the CoreTextureManager's
+                // ID Texture Map cache.
+                id,
+            },
+        };
+        this.textureRegistry.register(desc, id);
+        return desc;
+    }
+    /**
+     * Create a new shader reference
+     *
+     * @remarks
+     * This method creates a new reference to a shader. The shader is not
+     * loaded until it is used on a Node.
+     *
+     * It can be assigned to a Node's `shader` property.
+     *
+     * @param shaderType
+     * @param props
+     * @returns
+     */
+    makeShader(shaderType, props) {
+        return {
+            descType: 'shader',
+            shType: shaderType,
+            props: props,
+        };
+    }
+    /**
+     * Get a Node by its ID
+     *
+     * @param id
+     * @returns
+     */
+    getNodeById(id) {
+        return this.nodes.get(id) || null;
+    }
+    toggleFreeze() {
+        throw new Error('Not implemented');
+    }
+    advanceFrame() {
+        throw new Error('Not implemented');
+    }
+    /**
+     * Re-render the current frame without advancing any running animations.
+     *
+     * @remarks
+     * Any state changes will be reflected in the re-rendered frame. Useful for
+     * debugging.
+     *
+     * May not do anything if the render loop is running on a separate worker.
+     */
+    rerender() {
+        throw new Error('Not implemented');
+    }
+}
+//# sourceMappingURL=RendererMain.js.map

package/dist/src/main-api/RendererMain.js.map

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

package/dist/src/render-drivers/main/MainOnlyNode.d.ts

@@ -0,0 +1,84 @@
+import type { INode, INodeAnimatableProps, INodeWritableProps } from '../../main-api/INode.js';
+import type { Stage } from '../../core/Stage.js';
+import type { IAnimationController } from '../../common/IAnimationController.js';
+import { CoreNode } from '../../core/CoreNode.js';
+import type { RendererMain, ShaderDesc, TextureDesc } from '../../main-api/RendererMain.js';
+import type { IAnimationSettings } from '../../core/animations/CoreAnimation.js';
+import { EventEmitter } from '../../common/EventEmitter.js';
+export declare function getNewId(): number;
+export declare class MainOnlyNode extends EventEmitter implements INode {
+    private rendererMain;
+    private stage;
+    readonly id: number;
+    protected coreNode: CoreNode;
+    protected _children: MainOnlyNode[];
+    protected _src: string;
+    protected _parent: MainOnlyNode | null;
+    protected _texture: TextureDesc | null;
+    protected _shader: ShaderDesc | null;
+    constructor(props: INodeWritableProps, rendererMain: RendererMain, stage: Stage, coreNode?: CoreNode);
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get worldX(): number;
+    get worldY(): number;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    get alpha(): number;
+    set alpha(value: number);
+    get color(): number;
+    set color(value: number);
+    get colorTop(): number;
+    set colorTop(value: number);
+    get colorBottom(): number;
+    set colorBottom(value: number);
+    get colorLeft(): number;
+    set colorLeft(value: number);
+    get colorRight(): number;
+    set colorRight(value: number);
+    get colorTl(): number;
+    set colorTl(value: number);
+    get colorTr(): number;
+    set colorTr(value: number);
+    get colorBl(): number;
+    set colorBl(value: number);
+    get colorBr(): number;
+    set colorBr(value: number);
+    get scale(): number;
+    set scale(value: number);
+    get mount(): number;
+    set mount(value: number);
+    get mountX(): number;
+    set mountX(value: number);
+    get mountY(): number;
+    set mountY(value: number);
+    get pivot(): number;
+    set pivot(value: number);
+    get pivotX(): number;
+    set pivotX(value: number);
+    get pivotY(): number;
+    set pivotY(value: number);
+    get rotation(): number;
+    set rotation(value: number);
+    get parent(): MainOnlyNode | null;
+    set parent(newParent: MainOnlyNode | null);
+    get children(): MainOnlyNode[];
+    get zIndex(): number;
+    set zIndex(value: number);
+    get zIndexLocked(): number;
+    set zIndexLocked(value: number);
+    get src(): string;
+    set src(imageUrl: string);
+    get texture(): TextureDesc | null;
+    set texture(texture: TextureDesc | null);
+    private onTextureLoaded;
+    private onTextureFailed;
+    get shader(): ShaderDesc | null;
+    set shader(shader: ShaderDesc | null);
+    destroy(): void;
+    flush(): void;
+    animate(props: Partial<INodeAnimatableProps>, settings: Partial<IAnimationSettings>): IAnimationController;
+}