Build CSS and add to rendered documents

Dockerfile

@@ -58,7 +58,7 @@ RUN mkdir -p /app /node_modules
 RUN chown engrafo:engrafo /app /node_modules
 WORKDIR /app
 
-# Run user as non privileged.
+# Install Node packages as non-root so that headless Chrome runs
 USER engrafo
 
 # Node
@@ -72,3 +72,14 @@ ENV PATH /node_modules/.bin:$PATH
 ENV PATH="/app/bin:${PATH}"
 
 COPY . /app
+
+# Build production CSS as root because non-root user can't write to /app for
+# some reason
+USER root
+
+# Build production CSS and JS
+RUN yarn run build
+
+# Run everything as normal user so headless Chrome runs. And, you know, for
+# security and whatever.
+USER engrafo

package.json

@@ -5,6 +5,7 @@
   "author": "Andreas Jansson & Ben Firshman",
   "license": "Apache-2.0",
   "scripts": {
+    "build": "parcel build src/assets/css/index.scss",
     "convert": "LATEXML_DOCKER=true bin/engrafo",
     "prettier": "prettier --write {src,tests}/**/*.js",
     "server": "LATEXML_DOCKER=true bin/engrafo-server",

script/docker-run

@@ -1,6 +1,7 @@
 #!/bin/bash
 ENGRAFO_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )/.." && pwd )"
 
+script/run yarn build
 exec docker run \
     --init \
     -v "$ENGRAFO_DIR:/app" \

src/converter/latexml.js

@@ -18,6 +18,7 @@ function createChildProcess({ htmlPath, texPath, outputDir }) {
   const latexmlArgs = [
     "--format", "html5",
     "--nodefaultresources",
+    "--css", "/app/dist/index.css",
     "--mathtex",
     "--svg",
     "--verbose",