@babylonjs/smart-filters-blocks 0.8.1

package/dist/registration/builtInBlockRegistrations.js

@@ -0,0 +1,269 @@
+import { InputBlock, ConnectionPointType, CustomShaderBlock, } from "@babylonjs/smart-filters";
+import { babylonDemoEffectsNamespace, babylonDemoTransitionsNamespace, babylonDemoUtilitiesNamespace, inputsNamespace, } from "../blocks/blockNamespaces.js";
+import { blackAndWhiteBlockType, kaleidoscopeBlockType, posterizeBlockType, desaturateBlockType, contrastBlockType, greenScreenBlockType, pixelateBlockType, exposureBlockType, maskBlockType, spritesheetBlockType, premultiplyAlphaBlockType, wipeBlockType, blurBlockType, compositionBlockType, tintBlockType, } from "../blocks/blockTypes.js";
+/**
+ * The list of block registrations.
+ *
+ * Important notes:
+ *   1. Do not import the block code directly in this file. Instead, use dynamic imports to ensure that the block code
+ *      is only loaded when needed.
+ *   2. If the deserializer is trivial (doesn't require consulting the serializedBlock.data), it can be implemented here
+ *   3. If the deserializer is non-trivial (needs serializedBlock.data), implement it in a separate file alongside the block
+ *      in the form blockClassName.deserializer.ts
+ */
+export const builtInBlockRegistrations = [
+    // Blocks with trivial deserializers
+    // Note that some choose to predefine corresponding input blocks if not being deserialized
+    // ---------------------------------------------------------------------------------------
+    {
+        blockType: blackAndWhiteBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "blackAndWhiteBlock" */ "../blocks/babylon/demo/effects/blackAndWhiteBlock.block.js");
+            return new module.BlackAndWhiteBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "BlackAndWhite");
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Transform the input texture to black and white",
+    },
+    {
+        blockType: kaleidoscopeBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "kaleidoscopeBlock" */ "../blocks/babylon/demo/effects/kaleidoscopeBlock.js");
+            const block = new module.KaleidoscopeBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Kaleidoscope");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Angle", ConnectionPointType.Float, 0);
+                input.output.connectTo(block.time);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Kaleidoscope effect",
+    },
+    {
+        blockType: posterizeBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "posterizeBlock" */ "../blocks/babylon/demo/effects/posterizeBlock.block.js");
+            const block = new module.PosterizeBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Posterize");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Intensity", ConnectionPointType.Float, 0.5);
+                input.output.connectTo(block.intensity);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Posterize to the input texture",
+    },
+    {
+        blockType: desaturateBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "desaturateBlock" */ "../blocks/babylon/demo/effects/desaturateBlock.block.js");
+            const block = new module.DesaturateBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Desaturate");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Intensity", ConnectionPointType.Float, 0.5);
+                input.output.connectTo(block.intensity);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Applies a desaturated effect to the input texture",
+    },
+    {
+        blockType: contrastBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "contrastBlock" */ "../blocks/babylon/demo/effects/contrastBlock.block.js");
+            const block = new module.ContrastBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Contrast");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Intensity", ConnectionPointType.Float, 0.5);
+                input.output.connectTo(block.intensity);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Change the contrast of the input texture",
+    },
+    {
+        blockType: greenScreenBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "greenScreenBlock" */ "../blocks/babylon/demo/effects/greenScreenBlock.block.js");
+            const block = new module.GreenScreenBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "GreenScreen");
+            if (!serializedBlock) {
+                const reference = new InputBlock(smartFilter, "Reference", ConnectionPointType.Color3, {
+                    r: 92 / 255,
+                    g: 204 / 255,
+                    b: 78 / 255,
+                });
+                const distance = new InputBlock(smartFilter, "Distance", ConnectionPointType.Float, 0.25);
+                reference.output.connectTo(block.reference);
+                distance.output.connectTo(block.distance);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Replaces a green screen background with a different texture",
+    },
+    {
+        blockType: pixelateBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "pixelateBlock" */ "../blocks/babylon/demo/effects/pixelateBlock.block.js");
+            const block = new module.PixelateBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Pixelate");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Intensity", ConnectionPointType.Float, 0.4);
+                input.output.connectTo(block.intensity);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Add pixelation to the input texture",
+    },
+    {
+        blockType: exposureBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "exposureBlock" */ "../blocks/babylon/demo/effects/exposureBlock.block.js");
+            const block = new module.ExposureBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Exposure");
+            if (!serializedBlock) {
+                const input = new InputBlock(smartFilter, "Amount", ConnectionPointType.Float, 0.7);
+                input.output.connectTo(block.amount);
+            }
+            return block;
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Alters the exposure of the input texture",
+    },
+    {
+        blockType: maskBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "maskBlock" */ "../blocks/babylon/demo/effects/maskBlock.block.js");
+            return new module.MaskBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Mask");
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Applies mask in one texture to another texture",
+    },
+    {
+        blockType: spritesheetBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "spritesheetBlock" */ "../blocks/babylon/demo/effects/spritesheetBlock.js");
+            return new module.SpritesheetBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Spritesheet");
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Animates a sprite sheet texture",
+    },
+    {
+        blockType: premultiplyAlphaBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "premultiplyAlphaBlock" */ "../blocks/babylon/demo/utilities/premultiplyAlphaBlock.block.js");
+            return new module.PremultiplyAlphaBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "PremultiplyAlpha");
+        },
+        namespace: babylonDemoUtilitiesNamespace,
+        tooltip: "Premultiplies the input texture's color against its alpha",
+    },
+    {
+        blockType: wipeBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "wipeBlock" */ "../blocks/babylon/demo/transitions/wipeBlock.block.js");
+            return new module.WipeBlock(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Wipe");
+        },
+        namespace: babylonDemoTransitionsNamespace,
+        tooltip: "Transition from one texture to another using a wipe",
+    },
+    // Blocks with custom deserializers
+    // --------------------------------
+    {
+        blockType: blurBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            if (serializedBlock) {
+                const module = await import(
+                /* webpackChunkName: "blurBlockDeserializer" */ "../blocks/babylon/demo/effects/blurBlock.deserializer.js");
+                return module.blurBlockDeserializer(smartFilter, serializedBlock);
+            }
+            else {
+                const module = await import(
+                /* webpackChunkName: "blurBlock" */ "../blocks/babylon/demo/effects/blurBlock.js");
+                return new module.BlurBlock(smartFilter, "Blur");
+            }
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Blur the input texture",
+    },
+    {
+        blockType: compositionBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            if (serializedBlock) {
+                const module = await import(
+                /* webpackChunkName: "compositionBlockDeserializer" */ "../blocks/babylon/demo/effects/compositionBlock.deserializer.js");
+                return module.compositionDeserializer(smartFilter, serializedBlock);
+            }
+            else {
+                const module = await import(
+                /* webpackChunkName: "compositionBlock" */ "../blocks/babylon/demo/effects/compositionBlock.js");
+                const block = new module.CompositionBlock(smartFilter, "Composition");
+                const top = new InputBlock(smartFilter, "Top", ConnectionPointType.Float, 0.0);
+                const left = new InputBlock(smartFilter, "Left", ConnectionPointType.Float, 0.0);
+                const width = new InputBlock(smartFilter, "Width", ConnectionPointType.Float, 1.0);
+                const height = new InputBlock(smartFilter, "Height", ConnectionPointType.Float, 1.0);
+                top.output.connectTo(block.foregroundTop);
+                left.output.connectTo(block.foregroundLeft);
+                width.output.connectTo(block.foregroundWidth);
+                height.output.connectTo(block.foregroundHeight);
+                return block;
+            }
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Composite the foreground texture over the background texture",
+    },
+    // Blocks defined by serialized definitions
+    // ----------------------------------------
+    {
+        blockType: tintBlockType,
+        factory: async (smartFilter, _engine, _smartFilterDeserializer, serializedBlock) => {
+            const module = await import(
+            /* webpackChunkName: "tintBlock" */ "../blocks/babylon/demo/effects/tintBlock.js");
+            return CustomShaderBlock.Create(smartFilter, (serializedBlock === null || serializedBlock === void 0 ? void 0 : serializedBlock.name) || "Tint", module.deserializedTintBlockDefinition);
+        },
+        namespace: babylonDemoEffectsNamespace,
+        tooltip: "Adds colored tint to the input texture",
+    },
+    // Standard input blocks
+    // ---------------------
+    {
+        blockType: "Float",
+        namespace: inputsNamespace,
+        tooltip: "A floating point number representing a value with a fractional component",
+    },
+    {
+        blockType: "Color3",
+        namespace: inputsNamespace,
+        tooltip: "A set of 3 floating point numbers representing a color",
+    },
+    {
+        blockType: "Color4",
+        namespace: inputsNamespace,
+        tooltip: "A set of 4 floating point numbers representing a color",
+    },
+    {
+        blockType: "Texture",
+        namespace: inputsNamespace,
+        tooltip: "A texture to be used as input",
+    },
+    {
+        blockType: "Vector2",
+        namespace: inputsNamespace,
+        tooltip: "A Vector2 to be used as input",
+    },
+    {
+        blockType: "Boolean",
+        namespace: inputsNamespace,
+        tooltip: "A boolean to be used as input",
+    },
+];
+//# sourceMappingURL=builtInBlockRegistrations.js.map

package/dist/registration/builtInBlockRegistrations.js.map

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

package/dist/registration/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./builtInBlockRegistrations.js";
+export * from "./IBlockRegistration.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/registration/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/registration/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC"}

package/dist/registration/index.js

@@ -0,0 +1,3 @@
+export * from "./builtInBlockRegistrations.js";
+export * from "./IBlockRegistration.js";
+//# sourceMappingURL=index.js.map

package/dist/registration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/registration/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC"}

package/license.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Babylon.js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,52 @@
+{
+    "name": "@babylonjs/smart-filters-blocks",
+    "version": "0.8.1",
+    "description": "Babylon.js Smart Filter Block Library",
+    "keywords": [
+        "video",
+        "composition",
+        "3D",
+        "2D",
+        "javascript",
+        "html5",
+        "webgl",
+        "webgl2",
+        "webgpu",
+        "babylon"
+    ],
+    "license": "MIT",
+    "readme": "README.md",
+    "main": "dist/index",
+    "module": "dist/index",
+    "esnext": "dist/index",
+    "types": "dist/index",
+    "type": "module",
+    "sideEffects": false,
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/BabylonJS/SmartFilters.git"
+    },
+    "files": [
+        "dist",
+        "src",
+        "license.md",
+        "readme.md"
+    ],
+    "scripts": {
+        "clean": "rimraf dist && rimraf tsconfig.build.tsbuildinfo && rimraf --glob ./src/blocks/**/*.block.ts && rimraf --glob ./src/blocks/**/*.fragment.ts",
+        "preparePublish": "node build/preparePublish.js",
+        "build": "npm run build:runTools && npm run build:blocks",
+        "build:blocks": "tsc -p ./tsconfig.build.json",
+        "build:runTools": "node ../core/dist/utils/buildTools/buildShaders.js ./src/blocks @babylonjs/smart-filters",
+        "watch": "concurrently \"npm run watch:blocks\" \"npm run watch:shaders\"",
+        "watch:blocks": "tsc -p ./tsconfig.build.json --watch",
+        "watch:shaders": "node ../core/dist/utils/buildTools/watchShaders.js ./src/blocks @babylonjs/smart-filters",
+        "test": "echo \"Error: run test from the root of the monorepo\" && exit 1"
+    },
+    "peerDependencies": {
+        "@babylonjs/core": "^7.54.2"
+    },
+    "dependencies": {
+        "@babylonjs/smart-filters": "0.8.1"
+    }
+}

package/readme.md

@@ -0,0 +1,7 @@
+# Babylon.js Smart Filters
+
+## Blocks
+
+This package contains a library of blocks for use with Babylon Smart Filters (see @babylonjs/smart-filters).
+
+See the full documentation at [doc.babylonjs.com](https://doc.babylonjs.com/features/featuresDeepDive/smartFilters/)

package/src/blocks/babylon/demo/effects/blackAndWhiteBlock.block.glsl

@@ -0,0 +1,18 @@
+/*
+{
+    "smartFilterBlockType": "BlackAndWhiteBlock", 
+    "namespace": "Babylon.Demo.Effects",
+    "blockDisableStrategy": "AutoSample"
+}
+*/
+
+uniform sampler2D input; // main
+
+vec4 blackAndWhite(vec2 vUV) { // main
+    vec4 color = texture2D(input, vUV);
+
+    float luminance = dot(color.rgb, vec3(0.3, 0.59, 0.11));
+    vec3 bg = vec3(luminance, luminance, luminance);
+
+    return vec4(bg, color.a);
+}

package/src/blocks/babylon/demo/effects/blackAndWhiteBlock.block.ts

@@ -0,0 +1,133 @@
+/* eslint-disable prettier/prettier */
+// ************************************************************
+// Note: this file is auto-generated, do not modify it directly
+// ************************************************************
+
+// It was generated by convertGlslIntoBlock() from
+// an annotated .glsl file. Modify the .glsl file to make changes
+// to the block. This file will get overwritten when the build
+// is run or during a watch when the .glsl file is updated.
+
+import type { Effect } from "@babylonjs/core/Materials/effect";
+
+import {
+    DisableableShaderBinding,
+    type RuntimeData,
+    ConnectionPointType,
+    type SmartFilter,
+    DisableableShaderBlock,
+    type ShaderProgram,
+    type IDisableableBlock,
+    BlockDisableStrategy} from "@babylonjs/smart-filters";
+
+/**
+ * The shader program for the block.
+ */
+const shaderProgram: ShaderProgram = {
+    vertex: undefined,
+    fragment: {
+        uniform: `
+            uniform sampler2D _input_; // main`,
+        mainInputTexture: "_input_",
+        mainFunctionName: "_blackAndWhite_",
+        functions: [
+            {
+                name: "_blackAndWhite_",
+                code: `
+                    vec4 _blackAndWhite_(vec2 vUV) { 
+                        vec4 color = texture2D(_input_, vUV);
+                    
+                        float luminance = dot(color.rgb, vec3(0.3, 0.59, 0.11));
+                        vec3 bg = vec3(luminance, luminance, luminance);
+                    
+                        return vec4(bg, color.a);
+                    }
+                    
+                    `,
+                params: "vec2 vUV",
+            },
+        ],
+    },
+};
+
+/**
+ * The uniform names for this shader, to be used in the shader binding so
+ * that the names are always in sync.
+ */
+const uniforms = {
+    input: "input",
+};
+
+/**
+ * The shader binding for the BlackAndWhiteBlock, used by the runtime
+ */
+class BlackAndWhiteBlockShaderBinding extends DisableableShaderBinding {
+    private readonly _input: RuntimeData<ConnectionPointType.Texture>;
+
+    /**
+     * Creates a new shader binding instance for the block.
+     * @param parentBlock - IDisableableBlock
+     * @param input - The input runtime value
+     */
+    constructor(
+        parentBlock: IDisableableBlock,
+        input: RuntimeData<ConnectionPointType.Texture>
+    ) {
+        super(parentBlock);
+        this._input = input;
+    }
+
+    /**
+     * Binds all the required data to the shader when rendering.
+     * @param effect - defines the effect to bind the data to
+     */
+    public override bind(effect: Effect): void {
+        super.bind(effect);
+        effect.setTexture(this.getRemappedName(uniforms.input), this._input.value);
+    }
+}
+
+/**
+ * The implementation of the BlackAndWhiteBlock
+ */
+export class BlackAndWhiteBlock extends DisableableShaderBlock {
+    /**
+     * The class name of the block.
+     */
+    public static override ClassName = "BlackAndWhiteBlock";
+
+    /**
+     * The namespace of the block.
+     */
+    public static override Namespace = "Babylon.Demo.Effects";
+
+    /**
+     * The input connection point.
+     */
+    public readonly input = this._registerInput(uniforms.input, ConnectionPointType.Texture);
+
+    /**
+     * The shader program (vertex and fragment code) to use to render the block
+     */
+    public static override ShaderCode = shaderProgram;
+
+    /**
+     * Instantiates a new BlackAndWhiteBlock.
+     * @param smartFilter - The smart filter this block belongs to
+     * @param name - The friendly name of the block
+     */
+    constructor(smartFilter: SmartFilter, name: string) {
+        super(smartFilter, name, false, BlockDisableStrategy.AutoSample);
+    }
+
+    /**
+     * Get the class instance that binds all the required data to the shader (effect) when rendering.
+     * @returns The class instance that binds the data to the effect
+     */
+    public getShaderBinding(): DisableableShaderBinding {
+        const input = this._confirmRuntimeDataSupplied(this.input);
+
+        return new BlackAndWhiteBlockShaderBinding(this,input);
+    }
+}
+

package/src/blocks/babylon/demo/effects/blurBlock.deserializer.ts

@@ -0,0 +1,37 @@
+import { type SmartFilter, type ISerializedBlockV1 } from "@babylonjs/smart-filters";
+import { BlurBlock } from "./blurBlock.js";
+
+/**
+ * The definition of the extra data serialized for blur blocks.
+ */
+export interface ISerializedBlurBlockV1 extends ISerializedBlockV1 {
+    /**
+     * The extra data of the block.
+     */
+    data: {
+        /**
+         * The blur texture ratio per pass.
+         */
+        blurTextureRatioPerPass: number;
+
+        /**
+         * The size of the blur.
+         */
+        blurSize: number;
+    };
+}
+
+/**
+ * V1 Blur Deserializer.
+ * @param smartFilter - The SmartFilter to deserialize the block into
+ * @param serializedBlock - The serialized block data
+ * @returns A deserialized BlurBlock
+ */
+export function blurBlockDeserializer(smartFilter: SmartFilter, serializedBlock: ISerializedBlurBlockV1) {
+    const block = new BlurBlock(smartFilter, serializedBlock.name);
+
+    // If data is missing, use the default value set by the block
+    block.blurTextureRatioPerPass = serializedBlock.data.blurTextureRatioPerPass ?? block.blurSize;
+    block.blurSize = serializedBlock.data.blurSize ?? block.blurSize;
+    return block;
+}

package/src/blocks/babylon/demo/effects/blurBlock.serializer.ts

@@ -0,0 +1,31 @@
+import type { BaseBlock, IBlockSerializerV1 } from "@babylonjs/smart-filters";
+import type { BlurBlock } from "./blurBlock";
+import { blurBlockType } from "../../../blockTypes.js";
+import { babylonDemoEffectsNamespace } from "../../../blockNamespaces.js";
+
+/**
+ * The V1 serializer for a Blur Block.
+ * Though it is an aggregate block, Blur creates and manages its own blocks
+ * internally, so there's no need to worry about serializing them.
+ */
+export const blurBlockSerializer: IBlockSerializerV1 = {
+    blockType: blurBlockType,
+    serialize: (block: BaseBlock) => {
+        if (block.getClassName() !== blurBlockType) {
+            throw new Error("Was asked to serialize an unrecognized block type");
+        }
+
+        const blurBlock = block as unknown as BlurBlock;
+        return {
+            name: block.name,
+            uniqueId: block.uniqueId,
+            blockType: blurBlockType,
+            namespace: babylonDemoEffectsNamespace,
+            comments: block.comments,
+            data: {
+                blurTextureRatioPerPass: blurBlock.blurTextureRatioPerPass,
+                blurSize: blurBlock.blurSize,
+            },
+        };
+    },
+};