patched code highlight bug with dockerfile format

Author: pablo-maff

src/content/12/en/part12b.md

@@ -227,9 +227,13 @@ COPY . .
 
 RUN npm ci 
 
-ENV DEBUG=playground:* # highlight-line
+#highlight-start
+ENV DEBUG=playground:*
+#highlight-end
 
-CMD npm start # highlight-line
+#highlight-start
+CMD npm start
+#highlight-end
 ```
 
 > <i>If you're wondering what the DEBUG environment variable does, read [here](http://expressjs.com/en/guide/debugging.html#debugging-express).</i>
@@ -252,13 +256,17 @@ FROM node:20
 
 WORKDIR /usr/src/app
 
-COPY --chown=node:node . .  # highlight-line
+#highlight-start
+COPY --chown=node:node . .
+#highlight-end
 
 RUN npm ci 
 
 ENV DEBUG=playground:*
 
-USER node # highlight-line
+#highlight-start
+USER node
+#highlight-end
 
 CMD npm start
 ```

src/content/12/en/part12c.md

@@ -105,9 +105,13 @@ RUN npm ci
 
 RUN npm run build
 
-RUN npm install -g serve # highlight-line
+#highlight-start
+RUN npm install -g serve
+#highlight-end
 
-CMD ["serve", "dist"] # highlight-line
+#highlight-start
+CMD ["serve", "dist"]
+#highlight-end
 ```
 
 Our CMD now includes square brackets and as a result, we now use the <i>exec form</i> of CMD. There are actually **three** different forms for CMD, out of which the exec form is preferred. Read the [documentation](https://docs.docker.com/reference/dockerfile/#cmd) for more info.
@@ -125,8 +129,10 @@ With multi-stage builds, a tried and true solution like [Nginx](https://en.wikip
 Let's use the previous Dockerfile but change the FROM to include the name of the stage:
 
 ```Dockerfile
-# The first FROM is now a stage called build-stage
-FROM node:20 AS build-stage # highlight-line
+# El primer FROM ahora es una etapa llamada build-stage
+# highlight-start
+FROM node:20 AS build-stage 
+# highlight-end
 
 WORKDIR /usr/src/app
 
@@ -136,12 +142,16 @@ RUN npm ci
 
 RUN npm run build
 
-# This is a new stage, everything before this is gone, except for the files that we want to COPY
-FROM nginx:1.25-alpine # highlight-line
+# Esta es una nueva etapa, todo lo anterior a esta linea ha desaparecido, excepto por los archivos que queremos COPIAR
+# highlight-start
+FROM nginx:1.25-alpine
+# highlight-end
 
-# COPY the directory dist from the build-stage to /usr/share/nginx/html
-# The target location here was found from the Docker hub page
-COPY --from=build-stage /usr/src/app/dist /usr/share/nginx/html # highlight-line
+# COPIA el directorio dist de build-stage a /usr/share/nginx/html
+# El destino fue encontrado en la pagina de Docker hub
+# highlight-start
+COPY --from=build-stage /usr/src/app/dist /usr/share/nginx/html
+# highlight-end
 ```
 
 We have declared also <i>another stage</i>, to where only the relevant files of the first stage (the <i>dist</i> directory, that contains the static content) are copied.

src/content/12/es/part12b.md

@@ -227,9 +227,13 @@ COPY . .
 
 RUN npm ci 
 
-ENV DEBUG=playground:* # highlight-line
+#highlight-start
+ENV DEBUG=playground:*
+#highlight-end
 
-CMD npm start # highlight-line
+#highlight-start
+CMD npm start
+#highlight-end
 ```
 
 > <i>Si te preguntas qué hace la variable de entorno DEBUG, lee [aquí](http://expressjs.com/en/guide/debugging.html#debugging-express).</i>
@@ -252,13 +256,17 @@ FROM node:20
 
 WORKDIR /usr/src/app
 
-COPY --chown=node:node . .  # highlight-line
+#highlight-start
+COPY --chown=node:node . .
+#highlight-end
 
 RUN npm ci 
 
 ENV DEBUG=playground:*
 
-USER node # highlight-line
+#highlight-start
+USER node
+#highlight-end
 
 CMD npm start
 ```

src/content/12/es/part12c.md

@@ -105,9 +105,13 @@ RUN npm ci
 
 RUN npm run build
 
-RUN npm install -g serve # highlight-line
+#highlight-start
+RUN npm install -g serve
+#highlight-end
 
-CMD ["serve", "dist"] # highlight-line
+#highlight-start
+CMD ["serve", "dist"]
+#highlight-end
 ```
 
 Nuestro CMD ahora incluye corchetes y, como resultado, usamos la <i> forma exec</i> de CMD. En realidad, hay **tres** formas diferentes para CMD, de las cuales se prefiere la forma exec. Lee la [documentación](https://docs.docker.com/reference/dockerfile/#cmd) para obtener más información.
@@ -126,7 +130,9 @@ Usemos el Dockerfile anterior pero cambiemos FROM para incluir el nombre de la e
 
 ```Dockerfile
 # El primer FROM ahora es una etapa llamada build-stage
-FROM node:20 AS build-stage # highlight-line
+# highlight-start
+FROM node:20 AS build-stage 
+# highlight-end
 
 WORKDIR /usr/src/app
 
@@ -137,11 +143,15 @@ RUN npm ci
 RUN npm run build
 
 # Esta es una nueva etapa, todo lo anterior a esta linea ha desaparecido, excepto por los archivos que queremos COPIAR
-FROM nginx:1.25-alpine # highlight-line
+# highlight-start
+FROM nginx:1.25-alpine
+# highlight-end
 
 # COPIA el directorio dist de build-stage a /usr/share/nginx/html
 # El destino fue encontrado en la pagina de Docker hub
-COPY --from=build-stage /usr/src/app/dist /usr/share/nginx/html # highlight-line
+# highlight-start
+COPY --from=build-stage /usr/src/app/dist /usr/share/nginx/html
+# highlight-end
 ```
 
 Hemos declarado también <i>otra etapa</i>, de donde solo se mueven los archivos relevantes de la primera etapa (el directorio <i>dist</i>, que contiene el contenido estático).