Split Frontend and Storybook in dev (baserow#4793)

Author: bram2w

docker-compose.dev.yml

@@ -65,10 +65,9 @@ services:
         # reducing the chance the containers screw up the bind mounted folders.
         UID: $UID
         GID: $GID
-    command: "nuxt-dev-with-storybook"
+    command: "nuxt-dev"
     ports:
       - "${HOST_PUBLISH_IP:-127.0.0.1}:3000:3000"
-      - "${HOST_PUBLISH_IP:-127.0.0.1}:6006:6006"
     volumes:
       - ./web-frontend:/baserow/web-frontend
       - ./premium/web-frontend/:/baserow/premium/web-frontend
@@ -79,12 +78,45 @@ services:
       # overwriting existing node_modules.
       - node_modules:/baserow/web-frontend/node_modules
       - nuxt:/baserow/web-frontend/.nuxt/
-      - storybook:/baserow/web-frontend/.nuxt-storybook/
       - cache:/baserow/web-frontend/.cache/
     # Open stdin and tty so when attaching key input works as expected.
     stdin_open: true
     tty: true
 
+  storybook:
+    image: baserow_web-frontend:dev
+    profiles: ["optional"]
+    build:
+      dockerfile: ./web-frontend/Dockerfile
+      context: .
+      target: dev
+      args:
+        # We allow configuring the UID/GID here so you can run as the dev's actual user
+        # reducing the chance the containers screw up the bind mounted folders.
+        UID: $UID
+        GID: $GID
+    command: "storybook-dev"
+    ports:
+      - "${HOST_PUBLISH_IP:-127.0.0.1}:6006:6006"
+    volumes:
+      - ./web-frontend:/baserow/web-frontend
+      - ./premium/web-frontend/:/baserow/premium/web-frontend
+      - ./enterprise/web-frontend/:/baserow/enterprise/web-frontend
+      - ./tests/:/baserow/tests
+      - ./deploy/plugins:/baserow/plugins
+      # dev volumes to avoid polluting your local filesystem with build files or
+      # overwriting existing node_modules.
+      - node_modules:/baserow/web-frontend/node_modules
+    # Open stdin and tty so when attaching key input works as expected.
+    stdin_open: true
+    tty: true
+    healthcheck:
+      test: ["CMD", "wget", "-q", "-O", "/dev/null", "http://localhost:6006/"]
+      interval: 60s
+      timeout: 5s
+      retries: 3
+      start_period: 30s
+
   celery:
     image: baserow_backend:dev
     user: "${UID}:${GID}"

web-frontend/docker/docker-entrypoint.sh

@@ -104,6 +104,12 @@ case "$1" in
       yarn storybook &
       attachable_exec_retry yarn dev
     ;;
+    storybook-dev)
+      startup_plugin_setup
+      setup_additional_modules
+      # Retry the command over and over to work around heap crash.
+      attachable_exec_retry yarn storybook
+    ;;
     lint)
       exec yarn lint
     ;;