shaders 2.2.45 → 2.2.46
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.
- package/LICENSE +17 -6
- package/README.md +4 -60
- package/dist/core/index.js +0 -25
- package/dist/core/renderer.d.ts +0 -1
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/core/telemetry/collector.d.ts.map +1 -1
- package/dist/core/telemetry/environmentCollector.d.ts.map +1 -1
- package/dist/core/telemetry/index.d.ts +1 -1
- package/dist/core/telemetry/index.d.ts.map +1 -1
- package/dist/core/telemetry/index.js +28 -23
- package/dist/core/telemetry/types.d.ts +2 -8
- package/dist/core/telemetry/types.d.ts.map +1 -1
- package/dist/react/AngularBlur.js +7 -7
- package/dist/react/Ascii.js +7 -7
- package/dist/react/Beam.js +7 -7
- package/dist/react/Blob.js +7 -7
- package/dist/react/Blur.js +7 -7
- package/dist/react/BrightnessContrast.js +7 -7
- package/dist/react/Bulge.js +7 -7
- package/dist/react/CRTScreen.js +7 -7
- package/dist/react/ChannelBlur.js +7 -7
- package/dist/react/Checkerboard.js +7 -7
- package/dist/react/ChromaFlow.js +7 -7
- package/dist/react/ChromaticAberration.js +7 -7
- package/dist/react/Circle.js +7 -7
- package/dist/react/CursorTrail.js +7 -7
- package/dist/react/DiffuseBlur.js +7 -7
- package/dist/react/Dither.js +7 -7
- package/dist/react/DotGrid.js +7 -7
- package/dist/react/Duotone.js +7 -7
- package/dist/react/FilmGrain.js +7 -7
- package/dist/react/FloatingParticles.js +7 -7
- package/dist/react/GlassTiles.js +7 -7
- package/dist/react/Glow.js +7 -7
- package/dist/react/Godrays.js +7 -7
- package/dist/react/Grayscale.js +7 -7
- package/dist/react/Grid.js +7 -7
- package/dist/react/GridDistortion.js +7 -7
- package/dist/react/Group.js +7 -7
- package/dist/react/Halftone.js +7 -7
- package/dist/react/HueShift.js +7 -7
- package/dist/react/ImageTexture.js +7 -7
- package/dist/react/Invert.js +7 -7
- package/dist/react/LinearBlur.js +7 -7
- package/dist/react/LinearGradient.js +7 -7
- package/dist/react/Liquify.js +7 -7
- package/dist/react/Perspective.js +7 -7
- package/dist/react/Pixelate.js +7 -7
- package/dist/react/PolarCoordinates.js +7 -7
- package/dist/react/Posterize.js +7 -7
- package/dist/react/ProgressiveBlur.js +7 -7
- package/dist/react/RadialGradient.js +7 -7
- package/dist/react/RectangularCoordinates.js +7 -7
- package/dist/react/Ripples.js +7 -7
- package/dist/react/Saturation.js +7 -7
- package/dist/react/Shader.js +33 -21
- package/dist/react/Sharpness.js +7 -7
- package/dist/react/Shatter.js +7 -7
- package/dist/react/SimplexNoise.js +7 -7
- package/dist/react/SineWave.js +7 -7
- package/dist/react/SolidColor.js +7 -7
- package/dist/react/Spherize.js +7 -7
- package/dist/react/Spiral.js +7 -7
- package/dist/react/Strands.js +7 -7
- package/dist/react/Stretch.js +7 -7
- package/dist/react/Stripes.js +7 -7
- package/dist/react/Swirl.js +7 -7
- package/dist/react/TiltShift.js +7 -7
- package/dist/react/Tint.js +7 -7
- package/dist/react/Tritone.js +7 -7
- package/dist/react/Twirl.js +7 -7
- package/dist/react/Vibrance.js +7 -7
- package/dist/react/WaveDistortion.js +7 -7
- package/dist/react/WebcamTexture.js +7 -7
- package/dist/react/ZoomBlur.js +7 -7
- package/dist/react/components/AngularBlur.d.ts +2 -2
- package/dist/react/components/AngularBlur.d.ts.map +1 -1
- package/dist/react/components/Ascii.d.ts +2 -2
- package/dist/react/components/Ascii.d.ts.map +1 -1
- package/dist/react/components/Beam.d.ts +2 -2
- package/dist/react/components/Beam.d.ts.map +1 -1
- package/dist/react/components/Blob.d.ts +2 -2
- package/dist/react/components/Blob.d.ts.map +1 -1
- package/dist/react/components/Blur.d.ts +2 -2
- package/dist/react/components/Blur.d.ts.map +1 -1
- package/dist/react/components/BrightnessContrast.d.ts +2 -2
- package/dist/react/components/BrightnessContrast.d.ts.map +1 -1
- package/dist/react/components/Bulge.d.ts +2 -2
- package/dist/react/components/Bulge.d.ts.map +1 -1
- package/dist/react/components/CRTScreen.d.ts +2 -2
- package/dist/react/components/CRTScreen.d.ts.map +1 -1
- package/dist/react/components/ChannelBlur.d.ts +2 -2
- package/dist/react/components/ChannelBlur.d.ts.map +1 -1
- package/dist/react/components/Checkerboard.d.ts +2 -2
- package/dist/react/components/Checkerboard.d.ts.map +1 -1
- package/dist/react/components/ChromaFlow.d.ts +2 -2
- package/dist/react/components/ChromaFlow.d.ts.map +1 -1
- package/dist/react/components/ChromaticAberration.d.ts +2 -2
- package/dist/react/components/ChromaticAberration.d.ts.map +1 -1
- package/dist/react/components/Circle.d.ts +2 -2
- package/dist/react/components/Circle.d.ts.map +1 -1
- package/dist/react/components/CursorTrail.d.ts +2 -2
- package/dist/react/components/CursorTrail.d.ts.map +1 -1
- package/dist/react/components/DiffuseBlur.d.ts +2 -2
- package/dist/react/components/DiffuseBlur.d.ts.map +1 -1
- package/dist/react/components/Dither.d.ts +2 -2
- package/dist/react/components/Dither.d.ts.map +1 -1
- package/dist/react/components/DotGrid.d.ts +2 -2
- package/dist/react/components/DotGrid.d.ts.map +1 -1
- package/dist/react/components/Duotone.d.ts +2 -2
- package/dist/react/components/Duotone.d.ts.map +1 -1
- package/dist/react/components/FilmGrain.d.ts +2 -2
- package/dist/react/components/FilmGrain.d.ts.map +1 -1
- package/dist/react/components/FloatingParticles.d.ts +2 -2
- package/dist/react/components/FloatingParticles.d.ts.map +1 -1
- package/dist/react/components/GlassTiles.d.ts +2 -2
- package/dist/react/components/GlassTiles.d.ts.map +1 -1
- package/dist/react/components/Glow.d.ts +2 -2
- package/dist/react/components/Glow.d.ts.map +1 -1
- package/dist/react/components/Godrays.d.ts +2 -2
- package/dist/react/components/Godrays.d.ts.map +1 -1
- package/dist/react/components/Grayscale.d.ts +2 -2
- package/dist/react/components/Grayscale.d.ts.map +1 -1
- package/dist/react/components/Grid.d.ts +2 -2
- package/dist/react/components/Grid.d.ts.map +1 -1
- package/dist/react/components/GridDistortion.d.ts +2 -2
- package/dist/react/components/GridDistortion.d.ts.map +1 -1
- package/dist/react/components/Group.d.ts +2 -2
- package/dist/react/components/Group.d.ts.map +1 -1
- package/dist/react/components/Halftone.d.ts +2 -2
- package/dist/react/components/Halftone.d.ts.map +1 -1
- package/dist/react/components/HueShift.d.ts +2 -2
- package/dist/react/components/HueShift.d.ts.map +1 -1
- package/dist/react/components/ImageTexture.d.ts +2 -2
- package/dist/react/components/ImageTexture.d.ts.map +1 -1
- package/dist/react/components/Invert.d.ts +2 -2
- package/dist/react/components/Invert.d.ts.map +1 -1
- package/dist/react/components/LinearBlur.d.ts +2 -2
- package/dist/react/components/LinearBlur.d.ts.map +1 -1
- package/dist/react/components/LinearGradient.d.ts +2 -2
- package/dist/react/components/LinearGradient.d.ts.map +1 -1
- package/dist/react/components/Liquify.d.ts +2 -2
- package/dist/react/components/Liquify.d.ts.map +1 -1
- package/dist/react/components/Perspective.d.ts +2 -2
- package/dist/react/components/Perspective.d.ts.map +1 -1
- package/dist/react/components/Pixelate.d.ts +2 -2
- package/dist/react/components/Pixelate.d.ts.map +1 -1
- package/dist/react/components/PolarCoordinates.d.ts +2 -2
- package/dist/react/components/PolarCoordinates.d.ts.map +1 -1
- package/dist/react/components/Posterize.d.ts +2 -2
- package/dist/react/components/Posterize.d.ts.map +1 -1
- package/dist/react/components/ProgressiveBlur.d.ts +2 -2
- package/dist/react/components/ProgressiveBlur.d.ts.map +1 -1
- package/dist/react/components/RadialGradient.d.ts +2 -2
- package/dist/react/components/RadialGradient.d.ts.map +1 -1
- package/dist/react/components/RectangularCoordinates.d.ts +2 -2
- package/dist/react/components/RectangularCoordinates.d.ts.map +1 -1
- package/dist/react/components/Ripples.d.ts +2 -2
- package/dist/react/components/Ripples.d.ts.map +1 -1
- package/dist/react/components/Saturation.d.ts +2 -2
- package/dist/react/components/Saturation.d.ts.map +1 -1
- package/dist/react/components/Sharpness.d.ts +2 -2
- package/dist/react/components/Sharpness.d.ts.map +1 -1
- package/dist/react/components/Shatter.d.ts +2 -2
- package/dist/react/components/Shatter.d.ts.map +1 -1
- package/dist/react/components/SimplexNoise.d.ts +2 -2
- package/dist/react/components/SimplexNoise.d.ts.map +1 -1
- package/dist/react/components/SineWave.d.ts +2 -2
- package/dist/react/components/SineWave.d.ts.map +1 -1
- package/dist/react/components/SolidColor.d.ts +2 -2
- package/dist/react/components/SolidColor.d.ts.map +1 -1
- package/dist/react/components/Spherize.d.ts +2 -2
- package/dist/react/components/Spherize.d.ts.map +1 -1
- package/dist/react/components/Spiral.d.ts +2 -2
- package/dist/react/components/Spiral.d.ts.map +1 -1
- package/dist/react/components/Strands.d.ts +2 -2
- package/dist/react/components/Strands.d.ts.map +1 -1
- package/dist/react/components/Stretch.d.ts +2 -2
- package/dist/react/components/Stretch.d.ts.map +1 -1
- package/dist/react/components/Stripes.d.ts +2 -2
- package/dist/react/components/Stripes.d.ts.map +1 -1
- package/dist/react/components/Swirl.d.ts +2 -2
- package/dist/react/components/Swirl.d.ts.map +1 -1
- package/dist/react/components/TiltShift.d.ts +2 -2
- package/dist/react/components/TiltShift.d.ts.map +1 -1
- package/dist/react/components/Tint.d.ts +2 -2
- package/dist/react/components/Tint.d.ts.map +1 -1
- package/dist/react/components/Tritone.d.ts +2 -2
- package/dist/react/components/Tritone.d.ts.map +1 -1
- package/dist/react/components/Twirl.d.ts +2 -2
- package/dist/react/components/Twirl.d.ts.map +1 -1
- package/dist/react/components/Vibrance.d.ts +2 -2
- package/dist/react/components/Vibrance.d.ts.map +1 -1
- package/dist/react/components/WaveDistortion.d.ts +2 -2
- package/dist/react/components/WaveDistortion.d.ts.map +1 -1
- package/dist/react/components/WebcamTexture.d.ts +2 -2
- package/dist/react/components/WebcamTexture.d.ts.map +1 -1
- package/dist/react/components/ZoomBlur.d.ts +2 -2
- package/dist/react/components/ZoomBlur.d.ts.map +1 -1
- package/dist/react/engine/Shader.d.ts +9 -9
- package/dist/react/engine/Shader.d.ts.map +1 -1
- package/dist/react/engine/component.template.d.ts +2 -2
- package/dist/react/engine/component.template.d.ts.map +1 -1
- package/dist/solid/engine/Shader.d.ts +1 -1
- package/dist/solid/engine/Shader.d.ts.map +1 -1
- package/dist/solid/engine/Shader.js +24 -7
- package/dist/svelte/engine/Shader.svelte.d.ts +1 -1
- package/dist/svelte/index.js +22 -9
- package/dist/vue/AngularBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Ascii.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Beam.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Blob.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Blur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/BrightnessContrast.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Bulge.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/CRTScreen.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ChannelBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Checkerboard.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ChromaFlow.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ChromaticAberration.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Circle.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/CursorTrail.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/DiffuseBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Dither.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/DotGrid.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Duotone.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/FilmGrain.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/FloatingParticles.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/GlassTiles.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Glow.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Godrays.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Grayscale.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Grid.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/GridDistortion.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Group.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Halftone.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/HueShift.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ImageTexture.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Invert.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/LinearBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/LinearGradient.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Liquify.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Perspective.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Pixelate.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/PolarCoordinates.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Posterize.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ProgressiveBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/RadialGradient.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/RectangularCoordinates.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Ripples.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Saturation.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +27 -14
- package/dist/vue/Sharpness.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Shatter.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/SimplexNoise.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/SineWave.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/SolidColor.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Spherize.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Spiral.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Strands.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Stretch.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Stripes.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Swirl.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/TiltShift.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Tint.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Tritone.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Twirl.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/Vibrance.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/WaveDistortion.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/WebcamTexture.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/ZoomBlur.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/vue/engine/Shader.vue.d.ts +4 -4
- package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
- package/package.json +3 -4
package/dist/react/Godrays.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Godrays_default =
|
|
143
|
+
var Godrays_default = ShaderComponent;
|
|
144
144
|
export { Godrays_default as default };
|
package/dist/react/Grayscale.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Grayscale_default =
|
|
143
|
+
var Grayscale_default = ShaderComponent;
|
|
144
144
|
export { Grayscale_default as default };
|
package/dist/react/Grid.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Grid_default =
|
|
143
|
+
var Grid_default = ShaderComponent;
|
|
144
144
|
export { Grid_default as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var GridDistortion_default =
|
|
143
|
+
var GridDistortion_default = ShaderComponent;
|
|
144
144
|
export { GridDistortion_default as default };
|
package/dist/react/Group.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Group_default =
|
|
143
|
+
var Group_default = ShaderComponent;
|
|
144
144
|
export { Group_default as default };
|
package/dist/react/Halftone.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Halftone_default =
|
|
143
|
+
var Halftone_default = ShaderComponent;
|
|
144
144
|
export { Halftone_default as default };
|
package/dist/react/HueShift.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var HueShift_default =
|
|
143
|
+
var HueShift_default = ShaderComponent;
|
|
144
144
|
export { HueShift_default as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var ImageTexture_default =
|
|
143
|
+
var ImageTexture_default = ShaderComponent;
|
|
144
144
|
export { ImageTexture_default as default };
|
package/dist/react/Invert.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Invert_default =
|
|
143
|
+
var Invert_default = ShaderComponent;
|
|
144
144
|
export { Invert_default as default };
|
package/dist/react/LinearBlur.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var LinearBlur_default =
|
|
143
|
+
var LinearBlur_default = ShaderComponent;
|
|
144
144
|
export { LinearBlur_default as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var LinearGradient_default =
|
|
143
|
+
var LinearGradient_default = ShaderComponent;
|
|
144
144
|
export { LinearGradient_default as default };
|
package/dist/react/Liquify.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Liquify_default =
|
|
143
|
+
var Liquify_default = ShaderComponent;
|
|
144
144
|
export { Liquify_default as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Perspective_default =
|
|
143
|
+
var Perspective_default = ShaderComponent;
|
|
144
144
|
export { Perspective_default as default };
|
package/dist/react/Pixelate.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var Pixelate_default =
|
|
143
|
+
var Pixelate_default = ShaderComponent;
|
|
144
144
|
export { Pixelate_default as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { createUniformsMap } from "../core/index.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -30,10 +30,10 @@ try {
|
|
|
30
30
|
} catch (e) {
|
|
31
31
|
console.warn("Error extracting default props:", e);
|
|
32
32
|
}
|
|
33
|
-
const
|
|
34
|
-
const context = useContext(
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
35
|
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
-
const {
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
37
|
const instanceId = useMemo(() => {
|
|
38
38
|
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
39
|
}, [props.id]);
|
|
@@ -49,7 +49,7 @@ const OmbreComponent = (props) => {
|
|
|
49
49
|
const childContextValue = useMemo(() => {
|
|
50
50
|
return {
|
|
51
51
|
...context,
|
|
52
|
-
|
|
52
|
+
shaderParentId: instanceId
|
|
53
53
|
};
|
|
54
54
|
}, [context, instanceId]);
|
|
55
55
|
useEffect(() => {
|
|
@@ -135,10 +135,10 @@ const OmbreComponent = (props) => {
|
|
|
135
135
|
if (props.ref && typeof props.ref === "function") try {
|
|
136
136
|
props.ref(null);
|
|
137
137
|
} catch (e) {}
|
|
138
|
-
return /* @__PURE__ */ jsx(
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
139
|
value: childContextValue,
|
|
140
140
|
children: props.children
|
|
141
141
|
});
|
|
142
142
|
};
|
|
143
|
-
var PolarCoordinates_default =
|
|
143
|
+
var PolarCoordinates_default = ShaderComponent;
|
|
144
144
|
export { PolarCoordinates_default as default };
|