shaders 2.2.42 → 2.2.43
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/WebcamTexture-D4Uv7Plz.js +168 -0
- package/dist/core/index.js +11 -9
- package/dist/core/shaderRegistry.d.ts.map +1 -1
- package/dist/core/shaders/WebcamTexture/index.d.ts +21 -0
- package/dist/core/shaders/WebcamTexture/index.d.ts.map +1 -0
- package/dist/core/shaders/WebcamTexture/index.js +2 -0
- package/dist/core/shaders/ZoomBlur/index.js +1 -1
- package/dist/react/components/WebcamTexture.d.ts +31 -0
- package/dist/react/components/WebcamTexture.d.ts.map +1 -0
- package/dist/react/{generatePresetCode-BrkW1bEe.js → generatePresetCode-D0yiVxb4.js} +7 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +570 -431
- package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/react/utils/generatePresetCode.js +1 -1
- package/dist/registry.js +91 -0
- package/dist/solid/components/WebcamTexture.d.ts +28 -0
- package/dist/solid/components/WebcamTexture.d.ts.map +1 -0
- package/dist/solid/index.d.ts +1 -0
- package/dist/solid/index.d.ts.map +1 -1
- package/dist/solid/index.js +508 -366
- package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/solid/utils/generatePresetCode.js +7 -0
- package/dist/svelte/components/WebcamTexture.svelte.d.ts +19 -0
- package/dist/svelte/{generatePresetCode-bx7z5wvC.js → generatePresetCode-DUGaV_ym.js} +7 -0
- package/dist/svelte/index.d.ts +1 -0
- package/dist/svelte/index.js +115 -4
- package/dist/svelte/utils/generatePresetCode.js +1 -1
- package/dist/vue/components/WebcamTexture.vue.d.ts +57 -0
- package/dist/vue/components/WebcamTexture.vue.d.ts.map +1 -0
- package/dist/vue/{generatePresetCode-_7ZzqQPH.js → generatePresetCode-CShQ8TLw.js} +7 -0
- package/dist/vue/index.d.ts +1 -0
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +131 -9
- package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
- package/dist/vue/utils/generatePresetCode.js +1 -1
- package/package.json +9 -1
- /package/dist/core/{ZoomBlur-CTrw7HxX.js → ZoomBlur-CIkkDBIo.js} +0 -0
|
@@ -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;AA0tBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAgE/B,CAAA"}
|
|
@@ -603,6 +603,12 @@ const shaderMetadata = {
|
|
|
603
603
|
"waveType": "sine",
|
|
604
604
|
"edges": "stretch"
|
|
605
605
|
},
|
|
606
|
+
"WebcamTexture": {
|
|
607
|
+
"opacity": 1,
|
|
608
|
+
"blendMode": "normal",
|
|
609
|
+
"objectFit": "cover",
|
|
610
|
+
"mirror": true
|
|
611
|
+
},
|
|
606
612
|
"ZoomBlur": {
|
|
607
613
|
"opacity": 1,
|
|
608
614
|
"blendMode": "normal",
|
|
@@ -787,6 +793,7 @@ const availableComponents = [
|
|
|
787
793
|
"Twirl",
|
|
788
794
|
"Vibrance",
|
|
789
795
|
"WaveDistortion",
|
|
796
|
+
"WebcamTexture",
|
|
790
797
|
"ZoomBlur"
|
|
791
798
|
];
|
|
792
799
|
export {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type BlendMode, type TransformConfig } from '../../core';
|
|
2
|
+
import { type ComponentProps } from '../../core/shaders/WebcamTexture';
|
|
3
|
+
/**
|
|
4
|
+
* Define component props including blend mode, opacity, visibility, masking, and transformation
|
|
5
|
+
*/
|
|
6
|
+
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
7
|
+
blendMode?: BlendMode;
|
|
8
|
+
opacity?: number;
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
id?: string;
|
|
11
|
+
maskSource?: string;
|
|
12
|
+
maskType?: string;
|
|
13
|
+
renderOrder?: number;
|
|
14
|
+
transform?: Partial<TransformConfig>;
|
|
15
|
+
children?: import('svelte').Snippet;
|
|
16
|
+
}
|
|
17
|
+
declare const WebcamTexture: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
18
|
+
type WebcamTexture = ReturnType<typeof WebcamTexture>;
|
|
19
|
+
export default WebcamTexture;
|
|
@@ -601,6 +601,12 @@ var shaderMetadata = {
|
|
|
601
601
|
"waveType": "sine",
|
|
602
602
|
"edges": "stretch"
|
|
603
603
|
},
|
|
604
|
+
"WebcamTexture": {
|
|
605
|
+
"opacity": 1,
|
|
606
|
+
"blendMode": "normal",
|
|
607
|
+
"objectFit": "cover",
|
|
608
|
+
"mirror": true
|
|
609
|
+
},
|
|
604
610
|
"ZoomBlur": {
|
|
605
611
|
"opacity": 1,
|
|
606
612
|
"blendMode": "normal",
|
|
@@ -736,6 +742,7 @@ const availableComponents = [
|
|
|
736
742
|
"Twirl",
|
|
737
743
|
"Vibrance",
|
|
738
744
|
"WaveDistortion",
|
|
745
|
+
"WebcamTexture",
|
|
739
746
|
"ZoomBlur"
|
|
740
747
|
];
|
|
741
748
|
export { generatePresetCode as n, availableComponents as t };
|
package/dist/svelte/index.d.ts
CHANGED
|
@@ -58,6 +58,7 @@ export { default as Tritone } from './components/Tritone.svelte';
|
|
|
58
58
|
export { default as Twirl } from './components/Twirl.svelte';
|
|
59
59
|
export { default as Vibrance } from './components/Vibrance.svelte';
|
|
60
60
|
export { default as WaveDistortion } from './components/WaveDistortion.svelte';
|
|
61
|
+
export { default as WebcamTexture } from './components/WebcamTexture.svelte';
|
|
61
62
|
export { default as ZoomBlur } from './components/ZoomBlur.svelte';
|
|
62
63
|
export { default as Shader } from './engine/Shader.svelte';
|
|
63
64
|
export { generatePresetCode } from './utils/generatePresetCode';
|
package/dist/svelte/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as generatePresetCode } from "./generatePresetCode-
|
|
1
|
+
import { n as generatePresetCode } from "./generatePresetCode-DUGaV_ym.js";
|
|
2
2
|
import "svelte/internal/disclose-version";
|
|
3
3
|
import * as $ from "svelte/internal/client";
|
|
4
4
|
import { getContext, onDestroy, onMount, setContext } from "svelte";
|
|
@@ -63,7 +63,8 @@ import { componentDefinition as componentDefinition$56 } from "../core/shaders/T
|
|
|
63
63
|
import { componentDefinition as componentDefinition$57 } from "../core/shaders/Twirl/index.js";
|
|
64
64
|
import { componentDefinition as componentDefinition$58 } from "../core/shaders/Vibrance/index.js";
|
|
65
65
|
import { componentDefinition as componentDefinition$59 } from "../core/shaders/WaveDistortion/index.js";
|
|
66
|
-
import { componentDefinition as componentDefinition$60 } from "../core/shaders/
|
|
66
|
+
import { componentDefinition as componentDefinition$60 } from "../core/shaders/WebcamTexture/index.js";
|
|
67
|
+
import { componentDefinition as componentDefinition$61 } from "../core/shaders/ZoomBlur/index.js";
|
|
67
68
|
import { vec4 } from "three/tsl";
|
|
68
69
|
import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
|
|
69
70
|
function AngularBlur($$anchor, $$props) {
|
|
@@ -6666,7 +6667,7 @@ function WaveDistortion($$anchor, $$props) {
|
|
|
6666
6667
|
children?.($$anchor);
|
|
6667
6668
|
$.pop();
|
|
6668
6669
|
}
|
|
6669
|
-
function
|
|
6670
|
+
function WebcamTexture($$anchor, $$props) {
|
|
6670
6671
|
$.push($$props, true);
|
|
6671
6672
|
const DEFAULT_TRANSFORM = {
|
|
6672
6673
|
offsetX: 0,
|
|
@@ -6776,6 +6777,116 @@ function ZoomBlur($$anchor, $$props) {
|
|
|
6776
6777
|
children?.($$anchor);
|
|
6777
6778
|
$.pop();
|
|
6778
6779
|
}
|
|
6780
|
+
function ZoomBlur($$anchor, $$props) {
|
|
6781
|
+
$.push($$props, true);
|
|
6782
|
+
const DEFAULT_TRANSFORM = {
|
|
6783
|
+
offsetX: 0,
|
|
6784
|
+
offsetY: 0,
|
|
6785
|
+
rotation: 0,
|
|
6786
|
+
scale: 1,
|
|
6787
|
+
anchorX: .5,
|
|
6788
|
+
anchorY: .5,
|
|
6789
|
+
edges: "transparent"
|
|
6790
|
+
};
|
|
6791
|
+
const componentDefaults = {
|
|
6792
|
+
blendMode: "normal",
|
|
6793
|
+
renderOrder: 0,
|
|
6794
|
+
visible: true,
|
|
6795
|
+
...Object.entries(componentDefinition$61.props).reduce((acc, [key, config]) => {
|
|
6796
|
+
acc[key] = config.default;
|
|
6797
|
+
return acc;
|
|
6798
|
+
}, {})
|
|
6799
|
+
};
|
|
6800
|
+
const props = $.rest_props($$props, [
|
|
6801
|
+
"$$slots",
|
|
6802
|
+
"$$events",
|
|
6803
|
+
"$$legacy"
|
|
6804
|
+
]);
|
|
6805
|
+
const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
|
|
6806
|
+
const opacity = $$props.opacity;
|
|
6807
|
+
const visible = $$props.visible ?? componentDefaults.visible;
|
|
6808
|
+
const id = $$props.id;
|
|
6809
|
+
const maskSource = $$props.maskSource;
|
|
6810
|
+
const maskType = $$props.maskType;
|
|
6811
|
+
const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
|
|
6812
|
+
const { children } = props;
|
|
6813
|
+
const effectiveTransform = $.derived(() => ({
|
|
6814
|
+
...DEFAULT_TRANSFORM,
|
|
6815
|
+
...$$props.transform
|
|
6816
|
+
}));
|
|
6817
|
+
const parentId = getContext("shaderParentId");
|
|
6818
|
+
if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
6819
|
+
const instanceId = id || `${componentDefinition$61.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
6820
|
+
setContext("shaderParentId", instanceId);
|
|
6821
|
+
const shaderReadyProps = $.derived(() => {
|
|
6822
|
+
let baseProps = { ...componentDefaults };
|
|
6823
|
+
for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
|
|
6824
|
+
const propValue = props[key];
|
|
6825
|
+
const defaultValue = componentDefaults[key];
|
|
6826
|
+
if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
|
|
6827
|
+
}
|
|
6828
|
+
return baseProps;
|
|
6829
|
+
});
|
|
6830
|
+
const uniforms = createUniformsMap(componentDefinition$61, $.get(shaderReadyProps), instanceId);
|
|
6831
|
+
const parentRegister = getContext("shaderNodeRegister");
|
|
6832
|
+
if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
6833
|
+
const parentUniformUpdate = getContext("shaderUniformUpdate");
|
|
6834
|
+
if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
|
|
6835
|
+
const parentMetadataUpdate = getContext("shaderMetadataUpdate");
|
|
6836
|
+
if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
|
|
6837
|
+
let isRegistered = $.state(false);
|
|
6838
|
+
Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
|
|
6839
|
+
$.user_effect(() => {
|
|
6840
|
+
if (!$.get(isRegistered)) return;
|
|
6841
|
+
if (uniform && uniform.value !== void 0) {
|
|
6842
|
+
const newValue = props[propName];
|
|
6843
|
+
if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
|
|
6844
|
+
}
|
|
6845
|
+
});
|
|
6846
|
+
});
|
|
6847
|
+
$.user_effect(() => {
|
|
6848
|
+
if (!$.get(isRegistered)) return;
|
|
6849
|
+
parentMetadataUpdate(instanceId, {
|
|
6850
|
+
blendMode,
|
|
6851
|
+
opacity,
|
|
6852
|
+
visible: visible === false ? false : true,
|
|
6853
|
+
id,
|
|
6854
|
+
mask: maskSource ? {
|
|
6855
|
+
source: maskSource,
|
|
6856
|
+
type: maskType || "alpha"
|
|
6857
|
+
} : void 0,
|
|
6858
|
+
renderOrder,
|
|
6859
|
+
transform: $.get(effectiveTransform)
|
|
6860
|
+
});
|
|
6861
|
+
});
|
|
6862
|
+
onMount(() => {
|
|
6863
|
+
if (componentDefinition$61 && typeof componentDefinition$61.fragmentNode === "function") {
|
|
6864
|
+
parentRegister(instanceId, componentDefinition$61.fragmentNode, parentId, {
|
|
6865
|
+
blendMode,
|
|
6866
|
+
opacity,
|
|
6867
|
+
visible: visible !== false ? true : false,
|
|
6868
|
+
id,
|
|
6869
|
+
mask: maskSource ? {
|
|
6870
|
+
source: maskSource,
|
|
6871
|
+
type: maskType || "alpha"
|
|
6872
|
+
} : void 0,
|
|
6873
|
+
renderOrder,
|
|
6874
|
+
transform: $.get(effectiveTransform)
|
|
6875
|
+
}, uniforms);
|
|
6876
|
+
$.set(isRegistered, true);
|
|
6877
|
+
} else console.error("componentDefinition.fragmentNode is not a function:", {
|
|
6878
|
+
componentDefinition: componentDefinition$61,
|
|
6879
|
+
fragmentNode: componentDefinition$61?.fragmentNode,
|
|
6880
|
+
type: typeof componentDefinition$61?.fragmentNode
|
|
6881
|
+
});
|
|
6882
|
+
});
|
|
6883
|
+
onDestroy(() => {
|
|
6884
|
+
$.set(isRegistered, false);
|
|
6885
|
+
parentRegister(instanceId, null, null, null, null);
|
|
6886
|
+
});
|
|
6887
|
+
children?.($$anchor);
|
|
6888
|
+
$.pop();
|
|
6889
|
+
}
|
|
6779
6890
|
var root = $.from_html(`<div><canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!></div>`);
|
|
6780
6891
|
function Shader($$anchor, $$props) {
|
|
6781
6892
|
$.push($$props, true);
|
|
@@ -6878,4 +6989,4 @@ function Shader($$anchor, $$props) {
|
|
|
6878
6989
|
$.append($$anchor, div);
|
|
6879
6990
|
$.pop();
|
|
6880
6991
|
}
|
|
6881
|
-
export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, ZoomBlur, generatePresetCode };
|
|
6992
|
+
export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-
|
|
1
|
+
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DUGaV_ym.js";
|
|
2
2
|
export { availableComponents, generatePresetCode };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { BlendMode, TransformConfig } from '../../core';
|
|
2
|
+
import { ComponentProps } from '../../core/shaders/WebcamTexture';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Define component props including blend mode, opacity, visibility, masking, and transformation
|
|
6
|
+
*/
|
|
7
|
+
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
8
|
+
blendMode?: BlendMode;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
visible?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
maskSource?: string;
|
|
13
|
+
maskType?: string;
|
|
14
|
+
renderOrder?: number;
|
|
15
|
+
transform?: Partial<TransformConfig>;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
21
|
+
blendMode: string;
|
|
22
|
+
renderOrder: number;
|
|
23
|
+
visible: boolean;
|
|
24
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ExtendedComponentProps>, {
|
|
25
|
+
blendMode: string;
|
|
26
|
+
renderOrder: number;
|
|
27
|
+
visible: boolean;
|
|
28
|
+
}>>> & Readonly<{}>, {
|
|
29
|
+
blendMode: BlendMode;
|
|
30
|
+
visible: boolean;
|
|
31
|
+
renderOrder: number;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
36
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
37
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
38
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
39
|
+
} : {
|
|
40
|
+
type: import('vue').PropType<T[K]>;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
type __VLS_WithDefaults<P, D> = {
|
|
45
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
46
|
+
default: D[K];
|
|
47
|
+
}> : P[K];
|
|
48
|
+
};
|
|
49
|
+
type __VLS_Prettify<T> = {
|
|
50
|
+
[K in keyof T]: T[K];
|
|
51
|
+
} & {};
|
|
52
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=WebcamTexture.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebcamTexture.vue.d.ts","sourceRoot":"","sources":["../../src/components/WebcamTexture.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAInF;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,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;CACtC;AAgOD,iBAAS,cAAc;qBA0BM,GAAG;EAG/B;AAQD,QAAA,MAAM,eAAe;;;;;;;;;eA7QP,SAAS;aAEX,OAAO;iBAIH,MAAM;4EA6QpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -599,6 +599,12 @@ var shaderMetadata = {
|
|
|
599
599
|
"waveType": "sine",
|
|
600
600
|
"edges": "stretch"
|
|
601
601
|
},
|
|
602
|
+
"WebcamTexture": {
|
|
603
|
+
"opacity": 1,
|
|
604
|
+
"blendMode": "normal",
|
|
605
|
+
"objectFit": "cover",
|
|
606
|
+
"mirror": true
|
|
607
|
+
},
|
|
602
608
|
"ZoomBlur": {
|
|
603
609
|
"opacity": 1,
|
|
604
610
|
"blendMode": "normal",
|
|
@@ -735,6 +741,7 @@ const availableComponents = [
|
|
|
735
741
|
"Twirl",
|
|
736
742
|
"Vibrance",
|
|
737
743
|
"WaveDistortion",
|
|
744
|
+
"WebcamTexture",
|
|
738
745
|
"ZoomBlur"
|
|
739
746
|
];
|
|
740
747
|
export { generatePresetCode as n, availableComponents as t };
|
package/dist/vue/index.d.ts
CHANGED
|
@@ -58,6 +58,7 @@ export { default as Tritone } from './components/Tritone.vue';
|
|
|
58
58
|
export { default as Twirl } from './components/Twirl.vue';
|
|
59
59
|
export { default as Vibrance } from './components/Vibrance.vue';
|
|
60
60
|
export { default as WaveDistortion } from './components/WaveDistortion.vue';
|
|
61
|
+
export { default as WebcamTexture } from './components/WebcamTexture.vue';
|
|
61
62
|
export { default as ZoomBlur } from './components/ZoomBlur.vue';
|
|
62
63
|
export { default as Shader } from './engine/Shader.vue';
|
|
63
64
|
export { generatePresetCode } from './utils/generatePresetCode';
|
package/dist/vue/index.d.ts.map
CHANGED
|
@@ -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":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}
|
package/dist/vue/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as generatePresetCode } from "./generatePresetCode-
|
|
1
|
+
import { n as generatePresetCode } from "./generatePresetCode-CShQ8TLw.js";
|
|
2
2
|
import { computed, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, watch } from "vue";
|
|
3
3
|
import { createUniformsMap, shaderRenderer } from "../core/index.js";
|
|
4
4
|
import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
|
|
@@ -61,7 +61,8 @@ import { componentDefinition as componentDefinition$56 } from "../core/shaders/T
|
|
|
61
61
|
import { componentDefinition as componentDefinition$57 } from "../core/shaders/Twirl/index.js";
|
|
62
62
|
import { componentDefinition as componentDefinition$58 } from "../core/shaders/Vibrance/index.js";
|
|
63
63
|
import { componentDefinition as componentDefinition$59 } from "../core/shaders/WaveDistortion/index.js";
|
|
64
|
-
import { componentDefinition as componentDefinition$60 } from "../core/shaders/
|
|
64
|
+
import { componentDefinition as componentDefinition$60 } from "../core/shaders/WebcamTexture/index.js";
|
|
65
|
+
import { componentDefinition as componentDefinition$61 } from "../core/shaders/ZoomBlur/index.js";
|
|
65
66
|
import { vec4 } from "three/tsl";
|
|
66
67
|
import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
|
|
67
68
|
var AngularBlur_default = /* @__PURE__ */ defineComponent({
|
|
@@ -7477,8 +7478,8 @@ var WaveDistortion_default = /* @__PURE__ */ defineComponent({
|
|
|
7477
7478
|
};
|
|
7478
7479
|
}
|
|
7479
7480
|
});
|
|
7480
|
-
var
|
|
7481
|
-
__name: "
|
|
7481
|
+
var WebcamTexture_default = /* @__PURE__ */ defineComponent({
|
|
7482
|
+
__name: "WebcamTexture",
|
|
7482
7483
|
props: /* @__PURE__ */ mergeDefaults({
|
|
7483
7484
|
blendMode: {},
|
|
7484
7485
|
opacity: {},
|
|
@@ -7488,8 +7489,8 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
|
|
|
7488
7489
|
maskType: {},
|
|
7489
7490
|
renderOrder: {},
|
|
7490
7491
|
transform: {},
|
|
7491
|
-
|
|
7492
|
-
|
|
7492
|
+
objectFit: {},
|
|
7493
|
+
mirror: { type: Boolean }
|
|
7493
7494
|
}, {
|
|
7494
7495
|
blendMode: "normal",
|
|
7495
7496
|
renderOrder: 0,
|
|
@@ -7598,6 +7599,127 @@ var ZoomBlur_default = /* @__PURE__ */ defineComponent({
|
|
|
7598
7599
|
};
|
|
7599
7600
|
}
|
|
7600
7601
|
});
|
|
7602
|
+
var ZoomBlur_default = /* @__PURE__ */ defineComponent({
|
|
7603
|
+
__name: "ZoomBlur",
|
|
7604
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
7605
|
+
blendMode: {},
|
|
7606
|
+
opacity: {},
|
|
7607
|
+
visible: { type: Boolean },
|
|
7608
|
+
id: {},
|
|
7609
|
+
maskSource: {},
|
|
7610
|
+
maskType: {},
|
|
7611
|
+
renderOrder: {},
|
|
7612
|
+
transform: {},
|
|
7613
|
+
intensity: {},
|
|
7614
|
+
center: {}
|
|
7615
|
+
}, {
|
|
7616
|
+
blendMode: "normal",
|
|
7617
|
+
renderOrder: 0,
|
|
7618
|
+
visible: true,
|
|
7619
|
+
...Object.entries(componentDefinition$61.props).reduce((acc, [key, config]) => {
|
|
7620
|
+
acc[key] = config.default;
|
|
7621
|
+
return acc;
|
|
7622
|
+
}, {})
|
|
7623
|
+
}),
|
|
7624
|
+
setup(__props) {
|
|
7625
|
+
const props = __props;
|
|
7626
|
+
const instanceId = props.id || `${componentDefinition$61.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
|
|
7627
|
+
provide("ombreParentId", instanceId);
|
|
7628
|
+
const DEFAULT_TRANSFORM = {
|
|
7629
|
+
offsetX: 0,
|
|
7630
|
+
offsetY: 0,
|
|
7631
|
+
rotation: 0,
|
|
7632
|
+
scale: 1,
|
|
7633
|
+
anchorX: .5,
|
|
7634
|
+
anchorY: .5,
|
|
7635
|
+
edges: "transparent"
|
|
7636
|
+
};
|
|
7637
|
+
const effectiveTransform = computed(() => ({
|
|
7638
|
+
...DEFAULT_TRANSFORM,
|
|
7639
|
+
...props.transform
|
|
7640
|
+
}));
|
|
7641
|
+
const uniforms = createUniformsMap(componentDefinition$61, computed(() => {
|
|
7642
|
+
let baseProps = { ...Object.entries(componentDefinition$61.props).reduce((acc, [key, config]) => {
|
|
7643
|
+
acc[key] = config.default;
|
|
7644
|
+
return acc;
|
|
7645
|
+
}, {}) };
|
|
7646
|
+
for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && props[key] !== Object.entries(componentDefinition$61.props).reduce((acc, [key$1, config]) => {
|
|
7647
|
+
acc[key$1] = config.default;
|
|
7648
|
+
return acc;
|
|
7649
|
+
}, {})[key]) baseProps[key] = toValue(props[key]);
|
|
7650
|
+
return baseProps;
|
|
7651
|
+
}).value, instanceId);
|
|
7652
|
+
const parentId = inject("ombreParentId");
|
|
7653
|
+
if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
7654
|
+
const parentRegister = inject("ombreNodeRegister");
|
|
7655
|
+
if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
|
|
7656
|
+
const parentUniformUpdate = inject("ombreUniformUpdate");
|
|
7657
|
+
if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
|
|
7658
|
+
const parentMetadataUpdate = inject("ombreMetadataUpdate");
|
|
7659
|
+
if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
|
|
7660
|
+
const rendererResetSignal = inject("ombreRendererResetSignal");
|
|
7661
|
+
const registerWithRenderer = () => {
|
|
7662
|
+
parentRegister(instanceId, componentDefinition$61.fragmentNode, parentId, {
|
|
7663
|
+
blendMode: props.blendMode,
|
|
7664
|
+
opacity: props.opacity,
|
|
7665
|
+
visible: props.visible === false ? false : true,
|
|
7666
|
+
id: props.id,
|
|
7667
|
+
mask: props.maskSource ? {
|
|
7668
|
+
source: props.maskSource,
|
|
7669
|
+
type: props.maskType || "alpha"
|
|
7670
|
+
} : void 0,
|
|
7671
|
+
renderOrder: props.renderOrder,
|
|
7672
|
+
transform: effectiveTransform.value
|
|
7673
|
+
}, uniforms, componentDefinition$61);
|
|
7674
|
+
};
|
|
7675
|
+
const setupUniformWatchers = () => {
|
|
7676
|
+
const scope = effectScope();
|
|
7677
|
+
scope.run(() => {
|
|
7678
|
+
Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
|
|
7679
|
+
watch(() => props[propName], (newValue) => {
|
|
7680
|
+
if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
|
|
7681
|
+
}, { deep: true });
|
|
7682
|
+
});
|
|
7683
|
+
watch(() => [
|
|
7684
|
+
props.blendMode,
|
|
7685
|
+
props.opacity,
|
|
7686
|
+
props.visible,
|
|
7687
|
+
props.id,
|
|
7688
|
+
props.maskSource,
|
|
7689
|
+
props.maskType,
|
|
7690
|
+
props.renderOrder,
|
|
7691
|
+
props.transform
|
|
7692
|
+
], ([blendMode, opacity, visible]) => {
|
|
7693
|
+
parentMetadataUpdate(instanceId, {
|
|
7694
|
+
blendMode,
|
|
7695
|
+
opacity,
|
|
7696
|
+
visible: visible === false ? false : true,
|
|
7697
|
+
id: props.id,
|
|
7698
|
+
mask: props.maskSource ? {
|
|
7699
|
+
source: props.maskSource,
|
|
7700
|
+
type: props.maskType || "alpha"
|
|
7701
|
+
} : void 0,
|
|
7702
|
+
renderOrder: props.renderOrder,
|
|
7703
|
+
transform: effectiveTransform.value
|
|
7704
|
+
});
|
|
7705
|
+
}, { deep: true });
|
|
7706
|
+
if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
|
|
7707
|
+
if (newValue > 0) registerWithRenderer();
|
|
7708
|
+
}, { immediate: true });
|
|
7709
|
+
});
|
|
7710
|
+
onBeforeUnmount(() => {
|
|
7711
|
+
scope.stop();
|
|
7712
|
+
});
|
|
7713
|
+
};
|
|
7714
|
+
setupUniformWatchers();
|
|
7715
|
+
onBeforeUnmount(() => {
|
|
7716
|
+
parentRegister(instanceId, null, null, null, null, null);
|
|
7717
|
+
});
|
|
7718
|
+
return (_ctx, _cache) => {
|
|
7719
|
+
return renderSlot(_ctx.$slots, "default");
|
|
7720
|
+
};
|
|
7721
|
+
}
|
|
7722
|
+
});
|
|
7601
7723
|
var Shader_default = /* @__PURE__ */ defineComponent({
|
|
7602
7724
|
__name: "Shader",
|
|
7603
7725
|
props: { hideNotice: {
|
|
@@ -7614,9 +7736,9 @@ var Shader_default = /* @__PURE__ */ defineComponent({
|
|
|
7614
7736
|
let telemetryCollector = null;
|
|
7615
7737
|
provide("ombreParentId", rootId.value);
|
|
7616
7738
|
provide("ombreRendererResetSignal", rendererResetSignal);
|
|
7617
|
-
provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$
|
|
7739
|
+
provide("ombreNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDefinition$62 = null) => {
|
|
7618
7740
|
if (fragmentNodeFunc === null) rendererInstance.value.removeNode(id);
|
|
7619
|
-
else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$
|
|
7741
|
+
else rendererInstance.value.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDefinition$62);
|
|
7620
7742
|
});
|
|
7621
7743
|
provide("ombreUniformUpdate", (nodeId, uniformName, value) => {
|
|
7622
7744
|
rendererInstance.value.updateUniformValue(nodeId, uniformName, value);
|
|
@@ -7746,4 +7868,4 @@ var Shader_default = /* @__PURE__ */ defineComponent({
|
|
|
7746
7868
|
};
|
|
7747
7869
|
}
|
|
7748
7870
|
});
|
|
7749
|
-
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, ZoomBlur_default as ZoomBlur, generatePresetCode };
|
|
7871
|
+
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 };
|
|
@@ -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;AAqtBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAgE/B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-
|
|
1
|
+
import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CShQ8TLw.js";
|
|
2
2
|
export { availableComponents, generatePresetCode };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shaders",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.43",
|
|
4
4
|
"description": "Declarative shader components for Vue, React, and Svelte",
|
|
5
5
|
"author": "Simon Le Marchant<https://github.com/marchantweb>",
|
|
6
6
|
"homepage": "https://shaders.com/",
|
|
@@ -364,6 +364,11 @@
|
|
|
364
364
|
"types": "./dist/core/shaders/Shatter/index.d.ts",
|
|
365
365
|
"import": "./dist/core/shaders/Shatter/index.js",
|
|
366
366
|
"require": "./dist/core/shaders/Shatter/index.js"
|
|
367
|
+
},
|
|
368
|
+
"./core/WebcamTexture": {
|
|
369
|
+
"types": "./dist/core/shaders/WebcamTexture/index.d.ts",
|
|
370
|
+
"import": "./dist/core/shaders/WebcamTexture/index.js",
|
|
371
|
+
"require": "./dist/core/shaders/WebcamTexture/index.js"
|
|
367
372
|
}
|
|
368
373
|
},
|
|
369
374
|
"typesVersions": {
|
|
@@ -581,6 +586,9 @@
|
|
|
581
586
|
"core/WaveDistortion": [
|
|
582
587
|
"./dist/core/shaders/WaveDistortion/index.d.ts"
|
|
583
588
|
],
|
|
589
|
+
"core/WebcamTexture": [
|
|
590
|
+
"./dist/core/shaders/WebcamTexture/index.d.ts"
|
|
591
|
+
],
|
|
584
592
|
"core/ZoomBlur": [
|
|
585
593
|
"./dist/core/shaders/ZoomBlur/index.d.ts"
|
|
586
594
|
],
|
|
File without changes
|