Support remote access

Author: johnsoncodehk

graphing/arc/arc.js

@@ -1,7 +1,7 @@
 // https://observablehq.com/@d3/arc-diagram@265
 export default function define(runtime, observer) {
   const main = runtime.module();
-  const fileAttachments = new Map([["arcData.json", new URL("http://localhost:3000/arcAPI", import.meta.url)]]);
+  const fileAttachments = new Map([["arcData.json", new URL(`${window.location.origin}/arcAPI`, import.meta.url)]]);
   main.builtin("FileAttachment", runtime.fileAttachments(name => fileAttachments.get(name)));
   main.variable(observer()).define(["md"], function (md) {
     return (

graphing/cascade/graph.js

@@ -8,7 +8,7 @@ export default function define(runtime, observer) {
   const urlParams = new URLSearchParams(queryString);
   const startFunction = urlParams.get('start')
 
-  fetch('http://localhost:3000/cascadeAPI/' + startFunction)
+  fetch(`${window.location.origin}/cascadeAPI/` + startFunction)
     .then((response) => {
       return response.json();
     })

graphing/cascade/index.html

@@ -103,7 +103,7 @@
 
   <script>
 
-    fetch('http://localhost:3000/all')
+    fetch(`${window.location.origin}/all`)
       .then((response) => {
         return response.json();
       })

graphing/index.html

@@ -55,7 +55,7 @@ <h2>
 
   <script>
 
-    fetch('http://localhost:3000/all')
+    fetch(`${window.location.origin}/all`)
       .then((response) => {
         return response.json();
       })