experiment with client-html

.gitignore

@@ -4,3 +4,4 @@
 build/
 dist/
 node_modules/
+server/java/bin

README.md

@@ -6,3 +6,17 @@ The TicketHub sample application to show off using the Styra OPA SDKs:
 * [Java SDK repository](https://github.com/StyraInc/opa-java)
 * [Typescript / Javascript SDK repository](https://github.com/StyraInc/opa-typescript)
 * [C# SDK repository](https://github.com/StyraInc/opa-csharp)
+
+
+## Running the Tickethub app
+
+```
+docker compose --profile node up
+```
+
+```
+cd client/react
+make run
+```
+
+Then open the browser at `http://localhost:3000`

client/html/Caddyfile

@@ -0,0 +1,21 @@
+:{$CLIENT_PORT:3000} {
+    log {
+        format console
+    }
+
+    handle /api/* {
+        reverse_proxy {$SERVER_URL:"localhost:4000"}
+    }
+
+    handle { # catch-all
+        root * public/
+
+        rewrite /ticket/new /new_ticket.html
+        rewrite /ticket/* /ticket.html
+        rewrite /tickets /tickets.html
+
+        file_server {
+            index tickets.html 
+        }
+    }
+}

client/html/Dockerfile.caddy

@@ -0,0 +1,8 @@
+FROM caddy:2-alpine
+RUN mkdir -p /opt/app
+WORKDIR /opt/app
+COPY public public
+COPY Caddyfile Caddyfile
+EXPOSE 3000
+ENTRYPOINT ["caddy", "run"]
+

client/html/Dockerfile.node

@@ -0,0 +1,10 @@
+FROM node:21-alpine
+RUN mkdir -p /opt/app
+WORKDIR /opt/app
+COPY package.json package-lock.json ./
+RUN npm install
+COPY src src
+COPY public public
+EXPOSE 3000
+ENV SERVER_HOST "0.0.0.0"
+CMD [ "npm", "start"]

client/html/README.md

@@ -5,8 +5,4 @@ The TicketHub sample app client component.
 ## How to run
 
 1. `make run`.
-2. The server opens a listener on `0.0.0.0:3000`. Turn a browser to `http://localhost:3000` to see it in action.
-
-## SDKs
-
-* [Styra Run js SDK](https://github.com/StyraInc/styra-run-sdk-js)
+2. The server opens a listener on `0.0.0.0:3000`. Turn a browser to `http://localhost:3000` to see it in action.