shaders 2.3.62 → 2.3.64
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/{WaveDistortion-DzwdX6Wj.js → WaveDistortion-D8LOc-Dc.js} +11 -4
- package/dist/core/registry.js +1 -1
- package/dist/core/shaders/WaveDistortion/index.d.ts +1 -1
- package/dist/core/shaders/WaveDistortion/index.d.ts.map +1 -1
- package/dist/core/shaders/WaveDistortion/index.js +1 -1
- package/dist/core/telemetry/collector.d.ts +3 -1
- package/dist/core/telemetry/collector.d.ts.map +1 -1
- package/dist/core/telemetry/index.d.ts +4 -1
- package/dist/core/telemetry/index.d.ts.map +1 -1
- package/dist/core/telemetry/index.js +14 -4
- package/dist/core/telemetry/types.d.ts +1 -0
- package/dist/core/telemetry/types.d.ts.map +1 -1
- package/dist/react/AngularBlur.js +1 -1
- package/dist/react/Ascii.js +1 -1
- package/dist/react/Aurora.js +1 -1
- package/dist/react/Beam.js +1 -1
- package/dist/react/Blob.js +1 -1
- package/dist/react/Blur.js +1 -1
- package/dist/react/BrightnessContrast.js +1 -1
- package/dist/react/Bulge.js +1 -1
- package/dist/react/CRTScreen.js +1 -1
- package/dist/react/ChannelBlur.js +1 -1
- package/dist/react/Checkerboard.js +1 -1
- package/dist/react/ChromaFlow.js +1 -1
- package/dist/react/ChromaticAberration.js +1 -1
- package/dist/react/Circle.js +1 -1
- package/dist/react/ConcentricSpin.js +1 -1
- package/dist/react/ContourLines.js +1 -1
- package/dist/react/CursorRipples.js +1 -1
- package/dist/react/CursorTrail.js +1 -1
- package/dist/react/DiffuseBlur.js +1 -1
- package/dist/react/Dither.js +1 -1
- package/dist/react/DotGrid.js +1 -1
- package/dist/react/Duotone.js +1 -1
- package/dist/react/FilmGrain.js +1 -1
- package/dist/react/FloatingParticles.js +1 -1
- package/dist/react/FlowField.js +1 -1
- package/dist/react/GlassTiles.js +1 -1
- package/dist/react/Glitch.js +1 -1
- package/dist/react/Glow.js +1 -1
- package/dist/react/Godrays.js +1 -1
- package/dist/react/Grayscale.js +1 -1
- package/dist/react/Grid.js +1 -1
- package/dist/react/GridDistortion.js +1 -1
- package/dist/react/Group.js +1 -1
- package/dist/react/Halftone.js +1 -1
- package/dist/react/HueShift.js +1 -1
- package/dist/react/ImageTexture.js +1 -1
- package/dist/react/Invert.js +1 -1
- package/dist/react/Kaleidoscope.js +1 -1
- package/dist/react/LensFlare.js +1 -1
- package/dist/react/LinearBlur.js +1 -1
- package/dist/react/LinearGradient.js +1 -1
- package/dist/react/Liquify.js +1 -1
- package/dist/react/Mirror.js +1 -1
- package/dist/react/Perspective.js +1 -1
- package/dist/react/Pixelate.js +1 -1
- package/dist/react/Plasma.js +1 -1
- package/dist/react/PolarCoordinates.js +1 -1
- package/dist/react/Posterize.js +1 -1
- package/dist/react/Preview.js +210 -0
- package/dist/react/ProgressiveBlur.js +1 -1
- package/dist/react/RadialGradient.js +1 -1
- package/dist/react/RectangularCoordinates.js +1 -1
- package/dist/react/Ripples.js +1 -1
- package/dist/react/Saturation.js +1 -1
- package/dist/react/Shader.js +7 -6
- package/dist/react/Sharpness.js +1 -1
- package/dist/react/Shatter.js +1 -1
- package/dist/react/SimplexNoise.js +1 -1
- package/dist/react/SineWave.js +1 -1
- package/dist/react/SolidColor.js +1 -1
- package/dist/react/Spherize.js +1 -1
- package/dist/react/Spiral.js +1 -1
- package/dist/react/Strands.js +1 -1
- package/dist/react/Stretch.js +1 -1
- package/dist/react/Stripes.js +1 -1
- package/dist/react/StudioBackground.js +1 -1
- package/dist/react/Swirl.js +1 -1
- package/dist/react/TiltShift.js +1 -1
- package/dist/react/Tint.js +1 -1
- package/dist/react/Tritone.js +1 -1
- package/dist/react/Twirl.js +1 -1
- package/dist/react/Vibrance.js +1 -1
- package/dist/react/VideoTexture.js +1 -1
- package/dist/react/WaveDistortion.js +1 -1
- package/dist/react/WebcamTexture.js +1 -1
- package/dist/react/ZoomBlur.js +1 -1
- package/dist/react/engine/Preview.d.ts +31 -0
- package/dist/react/engine/Preview.d.ts.map +1 -0
- package/dist/react/engine/Shader.d.ts +1 -0
- package/dist/react/engine/Shader.d.ts.map +1 -1
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +2 -1
- package/dist/registry.js +10 -2
- package/dist/solid/engine/Preview.d.ts +13 -0
- package/dist/solid/engine/Preview.d.ts.map +1 -0
- package/dist/solid/engine/Preview.js +316 -0
- package/dist/solid/engine/Shader.d.ts +1 -0
- package/dist/solid/engine/Shader.d.ts.map +1 -1
- package/dist/solid/engine/Shader.js +8 -5
- package/dist/solid/index.d.ts +1 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +2 -0
- package/dist/svelte/engine/Preview.svelte.d.ts +26 -0
- package/dist/svelte/engine/PreviewRenderComponent.svelte.d.ts +22 -0
- package/dist/svelte/engine/Shader.svelte.d.ts +1 -0
- package/dist/svelte/index.d.ts +1 -0
- package/dist/svelte/index.js +327 -8
- package/dist/vue/Preview.js +3 -0
- package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js +301 -0
- package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +10 -5
- package/dist/vue/engine/Shader.vue.d.ts +4 -0
- package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
- package/dist/vue/index.d.ts +1 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +2 -1
- package/package.json +1 -1
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { Shader } from "./Shader.js";
|
|
2
|
+
import { Suspense, lazy, useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
function xorCrypt(data, key) {
|
|
5
|
+
const keyBytes = new TextEncoder().encode(key);
|
|
6
|
+
const result = new Uint8Array(data.length);
|
|
7
|
+
for (let i = 0; i < data.length; i++) result[i] = data[i] ^ keyBytes[i % keyBytes.length];
|
|
8
|
+
return result;
|
|
9
|
+
}
|
|
10
|
+
function decodePreviewDefinition(encoded, key) {
|
|
11
|
+
const binaryString = atob(encoded);
|
|
12
|
+
const encrypted = new Uint8Array(binaryString.length);
|
|
13
|
+
for (let i = 0; i < binaryString.length; i++) encrypted[i] = binaryString.charCodeAt(i);
|
|
14
|
+
const decrypted = xorCrypt(encrypted, key);
|
|
15
|
+
const json = new TextDecoder().decode(decrypted);
|
|
16
|
+
try {
|
|
17
|
+
return JSON.parse(json);
|
|
18
|
+
} catch {
|
|
19
|
+
throw new Error("Failed to decode shader definition: invalid data or incorrect key");
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
var componentMap = {
|
|
23
|
+
AngularBlur: lazy(() => import("./AngularBlur.js")),
|
|
24
|
+
Ascii: lazy(() => import("./Ascii.js")),
|
|
25
|
+
Aurora: lazy(() => import("./Aurora.js")),
|
|
26
|
+
Beam: lazy(() => import("./Beam.js")),
|
|
27
|
+
Blob: lazy(() => import("./Blob.js")),
|
|
28
|
+
Blur: lazy(() => import("./Blur.js")),
|
|
29
|
+
BrightnessContrast: lazy(() => import("./BrightnessContrast.js")),
|
|
30
|
+
Bulge: lazy(() => import("./Bulge.js")),
|
|
31
|
+
CRTScreen: lazy(() => import("./CRTScreen.js")),
|
|
32
|
+
ChannelBlur: lazy(() => import("./ChannelBlur.js")),
|
|
33
|
+
Checkerboard: lazy(() => import("./Checkerboard.js")),
|
|
34
|
+
ChromaFlow: lazy(() => import("./ChromaFlow.js")),
|
|
35
|
+
ChromaticAberration: lazy(() => import("./ChromaticAberration.js")),
|
|
36
|
+
Circle: lazy(() => import("./Circle.js")),
|
|
37
|
+
ConcentricSpin: lazy(() => import("./ConcentricSpin.js")),
|
|
38
|
+
ContourLines: lazy(() => import("./ContourLines.js")),
|
|
39
|
+
CursorRipples: lazy(() => import("./CursorRipples.js")),
|
|
40
|
+
CursorTrail: lazy(() => import("./CursorTrail.js")),
|
|
41
|
+
DiffuseBlur: lazy(() => import("./DiffuseBlur.js")),
|
|
42
|
+
Dither: lazy(() => import("./Dither.js")),
|
|
43
|
+
DotGrid: lazy(() => import("./DotGrid.js")),
|
|
44
|
+
Duotone: lazy(() => import("./Duotone.js")),
|
|
45
|
+
FilmGrain: lazy(() => import("./FilmGrain.js")),
|
|
46
|
+
FloatingParticles: lazy(() => import("./FloatingParticles.js")),
|
|
47
|
+
FlowField: lazy(() => import("./FlowField.js")),
|
|
48
|
+
GlassTiles: lazy(() => import("./GlassTiles.js")),
|
|
49
|
+
Glitch: lazy(() => import("./Glitch.js")),
|
|
50
|
+
Glow: lazy(() => import("./Glow.js")),
|
|
51
|
+
Godrays: lazy(() => import("./Godrays.js")),
|
|
52
|
+
Grayscale: lazy(() => import("./Grayscale.js")),
|
|
53
|
+
Grid: lazy(() => import("./Grid.js")),
|
|
54
|
+
GridDistortion: lazy(() => import("./GridDistortion.js")),
|
|
55
|
+
Group: lazy(() => import("./Group.js")),
|
|
56
|
+
Halftone: lazy(() => import("./Halftone.js")),
|
|
57
|
+
HueShift: lazy(() => import("./HueShift.js")),
|
|
58
|
+
ImageTexture: lazy(() => import("./ImageTexture.js")),
|
|
59
|
+
Invert: lazy(() => import("./Invert.js")),
|
|
60
|
+
Kaleidoscope: lazy(() => import("./Kaleidoscope.js")),
|
|
61
|
+
LensFlare: lazy(() => import("./LensFlare.js")),
|
|
62
|
+
LinearBlur: lazy(() => import("./LinearBlur.js")),
|
|
63
|
+
LinearGradient: lazy(() => import("./LinearGradient.js")),
|
|
64
|
+
Liquify: lazy(() => import("./Liquify.js")),
|
|
65
|
+
Mirror: lazy(() => import("./Mirror.js")),
|
|
66
|
+
Perspective: lazy(() => import("./Perspective.js")),
|
|
67
|
+
Pixelate: lazy(() => import("./Pixelate.js")),
|
|
68
|
+
Plasma: lazy(() => import("./Plasma.js")),
|
|
69
|
+
PolarCoordinates: lazy(() => import("./PolarCoordinates.js")),
|
|
70
|
+
Posterize: lazy(() => import("./Posterize.js")),
|
|
71
|
+
ProgressiveBlur: lazy(() => import("./ProgressiveBlur.js")),
|
|
72
|
+
RadialGradient: lazy(() => import("./RadialGradient.js")),
|
|
73
|
+
RectangularCoordinates: lazy(() => import("./RectangularCoordinates.js")),
|
|
74
|
+
Ripples: lazy(() => import("./Ripples.js")),
|
|
75
|
+
Saturation: lazy(() => import("./Saturation.js")),
|
|
76
|
+
Sharpness: lazy(() => import("./Sharpness.js")),
|
|
77
|
+
Shatter: lazy(() => import("./Shatter.js")),
|
|
78
|
+
SimplexNoise: lazy(() => import("./SimplexNoise.js")),
|
|
79
|
+
SineWave: lazy(() => import("./SineWave.js")),
|
|
80
|
+
SolidColor: lazy(() => import("./SolidColor.js")),
|
|
81
|
+
Spherize: lazy(() => import("./Spherize.js")),
|
|
82
|
+
Spiral: lazy(() => import("./Spiral.js")),
|
|
83
|
+
Strands: lazy(() => import("./Strands.js")),
|
|
84
|
+
Stretch: lazy(() => import("./Stretch.js")),
|
|
85
|
+
Stripes: lazy(() => import("./Stripes.js")),
|
|
86
|
+
StudioBackground: lazy(() => import("./StudioBackground.js")),
|
|
87
|
+
Swirl: lazy(() => import("./Swirl.js")),
|
|
88
|
+
TiltShift: lazy(() => import("./TiltShift.js")),
|
|
89
|
+
Tint: lazy(() => import("./Tint.js")),
|
|
90
|
+
Tritone: lazy(() => import("./Tritone.js")),
|
|
91
|
+
Twirl: lazy(() => import("./Twirl.js")),
|
|
92
|
+
Vibrance: lazy(() => import("./Vibrance.js")),
|
|
93
|
+
VideoTexture: lazy(() => import("./VideoTexture.js")),
|
|
94
|
+
WaveDistortion: lazy(() => import("./WaveDistortion.js")),
|
|
95
|
+
WebcamTexture: lazy(() => import("./WebcamTexture.js")),
|
|
96
|
+
ZoomBlur: lazy(() => import("./ZoomBlur.js"))
|
|
97
|
+
};
|
|
98
|
+
var DEFAULT_KEY = "shaders-preview-key";
|
|
99
|
+
function RenderComponent({ component }) {
|
|
100
|
+
const Component = componentMap[component.type];
|
|
101
|
+
if (!Component) {
|
|
102
|
+
console.warn(`[Shaders Preview] Unknown component type: ${component.type}`);
|
|
103
|
+
return null;
|
|
104
|
+
}
|
|
105
|
+
const { type, children, id, props: componentProps,...topLevelProps } = component;
|
|
106
|
+
const mergedProps = {
|
|
107
|
+
...topLevelProps,
|
|
108
|
+
...componentProps
|
|
109
|
+
};
|
|
110
|
+
if (id) mergedProps.id = id;
|
|
111
|
+
return /* @__PURE__ */ jsx(Component, {
|
|
112
|
+
...mergedProps,
|
|
113
|
+
children: children?.map((child, index) => /* @__PURE__ */ jsx(RenderComponent, { component: child }, child.id || index))
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfuscationKey = DEFAULT_KEY, watermarkText = "Unlock your Shaders Pro license", watermarkLink = "https://shaders.com/dashboard?pricing=true", style, className,...rest }) => {
|
|
117
|
+
const [fetchedDefinition, setFetchedDefinition] = useState(null);
|
|
118
|
+
const fetchAndDecode = (url) => {
|
|
119
|
+
setFetchedDefinition(null);
|
|
120
|
+
fetch(url).then((res) => {
|
|
121
|
+
if (!res.ok) throw new Error(`Failed to fetch: ${res.status}`);
|
|
122
|
+
return res.json();
|
|
123
|
+
}).then((data) => {
|
|
124
|
+
const item = data.preset || data.shader;
|
|
125
|
+
if (item?.definition && typeof item.definition === "string") setFetchedDefinition(decodePreviewDefinition(item.definition, obfuscationKey));
|
|
126
|
+
}).catch((err) => {
|
|
127
|
+
console.error("[Shaders Preview] Failed to fetch preview:", err);
|
|
128
|
+
});
|
|
129
|
+
};
|
|
130
|
+
useEffect(() => {
|
|
131
|
+
if (shader) fetchAndDecode(`${apiBaseUrl}/api/preview/shader/${shader}`);
|
|
132
|
+
else if (!presetId) setFetchedDefinition(null);
|
|
133
|
+
}, [
|
|
134
|
+
shader,
|
|
135
|
+
presetId,
|
|
136
|
+
apiBaseUrl,
|
|
137
|
+
obfuscationKey
|
|
138
|
+
]);
|
|
139
|
+
useEffect(() => {
|
|
140
|
+
if (presetId) fetchAndDecode(`${apiBaseUrl}/api/preview/preset/${presetId}`);
|
|
141
|
+
else if (!shader) setFetchedDefinition(null);
|
|
142
|
+
}, [
|
|
143
|
+
presetId,
|
|
144
|
+
shader,
|
|
145
|
+
apiBaseUrl,
|
|
146
|
+
obfuscationKey
|
|
147
|
+
]);
|
|
148
|
+
const definition = useMemo(() => {
|
|
149
|
+
if (fetchedDefinition) return fetchedDefinition;
|
|
150
|
+
return null;
|
|
151
|
+
}, [fetchedDefinition]);
|
|
152
|
+
const hasWarnedRef = useRef(false);
|
|
153
|
+
useEffect(() => {
|
|
154
|
+
if (!hasWarnedRef.current && definition) {
|
|
155
|
+
hasWarnedRef.current = true;
|
|
156
|
+
console.warn("[Shaders] The Preview component is intended for use with a valid Shaders license. Please visit https://shaders.com for more information.");
|
|
157
|
+
}
|
|
158
|
+
}, [definition]);
|
|
159
|
+
if (!definition) return null;
|
|
160
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
161
|
+
style: {
|
|
162
|
+
position: "relative",
|
|
163
|
+
...style
|
|
164
|
+
},
|
|
165
|
+
className,
|
|
166
|
+
...rest,
|
|
167
|
+
children: [/* @__PURE__ */ jsx(Suspense, {
|
|
168
|
+
fallback: null,
|
|
169
|
+
children: /* @__PURE__ */ jsx(Shader, {
|
|
170
|
+
colorSpace: definition.colorSpace || "p3-linear",
|
|
171
|
+
isPreview: true,
|
|
172
|
+
style: {
|
|
173
|
+
width: "100%",
|
|
174
|
+
height: "100%"
|
|
175
|
+
},
|
|
176
|
+
children: definition.components.map((component, index) => /* @__PURE__ */ jsx(RenderComponent, { component }, component.id || index))
|
|
177
|
+
})
|
|
178
|
+
}), watermarkText && /* @__PURE__ */ jsx("div", {
|
|
179
|
+
style: {
|
|
180
|
+
position: "absolute",
|
|
181
|
+
bottom: "8px",
|
|
182
|
+
right: "12px",
|
|
183
|
+
fontSize: "11px",
|
|
184
|
+
fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
|
|
185
|
+
color: "rgba(255, 255, 255, 0.5)",
|
|
186
|
+
textShadow: "0 1px 3px rgba(0, 0, 0, 0.4)",
|
|
187
|
+
pointerEvents: watermarkLink ? "auto" : "none",
|
|
188
|
+
zIndex: 10,
|
|
189
|
+
transition: "color 0.2s ease"
|
|
190
|
+
},
|
|
191
|
+
onMouseEnter: (e) => {
|
|
192
|
+
if (watermarkLink) e.currentTarget.style.color = "rgba(255, 255, 255, 0.8)";
|
|
193
|
+
},
|
|
194
|
+
onMouseLeave: (e) => {
|
|
195
|
+
if (watermarkLink) e.currentTarget.style.color = "rgba(255, 255, 255, 0.5)";
|
|
196
|
+
},
|
|
197
|
+
children: watermarkLink ? /* @__PURE__ */ jsx("a", {
|
|
198
|
+
href: watermarkLink,
|
|
199
|
+
target: "_blank",
|
|
200
|
+
rel: "noopener noreferrer",
|
|
201
|
+
style: {
|
|
202
|
+
color: "inherit",
|
|
203
|
+
textDecoration: "none"
|
|
204
|
+
},
|
|
205
|
+
children: watermarkText
|
|
206
|
+
}) : watermarkText
|
|
207
|
+
})]
|
|
208
|
+
});
|
|
209
|
+
};
|
|
210
|
+
export { Preview };
|
package/dist/react/Ripples.js
CHANGED
package/dist/react/Saturation.js
CHANGED
package/dist/react/Shader.js
CHANGED
|
@@ -2,10 +2,10 @@ import { createContext, useEffect, useMemo, useRef } from "react";
|
|
|
2
2
|
import { shaderRenderer } from "../core/index.js";
|
|
3
3
|
import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
|
|
4
4
|
import { vec4 } from "three/tsl";
|
|
5
|
-
import {
|
|
5
|
+
import { isExternalUser, shouldCollectTelemetry, startTelemetry } from "../core/telemetry/index.js";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
const ShaderContext = createContext(null);
|
|
8
|
-
const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear", style = {}, className = "",...rest }) => {
|
|
8
|
+
const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear", isPreview = false, style = {}, className = "",...rest }) => {
|
|
9
9
|
const containerRef = useRef(null);
|
|
10
10
|
const canvasRef = useRef(null);
|
|
11
11
|
const rootId = useMemo(() => "shader-root-" + Math.random().toString(36).substring(7), []);
|
|
@@ -80,8 +80,9 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
|
|
|
80
80
|
return;
|
|
81
81
|
}
|
|
82
82
|
if (rendererRef.current.getPerformanceStats().fps > 0) {
|
|
83
|
-
|
|
84
|
-
telemetryCollectorRef.current.
|
|
83
|
+
const version = typeof __SHADERS_VERSION__ !== "undefined" ? __SHADERS_VERSION__ : "unknown";
|
|
84
|
+
telemetryCollectorRef.current = startTelemetry(rendererRef.current, version, disableTelemetry, isPreview);
|
|
85
|
+
if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
|
|
85
86
|
telemetryStartTimeoutRef.current = null;
|
|
86
87
|
} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);
|
|
87
88
|
};
|
|
@@ -100,7 +101,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
|
|
|
100
101
|
renderer.registerNode(rootId, ({ childNode }) => childNode || vec4(0, 0, 0, 0), null, null, {});
|
|
101
102
|
isInitializedRef.current = true;
|
|
102
103
|
isInitializingRef.current = false;
|
|
103
|
-
if (shouldSendTelemetryRef.current === null) shouldSendTelemetryRef.current = isExternalUser() && shouldCollectTelemetry(disableTelemetry);
|
|
104
|
+
if (shouldSendTelemetryRef.current === null) shouldSendTelemetryRef.current = isExternalUser() && shouldCollectTelemetry(disableTelemetry, isPreview);
|
|
104
105
|
if (shouldSendTelemetryRef.current && !telemetryCollectorRef.current) startTelemetryWhenReady();
|
|
105
106
|
} catch (err) {
|
|
106
107
|
console.error("[Shader] Initialization failed:", err);
|
|
@@ -200,4 +201,4 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
|
|
|
200
201
|
});
|
|
201
202
|
};
|
|
202
203
|
var Shader_default = Shader;
|
|
203
|
-
export { ShaderContext, Shader_default as default };
|
|
204
|
+
export { Shader, ShaderContext, Shader_default as default };
|
package/dist/react/Sharpness.js
CHANGED
package/dist/react/Shatter.js
CHANGED
package/dist/react/SineWave.js
CHANGED
package/dist/react/SolidColor.js
CHANGED
package/dist/react/Spherize.js
CHANGED
package/dist/react/Spiral.js
CHANGED
package/dist/react/Strands.js
CHANGED
package/dist/react/Stretch.js
CHANGED
package/dist/react/Stripes.js
CHANGED
package/dist/react/Swirl.js
CHANGED
package/dist/react/TiltShift.js
CHANGED
package/dist/react/Tint.js
CHANGED
package/dist/react/Tritone.js
CHANGED
package/dist/react/Twirl.js
CHANGED
package/dist/react/Vibrance.js
CHANGED
package/dist/react/ZoomBlur.js
CHANGED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { CSSProperties, FC } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ShaderComponent {
|
|
4
|
+
type: string;
|
|
5
|
+
id?: string;
|
|
6
|
+
props?: Record<string, any>;
|
|
7
|
+
children?: ShaderComponent[];
|
|
8
|
+
blendMode?: string;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
renderOrder?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface ShaderDefinition {
|
|
13
|
+
components: ShaderComponent[];
|
|
14
|
+
structureVersion?: number;
|
|
15
|
+
colorSpace?: 'p3-linear' | 'srgb';
|
|
16
|
+
devicePreview?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface PreviewProps {
|
|
19
|
+
shader?: string;
|
|
20
|
+
presetId?: string;
|
|
21
|
+
apiBaseUrl?: string;
|
|
22
|
+
obfuscationKey?: string;
|
|
23
|
+
watermarkText?: string;
|
|
24
|
+
watermarkLink?: string;
|
|
25
|
+
style?: CSSProperties;
|
|
26
|
+
className?: string;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
export declare const Preview: FC<PreviewProps>;
|
|
30
|
+
export default Preview;
|
|
31
|
+
//# sourceMappingURL=Preview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4E,KAAK,aAAa,EAAE,KAAK,EAAE,EAA4B,MAAM,OAAO,CAAA;AAKvJ,MAAM,WAAW,eAAe;IAC9B,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;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAkHD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA6BD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+HpC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClJ,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,0CAAiD,CAAC;AAE5E,UAAU,WAAW;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqTxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/react/index.d.ts
CHANGED
|
@@ -73,5 +73,6 @@ export { default as WaveDistortion } from './components/WaveDistortion';
|
|
|
73
73
|
export { default as WebcamTexture } from './components/WebcamTexture';
|
|
74
74
|
export { default as ZoomBlur } from './components/ZoomBlur';
|
|
75
75
|
export { default as Shader } from './engine/Shader';
|
|
76
|
+
export { Preview } from './engine/Preview';
|
|
76
77
|
export { generatePresetCode } from './utils/generatePresetCode';
|
|
77
78
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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
|
@@ -73,5 +73,6 @@ import VideoTexture_default from "./VideoTexture.js";
|
|
|
73
73
|
import WaveDistortion_default from "./WaveDistortion.js";
|
|
74
74
|
import WebcamTexture_default from "./WebcamTexture.js";
|
|
75
75
|
import ZoomBlur_default from "./ZoomBlur.js";
|
|
76
|
+
import { Preview } from "./Preview.js";
|
|
76
77
|
import { generatePresetCode } from "./utils/generatePresetCode.js";
|
|
77
|
-
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Aurora_default as Aurora, 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, ConcentricSpin_default as ConcentricSpin, ContourLines_default as ContourLines, CursorRipples_default as CursorRipples, 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, Glitch_default as Glitch, 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, LensFlare_default as LensFlare, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Mirror_default as Mirror, Perspective_default as Perspective, Pixelate_default as Pixelate, Plasma_default as Plasma, 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, StudioBackground_default as StudioBackground, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, VideoTexture_default as VideoTexture, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
78
|
+
export { AngularBlur_default as AngularBlur, Ascii_default as Ascii, Aurora_default as Aurora, 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, ConcentricSpin_default as ConcentricSpin, ContourLines_default as ContourLines, CursorRipples_default as CursorRipples, 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, Glitch_default as Glitch, 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, LensFlare_default as LensFlare, LinearBlur_default as LinearBlur, LinearGradient_default as LinearGradient, Liquify_default as Liquify, Mirror_default as Mirror, Perspective_default as Perspective, Pixelate_default as Pixelate, Plasma_default as Plasma, PolarCoordinates_default as PolarCoordinates, Posterize_default as Posterize, Preview, 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, StudioBackground_default as StudioBackground, Swirl_default as Swirl, TiltShift_default as TiltShift, Tint_default as Tint, Tritone_default as Tritone, Twirl_default as Twirl, Vibrance_default as Vibrance, VideoTexture_default as VideoTexture, WaveDistortion_default as WaveDistortion, WebcamTexture_default as WebcamTexture, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
package/dist/registry.js
CHANGED
|
@@ -11369,7 +11369,7 @@ export const shaderRegistry = [
|
|
|
11369
11369
|
"type": "range",
|
|
11370
11370
|
"min": 0,
|
|
11371
11371
|
"max": 1,
|
|
11372
|
-
"step": 0.
|
|
11372
|
+
"step": 0.05,
|
|
11373
11373
|
"label": "Strength",
|
|
11374
11374
|
"group": "Effect"
|
|
11375
11375
|
}
|
|
@@ -11431,6 +11431,10 @@ export const shaderRegistry = [
|
|
|
11431
11431
|
{
|
|
11432
11432
|
"label": "Sawtooth",
|
|
11433
11433
|
"value": "sawtooth"
|
|
11434
|
+
},
|
|
11435
|
+
{
|
|
11436
|
+
"label": "Bounce",
|
|
11437
|
+
"value": "bounce"
|
|
11434
11438
|
}
|
|
11435
11439
|
],
|
|
11436
11440
|
"label": "Wave Type",
|
|
@@ -11472,7 +11476,7 @@ export const shaderRegistry = [
|
|
|
11472
11476
|
"type": "range",
|
|
11473
11477
|
"min": 0,
|
|
11474
11478
|
"max": 1,
|
|
11475
|
-
"step": 0.
|
|
11479
|
+
"step": 0.05,
|
|
11476
11480
|
"label": "Strength",
|
|
11477
11481
|
"group": "Effect"
|
|
11478
11482
|
},
|
|
@@ -11534,6 +11538,10 @@ export const shaderRegistry = [
|
|
|
11534
11538
|
{
|
|
11535
11539
|
"label": "Sawtooth",
|
|
11536
11540
|
"value": "sawtooth"
|
|
11541
|
+
},
|
|
11542
|
+
{
|
|
11543
|
+
"label": "Bounce",
|
|
11544
|
+
"value": "bounce"
|
|
11537
11545
|
}
|
|
11538
11546
|
],
|
|
11539
11547
|
"label": "Wave Type",
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { JSX } from 'solid-js';
|
|
2
|
+
export interface PreviewProps {
|
|
3
|
+
shader?: string;
|
|
4
|
+
presetId?: string;
|
|
5
|
+
apiBaseUrl?: string;
|
|
6
|
+
obfuscationKey?: string;
|
|
7
|
+
style?: JSX.CSSProperties;
|
|
8
|
+
class?: string;
|
|
9
|
+
watermarkText?: string;
|
|
10
|
+
watermarkLink?: string;
|
|
11
|
+
}
|
|
12
|
+
export default function Preview(props: PreviewProps): JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Preview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAiPlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eAmHlD"}
|