@babylonjs/smart-filters 0.2.0-alpha → 0.3.0-alpha

package/dist/utils/buildTools/shaderConverter.js

@@ -0,0 +1,271 @@
+import * as fs from "fs";
+import * as path from "path";
+const TYPE_IMPORT_PATH = "@TYPE_IMPORT_PATH@";
+const VERTEX_SHADER = "@VERTEX_SHADER@";
+const UNIFORMS = "@UNIFORMS@";
+const CONSTS_VALUE = "@CONSTS@";
+const CONSTS_PROPERTY = "@CONSTS_PROPERTY@";
+const MAIN_INPUT_NAME = "@MAIN_INPUT_NAME@";
+const MAIN_FUNCTION_NAME = "@MAIN_FUNCTION_NAME@";
+const FUNCTIONS = "@FUNCTIONS@";
+const FUNCTION_NAME = "@FUNCTION_NAME@";
+const FUNCTION_CODE = "@FUNCTION_CODE@";
+const UNIFORM_NAMES = "@UNIFORM_NAMES@";
+const ConstsTemplate = `
+        const: \`${CONSTS_VALUE}\`,`;
+const FunctionTemplate = `
+            {
+                name: "${FUNCTION_NAME}",
+                code: \`
+${FUNCTION_CODE}
+                    \`,
+            },`;
+const CodeLinePrefix = "                    ";
+const UniformLinePrefix = "            ";
+const ConstLinePrefix = "            ";
+const ShaderTemplate = `import type { ShaderProgram } from "${TYPE_IMPORT_PATH}";
+
+/**
+ * The shader program for the block.
+ */
+export const shaderProgram: ShaderProgram = {
+    vertex: ${VERTEX_SHADER},
+    fragment: {
+        uniform: \`${UNIFORMS}\`,${CONSTS_PROPERTY}
+        mainInputTexture: "${MAIN_INPUT_NAME}",
+        mainFunctionName: "${MAIN_FUNCTION_NAME}",
+        functions: [${FUNCTIONS}
+        ],
+    },
+};
+
+/**
+ * The uniform names for this shader, to be used in the shader binding so
+ * that the names are always in sync.
+ */
+export const uniforms = {
+${UNIFORM_NAMES}
+};
+`;
+const UniformNameLinePrefix = "    ";
+const GetFunctionNamesRegEx = /\S*\w+\s+(\w+)\s*\(/g;
+/**
+ * Converts a single shader
+ * @param fragmentShaderPath - The path to the fragment file for the shader
+ * @param importPath - The path to import the ShaderProgram type from
+ */
+function convertShader(fragmentShaderPath, importPath) {
+    console.log(`Processing fragment shader: ${fragmentShaderPath}`);
+    // See if there is a corresponding vertex shader
+    let vertexShader = undefined;
+    const vertexShaderPath = fragmentShaderPath.replace(".fragment.glsl", ".vertex.glsl");
+    if (fs.existsSync(vertexShaderPath)) {
+        vertexShader = fs.readFileSync(vertexShaderPath, "utf8");
+    }
+    if (vertexShader) {
+        console.log("Found vertex shader");
+    }
+    // Read the fragment shader
+    const fragmentShader = fs.readFileSync(fragmentShaderPath, "utf8");
+    // Version check
+    const versionsFound = [...fragmentShader.matchAll(/\/\/\s+\[Smart Filter Shader Version\]\s*=\s*(\d+)/g)].map((match) => match[1]);
+    let version = 1;
+    if (versionsFound.length === 1 && versionsFound[0]) {
+        version = parseInt(versionsFound[0]);
+    }
+    console.log(`Shader version: ${version}`);
+    let fragmentShaderInfo;
+    switch (version) {
+        case 1:
+            {
+                fragmentShaderInfo = processFragmentShaderV1(fragmentShader);
+            }
+            break;
+        default: {
+            throw new Error(`Unsupported shader version: ${version}`);
+        }
+    }
+    // Write the shader TS file
+    const shaderFile = fragmentShaderPath.replace(".fragment.glsl", ".shader.ts");
+    const finalContents = ShaderTemplate.replace(VERTEX_SHADER, vertexShader ? `\`${vertexShader}\`` : "undefined")
+        .replace(TYPE_IMPORT_PATH, importPath)
+        .replace(UNIFORMS, "\n" + addLinePrefixes(fragmentShaderInfo.finalUniforms.join("\n"), UniformLinePrefix))
+        .replace(MAIN_FUNCTION_NAME, fragmentShaderInfo.mainFunctionName)
+        .replace(MAIN_INPUT_NAME, fragmentShaderInfo.mainInputName)
+        .replace(CONSTS_PROPERTY, fragmentShaderInfo.finalConsts.length > 0
+        ? ConstsTemplate.replace(CONSTS_VALUE, addLinePrefixes(fragmentShaderInfo.finalConsts.join("\n"), ConstLinePrefix))
+        : "")
+        .replace(FUNCTIONS, fragmentShaderInfo.extractedFunctions.join(""))
+        .replace(UNIFORM_NAMES, addLinePrefixes(fragmentShaderInfo.uniformNames.join("\n"), UniformNameLinePrefix));
+    fs.writeFileSync(shaderFile, finalContents);
+}
+/**
+ * Processes a fragment shader
+ * @param fragmentShader - The fragment shader to process
+ * @returns The processed fragment shader
+ */
+function processFragmentShaderV1(fragmentShader) {
+    const fragmentShaderWithNoFunctionBodies = removeFunctionBodies(fragmentShader);
+    // Collect uniform, const, and function names which need to be decorated
+    // eslint-disable-next-line prettier/prettier
+    const uniforms = [...fragmentShader.matchAll(/\S*uniform.*\s(\w*);/g)].map((match) => match[1]);
+    console.log(`Uniforms found: ${JSON.stringify(uniforms)}`);
+    const consts = [...fragmentShader.matchAll(/\S*const\s+\w*\s+(\w*)\s*=.*;/g)].map((match) => match[1]);
+    console.log(`Consts found: ${JSON.stringify(consts)}`);
+    const functionNames = [...fragmentShaderWithNoFunctionBodies.matchAll(GetFunctionNamesRegEx)].map((match) => match[1]);
+    console.log(`Functions found: ${JSON.stringify(functionNames)}`);
+    // Decorate the uniforms, consts, and functions
+    const symbolsToDecorate = [...uniforms, ...consts, ...functionNames];
+    let fragmentShaderWithRenamedSymbols = fragmentShader;
+    for (const symbol of symbolsToDecorate) {
+        const regex = new RegExp(`(\\S*(?:\\s|;|,|\\)|\\()+)${symbol}((\\s|;|,|\\)|\\()+)`, "gs");
+        fragmentShaderWithRenamedSymbols = fragmentShaderWithRenamedSymbols.replace(regex, `$1_${symbol}_$2`);
+    }
+    console.log(`${symbolsToDecorate.length} symbol(s) renamed`);
+    const uniformNames = uniforms.map((uniform) => `${uniform}: "${uniform}",`);
+    // Extract all the uniforms
+    const finalUniforms = [...fragmentShaderWithRenamedSymbols.matchAll(/^\s*(uniform\s.*)/gm)].map((match) => match[1]);
+    // Extract all the consts
+    const finalConsts = [...fragmentShaderWithRenamedSymbols.matchAll(/^\s*(const\s.*)/gm)].map((match) => match[1]);
+    // Extract all the functions
+    const { extractedFunctions, mainFunctionName } = extractFunctions(fragmentShaderWithRenamedSymbols);
+    // Find the main input
+    const mainInputs = [...fragmentShaderWithRenamedSymbols.matchAll(/\S*uniform.*\s(\w*);\s*\/\/\s*main/gm)].map((match) => match[1]);
+    if (mainInputs.length !== 1 || !mainInputs[0]) {
+        throw new Error("Exactly one main input must be defined in the shader");
+    }
+    const mainInputName = mainInputs[0];
+    return {
+        finalUniforms,
+        mainFunctionName,
+        mainInputName,
+        finalConsts,
+        extractedFunctions,
+        uniformNames,
+    };
+}
+/**
+ * Prefixes each line in the input
+ * @param input - The input string
+ * @param prefix - The prefix to add to each line
+ * @returns The input with each line prefixed
+ */
+function addLinePrefixes(input, prefix) {
+    return input
+        .split("\n")
+        .map((line) => prefix + line)
+        .join("\n");
+}
+/**
+ * Extracts all the functions from the shader
+ * @param fragment - The shader code to process
+ * @returns A list of functions
+ */
+function extractFunctions(fragment) {
+    const lines = fragment.split("\n");
+    const extractedFunctions = [];
+    let mainFunctionName;
+    let inFunction = false;
+    let depth = 0;
+    let currentFunction = "";
+    for (const line of lines) {
+        if (!inFunction && line.includes("{")) {
+            inFunction = true;
+        }
+        if (inFunction) {
+            currentFunction += line + "\n";
+        }
+        for (let pos = 0; pos < line.length; pos++) {
+            if (line[pos] === "{") {
+                depth++;
+            }
+            else if (line[pos] === "}") {
+                depth--;
+            }
+        }
+        if (inFunction && depth === 0) {
+            inFunction = false;
+            const { functionBody, functionName, isMainFunction } = processFunctionBody(currentFunction);
+            extractedFunctions.push(FunctionTemplate.replace(FUNCTION_NAME, functionName).replace(FUNCTION_CODE, addLinePrefixes(functionBody, CodeLinePrefix)));
+            if (isMainFunction) {
+                if (mainFunctionName) {
+                    throw new Error("Multiple main functions found in shader code");
+                }
+                mainFunctionName = functionName;
+            }
+            currentFunction = "";
+        }
+    }
+    if (!mainFunctionName) {
+        throw new Error("No main function found in shader code");
+    }
+    return { extractedFunctions, mainFunctionName };
+}
+/**
+ * Creates code for a ShaderFunction instance from the body of a function
+ * @param functionBody - The body of the function
+ * @returns The body, name, and whether the function is the main function
+ */
+function processFunctionBody(functionBody) {
+    // Extract the function name
+    const functionNamesFound = [...functionBody.matchAll(GetFunctionNamesRegEx)].map((match) => match[1]);
+    const functionName = functionNamesFound[0];
+    if (!functionName) {
+        throw new Error("No function name found in shader code");
+    }
+    const isMainFunction = functionBody.includes("// main");
+    return { functionBody, functionName, isMainFunction };
+}
+/**
+ * Removes all function bodies from the shader code, leaving just curly braces behind at the top level
+ * @param input - The shader code to process
+ * @returns The shader code with all function bodies removed
+ */
+function removeFunctionBodies(input) {
+    let output = "";
+    let depth = 0;
+    for (let pos = 0; pos < input.length; pos++) {
+        if (input[pos] === "{") {
+            depth++;
+            // Special case - if we just hit the first { then include it
+            if (depth === 1) {
+                output += "{";
+            }
+        }
+        else if (input[pos] === "}") {
+            depth--;
+            // Special case - if we just hit the last } then include it
+            if (depth === 0) {
+                output += "}";
+            }
+        }
+        else if (depth === 0) {
+            output += input[pos];
+        }
+    }
+    if (depth !== 0) {
+        console.error("Unbalanced curly braces in shader code");
+    }
+    return output;
+}
+/**
+ * Converts .fragment.glsl and vertex.glsl file pairs into .shader.ts files which export a ShaderProgram object.
+ * @param shaderPath - The path to the .glsl files to convert.
+ * @param importPath - The path to import the ShaderProgram type from.
+ */
+function convertShaders(shaderPath, importPath) {
+    // Get all files in the path
+    const allFiles = fs.readdirSync(shaderPath, { withFileTypes: true, recursive: true });
+    // Find all fragment shaders (excluding the template)
+    const fragmentShaderFiles = allFiles.filter((file) => file.isFile() && file.name.endsWith(".fragment.glsl") && !file.name.endsWith("template.fragment.glsl"));
+    // Convert all shaders
+    for (const fragmentShaderFile of fragmentShaderFiles) {
+        convertShader(path.join(fragmentShaderFile.path, fragmentShaderFile.name), importPath);
+    }
+}
+const externalArguments = process.argv.slice(2);
+if (externalArguments.length >= 2 && externalArguments[0] && externalArguments[1]) {
+    convertShaders(externalArguments[0], externalArguments[1]);
+}
+// TODO: simple copy from shader file to .ts, get it to build (including import trick)
+//# sourceMappingURL=shaderConverter.js.map

package/dist/utils/buildTools/shaderConverter.js.map

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

package/dist/utils/textureLoaders.d.ts

@@ -8,7 +8,8 @@ import { type ThinEngine } from "@babylonjs/core/Engines/thinEngine.js";
  * * A base64 string of in-line texture data, e.g. 'data:image/jpg;base64,/...'
  * @param flipY - Indicates if the Y axis should be flipped
  * @param samplingMode - The sampling mode to use
+ * @param forcedExtension - defines the extension to use to pick the right loader
  * @returns A ThinTexture of the image
  */
-export declare function createImageTexture(engine: ThinEngine, url: string, flipY?: boolean, samplingMode?: number | undefined): ThinTexture;
+export declare function createImageTexture(engine: ThinEngine, url: string, flipY?: boolean, samplingMode?: number | undefined, forcedExtension?: string | null): ThinTexture;
 //# sourceMappingURL=textureLoaders.d.ts.map

package/dist/utils/textureLoaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textureLoaders.d.ts","sourceRoot":"","sources":["../../src/utils/textureLoaders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAExE;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,MAAM,EACX,KAAK,GAAE,OAAc,EACrB,YAAY,GAAE,MAAM,GAAG,SAAqB,GAC7C,WAAW,CAGb"}
+{"version":3,"file":"textureLoaders.d.ts","sourceRoot":"","sources":["../../src/utils/textureLoaders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAExE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,MAAM,EACX,KAAK,GAAE,OAAc,EACrB,YAAY,GAAE,MAAM,GAAG,SAAqB,EAC5C,eAAe,GAAE,MAAM,GAAG,IAAW,GACtC,WAAW,CAeb"}

package/dist/utils/textureLoaders.js

@@ -8,10 +8,11 @@ import {} from "@babylonjs/core/Engines/thinEngine.js";
  * * A base64 string of in-line texture data, e.g. 'data:image/jpg;base64,/...'
  * @param flipY - Indicates if the Y axis should be flipped
  * @param samplingMode - The sampling mode to use
+ * @param forcedExtension - defines the extension to use to pick the right loader
  * @returns A ThinTexture of the image
  */
-export function createImageTexture(engine, url, flipY = true, samplingMode = undefined) {
-    const internalTexture = engine.createTexture(url, true, flipY, null, samplingMode);
+export function createImageTexture(engine, url, flipY = true, samplingMode = undefined, forcedExtension = null) {
+    const internalTexture = engine.createTexture(url, true, flipY, null, samplingMode, null, null, null, null, null, forcedExtension);
     return new ThinTexture(internalTexture);
 }
 /*

package/dist/utils/textureLoaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"textureLoaders.js","sourceRoot":"","sources":["../../src/utils/textureLoaders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAmB,MAAM,uCAAuC,CAAC;AAExE;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAC9B,MAAkB,EAClB,GAAW,EACX,QAAiB,IAAI,EACrB,eAAmC,SAAS;IAE5C,MAAM,eAAe,GAAG,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;IACnF,OAAO,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC;AAC5C,CAAC;AAED;;;;EAIE"}
+{"version":3,"file":"textureLoaders.js","sourceRoot":"","sources":["../../src/utils/textureLoaders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAmB,MAAM,uCAAuC,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAC9B,MAAkB,EAClB,GAAW,EACX,QAAiB,IAAI,EACrB,eAAmC,SAAS,EAC5C,kBAAiC,IAAI;IAErC,MAAM,eAAe,GAAG,MAAM,CAAC,aAAa,CACxC,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,eAAe,CAClB,CAAC;IACF,OAAO,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC;AAC5C,CAAC;AAED;;;;EAIE"}

package/dist/utils/uniqueIdGenerator.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Helper class used to generate IDs unique to the current session
+ */
+export declare class UniqueIdGenerator {
+    /**
+     * The next unique ID to be returned
+     */
+    static _NextUniqueId: number;
+    /**
+     * Gets a unique (relatively to the current session) Id
+     */
+    static get UniqueId(): number;
+    /**
+     * Ensures future generated IDs are greater than the specified value
+     * @param minimum - The minimum value that future generated IDs should be greater than
+     */
+    static EnsureIdsGreaterThan(minimum: number): void;
+}
+//# sourceMappingURL=uniqueIdGenerator.d.ts.map

package/dist/utils/uniqueIdGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uniqueIdGenerator.d.ts","sourceRoot":"","sources":["../../src/utils/uniqueIdGenerator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,iBAAiB;IAC1B;;OAEG;IACH,OAAc,aAAa,SAAK;IAEhC;;OAEG;IACH,WAAkB,QAAQ,WAIzB;IAED;;;OAGG;WACW,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAK5D"}

package/dist/utils/uniqueIdGenerator.js

@@ -0,0 +1,27 @@
+/**
+ * Helper class used to generate IDs unique to the current session
+ */
+export class UniqueIdGenerator {
+    /**
+     * Gets a unique (relatively to the current session) Id
+     */
+    static get UniqueId() {
+        const result = this._NextUniqueId;
+        this._NextUniqueId++;
+        return result;
+    }
+    /**
+     * Ensures future generated IDs are greater than the specified value
+     * @param minimum - The minimum value that future generated IDs should be greater than
+     */
+    static EnsureIdsGreaterThan(minimum) {
+        if (this._NextUniqueId <= minimum) {
+            this._NextUniqueId = minimum + 1;
+        }
+    }
+}
+/**
+ * The next unique ID to be returned
+ */
+UniqueIdGenerator._NextUniqueId = 1;
+//# sourceMappingURL=uniqueIdGenerator.js.map

package/dist/utils/uniqueIdGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uniqueIdGenerator.js","sourceRoot":"","sources":["../../src/utils/uniqueIdGenerator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAO,iBAAiB;IAM1B;;OAEG;IACI,MAAM,KAAK,QAAQ;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAClC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,OAAO,MAAM,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,oBAAoB,CAAC,OAAe;QAC9C,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;;AAtBD;;GAEG;AACW,+BAAa,GAAG,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@babylonjs/smart-filters",
-    "version": "0.2.0-alpha",
-    "description": "Babylon.js Smart Filter core and common block library",
+    "version": "0.3.0-alpha",
+    "description": "Babylon.js Smart Filter core",
     "author": {
         "name": "Sebastien VANDENBERGHE"
     },
@@ -24,7 +24,9 @@
     "esnext": "dist/index",
     "types": "dist/index",
     "type": "module",
-    "sideEffects": false,
+    "sideEffects": [
+        "./dist/utils/buildTools/**"
+    ],
     "repository": {
         "type": "git",
         "url": "git+https://github.com/BabylonJS/SmartFilters.git"
@@ -37,8 +39,11 @@
     ],
     "scripts": {
         "clean": "rimraf dist && rimraf tsconfig.build.tsbuildinfo",
-        "versionUp": "node tools/versionUp.js",
-        "build": "tsc -p ./tsconfig.build.json",
+        "versionUp": "node buildTools/versionUp.js",
+        "build": "npm run build:buildTools && npm run build:runTools && npm run build:core",
+        "build:core": "tsc -p ./tsconfig.build.json",
+        "build:buildTools": "tsc -p ./tsconfig.buildTools.build.json",
+        "build:runTools": "node buildTools/dist/shaderConverter.js ./src/blocks ../utils/shaderCodeUtils",
         "watch": "tsc -p ./tsconfig.build.json --watch",
         "test": "echo \"Error: run test from the root of the monorepo\" && exit 1"
     },

package/readme.md

@@ -163,3 +163,15 @@ The overall system is trying at best to follow 3 simple rules:
 -   Be CPU efficient: for instance, we are trying to be branchless in most of our commands and we try to keep the number of commands as low as possible.
 -   Be memory efficient: no commands should allocate memory as it could trigger some garbage collection at the expense of frame loss.
 -   Be GPU efficient: the graph and texture optimizers minimize the number of "passes" required to render an image and the GPU resources used by the graph.
+
+## Requirements for GLSL code
+
+To be imported into blocks, the following requirements must be met by .glsl files:
+
+1. There must be a sampler2D uniform designed as the main input texture (the one to be passed along) if this block is disabled. It must have a comment on its line like this:
+   `// main`
+1. There must be a single main function which takes in a vec2 named vUV and returns a vec4, and it must have a comment on its line like this:
+   `// main`
+1. Any uniforms which should have the same value across all instances of the same block should have a comment on its line like this:
+   `// single`
+1. Functions must be declared with the open { on the same line as the function name

package/src/blocks/baseBlock.ts

@@ -1,12 +1,11 @@
 import type { Nullable } from "@babylonjs/core/types";
-import { UniqueIdGenerator } from "@babylonjs/core/Misc/uniqueIdGenerator.js";
-
 import { ConnectionPointType, type ConnectionPointValue } from "../connection/connectionPointType.js";
 import type { InitializationData, SmartFilter } from "../smartFilter";
 import type { ICommandOwner } from "../command/command";
 import { ConnectionPoint, type RuntimeData } from "../connection/connectionPoint.js";
 import { ConnectionPointWithDefault } from "../connection/connectionPointWithDefault.js";
 import { ConnectionPointDirection } from "../connection/connectionPointDirection.js";
+import { UniqueIdGenerator } from "../utils/uniqueIdGenerator.js";
 
 /**
  * Defines a callback function that is triggered when visiting a block,
@@ -38,7 +37,7 @@ export abstract class BaseBlock implements ICommandOwner {
     /**
      * Global unique id of the block (This is unique for the current session).
      */
-    public readonly uniqueId: number;
+    public uniqueId: number;
 
     /**
      * The name of the block. This is used to identify the block in the smart filter or in debug.

package/src/blocks/copyBlock.fragment.glsl

@@ -0,0 +1,5 @@
+uniform sampler2D input; // main
+
+vec4 copy(vec2 vUV) { // main
+    return texture2D(input, vUV);
+}

package/src/blocks/copyBlock.shader.ts

@@ -0,0 +1,33 @@
+import type { ShaderProgram } from "../utils/shaderCodeUtils";
+
+/**
+ * The shader program for the block.
+ */
+export const shaderProgram: ShaderProgram = {
+    vertex: undefined,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_; // main`,
+        mainInputTexture: "_input_",
+        mainFunctionName: "_copy_",
+        functions: [
+            {
+                name: "_copy_",
+                code: `
+                    vec4 _copy_(vec2 vUV) { // main
+                        return texture2D(_input_, vUV);
+                    }
+                    
+                    `,
+            },
+        ],
+    },
+};
+
+/**
+ * The uniform names for this shader, to be used in the shader binding so
+ * that the names are always in sync.
+ */
+export const uniforms = {
+    input: "input",
+};

package/src/blocks/copyBlock.ts

@@ -1,32 +1,11 @@
 import type { Effect } from "@babylonjs/core/Materials/effect";
 
-import type { ShaderProgram } from "../utils/shaderCodeUtils";
 import type { SmartFilter } from "../smartFilter";
 import { ConnectionPointType } from "../connection/connectionPointType.js";
 import { ShaderBlock } from "./shaderBlock.js";
 import { ShaderBinding } from "../runtime/shaderRuntime.js";
 import type { RuntimeData } from "../connection/connectionPoint";
-
-const shaderProgram: ShaderProgram = {
-    fragment: {
-        uniform: `
-            uniform sampler2D _input_;
-        `,
-
-        mainFunctionName: "_copy_",
-
-        functions: [
-            {
-                name: "_copy_",
-                code: `
-                    vec4 _copy_(vec2 vUV) {
-                        return texture2D(_input_, vUV);
-                    }
-                `,
-            },
-        ],
-    },
-};
+import { shaderProgram, uniforms } from "./copyBlock.shader.js";
 
 /**
  * The shader bindings for the Copy block.
@@ -50,7 +29,7 @@ export class CopyShaderBinding extends ShaderBinding {
      * @internal
      */
     public override bind(effect: Effect): void {
-        effect.setTexture(this.getRemappedName("input"), this._inputTexture.value);
+        effect.setTexture(this.getRemappedName(uniforms.input), this._inputTexture.value);
     }
 }
 
@@ -59,7 +38,7 @@ export class CopyShaderBinding extends ShaderBinding {
  *
  * This might be helpful to duplicate a texture if necessary.
  *
- * It simply takes a texture as input and outputs it to another texture or the main canvas.
+ * It simply takes a texture as input and outputs it to another texture or to the main canvas.
  */
 export class CopyBlock extends ShaderBlock {
     /**
@@ -91,11 +70,7 @@ export class CopyBlock extends ShaderBlock {
      * @returns The class instance that binds the data to the effect
      */
     public getShaderBinding(): ShaderBinding {
-        const input = this.input.runtimeData;
-
-        if (!input) {
-            throw new Error(`The input texture is missing for the CopyBlock named ${this.name}`);
-        }
+        const input = this._confirmRuntimeDataSupplied(this.input);
 
         return new CopyShaderBinding(this, input);
     }

package/src/blocks/inputBlock.deserializer.ts

@@ -0,0 +1,38 @@
+import { InputBlock } from "./inputBlock.js";
+import type { SerializedInputBlockData } from "./inputBlock.serialization.types.js";
+import { ConnectionPointType } from "../connection/connectionPointType.js";
+import type { SmartFilter } from "../smartFilter.js";
+import type { ISerializedBlockV1 } from "../serialization/v1/serialization.types.js";
+import { createImageTexture } from "../utils/textureLoaders.js";
+import type { ThinEngine } from "@babylonjs/core/Engines/thinEngine.js";
+
+/**
+ * V1 Input Block Deserializer
+ * @param smartFilter - The SmartFilter to deserialize the block into
+ * @param serializedBlock - The serialized block data
+ * @param engine - The ThinEngine to use for loading textures
+ * @returns A deserialized InputBlock
+ */
+export function inputBlockDeserializer(
+    smartFilter: SmartFilter,
+    serializedBlock: ISerializedBlockV1,
+    engine: ThinEngine
+) {
+    const blockData = serializedBlock.data as SerializedInputBlockData;
+
+    switch (blockData.inputType) {
+        case ConnectionPointType.Boolean:
+            return new InputBlock(smartFilter, serializedBlock.name, ConnectionPointType.Boolean, blockData.value);
+        case ConnectionPointType.Float:
+            return new InputBlock(smartFilter, serializedBlock.name, ConnectionPointType.Float, blockData.value);
+        case ConnectionPointType.Texture:
+            return new InputBlock(
+                smartFilter,
+                serializedBlock.name,
+                ConnectionPointType.Texture,
+                blockData.url !== null ? createImageTexture(engine, blockData.url) : null
+            );
+    }
+
+    throw new Error("Could not deserialize input block, unknown input type");
+}