Sampler cube uniform

Author: AndrewRayCode

src/graph/data-nodes.ts

@@ -37,13 +37,13 @@ const TypeCompatibility: Set<GraphDataType>[] = [
 
 export const canMapType = (
   fromType: GraphDataType | undefined,
-  toType: GraphDataType | undefined
+  toType: GraphDataType | undefined,
 ) => {
   if (fromType === toType || !fromType || !toType) {
     return true;
   }
   return TypeCompatibility.some(
-    (compatibility) => compatibility.has(fromType) && compatibility.has(toType)
+    (compatibility) => compatibility.has(fromType) && compatibility.has(toType),
   );
 };
 
@@ -65,7 +65,7 @@ export const numberNode = (
     isRandom?: boolean;
     inputs?: NodeInput[];
     outputs?: NodeOutput[];
-  }
+  },
 ): NumberNode => ({
   type: 'number',
   id,
@@ -95,7 +95,7 @@ export const numberUniformData = (
   name: string,
   value: string,
   range?: [string | number, string | number],
-  stepper?: string | number
+  stepper?: string | number,
 ): NumberDataUniform => ({
   type: 'number',
   name,
@@ -124,7 +124,7 @@ export const textureNode = (
   id: string,
   name: string,
   position: NodePosition,
-  value?: TextureNodeValueData
+  value?: TextureNodeValueData,
 ): TextureNode => ({
   type: 'texture',
   id,
@@ -149,24 +149,28 @@ export type TextureDataUniform = Pick<TextureNode, 'type' | 'value' | 'name'>;
 
 export const textureUniformData = (
   name: string,
-  value: TextureNodeValueData
+  value: TextureNodeValueData,
 ): TextureDataUniform => ({ type: 'texture', name, value });
 
+export type SamplerCubeNodeValueData = {
+  assetId?: number;
+  versionId?: number;
+};
+
 export interface SamplerCubeNode extends BaseNode {
   type: 'samplerCube';
-  value: string;
+  value?: SamplerCubeNodeValueData;
 }
 export const samplerCubeNode = (
   id: string,
   name: string,
   position: NodePosition,
-  value: string
+  value?: SamplerCubeNodeValueData,
 ): SamplerCubeNode => ({
   type: 'samplerCube',
   id,
   name,
   position,
-  value,
   inputs: [],
   outputs: [
     {
@@ -176,6 +180,7 @@ export const samplerCubeNode = (
       category: 'data',
     },
   ],
+  value,
 });
 
 export type SamplerCubeDataUniform = Pick<
@@ -185,8 +190,12 @@ export type SamplerCubeDataUniform = Pick<
 
 export const samplerCubeUniformData = (
   name: string,
-  value: string
-): SamplerCubeDataUniform => ({ type: 'samplerCube', name, value });
+  value: SamplerCubeNodeValueData,
+): SamplerCubeDataUniform => ({
+  type: 'samplerCube',
+  name,
+  value,
+});
 
 export type ArrayValue = string[];
 
@@ -200,7 +209,7 @@ export function arrayNode(
   id: string,
   name: string,
   position: NodePosition,
-  value: ArrayValue
+  value: ArrayValue,
 ): ArrayNode {
   return {
     id,
@@ -246,7 +255,7 @@ export function vectorNode(
   id: string,
   name: string,
   position: NodePosition,
-  value: Vector2 | Vector3 | Vector4
+  value: Vector2 | Vector3 | Vector4,
 ): Vector2Node | Vector3Node | Vector4Node {
   const dataType =
     value.length === 2 ? 'vector2' : value.length === 3 ? 'vector3' : 'vector4';
@@ -267,8 +276,8 @@ export function vectorNode(
     ...(value.length === 2
       ? { value, dimensions: 2, type: 'vector2' }
       : value.length === 3
-      ? { value, dimensions: 3, type: 'vector3' }
-      : { value, dimensions: 4, type: 'vector4' }),
+        ? { value, dimensions: 3, type: 'vector3' }
+        : { value, dimensions: 4, type: 'vector4' }),
   };
 }
 
@@ -279,7 +288,7 @@ export type ArrayDataUniform = Pick<
 
 export const arrayUniformData = (
   name: string,
-  value: ArrayValue
+  value: ArrayValue,
 ): ArrayDataUniform => ({
   name,
   value,
@@ -302,14 +311,14 @@ export type Vector4DataUniform = Pick<
 
 export const vectorUniformData = (
   name: string,
-  value: Vector2 | Vector3 | Vector4
+  value: Vector2 | Vector3 | Vector4,
 ): Vector2DataUniform | Vector3DataUniform | Vector4DataUniform => ({
   name,
   ...(value.length === 2
     ? { value, dimensions: 2, type: 'vector2' }
     : value.length === 3
-    ? { value, dimensions: 3, type: 'vector3' }
-    : { value, dimensions: 4, type: 'vector4' }),
+      ? { value, dimensions: 3, type: 'vector3' }
+      : { value, dimensions: 4, type: 'vector4' }),
 });
 
 export interface RgbNode extends BaseNode {
@@ -327,7 +336,7 @@ export function colorNode(
   id: string,
   name: string,
   position: NodePosition,
-  value: Vector3 | Vector4
+  value: Vector3 | Vector4,
 ): RgbNode | RgbaNode {
   const dataType = value.length === 3 ? 'rgb' : 'rgba';
   return {
@@ -360,7 +369,7 @@ export type RgbaDataUniform = Omit<
 
 export const colorUniformData = (
   name: string,
-  value: Vector3 | Vector4
+  value: Vector3 | Vector4,
 ): RgbDataUniform | RgbaDataUniform => ({
   name,
   ...(value.length === 3