Merge pull request #471 from geichelberger/vite

Replace react-script with vite
opencast · May 31, 2024 · b91dedb · b91dedb
2 parents 1726a51 + b41c62a
commit b91dedb
Show file tree

Hide file tree

Showing 28 changed files with 4,733 additions and 19,894 deletions.
diff --git a/.github/workflows/deploy-container-image.yaml b/.github/workflows/deploy-container-image.yaml
@@ -51,14 +51,14 @@ jobs:
           message: |
             Use `docker` or `podman` to test this pull request locally.
 
-            Local test with mock data
+            Run test server using develop.opencast.org as backend:
             ```
             podman run --rm -it -p 127.0.0.1:3000:3000 ${{ steps.meta.outputs.tags }}
             ```
 
-            Proxy data from develop.opencast.org
+            Specify a different backend like stable.opencast.org:
             ```
-            podman run --rm -it -p 127.0.0.1:3000:3000 -e PROXY_TARGET=https://develop.opencast.org ${{ steps.meta.outputs.tags }}
+            podman run --rm -it -p 127.0.0.1:3000:3000 -e PROXY_TARGET=https://stable.opencast.org ${{ steps.meta.outputs.tags }}
             ```
 
             It may take a few seconds for the interface to spin up.

diff --git a/Dockerfile b/Dockerfile
@@ -7,4 +7,5 @@ WORKDIR /admin-interface
 RUN npm ci
 
 ENV CI true
-CMD [ "npm", "start" ]
+ENV BROWSER none
+CMD [ "npm", "start", "--", "--host", "0.0.0.0"]
diff --git a/README.md b/README.md
@@ -26,29 +26,17 @@ This runs a development server at `http://localhost:3000`, serving a development
 of the admin UI, and automatically opens a browser tab pointed to it.
 The build and the browser tab should automatically refresh on every change you make
 to the codebase.
-By default, this server also replies mock data to the various requests
-the UI would normally send to the Opencast backend.
 
-Not all functionality of the admin UI works in this mode. If you need to test
-with real data, or need the ability to change it, you can rely on the
-proxy functionality of said development server, instead of running the static file server. Run:
-
-```sh
-PROXY=1 npm start
-```
-
-This assumes you have an Opencast instance running at `http://localhost:8080`
-to which the development server will then proxy all the backend request,
+The default target for API calls is `https://develop.opencast.org` to which the development server will proxy all the backend request,
 authenticating them as user `admin` with password `opencast`.
 
 If you want to work with a different Opencast and/or user, you can change the command thusly:
 
 ```sh
-PROXY_TARGET=https://develop.opencast.org npm start
+PROXY_TARGET=http://localhost:8080 npm start
 ```
 
 Here, `PROXY_TARGET` is the target URL of the Opencast instance you want to test against.
-This can also be a local one like `http://localhost:8080`.
 
 By default, this tries to authenticate backend requests using HTTP Basic Auth
 as user `admin` with the default password `opencast`.
@@ -59,8 +47,6 @@ in the `PROXY_AUTH` variable in the format `user:password`, as in
 PROXY_TARGET=http://localhost:8080 PROXY_AUTH=jdoe:aligator3 npm start
 ```
 
-Note that `PROXY=1` is not required if you specify either `PROXY_TARGET` or `PROXY_AUTH`.
-
 Similarly, if you want to change the port the development server itself runs at,
 you can specify an alternative port in the `PORT` environment variable.
 

diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="/manifest.json" />
+    <title>Opencast</title>
+  </head>
+  <body id="root">
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>