building the client during the build

Author: thefringeninja

Dockerfile

@@ -1,4 +1,21 @@
-FROM microsoft/dotnet:2.2.102-sdk-stretch AS build
+FROM node:10.12.0-alpine AS build-javascript
+ARG CLIENT_VERSION=0.9.2
+ARG NPM_REGISTRY=https://registry.npmjs.org
+ARG CLIENT_PACKAGE=@sqlstreamstore/browser
+
+WORKDIR /app
+
+RUN echo "@sqlstreamstore:registry=${NPM_REGISTRY}" > .npmrc && \
+    yarn init --yes && \
+    yarn add ${CLIENT_PACKAGE}@${CLIENT_VERSION}
+
+WORKDIR /app/node_modules/${CLIENT_PACKAGE}
+
+RUN yarn && \
+    yarn react-scripts-ts build
+
+FROM microsoft/dotnet:2.2.102-sdk-stretch AS build-dotnet
+ARG CLIENT_PACKAGE=@sqlstreamstore/browser
 
 WORKDIR /app
 
@@ -27,6 +44,8 @@ WORKDIR /app/src
 
 COPY ./src .
 
+COPY --from=build-javascript /app/node_modules/${CLIENT_PACKAGE}/build /app/src/SqlStreamStore.Server/Browser/build
+
 WORKDIR /app/build
 
 COPY ./build/build.csproj .
@@ -35,17 +54,14 @@ RUN dotnet restore
 
 COPY ./build .
 
-COPY --from=sqlstreamstore/browser:0.9 /var/www /app/src/SqlStreamStore.Server/Browser/build
-
 WORKDIR /app
 
-RUN MYGET_API_KEY=$MYGET_API_KEY \
-  dotnet run --project build/build.csproj
+RUN dotnet run --project build/build.csproj
 
 FROM microsoft/dotnet:2.2.1-runtime-deps-alpine3.8 AS runtime
 
 WORKDIR /app
-COPY --from=build /app/.version ./
-COPY --from=build /app/publish ./
+COPY --from=build-dotnet /app/.version ./
+COPY --from=build-dotnet /app/publish ./
 
 ENTRYPOINT ["/app/SqlStreamStore.Server"]