shaders 2.0.667 → 2.0.669

package/dist/svelte/engine/Shader.svelte

@@ -147,12 +147,10 @@
     rendererInstance.cleanup();
   });
 
-  // Canvas styles - match Vue implementation exactly
+  // Canvas styles - always provide defaults that can be overridden by any CSS
   const canvasStyles = $derived({
-    ...(!rest.class ? {
-      width: '1200px',
-      height: '800px'
-    } : {}),
+    width: '1200px',
+    height: '800px',
     ...(typeof rest.style === 'object' ? rest.style : {})
   });
 
@@ -161,12 +159,10 @@
     .join('; '));
 </script>
 
-<div {...rest}>
-  <canvas
-    data-renderer="shaders"
-    bind:this={canvasRef}
-    style={styleString}
-    {...rest}
-  ></canvas>
-  {@render children?.()}
-</div>
+<canvas
+  data-renderer="shaders"
+  bind:this={canvasRef}
+  style={styleString}
+  {...rest}
+></canvas>
+{@render children?.()}

package/dist/vue/engine/Shader.vue.d.ts.map

@@ -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;qBAsDO,GAAG;EAKhC;AASD,QAAA,MAAM,eAAe;;;;;gBA1NN,OAAO;4EAgOpB,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"}
+{"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;qBA0CM,GAAG;EAK/B;AASD,QAAA,MAAM,eAAe;;;;;gBA9MN,OAAO;4EAoNpB,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

@@ -1,52 +1,50 @@
 import { Je as e } from "./index56.js";
 import { vec4 as t } from "./index156.js";
-import { createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, onBeforeUnmount as o, onMounted as s, openBlock as c, provide as l, ref as u, renderSlot as d } from "vue";
-var f = /* @__PURE__ */ i({
+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";
+var p = /* @__PURE__ */ a({
 	__name: "Shader",
 	props: { hideNotice: {
 		type: Boolean,
 		default: !1
 	} },
-	setup(i) {
-		let f = i, p = u(null), m = u("ombre-root-" + Math.random().toString(36).substring(7)), h = u(e()), g = u(0);
-		l("ombreParentId", m.value), l("ombreRendererResetSignal", g), l("ombreNodeRegister", (e, t, n, r, i = null, a = null) => {
-			t === null ? h.value.removeNode(e) : h.value.registerNode(e, t, n, r, i, a);
-		}), l("ombreUniformUpdate", (e, t, n) => {
-			h.value.updateUniformValue(e, t, n);
-		}), l("ombreMetadataUpdate", (e, t) => {
-			h.value.updateNodeMetadata(e, t);
+	setup(a) {
+		let p = a, m = d(null), h = d("ombre-root-" + Math.random().toString(36).substring(7)), g = d(e()), _ = d(0);
+		u("ombreParentId", h.value), u("ombreRendererResetSignal", _), u("ombreNodeRegister", (e, t, n, r, i = null, a = null) => {
+			t === null ? g.value.removeNode(e) : g.value.registerNode(e, t, n, r, i, a);
+		}), u("ombreUniformUpdate", (e, t, n) => {
+			g.value.updateUniformValue(e, t, n);
+		}), u("ombreMetadataUpdate", (e, t) => {
+			g.value.updateNodeMetadata(e, t);
 		});
-		let _ = async () => {
-			p.value && (console.log("[Shader] Initializing renderer..."), h.value.isInitialized() || await h.value.initialize({ canvas: p.value }), h.value.registerNode(m.value, ({ childNode: e }) => e || t(0, 0, 0, 0), null, null, {}, void 0), f.hideNotice || h.value.showLicenseWarning(), console.log("[Shader] Renderer initialized successfully"));
-		}, v = !1, y = null, b = () => {
-			!p.value || y || (y = new IntersectionObserver((e) => {
+		let v = async () => {
+			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"));
+		}, y = !1, b = null, x = () => {
+			!m.value || b || (b = new IntersectionObserver((e) => {
 				let t = e[0];
 				if (!t) return;
-				let n = p.value?.getBoundingClientRect(), r = t.isIntersecting && n && n.width > 0 && n.height > 0;
-				r && !v ? (console.log("[Shader] Canvas became visible, initializing..."), _().then(() => {
-					g.value++;
-				}), v = !0) : !r && v && (console.log("[Shader] Canvas became hidden, cleaning up renderer..."), h.value.cleanup(), v = !1);
-			}, { threshold: 0 }), y.observe(p.value));
+				let n = m.value?.getBoundingClientRect(), r = t.isIntersecting && n && n.width > 0 && n.height > 0;
+				r && !y ? (console.log("[Shader] Canvas became visible, initializing..."), v().then(() => {
+					_.value++;
+				}), y = !0) : !r && y && (console.log("[Shader] Canvas became hidden, cleaning up renderer..."), g.value.cleanup(), y = !1);
+			}, { threshold: 0 }), b.observe(m.value));
 		};
-		return s(async () => {
-			if (p.value) {
-				let e = p.value.getBoundingClientRect(), t = e.width > 0 && e.height > 0;
-				t ? (console.log("[Shader] Canvas visible on mount, initializing..."), await _(), g.value++, v = !0) : (console.log("[Shader] Canvas hidden on mount, setting up observer..."), v = !1), b();
+		return c(async () => {
+			if (m.value) {
+				let e = m.value.getBoundingClientRect(), t = e.width > 0 && e.height > 0;
+				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();
 			}
-		}), o(() => {
-			y && (y.disconnect(), y = null), h.value.cleanup();
-		}), (e, t) => (c(), n("div", null, [r("canvas", a({
+		}), s(() => {
+			b && (b.disconnect(), b = null), g.value.cleanup();
+		}), (e, t) => (l(), r(n, null, [i("canvas", o({
 			"data-renderer": "ombre",
 			ref_key: "canvasRef",
-			ref: p,
+			ref: m,
 			style: {
-				...e.$attrs.class ? {} : {
-					width: "1200px",
-					height: "800px"
-				},
+				width: "1200px",
+				height: "800px",
 				...typeof e.$attrs.style == "object" ? e.$attrs.style : {}
 			}
-		}, e.$attrs), null, 16), d(e.$slots, "default")]));
+		}, e.$attrs), null, 16), f(e.$slots, "default")], 64));
 	}
 });
-export { f as default };
+export { p as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shaders",
   "private": false,
-  "version": "2.0.667",
+  "version": "2.0.669",
   "description": "Declarative shader components",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",