@lightningjs/renderer 3.0.0-beta9 → 3.0.1

package/src/core/shaders/templates/HolePunchTemplate.ts

@@ -1,82 +1,82 @@
-/*
- * Copyright 2023 Comcast Cable Communications Management, LLC
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
-import { validateArrayLength4 } from '../utils.js';
-
-/**
- * Properties of the {@link HolePunch} shader
- */
-export interface HolePunchProps {
-  /**
-   * X position where the hole punch starts
-   */
-  x: number;
-  /**
-   * Y position where the hole punch starts
-   */
-  y: number;
-  /**
-   * Width of the hole punch
-   */
-  width: number;
-  /**
-   * height of the hole punch
-   *
-   * @remarks if not defined uses the width value
-   */
-  height: number;
-  /**
-   * Corner radius in pixels, to cut out of the corners of the hole punch
-   *
-   * @remarks
-   * You can input an array with a length of up to four or a number.
-   *
-   * array length 4:
-   * [topLeft, topRight, bottomRight, bottomLeft]
-   *
-   * array length 2:
-   * [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]
-   *
-   * array length 3:
-   * [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]
-   *
-   * number:
-   * 30 -> [30, 30, 30, 30]
-   *
-   * @default -1
-   */
-  radius: number | number[];
-}
-
-export const HolePunchTemplate: CoreShaderType<HolePunchProps> = {
-  props: {
-    x: 0,
-    y: 0,
-    width: 50,
-    height: 50,
-    radius: {
-      default: [0, 0, 0, 0],
-      resolve(value) {
-        if (value !== undefined) {
-          return validateArrayLength4(value);
-        }
-        return ([] as number[]).concat(this.default);
-      },
-    },
-  },
-};
+/*
+ * Copyright 2023 Comcast Cable Communications Management, LLC
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import { validateArrayLength4 } from '../utils.js';
+
+/**
+ * Properties of the {@link HolePunch} shader
+ */
+export interface HolePunchProps {
+  /**
+   * X position where the hole punch starts
+   */
+  x: number;
+  /**
+   * Y position where the hole punch starts
+   */
+  y: number;
+  /**
+   * Width of the hole punch
+   */
+  w: number;
+  /**
+   * height of the hole punch
+   *
+   * @remarks if not defined uses the width value
+   */
+  h: number;
+  /**
+   * Corner radius in pixels, to cut out of the corners of the hole punch
+   *
+   * @remarks
+   * You can input an array with a length of up to four or a number.
+   *
+   * array length 4:
+   * [topLeft, topRight, bottomRight, bottomLeft]
+   *
+   * array length 2:
+   * [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]
+   *
+   * array length 3:
+   * [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]
+   *
+   * number:
+   * 30 -> [30, 30, 30, 30]
+   *
+   * @default -1
+   */
+  radius: number | number[];
+}
+
+export const HolePunchTemplate: CoreShaderType<HolePunchProps> = {
+  props: {
+    x: 0,
+    y: 0,
+    w: 50,
+    h: 50,
+    radius: {
+      default: [0, 0, 0, 0],
+      resolve(value) {
+        if (value !== undefined) {
+          return validateArrayLength4(value);
+        }
+        return ([] as number[]).concat(this.default);
+      },
+    },
+  },
+};

package/src/core/shaders/templates/LinearGradientTemplate.ts

@@ -1,71 +1,71 @@
-/*
- * Copyright 2023 Comcast Cable Communications Management, LLC
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
-
-/**
- * Properties of the {@link LinearGradient} shader
- */
-export interface LinearGradientProps {
-  /**
-   * Array of colors to be used in the LinearGradient shader
-   *
-   * @default [0xff000000, 0xffffffff]
-   */
-  colors: number[];
-  /**
-   * Angle of the LinearGradient shader, Angle in Radians
-   *
-   * @default 0
-   */
-  angle: number;
-  /**
-   * Array of color stops
-   */
-  stops: number[];
-}
-
-export const LinearGradientTemplate: CoreShaderType<LinearGradientProps> = {
-  props: {
-    colors: {
-      default: [0x000000ff, 0xffffffff],
-      resolve(value) {
-        if (value !== undefined && value.length > 0) {
-          return value;
-        }
-        return ([] as number[]).concat(this.default);
-      },
-    },
-    stops: {
-      default: [0, 1],
-      resolve(value, props) {
-        if (value !== undefined && value.length === props.colors.length) {
-          return value;
-        }
-        if (value === undefined) {
-          value = [];
-        }
-        const len = props.colors.length;
-        for (let i = 0; i < len; i++) {
-          value[i] = i * (1 / (len - 1));
-        }
-        return value;
-      },
-    },
-    angle: 0,
-  },
-};
+/*
+ * Copyright 2023 Comcast Cable Communications Management, LLC
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+
+/**
+ * Properties of the {@link LinearGradient} shader
+ */
+export interface LinearGradientProps {
+  /**
+   * Array of colors to be used in the LinearGradient shader
+   *
+   * @default [0xff000000, 0xffffffff]
+   */
+  colors: number[];
+  /**
+   * Angle of the LinearGradient shader, Angle in Radians
+   *
+   * @default 0
+   */
+  angle: number;
+  /**
+   * Array of color stops
+   */
+  stops: number[];
+}
+
+export const LinearGradientTemplate: CoreShaderType<LinearGradientProps> = {
+  props: {
+    colors: {
+      default: [0x000000ff, 0xffffffff],
+      resolve(value) {
+        if (value !== undefined && value.length > 0) {
+          return value;
+        }
+        return ([] as number[]).concat(this.default);
+      },
+    },
+    stops: {
+      default: [0, 1],
+      resolve(value, props) {
+        if (value !== undefined && value.length === props.colors.length) {
+          return value;
+        }
+        if (value === undefined) {
+          value = [];
+        }
+        const len = props.colors.length;
+        for (let i = 0; i < len; i++) {
+          value[i] = i * (1 / (len - 1));
+        }
+        return value;
+      },
+    },
+    angle: 0,
+  },
+};

package/src/core/shaders/templates/RadialGradientTemplate.ts

@@ -1,81 +1,83 @@
-/*
- * Copyright 2023 Comcast Cable Communications Management, LLC
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
-
-/**
- * Properties of the {@link RadialGradient} shader
- */
-export interface RadialGradientProps {
-  /**
-   * Array of colors to be used in the RadialGradient shader
-   *
-   * @default [0xff000000, 0xffffffff]
-   */
-  colors: number[];
-  /**
-   * Array of color stops
-   */
-  stops: number[];
-  /**
-   * Width of the RadialGradientEffect
-   */
-  width: number;
-  /**
-   * height of the RadialGradientEffect
-   *
-   * @remarks if not defined uses the width value
-   */
-  height: number;
-  /**
-   * center point of where the RadialGradientEffect is drawn
-   */
-  pivot: [number, number];
-}
-
-export const RadialGradientTemplate: CoreShaderType<RadialGradientProps> = {
-  props: {
-    colors: {
-      default: [0x000000ff, 0xffffffff],
-      resolve(value) {
-        if (value !== undefined && value.length > 0) {
-          return value;
-        }
-        return ([] as number[]).concat(this.default);
-      },
-    },
-    stops: {
-      default: [0, 1],
-      resolve(value, props) {
-        if (value !== undefined && value.length === props.colors.length) {
-          return value;
-        }
-        if (value === undefined) {
-          value = [];
-        }
-        const len = props.colors.length;
-        for (let i = 0; i < len; i++) {
-          value[i] = i * (1 / (len - 1));
-        }
-        return value;
-      },
-    },
-    width: 50,
-    height: 50,
-    pivot: [0.5, 0.5],
-  },
-};
+/*
+ * Copyright 2023 Comcast Cable Communications Management, LLC
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+
+/**
+ * Properties of the {@link RadialGradient} shader
+ */
+export interface RadialGradientProps {
+  /**
+   * Array of colors to be used in the RadialGradient shader
+   *
+   * @default [0xff000000, 0xffffffff]
+   */
+  colors: number[];
+  /**
+   * Array of color stops
+   */
+  stops: number[];
+  /**
+   * radial width of the RadialGradientEffect
+   *
+   * @remarks from the center to the outer edge of the gradient
+   */
+  w: number;
+  /**
+   * radial height of the RadialGradientEffect
+   * if not defined uses the width value
+   * @remarks from the center to the outer edge of the gradient
+   */
+  h: number;
+  /**
+   * center point of where the RadialGradientEffect is drawn
+   */
+  pivot: [number, number];
+}
+
+export const RadialGradientTemplate: CoreShaderType<RadialGradientProps> = {
+  props: {
+    colors: {
+      default: [0x000000ff, 0xffffffff],
+      resolve(value) {
+        if (value !== undefined && value.length > 0) {
+          return value;
+        }
+        return ([] as number[]).concat(this.default);
+      },
+    },
+    stops: {
+      default: [0, 1],
+      resolve(value, props) {
+        if (value !== undefined && value.length === props.colors.length) {
+          return value;
+        }
+        if (value === undefined) {
+          value = [];
+        }
+        const len = props.colors.length;
+        for (let i = 0; i < len; i++) {
+          value[i] = i * (1 / (len - 1));
+        }
+        return value;
+      },
+    },
+    w: 50,
+    h: 50,
+    pivot: [0.5, 0.5],
+  },
+};

package/src/core/shaders/templates/RoundedTemplate.ts

@@ -1,98 +1,98 @@
-/*
- * Copyright 2023 Comcast Cable Communications Management, LLC
- * 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.
- *
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
-import type { Vec4 } from '../../renderers/webgl/internal/ShaderUtils.js';
-import { validateArrayLength4 } from '../utils.js';
-
-/**
- * Properties of the {@link RoundedRectangle} shader
- */
-export interface RoundedProps {
-  /**
-   * Corner radius, in pixels, to cut out of the corners
-   *
-   * @defaultValue 0
-   */
-  radius: number | number[];
-  /**
-   * sets top-left corner
-   */
-  'top-left': number;
-  /**
-   * sets top-right corner
-   */
-  'top-right': number;
-  /**
-   * sets bottom-right corner
-   */
-  'bottom-right': number;
-  /**
-   * sets bottom-left corner
-   */
-  'bottom-left': number;
-}
-
-export const RoundedTemplate: CoreShaderType<RoundedProps> = {
-  props: {
-    radius: {
-      default: [0, 0, 0, 0],
-      resolve(value) {
-        if (value !== undefined) {
-          return validateArrayLength4(value);
-        }
-        return ([] as number[]).concat(this.default);
-      },
-    },
-    'top-left': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[0] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[0];
-      },
-    },
-    'top-right': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[1] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[1];
-      },
-    },
-    'bottom-right': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[2] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[2];
-      },
-    },
-    'bottom-left': {
-      default: 0,
-      set(value, props) {
-        (props.radius as Vec4)[3] = value;
-      },
-      get(props) {
-        return (props.radius as Vec4)[3];
-      },
-    },
-  },
-};
+/*
+ * Copyright 2023 Comcast Cable Communications Management, LLC
+ * 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type { CoreShaderType } from '../../renderers/CoreShaderNode.js';
+import type { Vec4 } from '../../renderers/webgl/internal/ShaderUtils.js';
+import { validateArrayLength4 } from '../utils.js';
+
+/**
+ * Properties of the {@link RoundedRectangle} shader
+ */
+export interface RoundedProps {
+  /**
+   * Corner radius, in pixels, to cut out of the corners
+   *
+   * @defaultValue 0
+   */
+  radius: number | number[];
+  /**
+   * sets top-left corner
+   */
+  'top-left': number;
+  /**
+   * sets top-right corner
+   */
+  'top-right': number;
+  /**
+   * sets bottom-right corner
+   */
+  'bottom-right': number;
+  /**
+   * sets bottom-left corner
+   */
+  'bottom-left': number;
+}
+
+export const RoundedTemplate: CoreShaderType<RoundedProps> = {
+  props: {
+    radius: {
+      default: [0, 0, 0, 0],
+      resolve(value) {
+        if (value !== undefined) {
+          return validateArrayLength4(value);
+        }
+        return ([] as number[]).concat(this.default);
+      },
+    },
+    'top-left': {
+      default: 0,
+      set(value, props) {
+        (props.radius as Vec4)[0] = value;
+      },
+      get(props) {
+        return (props.radius as Vec4)[0];
+      },
+    },
+    'top-right': {
+      default: 0,
+      set(value, props) {
+        (props.radius as Vec4)[1] = value;
+      },
+      get(props) {
+        return (props.radius as Vec4)[1];
+      },
+    },
+    'bottom-right': {
+      default: 0,
+      set(value, props) {
+        (props.radius as Vec4)[2] = value;
+      },
+      get(props) {
+        return (props.radius as Vec4)[2];
+      },
+    },
+    'bottom-left': {
+      default: 0,
+      set(value, props) {
+        (props.radius as Vec4)[3] = value;
+      },
+      get(props) {
+        return (props.radius as Vec4)[3];
+      },
+    },
+  },
+};