shaders 2.2.46 → 2.2.48
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/dist/core/FlowField-BJFGOUZL.js +103 -0
- package/dist/core/Kaleidoscope-Dr-ja0XH.js +97 -0
- package/dist/core/Mirror-CnCw4TpZ.js +84 -0
- package/dist/core/registry.js +90 -84
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/FlowField/index.d.ts +36 -0
- package/dist/core/shaders/FlowField/index.d.ts.map +1 -0
- package/dist/core/shaders/FlowField/index.js +5 -0
- package/dist/core/shaders/GlassTiles/index.js +1 -1
- package/dist/core/shaders/Glow/index.js +1 -1
- package/dist/core/shaders/Godrays/index.js +1 -1
- package/dist/core/shaders/Grayscale/index.js +1 -1
- package/dist/core/shaders/Grid/index.js +1 -1
- package/dist/core/shaders/GridDistortion/index.js +1 -1
- package/dist/core/shaders/Group/index.js +1 -1
- package/dist/core/shaders/Halftone/index.js +1 -1
- package/dist/core/shaders/HueShift/index.js +1 -1
- package/dist/core/shaders/ImageTexture/index.js +1 -1
- package/dist/core/shaders/Invert/index.js +1 -1
- package/dist/core/shaders/Kaleidoscope/index.d.ts +36 -0
- package/dist/core/shaders/Kaleidoscope/index.d.ts.map +1 -0
- package/dist/core/shaders/Kaleidoscope/index.js +4 -0
- package/dist/core/shaders/LinearBlur/index.js +1 -1
- package/dist/core/shaders/LinearGradient/index.js +1 -1
- package/dist/core/shaders/Liquify/index.js +1 -1
- package/dist/core/shaders/Mirror/index.d.ts +29 -0
- package/dist/core/shaders/Mirror/index.d.ts.map +1 -0
- package/dist/core/shaders/Mirror/index.js +4 -0
- package/dist/core/shaders/Perspective/index.js +1 -1
- package/dist/core/shaders/Pixelate/index.js +1 -1
- package/dist/core/shaders/PolarCoordinates/index.js +1 -1
- package/dist/core/shaders/Posterize/index.js +1 -1
- package/dist/core/shaders/ProgressiveBlur/index.js +1 -1
- package/dist/core/shaders/RadialGradient/index.js +1 -1
- package/dist/core/shaders/RectangularCoordinates/index.js +1 -1
- package/dist/core/shaders/Ripples/index.js +1 -1
- package/dist/core/shaders/Saturation/index.js +1 -1
- package/dist/core/shaders/Sharpness/index.js +1 -1
- package/dist/core/shaders/Shatter/index.js +1 -1
- package/dist/core/shaders/SimplexNoise/index.js +1 -1
- package/dist/core/shaders/SineWave/index.js +1 -1
- package/dist/core/shaders/SolidColor/index.js +1 -1
- package/dist/core/shaders/Spherize/index.js +1 -1
- package/dist/core/shaders/Spiral/index.js +1 -1
- package/dist/core/shaders/Strands/index.js +1 -1
- package/dist/core/shaders/Stretch/index.js +1 -1
- package/dist/core/shaders/Stripes/index.js +1 -1
- package/dist/core/shaders/Swirl/index.js +1 -1
- package/dist/core/shaders/TiltShift/index.js +1 -1
- package/dist/core/shaders/Tint/index.js +1 -1
- package/dist/core/shaders/Tritone/index.js +1 -1
- package/dist/core/shaders/Twirl/index.js +1 -1
- package/dist/core/shaders/Vibrance/index.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/shaders/WebcamTexture/index.js +1 -1
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/react/FlowField.js +144 -0
- package/dist/react/Kaleidoscope.js +144 -0
- package/dist/react/Mirror.js +144 -0
- package/dist/react/components/FlowField.d.ts +31 -0
- package/dist/react/components/FlowField.d.ts.map +1 -0
- package/dist/react/components/Kaleidoscope.d.ts +31 -0
- package/dist/react/components/Kaleidoscope.d.ts.map +1 -0
- package/dist/react/components/Mirror.d.ts +31 -0
- package/dist/react/components/Mirror.d.ts.map +1 -0
- package/dist/react/index.d.ts +3 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +4 -1
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +15 -0
- package/dist/registry.js +386 -0
- package/dist/solid/components/FlowField.d.ts +28 -0
- package/dist/solid/components/FlowField.d.ts.map +1 -0
- package/dist/solid/components/FlowField.js +148 -0
- package/dist/solid/components/Kaleidoscope.d.ts +28 -0
- package/dist/solid/components/Kaleidoscope.d.ts.map +1 -0
- package/dist/solid/components/Kaleidoscope.js +148 -0
- package/dist/solid/components/Mirror.d.ts +28 -0
- package/dist/solid/components/Mirror.d.ts.map +1 -0
- package/dist/solid/components/Mirror.js +148 -0
- package/dist/solid/index.d.ts +3 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +92 -86
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +15 -0
- package/dist/svelte/components/FlowField.svelte.d.ts +19 -0
- package/dist/svelte/components/Kaleidoscope.svelte.d.ts +19 -0
- package/dist/svelte/components/Mirror.svelte.d.ts +19 -0
- package/dist/svelte/{generatePresetCode-CtXcoyI0.js → generatePresetCode-BD0Ac86C.js} +15 -0
- package/dist/svelte/index.d.ts +3 -0
- package/dist/svelte/index.js +419 -86
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/FlowField.js +3 -0
- package/dist/vue/FlowField.vue_vue_type_script_setup_true_lang.js +127 -0
- package/dist/vue/Kaleidoscope.js +3 -0
- package/dist/vue/Kaleidoscope.vue_vue_type_script_setup_true_lang.js +127 -0
- package/dist/vue/Mirror.js +3 -0
- package/dist/vue/Mirror.vue_vue_type_script_setup_true_lang.js +126 -0
- package/dist/vue/components/FlowField.vue.d.ts +57 -0
- package/dist/vue/components/FlowField.vue.d.ts.map +1 -0
- package/dist/vue/components/Kaleidoscope.vue.d.ts +57 -0
- package/dist/vue/components/Kaleidoscope.vue.d.ts.map +1 -0
- package/dist/vue/components/Mirror.vue.d.ts +57 -0
- package/dist/vue/components/Mirror.vue.d.ts.map +1 -0
- package/dist/vue/index.d.ts +3 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +4 -1
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +15 -0
- package/package.json +25 -1
- /package/dist/core/{GlassTiles-C6LLjlnB.js → GlassTiles-DzYvo92U.js} +0 -0
- /package/dist/core/{Glow-C2avDr73.js → Glow-C4JrnNxe.js} +0 -0
- /package/dist/core/{Godrays-RVh5ylQ-.js → Godrays-CPWOcLmc.js} +0 -0
- /package/dist/core/{Grayscale-BH3tLDGN.js → Grayscale-BFS-Abdh.js} +0 -0
- /package/dist/core/{Grid-CdslWvoH.js → Grid-CsIIl3LT.js} +0 -0
- /package/dist/core/{GridDistortion-fimECOse.js → GridDistortion-Cq3hRKXK.js} +0 -0
- /package/dist/core/{Group-ByGv48Lm.js → Group-DHokCeZ1.js} +0 -0
- /package/dist/core/{Halftone-Cb5yrPnj.js → Halftone-BQsMiTyE.js} +0 -0
- /package/dist/core/{HueShift-DQ2WgImx.js → HueShift-BTjEGl3Z.js} +0 -0
- /package/dist/core/{ImageTexture-DKFb8ze3.js → ImageTexture-CY8Q8h_o.js} +0 -0
- /package/dist/core/{Invert-w9duGaUu.js → Invert-B8vSeK8d.js} +0 -0
- /package/dist/core/{LinearBlur-CfMT259a.js → LinearBlur-DgT4B0nH.js} +0 -0
- /package/dist/core/{LinearGradient-Cn7w-umQ.js → LinearGradient-DTifAwSC.js} +0 -0
- /package/dist/core/{Liquify-BCkIt0A1.js → Liquify-_eLJRjd7.js} +0 -0
- /package/dist/core/{Perspective-CJOFHxEC.js → Perspective-BpgcHA7E.js} +0 -0
- /package/dist/core/{Pixelate-BhNAxBsT.js → Pixelate-Bt2jxIDd.js} +0 -0
- /package/dist/core/{PolarCoordinates-DLs3K__1.js → PolarCoordinates-BJ8-cfC7.js} +0 -0
- /package/dist/core/{Posterize-XoAqPWv2.js → Posterize-Bs-iNEVB.js} +0 -0
- /package/dist/core/{ProgressiveBlur-BIZSnUjp.js → ProgressiveBlur-DELpd9wJ.js} +0 -0
- /package/dist/core/{RadialGradient-sQgXXXQk.js → RadialGradient-DQ4JGS5G.js} +0 -0
- /package/dist/core/{RectangularCoordinates-CyarkXn0.js → RectangularCoordinates-DXSP_gdW.js} +0 -0
- /package/dist/core/{Ripples-Djjw66Bn.js → Ripples-DwDKIvtQ.js} +0 -0
- /package/dist/core/{Saturation-DLHW_GP6.js → Saturation-ekyl1D9y.js} +0 -0
- /package/dist/core/{Sharpness-DkGuV_dy.js → Sharpness-DlWZ-yPe.js} +0 -0
- /package/dist/core/{Shatter-DVgj2Ea3.js → Shatter-BeD72o80.js} +0 -0
- /package/dist/core/{SimplexNoise-BXtLTcAr.js → SimplexNoise-DIo9v2-R.js} +0 -0
- /package/dist/core/{SineWave-BxqFasFh.js → SineWave-DFNnXFYQ.js} +0 -0
- /package/dist/core/{SolidColor-DFkDBFq3.js → SolidColor-B4eYGf_i.js} +0 -0
- /package/dist/core/{Spherize-DIJ4c_EG.js → Spherize-BIVrRcZG.js} +0 -0
- /package/dist/core/{Spiral-BBtmU1Fv.js → Spiral-CqjRxq1I.js} +0 -0
- /package/dist/core/{Strands-D6UOhX0L.js → Strands-B-a2SQB2.js} +0 -0
- /package/dist/core/{Stretch-DLpz8Ofm.js → Stretch-CZv3u-3X.js} +0 -0
- /package/dist/core/{Stripes-Bre3Z2m_.js → Stripes-CXUFg1Gt.js} +0 -0
- /package/dist/core/{Swirl-CfsYsr4X.js → Swirl-BcEmYjJs.js} +0 -0
- /package/dist/core/{TiltShift-BPpXBzBg.js → TiltShift-679S-uVs.js} +0 -0
- /package/dist/core/{Tint-BazvezVn.js → Tint-DS7IJWfS.js} +0 -0
- /package/dist/core/{Tritone-w0h2ebDB.js → Tritone-m_0hwkvN.js} +0 -0
- /package/dist/core/{Twirl-dmfYS2Eo.js → Twirl-DcuGsZAB.js} +0 -0
- /package/dist/core/{Vibrance-BpWyAK9W.js → Vibrance-BafFCMLv.js} +0 -0
- /package/dist/core/{WaveDistortion-hWdvaZmT.js → WaveDistortion-CQkMSDMg.js} +0 -0
- /package/dist/core/{WebcamTexture-D4Uv7Plz.js → WebcamTexture-C5oIVQlF.js} +0 -0
- /package/dist/core/{ZoomBlur-DCI4uHOL.js → ZoomBlur-pFDohu2G.js} +0 -0
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { ShaderContext } from "./Shader.js";
|
|
2
|
+
import { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
|
+
import { createUniformsMap } from "../core/index.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { componentDefinition } from "../core/shaders/Mirror/index.js";
|
|
6
|
+
function computeEffectiveProps(props, defaultProps$1) {
|
|
7
|
+
let baseProps = { ...defaultProps$1 };
|
|
8
|
+
for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
|
|
9
|
+
return baseProps;
|
|
10
|
+
}
|
|
11
|
+
var DEFAULT_TRANSFORM = {
|
|
12
|
+
offsetX: 0,
|
|
13
|
+
offsetY: 0,
|
|
14
|
+
rotation: 0,
|
|
15
|
+
scale: 1,
|
|
16
|
+
anchorX: .5,
|
|
17
|
+
anchorY: .5,
|
|
18
|
+
edges: "transparent"
|
|
19
|
+
};
|
|
20
|
+
var defaultProps = {
|
|
21
|
+
blendMode: "normal",
|
|
22
|
+
renderOrder: 0,
|
|
23
|
+
visible: true
|
|
24
|
+
};
|
|
25
|
+
try {
|
|
26
|
+
if (componentDefinition && componentDefinition.props) Object.entries(componentDefinition.props).forEach(([key, config]) => {
|
|
27
|
+
const propConfig = config;
|
|
28
|
+
if (propConfig && typeof propConfig === "object" && "default" in propConfig) defaultProps[key] = propConfig.default;
|
|
29
|
+
});
|
|
30
|
+
} catch (e) {
|
|
31
|
+
console.warn("Error extracting default props:", e);
|
|
32
|
+
}
|
|
33
|
+
const ShaderComponent = (props) => {
|
|
34
|
+
const context = useContext(ShaderContext);
|
|
35
|
+
if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
36
|
+
const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate } = context;
|
|
37
|
+
const instanceId = useMemo(() => {
|
|
38
|
+
return props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
39
|
+
}, [props.id]);
|
|
40
|
+
const effectiveProps = useMemo(() => {
|
|
41
|
+
return computeEffectiveProps(props, defaultProps);
|
|
42
|
+
}, [props]);
|
|
43
|
+
const effectiveTransform = useMemo(() => ({
|
|
44
|
+
...DEFAULT_TRANSFORM,
|
|
45
|
+
...props.transform
|
|
46
|
+
}), [props.transform]);
|
|
47
|
+
const uniformsRef = useRef(null);
|
|
48
|
+
if (uniformsRef.current === null) uniformsRef.current = createUniformsMap(componentDefinition, effectiveProps, instanceId);
|
|
49
|
+
const childContextValue = useMemo(() => {
|
|
50
|
+
return {
|
|
51
|
+
...context,
|
|
52
|
+
shaderParentId: instanceId
|
|
53
|
+
};
|
|
54
|
+
}, [context, instanceId]);
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (!uniformsRef.current) return;
|
|
57
|
+
try {
|
|
58
|
+
const metadata = {
|
|
59
|
+
blendMode: props.blendMode || "normal",
|
|
60
|
+
opacity: props.opacity,
|
|
61
|
+
visible: props.visible === false ? false : true,
|
|
62
|
+
id: props.id,
|
|
63
|
+
mask: props.maskSource ? {
|
|
64
|
+
source: props.maskSource,
|
|
65
|
+
type: props.maskType || "alpha"
|
|
66
|
+
} : void 0,
|
|
67
|
+
renderOrder: props.renderOrder || 0,
|
|
68
|
+
transform: effectiveTransform
|
|
69
|
+
};
|
|
70
|
+
parentRegister(instanceId, componentDefinition.fragmentNode, parentId, metadata, uniformsRef.current, componentDefinition);
|
|
71
|
+
return () => {
|
|
72
|
+
parentRegister(instanceId, null, null, null, null);
|
|
73
|
+
};
|
|
74
|
+
} catch (error) {
|
|
75
|
+
console.error("Error registering shader node:", error);
|
|
76
|
+
return () => {};
|
|
77
|
+
}
|
|
78
|
+
}, [
|
|
79
|
+
instanceId,
|
|
80
|
+
parentId,
|
|
81
|
+
parentRegister
|
|
82
|
+
]);
|
|
83
|
+
const prevPropsRef = useRef({});
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (!uniformsRef.current) return;
|
|
86
|
+
try {
|
|
87
|
+
Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
|
|
88
|
+
if (!uniformData || typeof uniformData !== "object") return;
|
|
89
|
+
const { uniform, transform } = uniformData;
|
|
90
|
+
if (uniform?.value !== void 0 && propName in effectiveProps) {
|
|
91
|
+
const newValue = effectiveProps[propName];
|
|
92
|
+
if (newValue !== prevPropsRef.current[propName]) {
|
|
93
|
+
parentUniformUpdate(instanceId, propName, newValue);
|
|
94
|
+
prevPropsRef.current[propName] = newValue;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
} catch (error) {
|
|
99
|
+
console.error("Error updating uniforms:", error);
|
|
100
|
+
}
|
|
101
|
+
}, [
|
|
102
|
+
effectiveProps,
|
|
103
|
+
instanceId,
|
|
104
|
+
parentUniformUpdate
|
|
105
|
+
]);
|
|
106
|
+
useEffect(() => {
|
|
107
|
+
try {
|
|
108
|
+
parentMetadataUpdate(instanceId, {
|
|
109
|
+
blendMode: props.blendMode || "normal",
|
|
110
|
+
opacity: props.opacity,
|
|
111
|
+
visible: props.visible === false ? false : true,
|
|
112
|
+
id: props.id,
|
|
113
|
+
mask: props.maskSource ? {
|
|
114
|
+
source: props.maskSource,
|
|
115
|
+
type: props.maskType || "alpha"
|
|
116
|
+
} : void 0,
|
|
117
|
+
renderOrder: props.renderOrder || 0,
|
|
118
|
+
transform: effectiveTransform
|
|
119
|
+
});
|
|
120
|
+
} catch (error) {
|
|
121
|
+
console.error("Error updating metadata:", error);
|
|
122
|
+
}
|
|
123
|
+
}, [
|
|
124
|
+
props.blendMode,
|
|
125
|
+
props.opacity,
|
|
126
|
+
props.visible,
|
|
127
|
+
props.maskSource,
|
|
128
|
+
props.maskType,
|
|
129
|
+
props.renderOrder,
|
|
130
|
+
props.id,
|
|
131
|
+
effectiveTransform,
|
|
132
|
+
instanceId,
|
|
133
|
+
parentMetadataUpdate
|
|
134
|
+
]);
|
|
135
|
+
if (props.ref && typeof props.ref === "function") try {
|
|
136
|
+
props.ref(null);
|
|
137
|
+
} catch (e) {}
|
|
138
|
+
return /* @__PURE__ */ jsx(ShaderContext.Provider, {
|
|
139
|
+
value: childContextValue,
|
|
140
|
+
children: props.children
|
|
141
|
+
});
|
|
142
|
+
};
|
|
143
|
+
var Mirror_default = ShaderComponent;
|
|
144
|
+
export { Mirror_default as default };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
3
|
+
import { ComponentProps } from '../../core/shaders/FlowField';
|
|
4
|
+
|
|
5
|
+
export type { ComponentProps };
|
|
6
|
+
/**
|
|
7
|
+
* Base props that all shader components have
|
|
8
|
+
*/
|
|
9
|
+
interface BaseShaderProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
blendMode?: BlendMode;
|
|
12
|
+
opacity?: number;
|
|
13
|
+
visible?: boolean;
|
|
14
|
+
id?: string;
|
|
15
|
+
maskSource?: string;
|
|
16
|
+
maskType?: string;
|
|
17
|
+
renderOrder?: number;
|
|
18
|
+
transform?: Partial<TransformConfig>;
|
|
19
|
+
ref?: React.Ref<any>;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Component-specific props that merge base props with shader-specific props
|
|
23
|
+
* Note: ComponentProps are made optional since they have defaults from the shader definition
|
|
24
|
+
*/
|
|
25
|
+
type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
|
|
26
|
+
/**
|
|
27
|
+
* The main React wrapper component for Shader shader nodes
|
|
28
|
+
*/
|
|
29
|
+
export declare const ShaderComponent: React.FC<ShaderComponentProps>;
|
|
30
|
+
export default ShaderComponent;
|
|
31
|
+
//# sourceMappingURL=FlowField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowField.d.ts","sourceRoot":"","sources":["../../src/components/FlowField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGlF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAsDtE;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJ1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
3
|
+
import { ComponentProps } from '../../core/shaders/Kaleidoscope';
|
|
4
|
+
|
|
5
|
+
export type { ComponentProps };
|
|
6
|
+
/**
|
|
7
|
+
* Base props that all shader components have
|
|
8
|
+
*/
|
|
9
|
+
interface BaseShaderProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
blendMode?: BlendMode;
|
|
12
|
+
opacity?: number;
|
|
13
|
+
visible?: boolean;
|
|
14
|
+
id?: string;
|
|
15
|
+
maskSource?: string;
|
|
16
|
+
maskType?: string;
|
|
17
|
+
renderOrder?: number;
|
|
18
|
+
transform?: Partial<TransformConfig>;
|
|
19
|
+
ref?: React.Ref<any>;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Component-specific props that merge base props with shader-specific props
|
|
23
|
+
* Note: ComponentProps are made optional since they have defaults from the shader definition
|
|
24
|
+
*/
|
|
25
|
+
type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
|
|
26
|
+
/**
|
|
27
|
+
* The main React wrapper component for Shader shader nodes
|
|
28
|
+
*/
|
|
29
|
+
export declare const ShaderComponent: React.FC<ShaderComponentProps>;
|
|
30
|
+
export default ShaderComponent;
|
|
31
|
+
//# sourceMappingURL=Kaleidoscope.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Kaleidoscope.d.ts","sourceRoot":"","sources":["../../src/components/Kaleidoscope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGrF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAsDtE;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJ1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
3
|
+
import { ComponentProps } from '../../core/shaders/Mirror';
|
|
4
|
+
|
|
5
|
+
export type { ComponentProps };
|
|
6
|
+
/**
|
|
7
|
+
* Base props that all shader components have
|
|
8
|
+
*/
|
|
9
|
+
interface BaseShaderProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
blendMode?: BlendMode;
|
|
12
|
+
opacity?: number;
|
|
13
|
+
visible?: boolean;
|
|
14
|
+
id?: string;
|
|
15
|
+
maskSource?: string;
|
|
16
|
+
maskType?: string;
|
|
17
|
+
renderOrder?: number;
|
|
18
|
+
transform?: Partial<TransformConfig>;
|
|
19
|
+
ref?: React.Ref<any>;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Component-specific props that merge base props with shader-specific props
|
|
23
|
+
* Note: ComponentProps are made optional since they have defaults from the shader definition
|
|
24
|
+
*/
|
|
25
|
+
type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
|
|
26
|
+
/**
|
|
27
|
+
* The main React wrapper component for Shader shader nodes
|
|
28
|
+
*/
|
|
29
|
+
export declare const ShaderComponent: React.FC<ShaderComponentProps>;
|
|
30
|
+
export default ShaderComponent;
|
|
31
|
+
//# sourceMappingURL=Mirror.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Mirror.d.ts","sourceRoot":"","sources":["../../src/components/Mirror.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG/E,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAsDtE;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJ1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/dist/react/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export { default as DotGrid } from './components/DotGrid';
|
|
|
18
18
|
export { default as Duotone } from './components/Duotone';
|
|
19
19
|
export { default as FilmGrain } from './components/FilmGrain';
|
|
20
20
|
export { default as FloatingParticles } from './components/FloatingParticles';
|
|
21
|
+
export { default as FlowField } from './components/FlowField';
|
|
21
22
|
export { default as GlassTiles } from './components/GlassTiles';
|
|
22
23
|
export { default as Glow } from './components/Glow';
|
|
23
24
|
export { default as Godrays } from './components/Godrays';
|
|
@@ -29,9 +30,11 @@ export { default as Halftone } from './components/Halftone';
|
|
|
29
30
|
export { default as HueShift } from './components/HueShift';
|
|
30
31
|
export { default as ImageTexture } from './components/ImageTexture';
|
|
31
32
|
export { default as Invert } from './components/Invert';
|
|
33
|
+
export { default as Kaleidoscope } from './components/Kaleidoscope';
|
|
32
34
|
export { default as LinearBlur } from './components/LinearBlur';
|
|
33
35
|
export { default as LinearGradient } from './components/LinearGradient';
|
|
34
36
|
export { default as Liquify } from './components/Liquify';
|
|
37
|
+
export { default as Mirror } from './components/Mirror';
|
|
35
38
|
export { default as Perspective } from './components/Perspective';
|
|
36
39
|
export { default as Pixelate } from './components/Pixelate';
|
|
37
40
|
export { default as PolarCoordinates } from './components/PolarCoordinates';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/react/index.js
CHANGED
|
@@ -19,6 +19,7 @@ import DotGrid_default from "./DotGrid.js";
|
|
|
19
19
|
import Duotone_default from "./Duotone.js";
|
|
20
20
|
import FilmGrain_default from "./FilmGrain.js";
|
|
21
21
|
import FloatingParticles_default from "./FloatingParticles.js";
|
|
22
|
+
import FlowField_default from "./FlowField.js";
|
|
22
23
|
import GlassTiles_default from "./GlassTiles.js";
|
|
23
24
|
import Glow_default from "./Glow.js";
|
|
24
25
|
import Godrays_default from "./Godrays.js";
|
|
@@ -30,9 +31,11 @@ import Halftone_default from "./Halftone.js";
|
|
|
30
31
|
import HueShift_default from "./HueShift.js";
|
|
31
32
|
import ImageTexture_default from "./ImageTexture.js";
|
|
32
33
|
import Invert_default from "./Invert.js";
|
|
34
|
+
import Kaleidoscope_default from "./Kaleidoscope.js";
|
|
33
35
|
import LinearBlur_default from "./LinearBlur.js";
|
|
34
36
|
import LinearGradient_default from "./LinearGradient.js";
|
|
35
37
|
import Liquify_default from "./Liquify.js";
|
|
38
|
+
import Mirror_default from "./Mirror.js";
|
|
36
39
|
import Perspective_default from "./Perspective.js";
|
|
37
40
|
import Pixelate_default from "./Pixelate.js";
|
|
38
41
|
import PolarCoordinates_default from "./PolarCoordinates.js";
|
|
@@ -62,4 +65,4 @@ import WaveDistortion_default from "./WaveDistortion.js";
|
|
|
62
65
|
import WebcamTexture_default from "./WebcamTexture.js";
|
|
63
66
|
import ZoomBlur_default from "./ZoomBlur.js";
|
|
64
67
|
import { generatePresetCode } from "./utils/generatePresetCode.js";
|
|
65
|
-
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Perspective_default as Perspective, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, Shatter_default as Shatter, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Stripes_default as Stripes, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
68
|
+
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Beam_default as Beam, Blob_default as Blob, Blur_default as Blur, BrightnessContrast_default as BrightnessContrast, Bulge_default as Bulge, CRTScreen_default as CRTScreen, ChannelBlur_default as ChannelBlur, Checkerboard_default as Checkerboard, ChromaFlow_default as ChromaFlow, ChromaticAberration_default as ChromaticAberration, Circle_default as Circle, CursorTrail_default as CursorTrail, DiffuseBlur_default as DiffuseBlur, Dither_default as Dither, DotGrid_default as DotGrid, Duotone_default as Duotone, FilmGrain_default as FilmGrain, FloatingParticles_default as FloatingParticles, FlowField_default as FlowField, GlassTiles_default as GlassTiles, Glow_default as Glow, Godrays_default as Godrays, Grayscale_default as Grayscale, Grid_default as Grid, GridDistortion_default as GridDistortion, Group_default as Group, Halftone_default as Halftone, HueShift_default as HueShift, ImageTexture_default as ImageTexture, Invert_default as Invert, Kaleidoscope_default as Kaleidoscope, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Mirror_default as Mirror, Perspective_default as Perspective, Pixelate_default as Pixelate, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, ProgressiveBlur_default as ProgressiveBlur, RadialGradient_default as RadialGradient, RectangularCoordinates_default as RectangularCoordinates, Ripples_default as Ripples, Saturation_default as Saturation, Shader_default as Shader, Sharpness_default as Sharpness, Shatter_default as Shatter, SimplexNoise_default as SimplexNoise, SineWave_default as SineWave, SolidColor_default as SolidColor, Spherize_default as Spherize, Spiral_default as Spiral, Strands_default as Strands, Stretch_default as Stretch, Stripes_default as Stripes, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
@@ -1 +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;
|
|
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;AAiYD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAmE/B,CAAA"}
|
|
@@ -93,6 +93,10 @@ var shaderMetadata = {
|
|
|
93
93
|
"opacity": 1,
|
|
94
94
|
"blendMode": "normal"
|
|
95
95
|
},
|
|
96
|
+
"FlowField": {
|
|
97
|
+
"opacity": 1,
|
|
98
|
+
"blendMode": "normal"
|
|
99
|
+
},
|
|
96
100
|
"GlassTiles": {
|
|
97
101
|
"opacity": 1,
|
|
98
102
|
"blendMode": "normal"
|
|
@@ -137,6 +141,10 @@ var shaderMetadata = {
|
|
|
137
141
|
"opacity": 1,
|
|
138
142
|
"blendMode": "normal"
|
|
139
143
|
},
|
|
144
|
+
"Kaleidoscope": {
|
|
145
|
+
"opacity": 1,
|
|
146
|
+
"blendMode": "normal"
|
|
147
|
+
},
|
|
140
148
|
"LinearBlur": {
|
|
141
149
|
"opacity": 1,
|
|
142
150
|
"blendMode": "normal"
|
|
@@ -149,6 +157,10 @@ var shaderMetadata = {
|
|
|
149
157
|
"opacity": 1,
|
|
150
158
|
"blendMode": "normal"
|
|
151
159
|
},
|
|
160
|
+
"Mirror": {
|
|
161
|
+
"opacity": 1,
|
|
162
|
+
"blendMode": "normal"
|
|
163
|
+
},
|
|
152
164
|
"Perspective": {
|
|
153
165
|
"opacity": 1,
|
|
154
166
|
"blendMode": "normal"
|
|
@@ -347,6 +359,7 @@ const availableComponents = [
|
|
|
347
359
|
"Duotone",
|
|
348
360
|
"FilmGrain",
|
|
349
361
|
"FloatingParticles",
|
|
362
|
+
"FlowField",
|
|
350
363
|
"GlassTiles",
|
|
351
364
|
"Glow",
|
|
352
365
|
"Godrays",
|
|
@@ -358,9 +371,11 @@ const availableComponents = [
|
|
|
358
371
|
"HueShift",
|
|
359
372
|
"ImageTexture",
|
|
360
373
|
"Invert",
|
|
374
|
+
"Kaleidoscope",
|
|
361
375
|
"LinearBlur",
|
|
362
376
|
"LinearGradient",
|
|
363
377
|
"Liquify",
|
|
378
|
+
"Mirror",
|
|
364
379
|
"Perspective",
|
|
365
380
|
"Pixelate",
|
|
366
381
|
"PolarCoordinates",
|