Bump watch/publish. (#80)

Author: kixelated

bun.lock

@@ -13,9 +13,9 @@
 		"fix": "biome check --write && bun audit fix"
 	},
 	"dependencies": {
-		"@moq/publish": "^0.1.1",
-		"@moq/watch": "^0.1.1",
-		"astro": "^5.17.3",
+		"@moq/publish": "^0.2.2",
+		"@moq/watch": "^0.2.2",
+		"astro": "^5.18.0",
 		"solid-js": "^1.9.11",
 		"unique-names-generator": "^4.7.1"
 	},
@@ -27,10 +27,10 @@
 		"@biomejs/biome": "^2.4.4",
 		"@tailwindcss/forms": "^0.5.11",
 		"@tailwindcss/typography": "^0.5.19",
-		"@types/node": "^22.19.11",
+		"@types/node": "^22.19.13",
 		"tailwindcss": "^3.4.19",
 		"vite-plugin-static-copy": "^2.3.2",
-		"wrangler": "^4.67.0"
+		"wrangler": "^4.69.0"
 	},
 	"packageManager": "bun@1.3.4"
 }

package.json

@@ -4,6 +4,7 @@ import { adjectives, animals, uniqueNamesGenerator } from "unique-names-generato
 import "@moq/publish/support/element";
 import "@moq/publish/element";
 import "@moq/publish/ui";
+import { Lite } from "@moq/publish";
 
 export default function () {
 	const name = uniqueNamesGenerator({ dictionaries: [adjectives, animals], separator: "-" });
@@ -52,7 +53,7 @@ export default function () {
 			</div>
 
 			<moq-publish-ui>
-				<moq-publish attr:url={url.toString()} attr:path={name} attr:source="camera">
+				<moq-publish prop:url={url} prop:name={Lite.Path.from(name)} prop:source="camera">
 					<video
 						style={{ "max-width": "100%", height: "100%", margin: "0 auto", "border-radius": "1rem" }}
 						autoplay

src/components/publish.tsx

@@ -2,6 +2,7 @@
 import "@moq/watch/support/element";
 import "@moq/watch/element";
 import "@moq/watch/ui";
+import { Lite } from "@moq/watch";
 import { Show } from "solid-js";
 
 export default function () {
@@ -25,7 +26,7 @@ export default function () {
 				</a>
 			</div>
 			<moq-watch-ui>
-				<moq-watch attr:url={url.toString()} attr:path={name} attr:muted="" attr:reload="">
+				<moq-watch prop:url={url} prop:name={Lite.Path.from(name)} prop:muted={true} prop:reload={true}>
 					<canvas style={{ "max-width": "100%", height: "auto", margin: "0 auto", "border-radius": "1rem" }} />
 				</moq-watch>
 			</moq-watch-ui>

src/components/watch.tsx

@@ -2,13 +2,8 @@
 // See: https://github.com/solidjs/solid/issues/616#issuecomment-1144074821
 declare module "solid-js" {
 	namespace JSX {
-		type Attrs = {
-			// Allow setting any HTML attribute via Solid's attr: prefix
-			[key: `attr:${string}`]: string | undefined;
-		};
 		type ElementProps<T> = {
-			// Add both the element's prefixed properties and the attributes
-			[K in keyof T]: Props<T[K]> & HTMLAttributes<T[K]> & Attrs;
+			[K in keyof T]: Props<T[K]> & HTMLAttributes<T[K]>;
 		};
 		// Prefixes all properties with `prop:` to match Solid's property setting syntax
 		type Props<T> = {