refactor: edit the docker compose files to reflect the new folder str…

…ucture. only on docker container for elements and sdk needed.

deploy/docker-compose/base.yaml

@@ -47,17 +47,11 @@ services:
     networks:
       - intranet
   elements:
-    build: ../../elements
+    build: ../../frontend
     ports:
       - "9500:80"
     networks:
       - intranet
-  frontendsdk:
-    build: ../../frontend-sdk
-    ports:
-      - "9501:80"
-    networks:
-      - intranet
   mailslurper:
     image: marcopas/docker-mailslurper:latest
     ports:

deploy/docker-compose/quickstart.yaml

@@ -47,17 +47,11 @@ services:
     networks:
       - intranet
   elements:
-    build: ../../elements
+    build: ../../frontend
     ports:
       - "9500:80"
     networks:
       - intranet
-  frontendsdk:
-    build: ../../frontend-sdk
-    ports:
-      - "9501:80"
-    networks:
-      - intranet
   quickstart:
     build: ../../quickstart
     ports:
@@ -66,7 +60,7 @@ services:
       - HANKO_URL=http://localhost:8000
       - HANKO_URL_INTERNAL=http://hanko:8000
       - HANKO_ELEMENT_URL=http://localhost:9500/element.hanko-auth.js
-      - HANKO_FRONTEND_SDK_URL=http://localhost:9501/sdk.umd.js
+      - HANKO_FRONTEND_SDK_URL=http://localhost:9500/sdk.umd.js
     networks:
       - intranet
   mailslurper:

frontend/Dockerfile

@@ -0,0 +1,31 @@
+FROM node:16.16-alpine as build
+
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+
+# frontend-sdk
+COPY frontend-sdk/package.json frontend-sdk/
+COPY frontend-sdk/package-lock.json frontend-sdk/
+
+WORKDIR /app/frontend-sdk
+RUN npm ci --silent
+COPY frontend-sdk/ ./
+RUN npm run build
+
+
+# elements
+WORKDIR /app/elements
+COPY elements/package.json ./
+COPY elements/package-lock.json ./
+
+RUN npm ci
+COPY ./elements ./
+RUN npm run build
+
+FROM nginx:stable-alpine
+COPY --from=build /app/elements/dist/element.hanko-auth.js /usr/share/nginx/html
+COPY --from=build /app/frontend-sdk/dist/sdk.* /usr/share/nginx/html
+
+COPY elements/nginx/default.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

frontend/Dockerfile.debug

@@ -0,0 +1,31 @@
+FROM node:16.16-alpine as build
+
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+
+# frontend-sdk
+COPY frontend-sdk/package.json frontend-sdk/
+COPY frontend-sdk/package-lock.json frontend-sdk/
+
+WORKDIR /app/frontend-sdk
+RUN npm ci --silent
+COPY frontend-sdk/ ./
+RUN npm run build
+
+
+# elements
+WORKDIR /app/elements
+COPY elements/package.json ./
+COPY elements/package-lock.json ./
+
+RUN npm ci
+COPY ./elements ./
+RUN npm run build:dev
+
+FROM nginx:stable-alpine
+COPY --from=build /app/elements/dist/element.hanko-auth.js /usr/share/nginx/html
+COPY --from=build /app/frontend-sdk/dist/sdk.* /usr/share/nginx/html
+
+COPY elements/nginx/default.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

frontend/elements/Dockerfile

@@ -3,8 +3,16 @@ FROM node:16.16-alpine as build
 WORKDIR /app
 ENV PATH /app/node_modules/.bin:$PATH
 
-COPY package.json ./
-COPY package-lock.json ./
+# Build SDK dependency
+COPY ../frontend-sdk/package.json ../frontend-sdk/
+COPY ../frontend-sdk/package-lock.json ../frontend-sdk/
+
+RUN npm ci --silent ../frontend-sdk
+COPY ../frontend-sdk/ ../frontend-sdk
+RUN npm run build ../frontend-sdk
+
+COPY elements/package.json ./
+COPY elements/package-lock.json ./
 
 RUN npm ci --silent
 COPY . ./
@@ -13,6 +21,6 @@ RUN npm run build
 FROM nginx:stable-alpine
 COPY --from=build /app/dist/element.hanko-auth.js /usr/share/nginx/html
 
-COPY nginx/default.conf /etc/nginx/conf.d/default.conf
+COPY elements/nginx/default.conf /etc/nginx/conf.d/default.conf
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]