Add Dockerfile and required config to build and serve pattern library independently

Author: acelaya

.dockerignore

@@ -0,0 +1,6 @@
+./.git*
+./build
+./docs
+./lib
+./node_modules
+./test

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:19.8.1-alpine as builder
+
+COPY . /frontend-shared
+RUN cd /frontend-shared && \
+    yarn install --frozen-lockfile && \
+    yarn build-pattern-lib
+
+
+FROM nginx:1.24.0-alpine
+
+RUN rm -r /usr/share/nginx/html && rm /etc/nginx/conf.d/default.conf
+# Copy pattern library static assets, and put them in nginx document root folder
+COPY --from=builder /frontend-shared/build /usr/share/nginx/html
+COPY ./templates/pattern-library.mustache /usr/share/nginx/html/index.html
+COPY conf/nginx.conf /etc/nginx/conf.d/default.conf

conf/nginx.conf

@@ -0,0 +1,23 @@
+server {
+    listen 80 default_server;
+    charset utf-8;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Handle /_status endpoint with a 200 response once the container is up
+    location = /_status {
+        add_header Content-Type text/plain;
+        return 200 'Success!';
+    }
+
+    # When requesting static paths with an extension, try them, and return a 404 if not found
+    location ~* .+\..+ {
+        try_files $uri $uri/ =404;
+    }
+
+    # When requesting a path without extension, try it, and return the index if not found
+    # This allows for client-side route handling
+    location / {
+        try_files $uri $uri/ /index.html$is_args$args;
+    }
+}

package.json

@@ -66,6 +66,7 @@
   "scripts": {
     "build-lib": "babel src/ --out-dir lib/ --extensions '.js,.ts,.tsx' --source-maps --ignore '**/test' --ignore '**/karma.config.js'",
     "build": "yarn build-lib && tsc --build src/tsconfig.json",
+    "build-pattern-lib": "yarn gulp bundle-css && yarn rollup -c rollup.config.js",
     "typecheck": "tsc --build src/tsconfig.json",
     "lint": "eslint .",
     "checkformatting": "prettier --check '**/*.{js,scss,ts,tsx,md}'",