fix: prevent effect restarts when options are unchanged

src/lib/Bend/BendVanilla.ts

@@ -916,6 +916,12 @@ export function createBend(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof BendOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       syncScroll();
       start();

src/lib/Blaze/BlazeVanilla.ts

@@ -644,6 +644,12 @@ export function createBlaze(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof BlazeOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Bubble/BubbleVanilla.ts

@@ -611,6 +611,12 @@ export function createBubble(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof BubbleOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Cloth/ClothVanilla.ts

@@ -849,6 +849,12 @@ export function createCloth(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof ClothOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       syncBacking();
       start();

src/lib/Clouds/CloudsVanilla.ts

@@ -734,6 +734,12 @@ export function createClouds(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof CloudsOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       syncCanvasSize();
       syncBaseColor();

src/lib/Droplets/DropletsVanilla.ts

@@ -705,6 +705,12 @@ export function createDroplets(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof DropletsOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Frost/FrostVanilla.ts

@@ -1129,6 +1129,12 @@ export function createFrost(
       start();
     },
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof FrostOptions] !== value,
+        )
+      )
+        return;
       const { quality, ...rest } = next;
       const qualityChanged =
         quality !== undefined && quality !== config.quality;

src/lib/Glass/GlassVanilla.ts

@@ -584,6 +584,12 @@ export function createGlass(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof GlassOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Glitch/GlitchVanilla.ts

@@ -395,6 +395,12 @@ export function createGlitch(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof GlitchOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Grid/GridVanilla.ts

@@ -764,6 +764,12 @@ export function createGrid(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof GridOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/HexFloat/HexFloatVanilla.ts

@@ -1580,6 +1580,12 @@ export function createHexFloat(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof HexFloatOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Laser/LaserVanilla.ts

@@ -616,6 +616,12 @@ export function createLaser(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof LaserOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Liquid/LiquidVanilla.ts

@@ -861,6 +861,12 @@ export function createLiquid(
       start();
     },
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof LiquidOptions] !== value,
+        )
+      )
+        return;
       const { simResolution, dyeResolution, ...rest } = next;
       void simResolution;
       void dyeResolution;

src/lib/Magnify/MagnifyVanilla.ts

@@ -732,6 +732,12 @@ export function createMagnify(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof MagnifyOptions] !== value,
+        )
+      )
+        return;
       const previousZoom = config.zoom;
       Object.assign(config, next);
       if (!config.scrollZoom || config.zoom !== previousZoom) {

src/lib/ParticleReveal/ParticleRevealVanilla.ts

@@ -486,6 +486,13 @@ export function createParticleReveal(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) =>
+            config[key as keyof ParticleRevealOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/ParticleScroll/ParticleScrollVanilla.ts

@@ -663,6 +663,13 @@ export function createParticleScroll(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) =>
+            config[key as keyof ParticleScrollOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Peel/PeelVanilla.ts

@@ -588,6 +588,12 @@ export function createPeel(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof PeelOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       syncShineColor();
       start();

src/lib/Ripple/RippleVanilla.ts

@@ -475,6 +475,12 @@ export function createRipple(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof RippleOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/Shatter/ShatterVanilla.ts

@@ -675,6 +675,12 @@ export function createShatter(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof ShatterOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },

src/lib/VHS/VHSVanilla.ts

@@ -521,6 +521,12 @@ export function createVHS(
 
   return {
     setOptions(next) {
+      if (
+        !Object.entries(next).some(
+          ([key, value]) => config[key as keyof VHSOptions] !== value,
+        )
+      )
+        return;
       Object.assign(config, next);
       start();
     },