shaders 2.0.673 → 2.0.674

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/dist/react/components/FloatingParticles.d.ts +29 -0
  2. package/dist/react/components/FloatingParticles.d.ts.map +1 -0
  3. package/dist/react/engine/Shader.d.ts.map +1 -1
  4. package/dist/react/index.cjs +21 -21
  5. package/dist/react/index.cjs.map +1 -1
  6. package/dist/react/index.d.ts +1 -0
  7. package/dist/react/index.d.ts.map +1 -1
  8. package/dist/react/index.js +317 -315
  9. package/dist/react/index.js.map +1 -1
  10. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  11. package/dist/svelte/engine/Shader.svelte +9 -10
  12. package/dist/vue/components/AngularBlur.vue.d.ts.map +1 -1
  13. package/dist/vue/components/Ascii.vue.d.ts.map +1 -1
  14. package/dist/vue/components/Blob.vue.d.ts.map +1 -1
  15. package/dist/vue/components/Blur.vue.d.ts.map +1 -1
  16. package/dist/vue/components/Bulge.vue.d.ts.map +1 -1
  17. package/dist/vue/components/CRTScreen.vue.d.ts.map +1 -1
  18. package/dist/vue/components/Checkerboard.vue.d.ts.map +1 -1
  19. package/dist/vue/components/ChromaFlow.vue.d.ts.map +1 -1
  20. package/dist/vue/components/ChromaticAberration.vue.d.ts.map +1 -1
  21. package/dist/vue/components/Circle.vue.d.ts.map +1 -1
  22. package/dist/vue/components/ColorMapping.vue.d.ts.map +1 -1
  23. package/dist/vue/components/Dither.vue.d.ts.map +1 -1
  24. package/dist/vue/components/DotGrid.vue.d.ts.map +1 -1
  25. package/dist/vue/components/Duotone.vue.d.ts.map +1 -1
  26. package/dist/vue/components/Exposure.vue.d.ts.map +1 -1
  27. package/dist/vue/components/FilmGrain.vue.d.ts.map +1 -1
  28. package/dist/vue/components/FloatingParticles.vue.d.ts.map +1 -1
  29. package/dist/vue/components/GlassTiles.vue.d.ts.map +1 -1
  30. package/dist/vue/components/Glitch.vue.d.ts.map +1 -1
  31. package/dist/vue/components/Glow.vue.d.ts.map +1 -1
  32. package/dist/vue/components/Godrays.vue.d.ts.map +1 -1
  33. package/dist/vue/components/Grayscale.vue.d.ts.map +1 -1
  34. package/dist/vue/components/Grid.vue.d.ts.map +1 -1
  35. package/dist/vue/components/GridDistortion.vue.d.ts.map +1 -1
  36. package/dist/vue/components/Group.vue.d.ts.map +1 -1
  37. package/dist/vue/components/HalfTone.vue.d.ts.map +1 -1
  38. package/dist/vue/components/HueShift.vue.d.ts.map +1 -1
  39. package/dist/vue/components/ImageTexture.vue.d.ts.map +1 -1
  40. package/dist/vue/components/Invert.vue.d.ts.map +1 -1
  41. package/dist/vue/components/LinearBlur.vue.d.ts.map +1 -1
  42. package/dist/vue/components/LinearGradient.vue.d.ts.map +1 -1
  43. package/dist/vue/components/Liquify.vue.d.ts.map +1 -1
  44. package/dist/vue/components/Mirror.vue.d.ts.map +1 -1
  45. package/dist/vue/components/PerlinNoise.vue.d.ts.map +1 -1
  46. package/dist/vue/components/Pixelate.vue.d.ts.map +1 -1
  47. package/dist/vue/components/Posterize.vue.d.ts.map +1 -1
  48. package/dist/vue/components/ProgressiveBlur.vue.d.ts.map +1 -1
  49. package/dist/vue/components/RadialBlur.vue.d.ts.map +1 -1
  50. package/dist/vue/components/RadialGradient.vue.d.ts.map +1 -1
  51. package/dist/vue/components/Ripples.vue.d.ts.map +1 -1
  52. package/dist/vue/components/Saturation.vue.d.ts.map +1 -1
  53. package/dist/vue/components/SimplexNoise.vue.d.ts.map +1 -1
  54. package/dist/vue/components/SineWave.vue.d.ts.map +1 -1
  55. package/dist/vue/components/SolidColor.vue.d.ts.map +1 -1
  56. package/dist/vue/components/Spiral.vue.d.ts.map +1 -1
  57. package/dist/vue/components/Stretch.vue.d.ts.map +1 -1
  58. package/dist/vue/components/Swirl.vue.d.ts.map +1 -1
  59. package/dist/vue/components/TiltShift.vue.d.ts.map +1 -1
  60. package/dist/vue/components/Tint.vue.d.ts.map +1 -1
  61. package/dist/vue/components/Twirl.vue.d.ts.map +1 -1
  62. package/dist/vue/components/VCR.vue.d.ts.map +1 -1
  63. package/dist/vue/components/Vibrance.vue.d.ts.map +1 -1
  64. package/dist/vue/components/Vignette.vue.d.ts.map +1 -1
  65. package/dist/vue/components/Voronoi.vue.d.ts.map +1 -1
  66. package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
  67. package/dist/vue/index100.js +4 -4
  68. package/dist/vue/index102.js +4 -4
  69. package/dist/vue/index104.js +4 -4
  70. package/dist/vue/index106.js +4 -4
  71. package/dist/vue/index108.js +4 -4
  72. package/dist/vue/index110.js +4 -4
  73. package/dist/vue/index112.js +4 -4
  74. package/dist/vue/index114.js +4 -4
  75. package/dist/vue/index116.js +4 -4
  76. package/dist/vue/index118.js +4 -4
  77. package/dist/vue/index120.js +4 -4
  78. package/dist/vue/index122.js +4 -4
  79. package/dist/vue/index124.js +4 -4
  80. package/dist/vue/index126.js +4 -4
  81. package/dist/vue/index128.js +4 -4
  82. package/dist/vue/index130.js +4 -4
  83. package/dist/vue/index132.js +4 -4
  84. package/dist/vue/index134.js +4 -4
  85. package/dist/vue/index136.js +4 -4
  86. package/dist/vue/index138.js +4 -4
  87. package/dist/vue/index140.js +4 -4
  88. package/dist/vue/index142.js +4 -4
  89. package/dist/vue/index144.js +4 -4
  90. package/dist/vue/index146.js +4 -4
  91. package/dist/vue/index148.js +4 -4
  92. package/dist/vue/index150.js +4 -4
  93. package/dist/vue/index152.js +4 -4
  94. package/dist/vue/index154.js +4 -4
  95. package/dist/vue/index156.js +4 -4
  96. package/dist/vue/index158.js +4 -4
  97. package/dist/vue/index160.js +4 -4
  98. package/dist/vue/index162.js +4 -4
  99. package/dist/vue/index164.js +4 -4
  100. package/dist/vue/index166.js +4 -4
  101. package/dist/vue/index168.js +4 -4
  102. package/dist/vue/index172.js +4 -4
  103. package/dist/vue/index61.js +157 -155
  104. package/dist/vue/index62.js +4 -4
  105. package/dist/vue/index64.js +4 -4
  106. package/dist/vue/index66.js +4 -4
  107. package/dist/vue/index68.js +4 -4
  108. package/dist/vue/index70.js +4 -4
  109. package/dist/vue/index72.js +4 -4
  110. package/dist/vue/index74.js +4 -4
  111. package/dist/vue/index76.js +4 -4
  112. package/dist/vue/index78.js +4 -4
  113. package/dist/vue/index80.js +4 -4
  114. package/dist/vue/index82.js +4 -4
  115. package/dist/vue/index84.js +4 -4
  116. package/dist/vue/index86.js +4 -4
  117. package/dist/vue/index88.js +4 -4
  118. package/dist/vue/index90.js +4 -4
  119. package/dist/vue/index92.js +4 -4
  120. package/dist/vue/index94.js +4 -4
  121. package/dist/vue/index96.js +4 -4
  122. package/dist/vue/index98.js +4 -4
  123. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  124. package/package.json +1 -1
@@ -50,8 +50,8 @@ var f = /* @__PURE__ */ r({
50
50
  renderOrder: o.renderOrder
51
51
  }, m, e);
52
52
  }, x = () => {
53
- let t = i();
54
- t.run(() => {
53
+ let e = i();
54
+ e.run(() => {
55
55
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
56
56
  d(() => o[e], (r) => {
57
57
  if (t && t.value !== void 0) {
@@ -77,10 +77,10 @@ var f = /* @__PURE__ */ r({
77
77
  renderOrder: o.renderOrder
78
78
  });
79
79
  }, { deep: !0 }), y && d(y, () => {
80
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
80
+ b();
81
81
  }), b();
82
82
  }), s(() => {
83
- t.stop();
83
+ e.stop();
84
84
  });
85
85
  };
86
86
  return x(), s(() => {
@@ -50,8 +50,8 @@ var f = /* @__PURE__ */ r({
50
50
  renderOrder: o.renderOrder
51
51
  }, m, e);
52
52
  }, x = () => {
53
- let t = i();
54
- t.run(() => {
53
+ let e = i();
54
+ e.run(() => {
55
55
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
56
56
  d(() => o[e], (r) => {
57
57
  if (t && t.value !== void 0) {
@@ -77,10 +77,10 @@ var f = /* @__PURE__ */ r({
77
77
  renderOrder: o.renderOrder
78
78
  });
79
79
  }, { deep: !0 }), y && d(y, () => {
80
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
80
+ b();
81
81
  }), b();
82
82
  }), s(() => {
83
- t.stop();
83
+ e.stop();
84
84
  });
85
85
  };
86
86
  return x(), s(() => {
@@ -43,8 +43,8 @@ var f = /* @__PURE__ */ r({
43
43
  renderOrder: o.renderOrder
44
44
  }, m, e);
45
45
  }, x = () => {
46
- let t = i();
47
- t.run(() => {
46
+ let e = i();
47
+ e.run(() => {
48
48
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
49
49
  d(() => o[e], (r) => {
50
50
  if (t && t.value !== void 0) {
@@ -70,10 +70,10 @@ var f = /* @__PURE__ */ r({
70
70
  renderOrder: o.renderOrder
71
71
  });
72
72
  }, { deep: !0 }), y && d(y, () => {
73
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
73
+ b();
74
74
  }), b();
75
75
  }), s(() => {
76
- t.stop();
76
+ e.stop();
77
77
  });
78
78
  };
79
79
  return x(), s(() => {
@@ -50,8 +50,8 @@ var f = /* @__PURE__ */ r({
50
50
  renderOrder: o.renderOrder
51
51
  }, m, e);
52
52
  }, x = () => {
53
- let t = i();
54
- t.run(() => {
53
+ let e = i();
54
+ e.run(() => {
55
55
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
56
56
  d(() => o[e], (r) => {
57
57
  if (t && t.value !== void 0) {
@@ -77,10 +77,10 @@ var f = /* @__PURE__ */ r({
77
77
  renderOrder: o.renderOrder
78
78
  });
79
79
  }, { deep: !0 }), y && d(y, () => {
80
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
80
+ b();
81
81
  }), b();
82
82
  }), s(() => {
83
- t.stop();
83
+ e.stop();
84
84
  });
85
85
  };
86
86
  return x(), s(() => {
@@ -42,8 +42,8 @@ var f = /* @__PURE__ */ r({
42
42
  renderOrder: o.renderOrder
43
43
  }, m, e);
44
44
  }, x = () => {
45
- let t = i();
46
- t.run(() => {
45
+ let e = i();
46
+ e.run(() => {
47
47
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
48
48
  d(() => o[e], (r) => {
49
49
  if (t && t.value !== void 0) {
@@ -69,10 +69,10 @@ var f = /* @__PURE__ */ r({
69
69
  renderOrder: o.renderOrder
70
70
  });
71
71
  }, { deep: !0 }), y && d(y, () => {
72
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
72
+ b();
73
73
  }), b();
74
74
  }), s(() => {
75
- t.stop();
75
+ e.stop();
76
76
  });
77
77
  };
78
78
  return x(), s(() => {
@@ -48,8 +48,8 @@ var f = /* @__PURE__ */ r({
48
48
  renderOrder: o.renderOrder
49
49
  }, m, e);
50
50
  }, x = () => {
51
- let t = i();
52
- t.run(() => {
51
+ let e = i();
52
+ e.run(() => {
53
53
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
54
54
  d(() => o[e], (r) => {
55
55
  if (t && t.value !== void 0) {
@@ -75,10 +75,10 @@ var f = /* @__PURE__ */ r({
75
75
  renderOrder: o.renderOrder
76
76
  });
77
77
  }, { deep: !0 }), y && d(y, () => {
78
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
78
+ b();
79
79
  }), b();
80
80
  }), s(() => {
81
- t.stop();
81
+ e.stop();
82
82
  });
83
83
  };
84
84
  return x(), s(() => {
@@ -44,8 +44,8 @@ var f = /* @__PURE__ */ r({
44
44
  renderOrder: o.renderOrder
45
45
  }, m, e);
46
46
  }, x = () => {
47
- let t = i();
48
- t.run(() => {
47
+ let e = i();
48
+ e.run(() => {
49
49
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
50
50
  d(() => o[e], (r) => {
51
51
  if (t && t.value !== void 0) {
@@ -71,10 +71,10 @@ var f = /* @__PURE__ */ r({
71
71
  renderOrder: o.renderOrder
72
72
  });
73
73
  }, { deep: !0 }), y && d(y, () => {
74
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
74
+ b();
75
75
  }), b();
76
76
  }), s(() => {
77
- t.stop();
77
+ e.stop();
78
78
  });
79
79
  };
80
80
  return x(), s(() => {
@@ -42,8 +42,8 @@ var f = /* @__PURE__ */ r({
42
42
  renderOrder: o.renderOrder
43
43
  }, m, e);
44
44
  }, x = () => {
45
- let t = i();
46
- t.run(() => {
45
+ let e = i();
46
+ e.run(() => {
47
47
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
48
48
  d(() => o[e], (r) => {
49
49
  if (t && t.value !== void 0) {
@@ -69,10 +69,10 @@ var f = /* @__PURE__ */ r({
69
69
  renderOrder: o.renderOrder
70
70
  });
71
71
  }, { deep: !0 }), y && d(y, () => {
72
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
72
+ b();
73
73
  }), b();
74
74
  }), s(() => {
75
- t.stop();
75
+ e.stop();
76
76
  });
77
77
  };
78
78
  return x(), s(() => {
@@ -44,8 +44,8 @@ var f = /* @__PURE__ */ r({
44
44
  renderOrder: o.renderOrder
45
45
  }, m, e);
46
46
  }, x = () => {
47
- let t = i();
48
- t.run(() => {
47
+ let e = i();
48
+ e.run(() => {
49
49
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
50
50
  d(() => o[e], (r) => {
51
51
  if (t && t.value !== void 0) {
@@ -71,10 +71,10 @@ var f = /* @__PURE__ */ r({
71
71
  renderOrder: o.renderOrder
72
72
  });
73
73
  }, { deep: !0 }), y && d(y, () => {
74
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
74
+ b();
75
75
  }), b();
76
76
  }), s(() => {
77
- t.stop();
77
+ e.stop();
78
78
  });
79
79
  };
80
80
  return x(), s(() => {
@@ -42,8 +42,8 @@ var f = /* @__PURE__ */ r({
42
42
  renderOrder: o.renderOrder
43
43
  }, m, e);
44
44
  }, x = () => {
45
- let t = i();
46
- t.run(() => {
45
+ let e = i();
46
+ e.run(() => {
47
47
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
48
48
  d(() => o[e], (r) => {
49
49
  if (t && t.value !== void 0) {
@@ -69,10 +69,10 @@ var f = /* @__PURE__ */ r({
69
69
  renderOrder: o.renderOrder
70
70
  });
71
71
  }, { deep: !0 }), y && d(y, () => {
72
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
72
+ b();
73
73
  }), b();
74
74
  }), s(() => {
75
- t.stop();
75
+ e.stop();
76
76
  });
77
77
  };
78
78
  return x(), s(() => {
@@ -43,8 +43,8 @@ var f = /* @__PURE__ */ r({
43
43
  renderOrder: o.renderOrder
44
44
  }, m, e);
45
45
  }, x = () => {
46
- let t = i();
47
- t.run(() => {
46
+ let e = i();
47
+ e.run(() => {
48
48
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
49
49
  d(() => o[e], (r) => {
50
50
  if (t && t.value !== void 0) {
@@ -70,10 +70,10 @@ var f = /* @__PURE__ */ r({
70
70
  renderOrder: o.renderOrder
71
71
  });
72
72
  }, { deep: !0 }), y && d(y, () => {
73
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
73
+ b();
74
74
  }), b();
75
75
  }), s(() => {
76
- t.stop();
76
+ e.stop();
77
77
  });
78
78
  };
79
79
  return x(), s(() => {
@@ -42,8 +42,8 @@ var f = /* @__PURE__ */ r({
42
42
  renderOrder: o.renderOrder
43
43
  }, m, e);
44
44
  }, x = () => {
45
- let t = i();
46
- t.run(() => {
45
+ let e = i();
46
+ e.run(() => {
47
47
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
48
48
  d(() => o[e], (r) => {
49
49
  if (t && t.value !== void 0) {
@@ -69,10 +69,10 @@ var f = /* @__PURE__ */ r({
69
69
  renderOrder: o.renderOrder
70
70
  });
71
71
  }, { deep: !0 }), y && d(y, () => {
72
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
72
+ b();
73
73
  }), b();
74
74
  }), s(() => {
75
- t.stop();
75
+ e.stop();
76
76
  });
77
77
  };
78
78
  return x(), s(() => {
@@ -42,8 +42,8 @@ var f = /* @__PURE__ */ r({
42
42
  renderOrder: o.renderOrder
43
43
  }, m, e);
44
44
  }, x = () => {
45
- let t = i();
46
- t.run(() => {
45
+ let e = i();
46
+ e.run(() => {
47
47
  Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
48
48
  d(() => o[e], (r) => {
49
49
  if (t && t.value !== void 0) {
@@ -69,10 +69,10 @@ var f = /* @__PURE__ */ r({
69
69
  renderOrder: o.renderOrder
70
70
  });
71
71
  }, { deep: !0 }), y && d(y, () => {
72
- console.log(`[${e.name}] Re-registering due to renderer reset`), b();
72
+ b();
73
73
  }), b();
74
74
  }), s(() => {
75
- t.stop();
75
+ e.stop();
76
76
  });
77
77
  };
78
78
  return x(), s(() => {
@@ -17,21 +17,21 @@ var p = /* @__PURE__ */ a({
17
17
  g.value.updateNodeMetadata(e, t);
18
18
  });
19
19
  let v = async () => {
20
- m.value && (console.log("[Shader] Initializing renderer..."), g.value.isInitialized() || await g.value.initialize({ canvas: m.value }), g.value.registerNode(h.value, ({ childNode: e }) => e || t(0, 0, 0, 0), null, null, {}, void 0), p.hideNotice || g.value.showLicenseWarning(), console.log("[Shader] Renderer initialized successfully"));
20
+ m.value && (g.value.isInitialized() || await g.value.initialize({ canvas: m.value }), g.value.registerNode(h.value, ({ childNode: e }) => e || t(0, 0, 0, 0), null, null, {}, void 0), p.hideNotice || g.value.showLicenseWarning());
21
21
  }, y = !1, b = null, x = () => {
22
22
  !m.value || b || (b = new IntersectionObserver((e) => {
23
23
  let t = e[0];
24
24
  if (!t) return;
25
25
  let n = m.value?.getBoundingClientRect(), r = t.isIntersecting && n && n.width > 0 && n.height > 0;
26
- r && !y ? (console.log("[Shader] Canvas became visible, initializing..."), v().then(() => {
26
+ r && !y ? (g.value.isInitialized() ? g.value.startAnimation() : v().then(() => {
27
27
  _.value++;
28
- }), y = !0) : !r && y && (console.log("[Shader] Canvas became hidden, cleaning up renderer..."), g.value.cleanup(), y = !1);
28
+ }).catch(console.error), y = !0) : !r && y && (g.value.stopAnimation(), y = !1);
29
29
  }, { threshold: 0 }), b.observe(m.value));
30
30
  };
31
31
  return c(async () => {
32
32
  if (m.value) {
33
33
  let e = m.value.getBoundingClientRect(), t = e.width > 0 && e.height > 0;
34
- t ? (console.log("[Shader] Canvas visible on mount, initializing..."), await v(), _.value++, y = !0) : (console.log("[Shader] Canvas hidden on mount, setting up observer..."), y = !1), x();
34
+ t ? (await v(), _.value++, y = !0) : y = !1, x();
35
35
  }
36
36
  }), s(() => {
37
37
  b && (b.disconnect(), b = null), g.value.cleanup();