shaders 2.5.123 → 2.5.125

package/dist/react/engine/Shader.d.ts

@@ -12,6 +12,7 @@ interface ShaderProps {
     children?: React.ReactNode;
     disableTelemetry?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
+    toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
     onReady?: () => void;
     style?: React.CSSProperties;

package/dist/react/engine/Shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAS9E,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjL,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoUxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAS9E,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjL,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyVxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/react/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/react/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2mDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2mDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -480,7 +480,7 @@ var shaderMetadata = {
 		"randomness": .25,
 		"speed": .25,
 		"angle": 90,
-		"particleSize": 1,
+		"particleSize": 2,
 		"particleSoftness": 0,
 		"twinkle": .5,
 		"count": 5,
@@ -1553,7 +1553,7 @@ function isIdReferenced(id, allComponents) {
 		return false;
 	});
 }
-function generatePresetCode(preset, colorSpace) {
+function generatePresetCode(preset, colorSpace, toneMapping) {
 	const componentTypes = /* @__PURE__ */ new Set();
 	function collectTypes(components) {
 		for (const config of components) {
@@ -1580,7 +1580,7 @@ function generatePresetCode(preset, colorSpace) {
 		else return `${indent}<${config.type} />`;
 	};
 	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-	const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+	const shaderProps = (colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "") + (toneMapping && toneMapping !== "linear" ? ` toneMapping="${toneMapping}"` : "");
 	const allImports = ["Shader", ...Array.from(componentTypes).sort()];
 	return `${allImports.length > 3 ? `import {\n  ${allImports.join(",\n  ")},\n} from 'shaders/react'` : `import { ${allImports.join(", ")} } from 'shaders/react'`}
 

package/dist/react/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/react/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAsLD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAsLD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/registry.js

@@ -8468,7 +8468,7 @@ export const shaderRegistry = [
           }
         },
         "particleSize": {
-          "default": 1,
+          "default": 2,
           "description": "Size of particles",
           "ui": {
             "type": [
@@ -8623,7 +8623,7 @@ export const shaderRegistry = [
           "label": "Particle Size",
           "group": "Effect"
         },
-        "default": 1,
+        "default": 2,
         "description": "Size of particles"
       },
       "particleSoftness": {

package/dist/solid/engine/Shader.d.ts

@@ -11,6 +11,7 @@ interface ShaderProps {
     children?: JSX.Element;
     disableTelemetry?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
+    toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
     onReady?: () => void;
     style?: JSX.CSSProperties;

package/dist/solid/engine/Shader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuG,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AASzI,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjL,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,QAAQ,EAAE,WAAW,eAkRnD;AAGD,wBAAgB,gBAAgB,uBAM/B"}
+{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuG,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AASzI,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjL,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,QAAQ,EAAE,WAAW,eAoSnD;AAGD,wBAAgB,gBAAgB,uBAM/B"}

package/dist/solid/engine/Shader.js

@@ -7,7 +7,7 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 var _tmpl$ = /* @__PURE__ */ template(`<div><canvas data-renderer=shaders style=width:100%;height:100%;display:block>`);
 const ShaderContext = createContext();
 function Shader(allProps) {
-  const [props, domProps] = splitProps(allProps, ["children", "disableTelemetry", "colorSpace", "isPreview", "onReady", "style", "class"]);
+  const [props, domProps] = splitProps(allProps, ["children", "disableTelemetry", "colorSpace", "toneMapping", "isPreview", "onReady", "style", "class"]);
   let containerRef;
   let canvasRef;
   const rootId = "shader-root-" + createUniqueId();
@@ -67,7 +67,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.123";
+        const version = "2.5.125";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();
@@ -89,7 +89,8 @@ function Shader(allProps) {
       if (!rendererInstance.isInitialized()) {
         await rendererInstance.initialize({
           canvas,
-          colorSpace: props.colorSpace || "p3-linear"
+          colorSpace: props.colorSpace || "p3-linear",
+          toneMapping: props.toneMapping || "linear"
         });
       }
       rendererInstance.registerNode(
@@ -197,6 +198,19 @@ function Shader(allProps) {
       initializeRenderer().catch(console.error);
     }
   });
+  let isFirstToneMappingEffect = true;
+  createEffect(() => {
+    void (props.toneMapping || "linear");
+    if (isFirstToneMappingEffect) {
+      isFirstToneMappingEffect = false;
+      return;
+    }
+    if (rendererInstance.isInitialized()) {
+      rendererInstance.cleanup();
+      isInitialized = false;
+      initializeRenderer().catch(console.error);
+    }
+  });
   return createComponent(ShaderContext.Provider, {
     get value() {
       return contextValue();

package/dist/solid/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAgmDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAgmDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -475,7 +475,7 @@ const shaderMetadata = {
     "randomness": 0.25,
     "speed": 0.25,
     "angle": 90,
-    "particleSize": 1,
+    "particleSize": 2,
     "particleSoftness": 0,
     "twinkle": 0.5,
     "count": 5,
@@ -1594,7 +1594,7 @@ function isIdReferenced(id, allComponents) {
     return false;
   });
 }
-function generatePresetCode(preset, colorSpace) {
+function generatePresetCode(preset, colorSpace, toneMapping) {
   const componentTypes = /* @__PURE__ */ new Set();
   function collectTypes(components) {
     for (const config of components) {
@@ -1647,7 +1647,9 @@ ${indent}  ${attributes} />`;
     }
   };
   const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-  const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+  const colorSpaceProp = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+  const toneMappingProp = toneMapping && toneMapping !== "linear" ? ` toneMapping="${toneMapping}"` : "";
+  const shaderProps = colorSpaceProp + toneMappingProp;
   const sortedTypes = Array.from(componentTypes).sort();
   const allImports = ["Shader", ...sortedTypes];
   const importStatement = allImports.length > 3 ? `import {

package/dist/solid/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2KD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA2KD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/engine/Shader.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     disableTelemetry?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
+    toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
     onready?: () => void;
     children?: import('svelte').Snippet;

package/dist/svelte/index.js

@@ -23292,12 +23292,13 @@ var root_1$1 = $.from_html(`<canvas data-renderer="shaders" style="width: 100%;
 var root = $.from_html(`<div><!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
-	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), colorSpace = $.prop($$props, "colorSpace", 3, "p3-linear"), isPreview = $.prop($$props, "isPreview", 3, false), rest = $.rest_props($$props, [
+	const disableTelemetry = $.prop($$props, "disableTelemetry", 3, false), colorSpace = $.prop($$props, "colorSpace", 3, "p3-linear"), toneMapping = $.prop($$props, "toneMapping", 3, "linear"), isPreview = $.prop($$props, "isPreview", 3, false), rest = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
 		"disableTelemetry",
 		"colorSpace",
+		"toneMapping",
 		"isPreview",
 		"onready",
 		"children"
@@ -23331,7 +23332,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.123", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.125", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
@@ -23343,7 +23344,8 @@ function Shader($$anchor, $$props) {
 		try {
 			if (!rendererInstance.isInitialized()) await rendererInstance.initialize({
 				canvas: canvasRef,
-				colorSpace: colorSpace()
+				colorSpace: colorSpace(),
+				toneMapping: toneMapping()
 			});
 			rendererInstance.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
 			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser();
@@ -23421,6 +23423,18 @@ function Shader($$anchor, $$props) {
 			initializeRenderer().catch(console.error);
 		}
 	});
+	let isFirstToneMappingEffect = true;
+	$.user_effect(() => {
+		toneMapping();
+		if (isFirstToneMappingEffect) {
+			isFirstToneMappingEffect = false;
+			return;
+		}
+		if (rendererInstance?.isInitialized()) {
+			rendererInstance.cleanup();
+			initializeRenderer().catch(console.error);
+		}
+	});
 	var div = root();
 	$.attribute_effect(div, () => ({
 		class: "shader",

package/dist/svelte/source/engine/Shader.svelte

@@ -11,13 +11,14 @@
   interface Props {
     disableTelemetry?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
+    toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
     onready?: () => void;
     children?: import('svelte').Snippet;
     [key: string]: any;
   }
 
-  const { disableTelemetry = false, colorSpace = 'p3-linear', isPreview = false, onready, children, ...rest }: Props = $props();
+  const { disableTelemetry = false, colorSpace = 'p3-linear', toneMapping = 'linear', isPreview = false, onready, children, ...rest }: Props = $props();
 
   // DOM references to the container and canvas
   let containerRef: HTMLDivElement;
@@ -106,6 +107,7 @@
         await rendererInstance.initialize({
           canvas: canvasRef,
           colorSpace: colorSpace,
+          toneMapping: toneMapping,
         });
       }
 
@@ -244,13 +246,29 @@
     if (rendererInstance?.isInitialized()) {
       // Update the global color space mode
       setColorSpaceMode(currentColorSpace);
-      
+
       // Force re-initialization to apply color space changes
       rendererInstance.cleanup();
       initializeRenderer().catch(console.error);
     }
   });
 
+  // Watch for toneMapping changes — re-initialize to apply the new mode
+  let isFirstToneMappingEffect = true;
+  $effect(() => {
+    const currentToneMapping = toneMapping;
+
+    if (isFirstToneMappingEffect) {
+      isFirstToneMappingEffect = false;
+      return;
+    }
+
+    if (rendererInstance?.isInitialized()) {
+      rendererInstance.cleanup();
+      initializeRenderer().catch(console.error);
+    }
+  });
+
 </script>
 
 <div class="shader" bind:this={containerRef} {...rest}>

package/dist/svelte/utils/generatePresetCode.d.ts

@@ -7,6 +7,6 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: string[];
 export {};

package/dist/svelte/utils/generatePresetCode.js

@@ -473,7 +473,7 @@ var shaderMetadata = {
 		"randomness": .25,
 		"speed": .25,
 		"angle": 90,
-		"particleSize": 1,
+		"particleSize": 2,
 		"particleSoftness": 0,
 		"twinkle": .5,
 		"count": 5,
@@ -1546,7 +1546,7 @@ function isIdReferenced(id, allComponents) {
 		return false;
 	});
 }
-function generatePresetCode(preset, colorSpace) {
+function generatePresetCode(preset, colorSpace, toneMapping) {
 	const componentTypes = /* @__PURE__ */ new Set();
 	function collectTypes(components) {
 		for (const config of components) {
@@ -1573,7 +1573,7 @@ function generatePresetCode(preset, colorSpace) {
 		else return `${indent}<${config.type} />`;
 	};
 	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-	const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "";
+	const shaderProps = (colorSpace && colorSpace !== "p3-linear" ? ` colorSpace="${colorSpace}"` : "") + (toneMapping && toneMapping !== "linear" ? ` toneMapping="${toneMapping}"` : "");
 	const allImports = ["Shader", ...Array.from(componentTypes).sort()];
 	return `<script>
   ${allImports.length > 3 ? `import {\n    ${allImports.join(",\n    ")},\n  } from 'shaders/svelte'` : `import { ${allImports.join(", ")} } from 'shaders/svelte'`}

package/dist/svelte/utils/generatePresetCode.template.d.ts

@@ -7,6 +7,6 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: any[];
 export {};

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -15,6 +15,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			default: true
 		},
 		colorSpace: { default: "p3-linear" },
+		toneMapping: { default: "linear" },
 		isPreview: {
 			type: Boolean,
 			default: false
@@ -51,7 +52,8 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			if (!rendererInstance.value.isInitialized()) await rendererInstance.value.initialize({
 				canvas: canvasRef.value,
 				enablePerformanceTracking: props.enablePerformanceTracking,
-				colorSpace: props.colorSpace
+				colorSpace: props.colorSpace,
+				toneMapping: props.toneMapping
 			});
 			rendererInstance.value.registerNode(rootId.value, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {}, void 0);
 			if (shouldSendTelemetry === null) shouldSendTelemetry = isExternalUser();
@@ -60,7 +62,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.123", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.125", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);
@@ -112,6 +114,19 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				rendererResetSignal.value++;
 			}
 		});
+		let isFirstToneMappingRun = true;
+		watch(() => props.toneMapping, () => {
+			if (isFirstToneMappingRun) {
+				isFirstToneMappingRun = false;
+				return;
+			}
+			if (rendererInstance.value.isInitialized()) {
+				rendererInstance.value.cleanup();
+				initializeRenderer().then(() => {
+					rendererResetSignal.value++;
+				}).catch(console.error);
+			}
+		});
 		const renderForCapture = async () => {
 			try {
 				await rendererInstance.value.renderAndWait();

package/dist/vue/engine/Shader.vue.d.ts

@@ -2,6 +2,7 @@ interface Props {
     disableTelemetry?: boolean;
     enablePerformanceTracking?: boolean;
     colorSpace?: 'p3-linear' | 'srgb';
+    toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal';
     isPreview?: boolean;
 }
 type CaptureFormat = 'png' | 'jpeg' | 'webp';
@@ -18,6 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
     colorSpace: string;
+    toneMapping: string;
     isPreview: boolean;
 }>>, {
     captureImage: (options?: CaptureImageOptions) => Promise<Blob>;
@@ -31,6 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
     colorSpace: string;
+    toneMapping: string;
     isPreview: boolean;
 }>>> & Readonly<{
     onReady?: (() => any) | undefined;
@@ -38,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     colorSpace: "p3-linear" | "srgb";
     disableTelemetry: boolean;
     enablePerformanceTracking: boolean;
+    toneMapping: "linear" | "reinhard" | "cineon" | "aces" | "agx" | "neutral" | "hable" | "unreal";
     isPreview: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/vue/engine/Shader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAgND,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5C,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA4MD,iBAAS,cAAc;qBAkDO,GAAG;EAKhC;AAWD,QAAA,MAAM,eAAe;;;;;;6BAzMgB,mBAAmB,KAAQ,OAAO,CAAC,IAAI,CAAC;8CAsB1B,OAAO,CAAC,IAAI,CAAC;;2CAkCZ,MAAM,KAAG,OAAO,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;gBAtV1E,WAAW,GAAG,MAAM;sBAFd,OAAO;+BACE,OAAO;eAEvB,OAAO;4EA8enB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAkOD,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5C,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6MD,iBAAS,cAAc;qBAkDO,GAAG;EAKhC;AAWD,QAAA,MAAM,eAAe;;;;;;;6BA1MgB,mBAAmB,KAAQ,OAAO,CAAC,IAAI,CAAC;8CAsB1B,OAAO,CAAC,IAAI,CAAC;;2CAkCZ,MAAM,KAAG,OAAO,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;;gBAzW1E,WAAW,GAAG,MAAM;sBAFd,OAAO;+BACE,OAAO;iBAErB,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ;eACpF,OAAO;4EAigBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/utils/generatePresetCode.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: string[];
 export {};
 //# sourceMappingURL=generatePresetCode.d.ts.map

package/dist/vue/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA+lDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA+lDD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CA8FpM;AAGD,eAAO,MAAM,mBAAmB,UAuH/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -471,7 +471,7 @@ var shaderMetadata = {
 		"randomness": .25,
 		"speed": .25,
 		"angle": 90,
-		"particleSize": 1,
+		"particleSize": 2,
 		"particleSoftness": 0,
 		"twinkle": .5,
 		"count": 5,
@@ -1549,7 +1549,7 @@ function isIdReferenced(id, allComponents) {
 		return false;
 	});
 }
-function generatePresetCode(preset, colorSpace) {
+function generatePresetCode(preset, colorSpace, toneMapping) {
 	const componentTypes = /* @__PURE__ */ new Set();
 	function collectTypes(components) {
 		for (const config of components) {
@@ -1576,7 +1576,7 @@ function generatePresetCode(preset, colorSpace) {
 		else return `${indent}<${config.type}/>`;
 	};
 	const componentStrings = preset.components.map((config) => generateComponentString(config)).join("\n");
-	const shaderProps = colorSpace && colorSpace !== "p3-linear" ? ` color-space="${colorSpace}"` : "";
+	const shaderProps = (colorSpace && colorSpace !== "p3-linear" ? ` color-space="${colorSpace}"` : "") + (toneMapping && toneMapping !== "linear" ? ` tone-mapping="${toneMapping}"` : "");
 	const allImports = ["Shader", ...Array.from(componentTypes).sort()];
 	const uniqueImports = [...new Set(allImports)];
 	const imports = uniqueImports.length > 3 ? uniqueImports.join(",\n  ") : uniqueImports.join(", ");

package/dist/vue/utils/generatePresetCode.template.d.ts

@@ -7,7 +7,7 @@ interface ComponentConfig {
 interface PresetConfig {
     components: ComponentConfig[];
 }
-export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb'): string;
+export declare function generatePresetCode(preset: PresetConfig, colorSpace?: 'p3-linear' | 'srgb', toneMapping?: 'linear' | 'reinhard' | 'cineon' | 'aces' | 'agx' | 'neutral' | 'hable' | 'unreal'): string;
 export declare const availableComponents: any[];
 export {};
 //# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/vue/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA0KD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA0KD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CA8FpM;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.123",
+  "version": "2.5.125",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",