Production ES Watch library won't connect to the dev relay

[danrossi]

It's been a difficult time figuring out the api and hard to navigate. I will make a ticket regarding decoupling the watch api from the html element. Which should be implementing it instead. As its not useful for external integrations to wrap everything inside an element.

However while the github watch code works with the local relay and cloudflare. The npm and released one doesn't. There is an error I found locally but not with the cloudflare relay. Windows OBS is dropping a session connecting to cloudflare when it worked the other day. It might be related to the IPv4 casting issue.

https://moq.dev/watch/?name=tos&url=https://draft-14.cloudflare.mediaoverquic.com/anon
https://jsfiddle.net/danrossi303/ru6d4vkp/4/

Connecting to the local relay with the production module I get

spawn error Error: value larger than 53-bits; use v62 instead

[coderabbitai]

🔗 Related PRs

#1070 - Add warning for Cloudflare relay reload feature limitation [merged]
#1352 - Handle relays without announcement subscription support [merged]
#1383 - @moq/watch: don't tear down a broadcast when an unrelated path flaps [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[danrossi]

In my external test project. I need to build with vite like the web demo some bundles. However because the releases have issues I need to use the github sources pulled in by npm/bun. This resolver mostly works but fails on one thing.

resolve: {
		alias: {
			'@moq/watch': resolve(__dirname, 'node_modules/moq/js/watch/src'),
			"@moq/lite": resolve(__dirname, 'node_modules/moq/js/lite/src/index.ts'),
			"@moq/signals": resolve(__dirname, 'node_modules/moq/js/signals/src/'),
			"@moq/hang": resolve(__dirname, 'node_modules/moq/js/hang/src'),
			"@moq/msf": resolve(__dirname, 'node_modules/moq/js/msf/src'),
			"@moq/ui-core": resolve(__dirname, 'node_modules/moq/js/ui-core/src')
		}
		
  	},

node_modules/moq/js/watch/src/audio/ring-buffer.ts:1:21: ERROR: Could not resolve "@moq/lite"

[danrossi]

I found the issue I think. The worker inline generator needs a resolver config for alias to sources. I'm not sure when a new release will be made to work with the relay and cloudflare.

https://github.com/moq-dev/moq/blob/main/js/common/vite-plugin-worklet.ts#L39

[lukehsiao]

Related to #1322 and #1406.