fix: use if..elif..else in docker examples (#39072)

* fix: use `if..elif..else` in docker examples

* fix missing devDependencies for build

Co-authored-by: JJ Kasper <jj@jjsweb.site>

examples/with-docker-compose/next-app/prod-without-multistage.Dockerfile

@@ -6,10 +6,11 @@ WORKDIR /app
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 # Omit --production flag for TypeScript devDependencies
 RUN \
-  [ -f yarn.lock ] && yarn install --frozen-lockfile || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch && pnpm i -r --offline || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ] then yarn install --frozen-lockfile; \
+  elif [ -f package-lock.json ] then npm ci; \
+  elif [ -f pnpm-lock.yaml ] then yarn global add pnpm && pnpm i; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
 COPY src ./src
 COPY public ./public

examples/with-docker-compose/next-app/prod.Dockerfile

@@ -7,10 +7,11 @@ WORKDIR /app
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 # Omit --production flag for TypeScript devDependencies
 RUN \
-  [ -f yarn.lock ] && yarn install --frozen-lockfile || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch && pnpm i -r --offline || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ] then yarn install --frozen-lockfile; \
+  elif [ -f package-lock.json ] then npm ci; \
+  elif [ -f pnpm-lock.yaml ] then yarn global add pnpm && pnpm i; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
 
 COPY src ./src

examples/with-docker-multi-env/docker/development/Dockerfile

@@ -8,10 +8,11 @@ WORKDIR /app
 # Install dependencies based on the preferred package manager
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 RUN \
-  [ -f yarn.lock ] && yarn --frozen-lockfile --prod || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch --prod && pnpm i -r --offline --prod || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ] then yarn --frozen-lockfile;\
+  elif [ -f package-lock.json ] then npm ci;\
+  elif [ -f pnpm-lock.yaml ] then yarn global add pnpm && pnpm i;\
+  else echo "Lockfile not found." && exit 1;\
+  fi
 
 # 2. Rebuild the source code only when needed
 FROM node:16-alpine AS builder

examples/with-docker-multi-env/docker/production/Dockerfile

@@ -8,10 +8,11 @@ WORKDIR /app
 # Install dependencies based on the preferred package manager
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 RUN \
-  [ -f yarn.lock ] && yarn --frozen-lockfile --prod || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch --prod && pnpm i -r --offline --prod || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ] then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ] then npm ci; \
+  elif [ -f pnpm-lock.yaml ] then yarn global add pnpm && pnpm i; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
 
 # 2. Rebuild the source code only when needed

examples/with-docker-multi-env/docker/staging/Dockerfile

@@ -8,10 +8,11 @@ WORKDIR /app
 # Install dependencies based on the preferred package manager
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 RUN \
-  [ -f yarn.lock ] && yarn --frozen-lockfile --prod || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch --prod && pnpm i -r --offline --prod || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ] then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ] then npm ci; \
+  elif [ -f pnpm-lock.yaml ] then yarn global add pnpm && pnpm i; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
 
 # 2. Rebuild the source code only when needed

examples/with-docker/Dockerfile

@@ -7,10 +7,11 @@ WORKDIR /app
 # Install dependencies based on the preferred package manager
 COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
 RUN \
-  [ -f yarn.lock ] && yarn --frozen-lockfile --prod || \
-  [ -f package-lock.json ] && npm ci || \
-  [ -f pnpm-lock.yaml ] && yarn global add pnpm && pnpm fetch --prod && pnpm i -r --offline --prod || \
-  (echo "Lockfile not found." && exit 1)
+  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ]; then npm ci; \
+  elif [ -f pnpm-lock.yaml ]; then yarn global add pnpm && pnpm i; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
 
 # Rebuild the source code only when needed