add turn servers for test

Author: jogibear9988

README.md

@@ -10,17 +10,17 @@ https://node-projects.github.io/web-component-designer-demo/index.html
 
 Manual WebRTC signaling works out of the box for same-browser tabs. The demo now defaults to Google's public STUN server at `stun:stun.l.google.com:19302`, and you can change the RTC configuration from the `collab` menu.
 
-The `collab` menu also has a `free TURN providers` submenu. The currently verified free path is Cloudflare TURN via `https://speed.cloudflare.com/turn-creds`. Paste that JSON into `Cloudflare TURN (verified) > paste turn-creds JSON...`.
+The `collab` menu also has a `free TURN providers` submenu. The first option is `Metered TURN (hardcoded)`, which applies the built-in Metered/OpenRelay ICE server credentials directly without prompting. Cloudflare TURN is also supported there through Cloudflare's official `generate-ice-servers` flow documented at `https://developers.cloudflare.com/realtime/turn/generate-credentials/`. For local testing, the demo can prompt for the TURN key id, API token, and TTL and fetch that JSON directly with `Cloudflare TURN (official API) > fetch credentials now... (dev/test)`. You can also paste the returned JSON into `Cloudflare TURN (official API) > paste generate-ice-servers JSON...`.
 
-OpenRelay is also linked in the same submenu, but it requires signup or API-provided credentials before you can paste the returned `iceServers` JSON into the demo.
+The hardcoded Metered/OpenRelay option contains live TURN credentials in the demo source, so treat it as a convenience preset rather than a production-safe deployment pattern.
 
 For different machines you will often still need STUN or TURN servers. The demo also accepts one or more `collabIceServer` query parameters, for example:
 
 ```text
 https://node-projects.github.io/web-component-designer-demo/index.html?collabIceServer=stun:stun.l.google.com:19302
 ```
 
-For more advanced setups you can pass a full JSON-encoded `RTCConfiguration` through `collabRtcConfiguration`, or paste that JSON into the collab menu's `edit RTC configuration...` action. The menu now also accepts direct provider responses such as a single ICE server entry, an `iceServers` array, or Cloudflare's `turn-creds` JSON object.
+For more advanced setups you can pass a full JSON-encoded `RTCConfiguration` through `collabRtcConfiguration`, or paste that JSON into the collab menu's `edit RTC configuration...` action. The menu now also accepts direct provider responses such as a single ICE server entry, an `iceServers` array, or Cloudflare's `generate-ice-servers` JSON object. When using the direct Cloudflare fetch path, prefer local testing only because the API token is exposed to the browser.
 
 ## Developing
 

index.html

@@ -19,31 +19,31 @@
   <script>
     const importMap = {
       imports: {
-        "monaco-editor": "./node_modules/monaco-editor/esm/vs/editor/editor.main.min.js",
-        "@node-projects/base-custom-webcomponent": "./node_modules/@node-projects/base-custom-webcomponent/dist/index-min.js",
-        "@node-projects/css-parser": "./node_modules/@node-projects/css-parser/dist/index-min.js",
-        "@node-projects/web-component-designer": "./node_modules/@node-projects/web-component-designer/dist/index-min.js",
-        "@node-projects/web-component-designer-widgets-wunderbaum": "./node_modules/@node-projects/web-component-designer-widgets-wunderbaum/dist/index-min.js",
-        "@node-projects/lean-he-esm": "./node_modules/@node-projects/lean-he-esm/lib/index-min.js",
-        "@node-projects/node-html-parser-esm": "./node_modules/@node-projects/node-html-parser-esm/dist/index-min.js",
-        "@node-projects/pickr-webcomponent": "./node_modules/@node-projects/pickr-webcomponent/lib/index-min.js",
-        "@node-projects/layout2vector": "./node_modules/@node-projects/layout2vector/dist/index-min.js",
-        "@node-projects/acad-ts": "./node_modules/@node-projects/acad-ts/dist/index-min.js",
-        "@node-projects/web-component-designer-collaboration-service": "./node_modules/@node-projects/web-component-designer-collaboration-service/dist/index-min.js",
-        "dock-spawn-ts": "./node_modules/dock-spawn-ts/lib/js/index-webcomponent-min.js",
-
-        "max_monaco-editor": "./node_modules/monaco-editor/esm/vs/editor/editor.main.js",
-        "max_@node-projects/base-custom-webcomponent": "./node_modules/@node-projects/base-custom-webcomponent/dist/index.js",
-        "max_@node-projects/css-parser": "./node_modules/@node-projects/css-parser/dist/index.js",
-        "max_@node-projects/web-component-designer": "./node_modules/@node-projects/web-component-designer/dist/index.js",
-        "max_@node-projects/web-component-designer-widgets-wunderbaum": "./node_modules/@node-projects/web-component-designer-widgets-wunderbaum/dist/index.js",
-        "max_@node-projects/lean-he-esm": "./node_modules/@node-projects/lean-he-esm/lib/index.js",
-        "max_@node-projects/node-html-parser-esm": "./node_modules/@node-projects/node-html-parser-esm/dist/index.js",
-        "max_@node-projects/pickr-webcomponent": "./node_modules/@node-projects/pickr-webcomponent/lib/index.js",
-        "max_@node-projects/layout2vector": "./node_modules/@node-projects/layout2vector/dist/index.js",
-        "max_@node-projects/acad-ts": "./node_modules/@node-projects/acad-ts/dist/index.js",
-        "max_@node-projects/web-component-designer-collaboration-service": "./node_modules/@node-projects/web-component-designer-collaboration-service/dist/index.js",
-        "max_dock-spawn-ts": "./node_modules/dock-spawn-ts/lib/js/index-webcomponent.js",
+        "min_monaco-editor": "./node_modules/monaco-editor/esm/vs/editor/editor.main.min.js",
+        "min_@node-projects/base-custom-webcomponent": "./node_modules/@node-projects/base-custom-webcomponent/dist/index-min.js",
+        "min_@node-projects/css-parser": "./node_modules/@node-projects/css-parser/dist/index-min.js",
+        "min_@node-projects/web-component-designer": "./node_modules/@node-projects/web-component-designer/dist/index-min.js",
+        "min_@node-projects/web-component-designer-widgets-wunderbaum": "./node_modules/@node-projects/web-component-designer-widgets-wunderbaum/dist/index-min.js",
+        "min_@node-projects/lean-he-esm": "./node_modules/@node-projects/lean-he-esm/lib/index-min.js",
+        "min_@node-projects/node-html-parser-esm": "./node_modules/@node-projects/node-html-parser-esm/dist/index-min.js",
+        "min_@node-projects/pickr-webcomponent": "./node_modules/@node-projects/pickr-webcomponent/lib/index-min.js",
+        "min_@node-projects/layout2vector": "./node_modules/@node-projects/layout2vector/dist/index-min.js",
+        "min_@node-projects/acad-ts": "./node_modules/@node-projects/acad-ts/dist/index-min.js",
+        "min_@node-projects/web-component-designer-collaboration-service": "./node_modules/@node-projects/web-component-designer-collaboration-service/dist/index-min.js",
+        "min_dock-spawn-ts": "./node_modules/dock-spawn-ts/lib/js/index-webcomponent-min.js",
+
+        "monaco-editor": "./node_modules/monaco-editor/esm/vs/editor/editor.main.js",
+        "@node-projects/base-custom-webcomponent": "./node_modules/@node-projects/base-custom-webcomponent/dist/index.js",
+        "@node-projects/css-parser": "./node_modules/@node-projects/css-parser/dist/index.js",
+        "@node-projects/web-component-designer": "./node_modules/@node-projects/web-component-designer/dist/index.js",
+        "@node-projects/web-component-designer-widgets-wunderbaum": "./node_modules/@node-projects/web-component-designer-widgets-wunderbaum/dist/index.js",
+        "@node-projects/lean-he-esm": "./node_modules/@node-projects/lean-he-esm/lib/index.js",
+        "@node-projects/node-html-parser-esm": "./node_modules/@node-projects/node-html-parser-esm/dist/index.js",
+        "@node-projects/pickr-webcomponent": "./node_modules/@node-projects/pickr-webcomponent/lib/index.js",
+        "@node-projects/layout2vector": "./node_modules/@node-projects/layout2vector/dist/index.js",
+        "@node-projects/acad-ts": "./node_modules/@node-projects/acad-ts/dist/index.js",
+        "@node-projects/web-component-designer-collaboration-service": "./node_modules/@node-projects/web-component-designer-collaboration-service/dist/index.js",
+        "dock-spawn-ts": "./node_modules/dock-spawn-ts/lib/js/index-webcomponent.js",
 
         "@mlc-ai/web-llm": "./node_modules/@mlc-ai/web-llm/lib/index.js",
         "@node-projects/": "./node_modules/@node-projects/",

package-lock.json

@@ -36,7 +36,7 @@
     "@node-projects/lean-he-esm": "^3.4.1",
     "@node-projects/node-html-parser-esm": "^6.4.1",
     "@node-projects/pickr-webcomponent": "^1.1.0",
-    "@node-projects/web-component-designer": "^0.1.352",
+    "@node-projects/web-component-designer": "^0.1.353",
     "@node-projects/web-component-designer-codeview-monaco": "^0.1.33",
     "@node-projects/web-component-designer-collaboration-service": "^0.1.5",
     "@node-projects/web-component-designer-htmlparserservice-nodehtmlparser": "^0.1.12",