shaders 2.0.668 → 2.0.670
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/react/engine/Shader.d.ts.map +1 -1
- package/dist/react/index.cjs +23 -23
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +865 -877
- package/dist/react/index.js.map +1 -1
- package/dist/svelte/engine/Shader.svelte +6 -19
- package/dist/vue/engine/Shader.vue.d.ts.map +1 -1
- package/dist/vue/index157.js +29 -34
- package/package.json +1 -1
|
@@ -147,24 +147,11 @@
|
|
|
147
147
|
rendererInstance.cleanup();
|
|
148
148
|
});
|
|
149
149
|
|
|
150
|
-
// Canvas styles - always provide defaults that can be overridden by any CSS
|
|
151
|
-
const canvasStyles = $derived({
|
|
152
|
-
width: '1200px',
|
|
153
|
-
height: '800px',
|
|
154
|
-
...(typeof rest.style === 'object' ? rest.style : {})
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
const styleString = $derived(Object.entries(canvasStyles)
|
|
158
|
-
.map(([key, value]) => `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${value}`)
|
|
159
|
-
.join('; '));
|
|
160
150
|
</script>
|
|
161
151
|
|
|
162
|
-
<
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
></canvas>
|
|
169
|
-
{@render children?.()}
|
|
170
|
-
</div>
|
|
152
|
+
<canvas
|
|
153
|
+
data-renderer="shaders"
|
|
154
|
+
bind:this={canvasRef}
|
|
155
|
+
{...rest}
|
|
156
|
+
></canvas>
|
|
157
|
+
{@render children?.()}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAqJD,iBAAS,cAAc;
|
|
1
|
+
{"version":3,"file":"Shader.vue.d.ts","sourceRoot":"","sources":["../../src/engine/Shader.vue"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAqJD,iBAAS,cAAc;qBAqCM,GAAG;EAK/B;AASD,QAAA,MAAM,eAAe;;;;;gBAzMN,OAAO;4EA+MpB,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"}
|
package/dist/vue/index157.js
CHANGED
|
@@ -1,50 +1,45 @@
|
|
|
1
1
|
import { Je as e } from "./index56.js";
|
|
2
2
|
import { vec4 as t } from "./index156.js";
|
|
3
|
-
import {
|
|
4
|
-
var
|
|
3
|
+
import { Fragment as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, onBeforeUnmount as s, onMounted as c, openBlock as l, provide as u, ref as d, renderSlot as f } from "vue";
|
|
4
|
+
var p = /* @__PURE__ */ a({
|
|
5
5
|
__name: "Shader",
|
|
6
6
|
props: { hideNotice: {
|
|
7
7
|
type: Boolean,
|
|
8
8
|
default: !1
|
|
9
9
|
} },
|
|
10
|
-
setup(
|
|
11
|
-
let
|
|
12
|
-
|
|
13
|
-
t === null ?
|
|
14
|
-
}),
|
|
15
|
-
|
|
16
|
-
}),
|
|
17
|
-
|
|
10
|
+
setup(a) {
|
|
11
|
+
let p = a, m = d(null), h = d("ombre-root-" + Math.random().toString(36).substring(7)), g = d(e()), _ = d(0);
|
|
12
|
+
u("ombreParentId", h.value), u("ombreRendererResetSignal", _), u("ombreNodeRegister", (e, t, n, r, i = null, a = null) => {
|
|
13
|
+
t === null ? g.value.removeNode(e) : g.value.registerNode(e, t, n, r, i, a);
|
|
14
|
+
}), u("ombreUniformUpdate", (e, t, n) => {
|
|
15
|
+
g.value.updateUniformValue(e, t, n);
|
|
16
|
+
}), u("ombreMetadataUpdate", (e, t) => {
|
|
17
|
+
g.value.updateNodeMetadata(e, t);
|
|
18
18
|
});
|
|
19
|
-
let
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
!
|
|
19
|
+
let v = async () => {
|
|
20
|
+
m.value && (console.log("[Shader] Initializing renderer..."), g.value.isInitialized() || await g.value.initialize({ canvas: m.value }), g.value.registerNode(h.value, ({ childNode: e }) => e || t(0, 0, 0, 0), null, null, {}, void 0), p.hideNotice || g.value.showLicenseWarning(), console.log("[Shader] Renderer initialized successfully"));
|
|
21
|
+
}, y = !1, b = null, x = () => {
|
|
22
|
+
!m.value || b || (b = new IntersectionObserver((e) => {
|
|
23
23
|
let t = e[0];
|
|
24
24
|
if (!t) return;
|
|
25
|
-
let n =
|
|
26
|
-
r && !
|
|
27
|
-
|
|
28
|
-
}),
|
|
29
|
-
}, { threshold: 0 }),
|
|
25
|
+
let n = m.value?.getBoundingClientRect(), r = t.isIntersecting && n && n.width > 0 && n.height > 0;
|
|
26
|
+
r && !y ? (console.log("[Shader] Canvas became visible, initializing..."), v().then(() => {
|
|
27
|
+
_.value++;
|
|
28
|
+
}), y = !0) : !r && y && (console.log("[Shader] Canvas became hidden, cleaning up renderer..."), g.value.cleanup(), y = !1);
|
|
29
|
+
}, { threshold: 0 }), b.observe(m.value));
|
|
30
30
|
};
|
|
31
|
-
return
|
|
32
|
-
if (
|
|
33
|
-
let e =
|
|
34
|
-
t ? (console.log("[Shader] Canvas visible on mount, initializing..."), await
|
|
31
|
+
return c(async () => {
|
|
32
|
+
if (m.value) {
|
|
33
|
+
let e = m.value.getBoundingClientRect(), t = e.width > 0 && e.height > 0;
|
|
34
|
+
t ? (console.log("[Shader] Canvas visible on mount, initializing..."), await v(), _.value++, y = !0) : (console.log("[Shader] Canvas hidden on mount, setting up observer..."), y = !1), x();
|
|
35
35
|
}
|
|
36
|
-
}),
|
|
37
|
-
|
|
38
|
-
}), (e, t) => (
|
|
36
|
+
}), s(() => {
|
|
37
|
+
b && (b.disconnect(), b = null), g.value.cleanup();
|
|
38
|
+
}), (e, t) => (l(), r(n, null, [i("canvas", o({
|
|
39
39
|
"data-renderer": "ombre",
|
|
40
40
|
ref_key: "canvasRef",
|
|
41
|
-
ref:
|
|
42
|
-
|
|
43
|
-
width: "1200px",
|
|
44
|
-
height: "800px",
|
|
45
|
-
...typeof e.$attrs.style == "object" ? e.$attrs.style : {}
|
|
46
|
-
}
|
|
47
|
-
}, e.$attrs), null, 16), d(e.$slots, "default")]));
|
|
41
|
+
ref: m
|
|
42
|
+
}, e.$attrs), null, 16), f(e.$slots, "default")], 64));
|
|
48
43
|
}
|
|
49
44
|
});
|
|
50
|
-
export {
|
|
45
|
+
export { p as default };
|
package/package.json
CHANGED