@lightningtv/solid 3.0.0-9 → 3.0.1

package/LICENSE

@@ -187,7 +187,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright [yyyy] [name of copyright owner]
+   Copyright 2024 Chris Lorenzo
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/README.md

@@ -6,6 +6,12 @@
 
 Is a UI framework for [LightningJS 3 Renderer](https://lightningjs.io/) built with [SolidJS](https://www.solidjs.com/) Universal Renderer. It allows you to declaratively construct lightning nodes with reactive primitives, with incredible performance.
 
+## Used by companies worldwide
+
+<div style="display: flex; align-items: center; gap: 20px;">
+  <img src="docs/companylogos/Angel.png" alt="Angel Studios" width="200" /> &nbsp; <img src="docs/companylogos/bell-fibe-tv.png" alt="Bell Fibe TV" width="80" />
+</div>
+
 ## Need Support?
 
 [ConnectedTV Dev](https://lightningtv.dev/)

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,14 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+import type { NodeProps, TextProps } from './src/core/index.js';
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      node: NodeProps;
+      view: NodeProps;
+      text: TextProps;
+    }
+  }
+}
+
+export type { JSX } from 'solid-js';

package/dist/src/activeElement.d.ts

@@ -1,2 +1,2 @@
-import { type ElementNode } from '@lightningtv/core';
+import { type ElementNode } from './core/index.js';
 export declare const activeElement: import("solid-js").Accessor<ElementNode | undefined>, setActiveElement: import("solid-js").Setter<ElementNode | undefined>;

package/dist/src/core/animation.d.ts

@@ -0,0 +1,35 @@
+import { type ElementNode, LightningRendererNumberProps } from './elementNode.js';
+import { type IRendererStage } from './lightningInit.js';
+import { TimingFunction } from '@lightningjs/renderer';
+/**
+ * Simplified Animation Settings
+ */
+export interface SimpleAnimationSettings {
+    duration?: number;
+    delay?: number;
+    easing?: string | TimingFunction;
+}
+/**
+ * Properties of a Node used by the SimpleAnimation
+ * (Excludes shaderProps)
+ */
+export type SimpleAnimationProps = (typeof LightningRendererNumberProps)[number];
+export declare class SimpleAnimation {
+    private nodeConfigs;
+    private isRegistered;
+    private stage;
+    register(stage: IRendererStage): void;
+    /**
+     * Adds a node and its animation properties to this animation instance.
+     * The animation's start values for the specified properties are captured
+     * from the node's current state when this method is called.
+     *
+     * @param node - The CoreNode to animate.
+     * @param props - The properties to animate and their target values. Only number properties are supported.
+     * @param settings - Animation settings for this specific node animation.
+     */
+    add(node: ElementNode, key: SimpleAnimationProps, value: number, settings: SimpleAnimationSettings): void;
+    update(dt: number): void;
+}
+export declare const simpleAnimation: SimpleAnimation;
+export default simpleAnimation;

package/dist/src/core/animation.js

@@ -0,0 +1,119 @@
+import { getTimingFunction, mergeColorProgress, } from '@lightningjs/renderer/utils';
+import { isFunc } from './utils.js';
+export class SimpleAnimation {
+    nodeConfigs = [];
+    isRegistered = false;
+    stage;
+    register(stage) {
+        if (this.isRegistered) {
+            return;
+        }
+        this.isRegistered = true;
+        this.stage = stage;
+        stage.animationManager.registerAnimation(this);
+    }
+    /**
+     * Adds a node and its animation properties to this animation instance.
+     * The animation's start values for the specified properties are captured
+     * from the node's current state when this method is called.
+     *
+     * @param node - The CoreNode to animate.
+     * @param props - The properties to animate and their target values. Only number properties are supported.
+     * @param settings - Animation settings for this specific node animation.
+     */
+    add(node, key, value, settings) {
+        const existingConfig = this.nodeConfigs.find((config) => config.node === node && config.propName === key);
+        const duration = settings.duration ?? 0;
+        const delay = settings.delay ?? 0;
+        const easing = settings.easing || 'linear';
+        const timingFunction = isFunc(easing) ? easing : getTimingFunction(easing);
+        const targetValue = value;
+        const startValue = node[key];
+        if (existingConfig) {
+            existingConfig.duration = duration;
+            existingConfig.delay = delay;
+            existingConfig.easing = easing;
+            existingConfig.timingFunction = timingFunction;
+            existingConfig.targetValue = targetValue;
+            existingConfig.startValue = startValue;
+            existingConfig.progress = 0;
+            existingConfig.delayFor = delay;
+        }
+        else {
+            this.nodeConfigs.push({
+                node,
+                duration,
+                delay,
+                easing,
+                progress: 0,
+                delayFor: delay,
+                timingFunction,
+                propName: key,
+                startValue,
+                targetValue,
+            });
+        }
+    }
+    update(dt) {
+        // Iterate backward to safely remove finished animations
+        for (let i = this.nodeConfigs.length - 1; i >= 0; i--) {
+            const nodeConfig = this.nodeConfigs[i];
+            const { node, duration, timingFunction, propName, startValue, targetValue, } = nodeConfig;
+            let remainingDt = dt;
+            // 1. Handle Delay
+            if (nodeConfig.delayFor > 0) {
+                nodeConfig.delayFor -= remainingDt;
+                if (nodeConfig.delayFor >= 0) {
+                    // Still in delay phase for this node, skip applying values this frame
+                    continue;
+                }
+                else {
+                    // Delay finished this frame, use the remaining time for animation
+                    remainingDt = -nodeConfig.delayFor;
+                    nodeConfig.delayFor = 0;
+                }
+            }
+            // 2. Update Progress (directly on nodeConfig.progress)
+            if (duration > 0) {
+                nodeConfig.progress += remainingDt / duration;
+                // Clamp progress between 0 and 1
+                nodeConfig.progress = Math.max(0, Math.min(1, nodeConfig.progress));
+            }
+            else if (duration === 0 && nodeConfig.delayFor <= 0) {
+                // Duration is 0 and delay is finished or was 0. Animation completes instantly.
+                nodeConfig.progress = 1;
+            }
+            // 3. Calculate Eased Progress
+            const easedProgress = timingFunction(nodeConfig.progress) || nodeConfig.progress;
+            // 4. Apply Animated Values to the Node
+            let interpolatedValue;
+            if (nodeConfig.progress === 1) {
+                interpolatedValue = targetValue;
+            }
+            else {
+                if (propName.includes('color')) {
+                    // Handle color interpolation
+                    interpolatedValue = mergeColorProgress(startValue, targetValue, easedProgress);
+                }
+                else {
+                    // Handle linear interpolation for other number properties
+                    interpolatedValue =
+                        startValue + (targetValue - startValue) * easedProgress;
+                }
+            }
+            // @typescript-eslint/no-explicit-any
+            node.lng[propName] = interpolatedValue; // Cast to any because the properties on CoreNode might have broader types.
+            // 5. Remove Node if Progress is 1
+            if (nodeConfig.progress === 1) {
+                this.nodeConfigs.splice(i, 1);
+            }
+            if (this.nodeConfigs.length === 0) {
+                this.stage?.animationManager.unregisterAnimation(this);
+                this.isRegistered = false;
+            }
+        }
+    }
+}
+export const simpleAnimation = new SimpleAnimation();
+export default simpleAnimation;
+//# sourceMappingURL=animation.js.map

package/dist/src/core/animation.js.map

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

package/dist/src/core/config.d.ts

@@ -0,0 +1,49 @@
+import type { RendererMainSettings } from '@lightningjs/renderer';
+import type { TextProps, AnimationSettings, DollarString } from './intrinsicTypes.js';
+import { type ElementNode } from './elementNode.js';
+/**
+  STATIC LIGHTNING CONFIGURATION \
+  Replace the values below with in your build system, \
+  or set them in the global scope before importing lightning-core.
+*/
+declare global {
+    /** Whether the DOM renderer should be used instead of `@lightningjs/renderer` */
+    var LIGHTNING_DOM_RENDERING: boolean | undefined;
+    /** Whether element shaders should be disabled */
+    var LIGHTNING_DISABLE_SHADERS: boolean | undefined;
+    /** Could be set by vite or other bundler */
+    interface ImportMetaEnv {
+        DEV: boolean;
+    }
+    interface ImportMeta {
+        readonly env: ImportMetaEnv;
+    }
+}
+export declare const isDev: boolean;
+/** Whether the DOM renderer is used instead of `@lightningjs/renderer` */
+export declare const DOM_RENDERING: boolean;
+/** Whether element shaders are enabled */
+export declare const SHADERS_ENABLED: boolean;
+/**
+  RUNTIME LIGHTNING CONFIGURATION \
+  This configuration can be set at runtime, but it is recommended to set it
+  before running any Lightning modules to ensure consistent behavior across the application.
+*/
+export interface Config {
+    debug: boolean;
+    focusDebug: boolean;
+    domRendererEnabled: boolean;
+    keyDebug: boolean;
+    simpleAnimationsEnabled?: boolean;
+    animationSettings?: AnimationSettings;
+    animationsEnabled: boolean;
+    fontSettings: Partial<TextProps>;
+    rendererOptions?: Partial<RendererMainSettings>;
+    setActiveElement: (elm: ElementNode) => void;
+    focusStateKey: DollarString;
+    lockStyles?: boolean;
+    fontWeightAlias?: Record<string, number | string>;
+    throttleInput?: number;
+    taskDelay?: number;
+}
+export declare const Config: Config;

package/dist/src/core/config.js

@@ -0,0 +1,33 @@
+export const isDev = !!(import.meta.env && import.meta.env.DEV);
+/** Whether the DOM renderer is used instead of `@lightningjs/renderer` */
+export const DOM_RENDERING = typeof LIGHTNING_DOM_RENDERING === 'boolean' && LIGHTNING_DOM_RENDERING;
+/** Whether element shaders are enabled */
+export const SHADERS_ENABLED = !(typeof LIGHTNING_DISABLE_SHADERS === 'boolean' && LIGHTNING_DISABLE_SHADERS);
+export const Config = {
+    debug: false,
+    domRendererEnabled: false,
+    focusDebug: false,
+    keyDebug: false,
+    animationsEnabled: true,
+    animationSettings: {
+        duration: 250,
+        easing: 'ease-in-out',
+    },
+    fontSettings: {
+        fontFamily: 'Ubuntu',
+        fontSize: 100,
+    },
+    fontWeightAlias: {
+        thin: 100,
+        light: 300,
+        regular: '',
+        400: '',
+        medium: 500,
+        bold: 700,
+        black: 900,
+    },
+    setActiveElement: () => { },
+    focusStateKey: '$focus',
+    lockStyles: true,
+};
+//# sourceMappingURL=config.js.map

package/dist/src/core/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/core/config.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhE,0EAA0E;AAC1E,MAAM,CAAC,MAAM,aAAa,GACxB,OAAO,uBAAuB,KAAK,SAAS,IAAI,uBAAuB,CAAC;AAE1E,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAC9B,OAAO,yBAAyB,KAAK,SAAS,IAAI,yBAAyB,CAC5E,CAAC;AAyBF,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,KAAK,EAAE,KAAK;IACZ,kBAAkB,EAAE,KAAK;IACzB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE;QACjB,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,aAAa;KACtB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACd;IACD,eAAe,EAAE;QACf,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;KACX;IACD,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,IAAI;CACjB,CAAC"}

package/dist/src/core/domRenderer.d.ts

@@ -0,0 +1,115 @@
+import * as lng from '@lightningjs/renderer';
+import { EventEmitter } from '@lightningjs/renderer/utils';
+import { IRendererShader, IRendererStage, IRendererShaderProps, IRendererTextureProps, IRendererTexture, IRendererMain, IRendererNode, IRendererNodeProps, IRendererTextNode, IRendererTextNodeProps } from './lightningInit.js';
+declare function animate(this: DOMNode, props: Partial<lng.INodeAnimateProps<any>>, settings: Partial<lng.AnimationSettings>): lng.IAnimationController;
+declare class DOMNode extends EventEmitter implements IRendererNode {
+    stage: IRendererStage;
+    props: IRendererNodeProps;
+    div: HTMLDivElement;
+    divBg: HTMLElement | undefined;
+    divBorder: HTMLElement | undefined;
+    id: number;
+    renderState: lng.CoreNodeRenderState;
+    constructor(stage: IRendererStage, props: IRendererNodeProps);
+    destroy(): void;
+    get parent(): IRendererNode | null;
+    set parent(value: IRendererNode | null);
+    animate: typeof animate;
+    get x(): number;
+    set x(v: number);
+    get y(): number;
+    set y(v: number);
+    get w(): number;
+    set w(v: number);
+    get h(): number;
+    set h(v: number);
+    get width(): number;
+    set width(v: number);
+    get height(): number;
+    set height(v: number);
+    get alpha(): number;
+    set alpha(v: number);
+    get autosize(): boolean;
+    set autosize(v: boolean);
+    get clipping(): boolean;
+    set clipping(v: boolean);
+    get color(): number;
+    set color(v: number);
+    get colorTop(): number;
+    set colorTop(v: number);
+    get colorBottom(): number;
+    set colorBottom(v: number);
+    get colorLeft(): number;
+    set colorLeft(v: number);
+    get colorRight(): number;
+    set colorRight(v: number);
+    get colorTl(): number;
+    set colorTl(v: number);
+    get colorTr(): number;
+    set colorTr(v: number);
+    get colorBr(): number;
+    set colorBr(v: number);
+    get colorBl(): number;
+    set colorBl(v: number);
+    get zIndex(): number;
+    set zIndex(v: number);
+    get texture(): lng.Texture | null;
+    set texture(v: lng.Texture | null);
+    get textureOptions(): IRendererNode['textureOptions'];
+    set textureOptions(v: IRendererNode["textureOptions"]);
+    get src(): string | null;
+    set src(v: string | null);
+    get scale(): number;
+    set scale(v: number);
+    get scaleX(): number;
+    set scaleX(v: number);
+    get scaleY(): number;
+    set scaleY(v: number);
+    get mount(): number;
+    set mount(v: number);
+    get mountX(): number;
+    set mountX(v: number);
+    get mountY(): number;
+    set mountY(v: number);
+    get pivot(): number;
+    set pivot(v: number);
+    get pivotX(): number;
+    set pivotX(v: number);
+    get pivotY(): number;
+    set pivotY(v: number);
+    get rotation(): number;
+    set rotation(v: number);
+    get rtt(): boolean;
+    set rtt(v: boolean);
+    get shader(): IRendererShader | null;
+    set shader(v: IRendererShader | null);
+    get data(): IRendererNode['data'];
+    set data(v: IRendererNode["data"]);
+    get imageType(): "regular" | "compressed" | "svg" | null | undefined;
+    set imageType(v: "regular" | "compressed" | "svg" | null | undefined);
+    get srcWidth(): number | undefined;
+    set srcWidth(v: number | undefined);
+    get srcHeight(): number | undefined;
+    set srcHeight(v: number | undefined);
+    get srcX(): number | undefined;
+    set srcX(v: number | undefined);
+    get srcY(): number | undefined;
+    set srcY(v: number | undefined);
+    get boundsMargin(): number | [number, number, number, number] | null;
+    set boundsMargin(value: number | [number, number, number, number] | null);
+    get absX(): number;
+    get absY(): number;
+}
+export declare class DOMRendererMain implements IRendererMain {
+    settings: lng.RendererMainSettings;
+    root: DOMNode;
+    canvas: HTMLCanvasElement;
+    stage: IRendererStage;
+    constructor(settings: lng.RendererMainSettings, rawTarget: string | HTMLElement);
+    createNode(props: Partial<IRendererNodeProps>): IRendererNode;
+    createTextNode(props: Partial<IRendererTextNodeProps>): IRendererTextNode;
+    createShader(shaderType: string, props?: IRendererShaderProps): IRendererShader;
+    createTexture(textureType: keyof lng.TextureMap, props: IRendererTextureProps): IRendererTexture;
+    on(name: string, callback: (target: any, data: any) => void): void;
+}
+export {};