doc

readme.md

@@ -34,7 +34,7 @@ Details:
 # dev
 
 ```sh
-(
+$ (
   trap 'kill -9 0' SIGINT
 
   export MDX=~/code/pmndrs/react-three-fiber/docs
@@ -60,18 +60,26 @@ Then go to: http://localhost:3000
 # build
 
 ```sh
-$ rm -rf out; \
-  \
-  MDX=~/code/pmndrs/react-three-fiber/docs \
-  NEXT_PUBLIC_LIBNAME="React Three Fiber" \
-  BASE_PATH= \
-  DIST_DIR= \
-  OUTPUT=export \
-  HOME_REDIRECT=/getting-started/introduction \
-  INLINE_IMAGES_ORIGIN= \
-    npm run build && \
-  \
-  npx serve out
+$ (
+  trap 'kill -9 0' SIGINT
+
+  rm -rf out
+
+  export MDX=~/code/pmndrs/react-three-fiber/docs
+  export NEXT_PUBLIC_LIBNAME="React Three Fiber"
+  export BASE_PATH=
+  export DIST_DIR=
+  export OUTPUT=export
+  export HOME_REDIRECT=/getting-started/introduction
+  export INLINE_IMAGES_ORIGIN=http://localhost:60141
+
+  npm run build
+
+  npx serve $MDX -p $(echo $INLINE_IMAGES_ORIGIN | grep -oE '[0-9]+' | tail -1) --no-port-switching --no-clipboard &
+  npx serve out &
+
+  wait
+)
 ```
 
 http://localhost:3000/getting-started/introduction
@@ -84,15 +92,17 @@ $ docker build -t pmndrs-docs .
 
 ```sh
 $ cd ~/code/pmndrs/react-three-fiber
-$ export BASE_PATH=/react-three-fiber; \
-  export MDX=./docs; \
-  export NEXT_PUBLIC_LIBNAME="React Three Fiber"; \
-  export OUTPUT=export; \
-  export HOME_REDIRECT=/getting-started/introduction; \
-  export INLINE_IMAGES_ORIGIN=; \
-  \
-  rm -rf "$MDX/out"; \
-  \
+$ (
+  trap 'kill -9 0' SIGINT
+
+  export MDX=./docs
+  export NEXT_PUBLIC_LIBNAME="React Three Fiber"
+  export OUTPUT=export
+  export HOME_REDIRECT=/getting-started/introduction
+  export INLINE_IMAGES_ORIGIN=http://localhost:60141
+
+  rm -rf "$MDX/out"
+
   docker run --rm --init -it \
     -v "$MDX":/app/docs \
     -e BASE_PATH \
@@ -102,9 +112,13 @@ $ export BASE_PATH=/react-three-fiber; \
     -e OUTPUT \
     -e HOME_REDIRECT \
     -e INLINE_IMAGES_ORIGIN \
-    pmndrs-docs npm run build && \
-  \
-  npx -y serve "$MDX/out"
+    pmndrs-docs npm run build
+
+  npx serve $MDX -p $(echo $INLINE_IMAGES_ORIGIN | grep -oE '[0-9]+' | tail -1) --no-port-switching --no-clipboard &
+  npx -y serve "$MDX/out" &
+
+  wait
+)
 ```
 
 Then go to: http://localhost:3000/react-three-fiber