Dynamically insert version numbers in docs

imacrayon · Aug 15, 2024 · 7a67e4b · 7a67e4b
1 parent 5880a84
commit 7a67e4b
Show file tree

Hide file tree

Showing 5 changed files with 860 additions and 373 deletions.
diff --git a/docs/eleventy.config.js b/docs/eleventy.config.js
@@ -6,6 +6,7 @@ const pluginBundle = require("@11ty/eleventy-plugin-bundle")
 const pluginNavigation = require("@11ty/eleventy-navigation")
 const esbuild = require('esbuild')
 const postcss = require('postcss')
+const lockFile = require('../package-lock.json')
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy('css')
@@ -38,7 +39,8 @@ module.exports = function (eleventyConfig) {
     ]
   })
 
-  eleventyConfig.addGlobalData('APLINE_AJAX_VERSION', () => process.env.npm_package_version)
+  eleventyConfig.addGlobalData('APLINE_VERSION', () => lockFile.packages['node_modules/alpinejs'].version)
+  eleventyConfig.addGlobalData('APLINE_AJAX_VERSION', () => lockFile.version)
 
   eleventyConfig.addFilter('sort', (collection, path = '') => {
     let keys = path.split('.')

diff --git a/docs/reference/creating-demos.md b/docs/reference/creating-demos.md
@@ -13,7 +13,7 @@ Use the mock server script included with Alpine AJAX when you need to build a qu
 <!--
 Include the typical required scripts before the mock server:
 <script defer src="https://cdn.jsdelivr.net/npm/@imacrayon/alpine-ajax@{{ APLINE_AJAX_VERSION }}/dist/cdn.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.11.1/dist/cdn.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@{{ APLINE_VERSION }}/dist/cdn.min.js"></script>
 -->
 <script src="https://cdn.jsdelivr.net/npm/@imacrayon/alpine-ajax@{{ APLINE_AJAX_VERSION }}/dist/server.js"></script>
 

diff --git a/docs/reference/installation.md b/docs/reference/installation.md
@@ -15,7 +15,7 @@ Include the CDN build of Alpine AJAX as a `<script>` tag, just make sure to incl
 
 ```html
 <script defer src="https://cdn.jsdelivr.net/npm/@imacrayon/alpine-ajax@{{ APLINE_AJAX_VERSION }}/dist/cdn.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.11.1/dist/cdn.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@{{ APLINE_VERSION }}/dist/cdn.min.js"></script>
 ```
 
 ### Via NPM

diff --git a/docs/reference/x-merge.md b/docs/reference/x-merge.md
@@ -79,9 +79,9 @@ To enable the morph strategy, install the Morph Plugin **before** installing Alp
 Via CDN:
 
 ```html
-<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/morph@3.x.x/dist/cdn.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/morph@{{ APLINE_VERSION }}/dist/cdn.min.js"></script>
 <script defer src="https://cdn.jsdelivr.net/npm/@imacrayon/alpine-ajax@{{ APLINE_AJAX_VERSION }}/dist/cdn.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.11.1/dist/cdn.min.js"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@{{ APLINE_VERSION }}/dist/cdn.min.js"></script>
 
 ```