shaders 2.3.63 → 2.3.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/core/telemetry/collector.d.ts +3 -1
  2. package/dist/core/telemetry/collector.d.ts.map +1 -1
  3. package/dist/core/telemetry/index.d.ts +4 -1
  4. package/dist/core/telemetry/index.d.ts.map +1 -1
  5. package/dist/core/telemetry/index.js +14 -4
  6. package/dist/core/telemetry/types.d.ts +1 -0
  7. package/dist/core/telemetry/types.d.ts.map +1 -1
  8. package/dist/react/AngularBlur.js +1 -1
  9. package/dist/react/Ascii.js +1 -1
  10. package/dist/react/Aurora.js +1 -1
  11. package/dist/react/Beam.js +1 -1
  12. package/dist/react/Blob.js +1 -1
  13. package/dist/react/Blur.js +1 -1
  14. package/dist/react/BrightnessContrast.js +1 -1
  15. package/dist/react/Bulge.js +1 -1
  16. package/dist/react/CRTScreen.js +1 -1
  17. package/dist/react/ChannelBlur.js +1 -1
  18. package/dist/react/Checkerboard.js +1 -1
  19. package/dist/react/ChromaFlow.js +1 -1
  20. package/dist/react/ChromaticAberration.js +1 -1
  21. package/dist/react/Circle.js +1 -1
  22. package/dist/react/ConcentricSpin.js +1 -1
  23. package/dist/react/ContourLines.js +1 -1
  24. package/dist/react/CursorRipples.js +1 -1
  25. package/dist/react/CursorTrail.js +1 -1
  26. package/dist/react/DiffuseBlur.js +1 -1
  27. package/dist/react/Dither.js +1 -1
  28. package/dist/react/DotGrid.js +1 -1
  29. package/dist/react/Duotone.js +1 -1
  30. package/dist/react/FilmGrain.js +1 -1
  31. package/dist/react/FloatingParticles.js +1 -1
  32. package/dist/react/FlowField.js +1 -1
  33. package/dist/react/GlassTiles.js +1 -1
  34. package/dist/react/Glitch.js +1 -1
  35. package/dist/react/Glow.js +1 -1
  36. package/dist/react/Godrays.js +1 -1
  37. package/dist/react/Grayscale.js +1 -1
  38. package/dist/react/Grid.js +1 -1
  39. package/dist/react/GridDistortion.js +1 -1
  40. package/dist/react/Group.js +1 -1
  41. package/dist/react/Halftone.js +1 -1
  42. package/dist/react/HueShift.js +1 -1
  43. package/dist/react/ImageTexture.js +1 -1
  44. package/dist/react/Invert.js +1 -1
  45. package/dist/react/Kaleidoscope.js +1 -1
  46. package/dist/react/LensFlare.js +1 -1
  47. package/dist/react/LinearBlur.js +1 -1
  48. package/dist/react/LinearGradient.js +1 -1
  49. package/dist/react/Liquify.js +1 -1
  50. package/dist/react/Mirror.js +1 -1
  51. package/dist/react/Perspective.js +1 -1
  52. package/dist/react/Pixelate.js +1 -1
  53. package/dist/react/Plasma.js +1 -1
  54. package/dist/react/PolarCoordinates.js +1 -1
  55. package/dist/react/Posterize.js +1 -1
  56. package/dist/react/Preview.js +221 -0
  57. package/dist/react/ProgressiveBlur.js +1 -1
  58. package/dist/react/RadialGradient.js +1 -1
  59. package/dist/react/RectangularCoordinates.js +1 -1
  60. package/dist/react/Ripples.js +1 -1
  61. package/dist/react/Saturation.js +1 -1
  62. package/dist/react/Shader.js +7 -6
  63. package/dist/react/Sharpness.js +1 -1
  64. package/dist/react/Shatter.js +1 -1
  65. package/dist/react/SimplexNoise.js +1 -1
  66. package/dist/react/SineWave.js +1 -1
  67. package/dist/react/SolidColor.js +1 -1
  68. package/dist/react/Spherize.js +1 -1
  69. package/dist/react/Spiral.js +1 -1
  70. package/dist/react/Strands.js +1 -1
  71. package/dist/react/Stretch.js +1 -1
  72. package/dist/react/Stripes.js +1 -1
  73. package/dist/react/StudioBackground.js +1 -1
  74. package/dist/react/Swirl.js +1 -1
  75. package/dist/react/TiltShift.js +1 -1
  76. package/dist/react/Tint.js +1 -1
  77. package/dist/react/Tritone.js +1 -1
  78. package/dist/react/Twirl.js +1 -1
  79. package/dist/react/Vibrance.js +1 -1
  80. package/dist/react/VideoTexture.js +1 -1
  81. package/dist/react/WaveDistortion.js +1 -1
  82. package/dist/react/WebcamTexture.js +1 -1
  83. package/dist/react/ZoomBlur.js +1 -1
  84. package/dist/react/engine/Preview.d.ts +31 -0
  85. package/dist/react/engine/Preview.d.ts.map +1 -0
  86. package/dist/react/engine/Shader.d.ts +1 -0
  87. package/dist/react/engine/Shader.d.ts.map +1 -1
  88. package/dist/react/index.d.ts +1 -0
  89. package/dist/react/index.d.ts.map +1 -1
  90. package/dist/react/index.js +2 -1
  91. package/dist/solid/engine/Preview.d.ts +13 -0
  92. package/dist/solid/engine/Preview.d.ts.map +1 -0
  93. package/dist/solid/engine/Preview.js +328 -0
  94. package/dist/solid/engine/Shader.d.ts +1 -0
  95. package/dist/solid/engine/Shader.d.ts.map +1 -1
  96. package/dist/solid/engine/Shader.js +8 -5
  97. package/dist/solid/index.d.ts +1 -0
  98. package/dist/solid/index.d.ts.map +1 -1
  99. package/dist/solid/index.js +2 -0
  100. package/dist/svelte/engine/Preview.svelte.d.ts +27 -0
  101. package/dist/svelte/engine/PreviewRenderComponent.svelte.d.ts +22 -0
  102. package/dist/svelte/engine/Shader.svelte.d.ts +1 -0
  103. package/dist/svelte/index.d.ts +1 -0
  104. package/dist/svelte/index.js +329 -8
  105. package/dist/vue/Preview.js +3 -0
  106. package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js +301 -0
  107. package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +10 -5
  108. package/dist/vue/engine/Shader.vue.d.ts +4 -0
  109. package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
  110. package/dist/vue/index.d.ts +1 -0
  111. package/dist/vue/index.d.ts.map +1 -1
  112. package/dist/vue/index.js +2 -1
  113. package/package.json +1 -1
@@ -0,0 +1,221 @@
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 parseStyleString(style) {
100
+ return style.split(";").reduce((acc, declaration) => {
101
+ const [prop, ...rest] = declaration.split(":");
102
+ if (!prop?.trim()) return acc;
103
+ const value = rest.join(":").trim();
104
+ const trimmed = prop.trim();
105
+ const finalProp = trimmed.startsWith("--") ? trimmed : trimmed.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
106
+ acc[finalProp] = value;
107
+ return acc;
108
+ }, {});
109
+ }
110
+ function RenderComponent({ component }) {
111
+ const Component = componentMap[component.type];
112
+ if (!Component) {
113
+ console.warn(`[Shaders Preview] Unknown component type: ${component.type}`);
114
+ return null;
115
+ }
116
+ const { type, children, id, props: componentProps,...topLevelProps } = component;
117
+ const mergedProps = {
118
+ ...topLevelProps,
119
+ ...componentProps
120
+ };
121
+ if (id) mergedProps.id = id;
122
+ return /* @__PURE__ */ jsx(Component, {
123
+ ...mergedProps,
124
+ children: children?.map((child, index) => /* @__PURE__ */ jsx(RenderComponent, { component: child }, child.id || index))
125
+ });
126
+ }
127
+ 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 }) => {
128
+ const [fetchedDefinition, setFetchedDefinition] = useState(null);
129
+ const fetchAndDecode = (url) => {
130
+ setFetchedDefinition(null);
131
+ fetch(url).then((res) => {
132
+ if (!res.ok) throw new Error(`Failed to fetch: ${res.status}`);
133
+ return res.json();
134
+ }).then((data) => {
135
+ const item = data.preset || data.shader;
136
+ if (item?.definition && typeof item.definition === "string") setFetchedDefinition(decodePreviewDefinition(item.definition, obfuscationKey));
137
+ }).catch((err) => {
138
+ console.error("[Shaders Preview] Failed to fetch preview:", err);
139
+ });
140
+ };
141
+ useEffect(() => {
142
+ if (shader) fetchAndDecode(`${apiBaseUrl}/api/preview/shader/${shader}`);
143
+ else if (!presetId) setFetchedDefinition(null);
144
+ }, [
145
+ shader,
146
+ presetId,
147
+ apiBaseUrl,
148
+ obfuscationKey
149
+ ]);
150
+ useEffect(() => {
151
+ if (presetId) fetchAndDecode(`${apiBaseUrl}/api/preview/preset/${presetId}`);
152
+ else if (!shader) setFetchedDefinition(null);
153
+ }, [
154
+ presetId,
155
+ shader,
156
+ apiBaseUrl,
157
+ obfuscationKey
158
+ ]);
159
+ const definition = useMemo(() => {
160
+ if (fetchedDefinition) return fetchedDefinition;
161
+ return null;
162
+ }, [fetchedDefinition]);
163
+ const hasWarnedRef = useRef(false);
164
+ useEffect(() => {
165
+ if (!hasWarnedRef.current && definition) {
166
+ hasWarnedRef.current = true;
167
+ console.warn("[Shaders] The Preview component is intended for use with a valid Shaders license. Please visit https://shaders.com for more information.");
168
+ }
169
+ }, [definition]);
170
+ if (!definition) return null;
171
+ return /* @__PURE__ */ jsxs("div", {
172
+ style: {
173
+ position: "relative",
174
+ ...typeof style === "string" ? parseStyleString(style) : style
175
+ },
176
+ className,
177
+ ...rest,
178
+ children: [/* @__PURE__ */ jsx(Suspense, {
179
+ fallback: null,
180
+ children: /* @__PURE__ */ jsx(Shader, {
181
+ colorSpace: definition.colorSpace || "p3-linear",
182
+ isPreview: true,
183
+ style: {
184
+ width: "100%",
185
+ height: "100%"
186
+ },
187
+ children: definition.components.map((component, index) => /* @__PURE__ */ jsx(RenderComponent, { component }, component.id || index))
188
+ })
189
+ }), watermarkText && /* @__PURE__ */ jsx("div", {
190
+ style: {
191
+ position: "absolute",
192
+ bottom: "8px",
193
+ right: "12px",
194
+ fontSize: "11px",
195
+ fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
196
+ color: "rgba(255, 255, 255, 0.5)",
197
+ textShadow: "0 1px 3px rgba(0, 0, 0, 0.4)",
198
+ pointerEvents: watermarkLink ? "auto" : "none",
199
+ zIndex: 10,
200
+ transition: "color 0.2s ease"
201
+ },
202
+ onMouseEnter: (e) => {
203
+ if (watermarkLink) e.currentTarget.style.color = "rgba(255, 255, 255, 0.8)";
204
+ },
205
+ onMouseLeave: (e) => {
206
+ if (watermarkLink) e.currentTarget.style.color = "rgba(255, 255, 255, 0.5)";
207
+ },
208
+ children: watermarkLink ? /* @__PURE__ */ jsx("a", {
209
+ href: watermarkLink,
210
+ target: "_blank",
211
+ rel: "noopener noreferrer",
212
+ style: {
213
+ color: "inherit",
214
+ textDecoration: "none"
215
+ },
216
+ children: watermarkText
217
+ }) : watermarkText
218
+ })]
219
+ });
220
+ };
221
+ export { Preview };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var ProgressiveBlur_default = ShaderComponent;
168
- export { ProgressiveBlur_default as default };
168
+ export { ShaderComponent, ProgressiveBlur_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var RadialGradient_default = ShaderComponent;
168
- export { RadialGradient_default as default };
168
+ export { ShaderComponent, RadialGradient_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var RectangularCoordinates_default = ShaderComponent;
168
- export { RectangularCoordinates_default as default };
168
+ export { ShaderComponent, RectangularCoordinates_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Ripples_default = ShaderComponent;
168
- export { Ripples_default as default };
168
+ export { ShaderComponent, Ripples_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Saturation_default = ShaderComponent;
168
- export { Saturation_default as default };
168
+ export { ShaderComponent, Saturation_default as default };
@@ -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 { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
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
- telemetryCollectorRef.current = new TelemetryCollector(rendererRef.current);
84
- telemetryCollectorRef.current.start();
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 };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Sharpness_default = ShaderComponent;
168
- export { Sharpness_default as default };
168
+ export { ShaderComponent, Sharpness_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Shatter_default = ShaderComponent;
168
- export { Shatter_default as default };
168
+ export { ShaderComponent, Shatter_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var SimplexNoise_default = ShaderComponent;
168
- export { SimplexNoise_default as default };
168
+ export { ShaderComponent, SimplexNoise_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var SineWave_default = ShaderComponent;
168
- export { SineWave_default as default };
168
+ export { ShaderComponent, SineWave_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var SolidColor_default = ShaderComponent;
168
- export { SolidColor_default as default };
168
+ export { ShaderComponent, SolidColor_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Spherize_default = ShaderComponent;
168
- export { Spherize_default as default };
168
+ export { ShaderComponent, Spherize_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Spiral_default = ShaderComponent;
168
- export { Spiral_default as default };
168
+ export { ShaderComponent, Spiral_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Strands_default = ShaderComponent;
168
- export { Strands_default as default };
168
+ export { ShaderComponent, Strands_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Stretch_default = ShaderComponent;
168
- export { Stretch_default as default };
168
+ export { ShaderComponent, Stretch_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Stripes_default = ShaderComponent;
168
- export { Stripes_default as default };
168
+ export { ShaderComponent, Stripes_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var StudioBackground_default = ShaderComponent;
168
- export { StudioBackground_default as default };
168
+ export { ShaderComponent, StudioBackground_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Swirl_default = ShaderComponent;
168
- export { Swirl_default as default };
168
+ export { ShaderComponent, Swirl_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var TiltShift_default = ShaderComponent;
168
- export { TiltShift_default as default };
168
+ export { ShaderComponent, TiltShift_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Tint_default = ShaderComponent;
168
- export { Tint_default as default };
168
+ export { ShaderComponent, Tint_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Tritone_default = ShaderComponent;
168
- export { Tritone_default as default };
168
+ export { ShaderComponent, Tritone_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Twirl_default = ShaderComponent;
168
- export { Twirl_default as default };
168
+ export { ShaderComponent, Twirl_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var Vibrance_default = ShaderComponent;
168
- export { Vibrance_default as default };
168
+ export { ShaderComponent, Vibrance_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var VideoTexture_default = ShaderComponent;
168
- export { VideoTexture_default as default };
168
+ export { ShaderComponent, VideoTexture_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var WaveDistortion_default = ShaderComponent;
168
- export { WaveDistortion_default as default };
168
+ export { ShaderComponent, WaveDistortion_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var WebcamTexture_default = ShaderComponent;
168
- export { WebcamTexture_default as default };
168
+ export { ShaderComponent, WebcamTexture_default as default };
@@ -165,4 +165,4 @@ const ShaderComponent = (props) => {
165
165
  });
166
166
  };
167
167
  var ZoomBlur_default = ShaderComponent;
168
- export { ZoomBlur_default as default };
168
+ export { ShaderComponent, ZoomBlur_default as default };
@@ -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 | string;
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;AAmID,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,GAAG,MAAM,CAAA;IAC9B,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"}
@@ -12,6 +12,7 @@ interface ShaderProps {
12
12
  children?: React.ReactNode;
13
13
  disableTelemetry?: boolean;
14
14
  colorSpace?: 'p3-linear' | 'srgb';
15
+ isPreview?: boolean;
15
16
  style?: React.CSSProperties;
16
17
  className?: string;
17
18
  [key: string]: any;
@@ -1 +1 @@
1
- {"version":3,"file":"Shader.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,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,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,CA4SxC,CAAC;AAEF,eAAe,MAAM,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"}
@@ -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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"}
@@ -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 };
@@ -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 | string;
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;AAkQlH,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,GAAG,MAAM,CAAA;IAClC,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"}