Add auto-displayed "Last Updated" on each page based on git commit (#595)

* Add auto-displayed "Last Updated" on each page based on git commit

* Replace deprecated Moment.js with Day.js, the minimum alternative

* Update Container file for auto last-update

* Update podman command for auto last-updated

The .git directory must be exposed inside the container because
last-updated is based on git [1].

https://v1.vuepress.vuejs.org/theme/default-theme-config.html#last-updated

Author: metalefty

Containerfile

@@ -1,14 +1,20 @@
 FROM docker.io/library/node:lts-alpine AS builder
 LABEL stage=auto-clean-stage1
-RUN mkdir -p /wiki/tmp
-COPY . /wiki/tmp
-WORKDIR /wiki/tmp
-RUN yarn
+RUN mkdir -p /work
+COPY . /work
+WORKDIR /work
+RUN yarn 
 
 FROM docker.io/library/node:lts-alpine
+# alternate node_modules directory brought from builder 
+ARG alt_node_modules=/node_modules
+ENV alt_node_modules ${alt_node_modules}
+# required for auto last-update
+RUN apk update && apk add git
+
 RUN mkdir /wiki
 WORKDIR /wiki
-COPY --from=builder /wiki/tmp/package.json /wiki/package.json
-COPY --from=builder /wiki/tmp/node_modules /wiki/node_modules
-COPY --from=builder /wiki/tmp/yarn.lock /wiki/yarn.lock
-CMD yarn run docs:dev
+
+COPY --from=builder /work/node_modules ${alt_node_modules}
+
+CMD yarn run --modules-folder=${alt_node_modules} vuepress dev docs 

docs/.vuepress/config.js

@@ -18,7 +18,21 @@ module.exports = {
     ['link', { rel: "shortcut icon", type: 'image/png', href: "/images/logo.png"}],
   ],
   base: '/',
+  plugins: [
+    [
+      '@vuepress/last-updated',
+      {
+        transformer: (timestamp, lang) =>
+        {
+          var dayjs = require('dayjs')
+          // Omit time from last updated
+          return dayjs(timestamp).format('YYYY-MM-DD')
+        }
+      }
+    ]
+  ],
   themeConfig: {
+    lastUpdated: true,
     logo: '/images/logo.png',
     nav: [
       { text: 'Home', link: 'https://almalinux.org/' },

docs/Contribute-to-Documentation.md

@@ -75,7 +75,7 @@ You can use a container engine like Podman or Docker to deploy a local developme
   ```
 * Now you can create a container from this image whenever is needed from the image that was built above and mount *docs* to */wiki/docs* inside the container:
   ```sh
-  podman run --name wiki_dev --rm -i -t -p 8080:8080 -v "$(pwd)"/docs:/wiki/docs:ro,z localhost/wiki_dev
+  podman run --name wiki_dev --rm -i -t -p 8080:8080 -v "$(pwd)":/wiki:ro,z localhost/wiki_dev
   ```
   The options of the command are:
   * `podman/docker` - container engine
@@ -84,7 +84,7 @@ You can use a container engine like Podman or Docker to deploy a local developme
   * `--rm` - remove the container once it is stopped
   * `-i -t` - an interactive terminal session where you can track the deployment process and check the logs. Stop it with `Ctrl+C`.
   * `-p 8080:8080` - map the port number 8080 inside the container to 8080 on the host
-  * `-v "$(pwd)"/docs:/wiki/docs:ro,z` - mount `docs` in the current directory on `/wiki/docs` inside the container read-only (ro). **`,z` is needed only for systems that have SELinux.**
+  * `-v "$(pwd)":/wiki:ro,z` - mount the current directory (the repository root) on `/wiki` inside the container read-only (ro). **`,z` is needed only for systems that have SELinux.**
   * `localhost/wiki_dev` - the name of the container image
 * The wiki instance should be up and running on [http://localhost:8080/](http://localhost:8080/).
 * Don't forget to stop the container when you've finished. 

package.json

@@ -8,5 +8,8 @@
   },
   "devDependencies": {
     "vuepress": "^1.9.9"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.13"
   }
 }