svelte-tweakpane-ui 1.1.0 → 1.1.2

package/dist/control/Textarea.svelte

@@ -40,6 +40,6 @@
 <GenericInput value={_value} bind:ref {options} plugin={pluginModule} {...$$restProps} />
 {#if !BROWSER}
 	<!-- TODO magic numbers -->
-	<div style:background="red" style:height={`calc(${16 * (rows ?? 3)}px - 14px)`} />
+	<div style:height={`calc(${16 * (rows ?? 3)}px - 14px)`} />
 	<!-- <ClsPad keysAdd={fillWith('containerUnitSize', 1)} theme={$$props.theme} /> -->
 {/if}

package/dist/monitor/FpsGraph.svelte

@@ -15,13 +15,13 @@
 	let implicitMode = true;
 	export function begin() {
 		implicitMode = false;
-		fpsBlade?.begin();
+		ref?.begin();
 	}
 	export function end() {
 		implicitMode = false;
-		fpsBlade?.end();
+		ref?.end();
 	}
-	let fpsBlade;
+	let ref;
 	let requestId;
 	const dispatch = createEventDispatcher();
 	onMount(() => {
@@ -29,44 +29,25 @@
 	});
 	onDestroy(() => {
 		stopInternalLoop();
-		stopObservingMeasuredFpsValue();
 	});
 	function startInternalLoop() {
 		loop();
 	}
 	function loop() {
-		fpsBlade?.end();
-		fpsBlade?.begin();
+		ref?.end();
+		ref?.begin();
 		requestId = requestAnimationFrame(loop);
 	}
 	function stopInternalLoop() {
 		requestId && cancelAnimationFrame(requestId);
 	}
-	let observer = void 0;
-	function startObservingMeasuredFpsValue() {
-		stopObservingMeasuredFpsValue();
-		const targetNode = fpsBlade.controller.valueController.view.valueElement;
-		if (!targetNode?.innerHTML) return;
-		observer = new MutationObserver((mutations) => {
-			for (const mutation of mutations) {
-				if (mutation.type === 'characterData' || mutation.type === 'childList') {
-					const fpsText = mutation.target.textContent;
-					if (fpsText !== null) {
-						const fps = Number.parseInt(fpsText, 10);
-						!Number.isNaN(fps) && dispatch('change', fps);
-					}
-				}
+	function addListeners() {
+		ref.on('tick', () => {
+			if (ref.fps !== null) {
+				dispatch('change', ref.fps);
 			}
 		});
-		observer.observe(targetNode, { characterData: true, childList: true, subtree: true });
 	}
-	function stopObservingMeasuredFpsValue() {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	}
-	$: fpsBlade && startObservingMeasuredFpsValue();
 	let options;
 	$: options = {
 		min,
@@ -76,10 +57,11 @@
 		rows,
 		view: 'fpsgraph'
 	};
+	$: ref !== void 0 && addListeners();
 	$: !implicitMode && stopInternalLoop();
 </script>
 
-<Blade bind:ref={fpsBlade} {options} plugin={pluginModule} {...$$restProps} />
+<Blade bind:ref {options} plugin={pluginModule} {...$$restProps} />
 {#if !BROWSER}
 	{#if rows}
 		<ClsPad keysAdd={fillWith('containerUnitSize', rows)} theme={$$props.theme} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tweakpane-ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "Wraps UI elements from Tweakpane in a collection of idiomatic Svelte components, and augments Tweakpane with a few extra features for your convenience and enjoyment.",
   "repository": {
@@ -256,7 +256,10 @@
     "kit-examples": "tsx ./scripts/generate-kit-examples.ts",
     "kit-preview": "vite preview",
     "lint": "shared-config --check",
-    "release": "pnpm bumpp --commit 'Release: %s' --tag '%s' && pnpm publish --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
+    "release": "run-s --print-label release:*",
+    "release:1-build": "pnpm run build",
+    "release:2-version": "pnpm bumpp --commit 'Release: %s' --tag '%s'",
+    "release:3-publish": "pnpm publish --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
     "rewrap": "rewrap -i --column 100 `find src \\( -name '*.svelte' -o -name '*.ts'  -o -name '*.html' \\) -type f | grep -v src/examples`",
     "type-check": "tsc --noEmit"
   }