Merge pull request #16 from blue-core-lod/gh-publish-action

Publish Blue Core Sinopia Image and Proxy Support

Author: jermnelson

.github/workflows/publish.yml

@@ -0,0 +1,19 @@
+name: Build and Release Docker Image
+
+on:
+  release:
+    types:
+      published
+
+jobs:
+  build_and_publish:
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+    steps:
+      - uses: actions/checkout@v3
+      - name: Build and push Docker image
+        run: |
+          docker login --username blue-core-lod --password ${{ secrets.GITHUB_TOKEN }} ghcr.io
+          docker build . --tag ghcr.io/blue-core-lod/sinopia:latest
+          docker push ghcr.io/blue-core-lod/sinopia:latest

Dockerfile

@@ -1,43 +1,29 @@
-FROM cimg/node:16.8
+FROM node:16.8
 
 # Allow build-time arguments (for, environment variables that need to be encoded into the webpack distribution)
 ARG USE_FIXTURES
-ARG SINOPIA_API_BASE_URL=http://localhost:3000
-ARG SINOPIA_URI
-ARG SINOPIA_ENV
-ARG AWS_COGNITO_DOMAIN
-ARG COGNITO_CLIENT_ID
-ARG COGNITO_USER_POOL_ID
+ARG SINOPIA_API_BASE_URL=http://localhost/api
+ARG SINOPIA_URI=http://localhost/sinopia
+ARG SINOPIA_ENV=bluecore
 ARG INDEX_URL
 ARG EXPORT_BUCKET_URL
-ARG HONEYBADGER_API_KEY
-ARG HONEYBADGER_REVISION
-ENV HONEYBADGER_API_KEY=$HONEYBADGER_API_KEY
 
 # Set environment variables from the build args
 ENV INDEX_URL ${INDEX_URL}
 
-COPY --chown=circleci:circleci package.json .
-COPY --chown=circleci:circleci package-lock.json .
+COPY package.json .
+COPY package-lock.json .
 
 # Install dependencies
 RUN npm install --no-optional
 
 # Everything that isn't in .dockerignore ships
-COPY --chown=circleci:circleci . .
+COPY . .
 
 # Build the app *within* the container because environment variables are fixed at build-time
 RUN npm run build
 
-# Send source map to HB
-RUN if [ -n "$HONEYBADGER_API_KEY" ]; then curl https://api.honeybadger.io/v1/source_maps \
-  -F api_key=$HONEYBADGER_API_KEY \
-  -F revision=$HONEYBADGER_REVISION \
-  -F minified_url=$SINOPIA_URI/dist/bundle.js \
-  -F source_map=@dist/bundle.js.map \
-  -F minified_file=@dist/bundle.js ; fi
-
 # docker daemon maps app's port
-EXPOSE 8000
+EXPOSE 8004
 
 CMD ["npm", "start"]

server.js

@@ -11,9 +11,11 @@ import Config from "./src/Config"
 import cors from "cors"
 import proxy from "express-http-proxy"
 
-const port = 8000
+const port = 8004
 const app = express()
 
+app.set('trust proxy', true);
+
 app.use(express.urlencoded({ extended: true })) // handle URL-encoded data
 
 app.use(cors())

src/components/RootContainer.jsx

@@ -8,6 +8,7 @@ import { Provider } from "react-redux"
 import CanvasMenu from "./menu/CanvasMenu"
 import App from "./App"
 import store from "../store"
+import Config from "../Config"
 import { KeycloakProvider } from "../KeycloakContext"
 import HoneybadgerNotifier from "Honeybadger"
 import { HoneybadgerErrorBoundary } from "@honeybadger-io/react"
@@ -29,7 +30,7 @@ const RootContainer = () => {
             effect={"overlay"}
           >
             <OffCanvasBody className={offcanvasClass}>
-              <BrowserRouter>
+              <BrowserRouter basename="/sinopia">
                 <Provider store={store}>
                   <App
                     isMenuOpened={isMenuOpened}

webpack.config.js

@@ -70,7 +70,7 @@ module.exports = {
   },
   output: {
     path: path.join(__dirname, "/dist"),
-    publicPath: "/dist/",
+    publicPath: "/sinopia/dist/",
     filename: "bundle.js",
   },
   plugins: [