Running dapp-offer-up in GH Codespaces

.devcontainer.json

@@ -0,0 +1,22 @@
+{
+  "forwardPorts": [5173, 1317, 26657, 26656],
+  "portsAttributes": {
+      "5173": {
+        "label": "UI",
+        "onAutoForward": "openBrowser"
+      },
+      "1317": {
+        "label": "API",
+        "onAutoForward": "silent"
+      },
+      "26657": {
+          "label": "RPC",
+          "onAutoForward": "silent"
+      },
+      "26656": {
+        "label": "P2P",
+        "onAutoForward": "silent"
+      }
+  },
+  "postStartCommand": "/bin/bash ./make_ports_public.sh 5173 1317 26657"
+}

make_ports_public.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+set -x
+
+# Function to change port visibility to public
+change_port_visibility() {
+  local port=$1
+  gh codespace ports visibility $port:public -c $CODESPACE_NAME
+}
+
+# Check if at least one port is provided
+if [ $# -eq 0 ]; then
+  echo "Usage: $0 <port1> [port2 ... portN]"
+  exit 1
+fi
+
+# Loop through each provided port and change its visibility to public
+for port in "$@"; do
+  change_port_visibility $port
+done

package.json

@@ -41,7 +41,7 @@
     "docker:bash": "cd contract; docker compose exec agd bash",
     "docker:make": "cd contract; docker compose exec agd make -C /workspace/contract",
     "make:help": "make -C contract list",
-    "start:contract": "cd contract && yarn start",
+    "start:contract": "./set.hostname.sh && cd contract && yarn start",
     "start:ui": "cd ui && yarn dev",
     "lint": "yarn workspaces run lint",
     "test": "yarn workspaces run test",

set.hostname.sh

@@ -0,0 +1,28 @@
+#!/bin/bash
+
+# Step 1: Read the environment variable CODESPACE_NAME
+CODESPACE_NAME="${CODESPACE_NAME}"
+
+# Step 2: Define the file name
+FILE="ui/src/App.tsx"
+
+# Check if the file exists
+if [ ! -f "$FILE" ]; then
+  echo "File $FILE does not exist."
+  exit 1
+fi
+
+# Step 3: Check if the environment variable is set and replace accordingly
+if [ -z "$CODESPACE_NAME" ]; then
+  echo "CODESPACE_NAME is not set. Setting host with http://localhost"
+  sed -i "s|https://.*-1317\.app\.github\.dev/|http://localhost:1317|g" "$FILE"
+  sed -i "s|https://.*-26657\.app\.github\.dev/|http://localhost:26657|g" "$FILE"
+else
+  echo "CODESPACE_NAME is set to $CODESPACE_NAME. Setting host with https://${CODESPACE_NAME}-1317.app.github.dev/"
+  sed -i "s|https://.*-1317\.app\.github\.dev/|https://${CODESPACE_NAME}-1317.app.github.dev/|g" "$FILE"
+  echo "CODESPACE_NAME is set to $CODESPACE_NAME. Setting host with https://${CODESPACE_NAME}-26675.app.github.dev/"
+  sed -i "s|https://.*-26657\.app\.github\.dev/|https://${CODESPACE_NAME}-26657.app.github.dev/|g" "$FILE"
+fi
+
+# Step 4: Notify the user of completion
+echo "Replacement complete in $FILE"

ui/set.hostname.sh

@@ -0,0 +1,28 @@
+#!/bin/bash
+
+# Step 1: Read the environment variable CODESPACE_NAME
+CODESPACE_NAME="${CODESPACE_NAME}"
+
+# Step 2: Define the file name
+FILE="src/App.tsx"
+
+# Check if the file exists
+if [ ! -f "$FILE" ]; then
+  echo "File $FILE does not exist."
+  exit 1
+fi
+
+# Step 3: Check if the environment variable is set and replace accordingly
+if [ -z "$CODESPACE_NAME" ]; then
+  echo "CODESPACE_NAME is not set. Setting host with http://localhost"
+  sed -i "s|https://.*-1317\.app\.github\.dev/|http://localhost:1317|g" "$FILE"
+  sed -i "s|https://.*-26657\.app\.github\.dev/|http://localhost:26657|g" "$FILE"
+else
+  echo "CODESPACE_NAME is set to $CODESPACE_NAME. Setting host with https://${CODESPACE_NAME}-1317.app.github.dev/"
+  sed -i "s|https://.*-1317\.app\.github\.dev/|https://${CODESPACE_NAME}-1317.app.github.dev/|g" "$FILE"
+  echo "CODESPACE_NAME is set to $CODESPACE_NAME. Setting host with https://${CODESPACE_NAME}-26675.app.github.dev/"
+  sed -i "s|https://.*-26657\.app\.github\.dev/|https://${CODESPACE_NAME}-26657.app.github.dev/|g" "$FILE"
+fi
+
+# Step 4: Notify the user of completion
+echo "Replacement complete in $FILE"

ui/src/App.tsx

@@ -21,8 +21,8 @@ const { entries, fromEntries } = Object;
 type Wallet = Awaited<ReturnType<typeof makeAgoricWalletConnection>>;
 
 const ENDPOINTS = {
-  RPC: 'http://localhost:26657',
-  API: 'http://localhost:1317',
+  RPC: 'https://hostname-26657.app.github.dev/',
+  API: 'https://hostname-1317.app.github.dev/',
 };
 
 const watcher = makeAgoricChainStorageWatcher(ENDPOINTS.API, 'agoriclocal');