update demo with turn servers

Author: jogibear9988

README.md

@@ -8,13 +8,19 @@ https://node-projects.github.io/web-component-designer-demo/index.html
 
 ## Collaboration Notes
 
-Manual WebRTC signaling works out of the box for same-browser tabs. For different machines you will often need STUN or TURN servers. The demo accepts one or more `collabIceServer` query parameters, for example:
+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...`.
+
+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.
+
+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`.
+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.
 
 ## Developing
 

index.html

@@ -19,31 +19,31 @@
   <script>
     const importMap = {
       imports: {
-        "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",
+        "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",
 
         "@mlc-ai/web-llm": "./node_modules/@mlc-ai/web-llm/lib/index.js",
         "@node-projects/": "./node_modules/@node-projects/",

package-lock.json

@@ -38,7 +38,7 @@
     "@node-projects/pickr-webcomponent": "^1.1.0",
     "@node-projects/web-component-designer": "^0.1.352",
     "@node-projects/web-component-designer-codeview-monaco": "^0.1.33",
-    "@node-projects/web-component-designer-collaboration-service": "^0.1.4",
+    "@node-projects/web-component-designer-collaboration-service": "^0.1.5",
     "@node-projects/web-component-designer-htmlparserservice-nodehtmlparser": "^0.1.12",
     "@node-projects/web-component-designer-stylesheetservice-css-parser": "^0.1.4",
     "@node-projects/web-component-designer-widgets-wunderbaum": "^0.1.44",