Offline mode (closes #1181) (#2312)

Created a plugin to tackle #1181. Currently have an issue with tikzjax
since it imports some wasm file from its javascript. The rest should
work as expected.

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>

.gitignore

@@ -7,5 +7,6 @@ _site
 .ruby-version
 .tweet-cache
 Gemfile.lock
+assets/libs/
 node_modules/
 vendor

.prettierignore

@@ -1,6 +1,8 @@
+**/*.map
 **/*.min.css
 **/*.min.js
 assets/css/main.scss
+assets/js/distillpub/template.v2.js
 assets/plotly/demo.html
 lighthouse_results/**
 _posts/2015-10-20-math.md

Gemfile

@@ -21,6 +21,7 @@ group :jekyll_plugins do
     gem 'webrick'
 end
 group :other_plugins do
+    gem 'css_parser'
     gem 'feedjira'
     gem 'httparty'
 end

_config.yml

@@ -395,72 +395,164 @@ enable_progressbar: true # enables a horizontal progress bar linked to the verti
 # Library versions
 # -----------------------------------------------------------------------------
 
+# Add the url, version and integrity hash of the libraries you use in your site.
+third_party_libraries:
+  download: false # if true, download the versions of the libraries specified below and use the downloaded files
   bootstrap-table:
-  version: "1.22.1"
+    integrity:
+      css: "sha256-uRX+PiRTR4ysKFRCykT8HLuRCub26LgXJZym3Yeom1c="
+      js: "sha256-4rppopQE9POKfukn2kEvhJ9Um25Cf6+IDVkARD0xh78="
+    url:
+      css: "https://cdn.jsdelivr.net/npm/bootstrap-table@{{version}}/dist/bootstrap-table.min.css"
+      js: "https://cdn.jsdelivr.net/npm/bootstrap-table@{{version}}/dist/bootstrap-table.min.js"
+    version: "1.22.4"
   chartjs:
+    url:
+      js: "https://cdn.jsdelivr.net/npm/chart.js@{{version}}/dist/chart.umd.min.js"
     version: "4.4.1"
   d3:
+    integrity:
+      js: "sha256-1rA678n2xEx7x4cTZ5x4wpUCj6kUMZEZ5cxLSVSFWxw="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/d3@{{version}}/dist/d3.min.js"
     version: "7.8.5"
-  integrity: "sha256-1rA678n2xEx7x4cTZ5x4wpUCj6kUMZEZ5cxLSVSFWxw="
   diff2html:
-  version: "3.4.47"
     integrity:
       css: "sha256-IMBK4VNZp0ivwefSn51bswdsrhk0HoMTLc2GqFHFBXg="
       js: "sha256-eU2TVHX633T1o/bTQp6iIJByYJEtZThhF9bKz/DcbbY="
+    url:
+      css: "https://cdn.jsdelivr.net/npm/diff2html@{{version}}/bundles/css/diff2html.min.css"
+      js: "https://cdn.jsdelivr.net/npm/diff2html@{{version}}/bundles/js/diff2html-ui.min.js"
+    version: "3.4.47"
   echarts:
-  version: "5.4.3"
     integrity:
-    library: "sha256-EVZCmhajjLhgTcxlGMGUBtQiYULZCPjt0uNTFEPFTRk="
+      js:
-    dark_theme: "sha256-UmFIP/4VvOqBDIl2QWl1HBuAJ1XWs/iFZxT5yJRZOKo="
+        library: "sha256-QvgynZibb2U53SsVu98NggJXYqwRL7tg3FeyfXvPOUY="
+        dark_theme: "sha256-sm6Ui9w41++ZCWmIWDLC18a6ki72FQpWDiYTDxEPXwU="
+    url:
+      js:
+        library: "https://cdn.jsdelivr.net/npm/echarts@{{version}}/dist/echarts.min.js"
+        dark_theme: "https://cdn.jsdelivr.net/npm/echarts@{{version}}/theme/dark-fresh-cut.js"
+    version: "5.5.0"
+  google_fonts:
+    url:
+      fonts: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons&display=swap"
   highlightjs:
-  version: "11.9.0"
     integrity:
       css:
         light: "sha256-Oppd74ucMR5a5Dq96FxjEzGF7tTw2fZ/6ksAqDCM8GY="
         dark: "sha256-nyCNAiECsdDHrr/s2OQsp5l9XeY2ZJ0rMepjCT2AkBk="
+    url:
+      css:
+        light: "https://cdn.jsdelivr.net/npm/highlight.js@{{version}}/styles/github.min.css"
+        dark: "https://cdn.jsdelivr.net/npm/highlight.js@{{version}}/styles/github-dark.min.css"
+    version: "11.9.0"
   imagesloaded:
+    integrity:
+      js: "sha256-htrLFfZJ6v5udOG+3kNLINIKh2gvoKqwEhHYfTTMICc="
+    url:
+      js: https://cdn.jsdelivr.net/npm/imagesloaded@{{version}}/imagesloaded.pkgd.min.js
     version: "5.0.0"
-  integrity: "sha256-htrLFfZJ6v5udOG+3kNLINIKh2gvoKqwEhHYfTTMICc="
   img-comparison-slider:
+    url:
+      css: "https://cdn.jsdelivr.net/npm/img-comparison-slider@{{version}}/dist/styles.min.css"
+      js: "https://cdn.jsdelivr.net/npm/img-comparison-slider@{{version}}/dist/index.min.js"
     version: "8.0.6"
   jquery:
+    integrity:
+      js: "sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/jquery@{{version}}/dist/jquery.min.js"
     version: "3.6.0"
-  integrity: "sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
   leaflet:
-  version: "1.9.4"
     integrity:
       css: "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
       js: "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+      js_map: "sha256-YAoQ3FzREN4GmVENMir8vgHHypC0xfSK3CAxTHCqx1M="
+    url:
+      css: "https://cdn.jsdelivr.net/npm/leaflet@{{version}}/dist/leaflet.css"
+      js: "https://cdn.jsdelivr.net/npm/leaflet@{{version}}/dist/leaflet.js"
+      js_map: "https://cdn.jsdelivr.net/npm/leaflet@{{version}}/dist/leaflet.js.map"
+    version: "1.9.4"
   mathjax:
+    local:
+      fonts: "output/chtml/fonts/woff-v2/"
+    url:
+      fonts: "https://cdn.jsdelivr.net/npm/mathjax@{{version}}/es5/output/chtml/fonts/woff-v2/"
+      js: "https://cdn.jsdelivr.net/npm/mathjax@{{version}}/es5/tex-mml-chtml.js"
     version: "3.2.0"
   masonry:
+    integrity:
+      js: "sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/masonry-layout@{{version}}/dist/masonry.pkgd.min.js"
     version: "4.2.2"
-  integrity: "sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI="
   mdb:
-  version: "4.20.0"
     integrity:
       css: "sha256-jpjYvU3G3N6nrrBwXJoVEYI/0zw8htfFnhT9ljN3JJw="
+      css_map: "sha256-iYYMNfsJdVZjvsebJulg09miBXM4/GMTJgv1u5EZFFM="
       js: "sha256-NdbiivsvWt7VYCt6hYNT3h/th9vSTL4EDWeGs5SN3DA="
+      js_map: "sha256-UPgyn4YNsT0khkBK5553QwhnlbTlU0aa+igyc6qP1bE="
+    url:
+      css: "https://cdn.jsdelivr.net/npm/mdbootstrap@{{version}}/css/mdb.min.css"
+      css_map: "https://cdn.jsdelivr.net/npm/mdbootstrap@{{version}}/css/mdb.min.css.map"
+      js: "https://cdn.jsdelivr.net/npm/mdbootstrap@{{version}}/js/mdb.min.js"
+      js_map: "https://cdn.jsdelivr.net/npm/mdbootstrap@{{version}}/js/mdb.min.js.map"
+    version: "4.20.0"
   medium_zoom:
+    integrity:
+      js: "sha256-ZgMyDAIYDYGxbcpJcfUnYwNevG/xi9OHKaR/8GK+jWc="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/medium-zoom@{{version}}/dist/medium-zoom.min.js"
     version: "1.1.0"
-  integrity: "sha256-ZgMyDAIYDYGxbcpJcfUnYwNevG/xi9OHKaR/8GK+jWc="
   mermaid:
+    integrity:
+      js: "sha256-TtLOdUA8mstPoO6sGvHIGx2ceXrrX4KgIItO06XOn8A="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/mermaid@{{version}}/dist/mermaid.min.js"
     version: "10.7.0"
-  integrity: "sha256-TtLOdUA8mstPoO6sGvHIGx2ceXrrX4KgIItO06XOn8A="
+  polyfill:
+    url:
+      js: "https://cdnjs.cloudflare.com/polyfill/v{{version}}/polyfill.min.js?features=es6"
+    version: "3"
   swiper:
-  version: "11.0.5"
     integrity:
       css: "sha256-yUoNxsvX+Vo8Trj3lZ/Y5ZBf8HlBFsB6Xwm7rH75/9E="
       js: "sha256-BPrwikijIybg9OQC5SYFFqhBjERYOn97tCureFgYH1E="
+    url:
+      css: "https://cdn.jsdelivr.net/npm/swiper@{{version}}/swiper-bundle.min.css"
+      js: "https://cdn.jsdelivr.net/npm/swiper@{{version}}/swiper-element-bundle.min.js"
+    version: "11.0.5"
+  swiper-map:
+    integrity:
+      js: "sha256-hlZaH8ySXX97bZaetnrtYlKuhx3oEXFz/s2IXchu6vk="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/swiper@11.1.0/swiper-element-bundle.min.js.map"
+    version: "11.0.5"
   vega:
+    integrity:
+      js: "sha256-Yot/cfgMMMpFwkp/5azR20Tfkt24PFqQ6IQS+80HIZs="
+      js_map: "sha256-z0x9ICA65dPkZ0JVa9wTImfF6n7AJsKc6WlFE96/wNA="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/vega@{{version}}/build/vega.min.js"
+      js_map: "https://cdn.jsdelivr.net/npm/vega@{{version}}/build/vega.min.js.map"
     version: "5.27.0"
-  integrity: "sha256-Yot/cfgMMMpFwkp/5azR20Tfkt24PFqQ6IQS+80HIZs="
   vega-embed:
+    integrity:
+      js: "sha256-FPCJ9JYCC9AZSpvC/t/wHBX7ybueZhIqOMjpWqfl3DU="
+      js_map: "sha256-VBbfSEFYSMdX/rTdGrONEHNP6BprCB7H/LpMMNt/cPA="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/vega-embed@{{version}}/build/vega-embed.min.js"
+      js_map: "https://cdn.jsdelivr.net/npm/vega-embed@{{version}}/build/vega-embed.min.js.map"
     version: "6.24.0"
-  integrity: "sha256-FPCJ9JYCC9AZSpvC/t/wHBX7ybueZhIqOMjpWqfl3DU="
   vega-lite:
+    integrity:
+      js: "sha256-TvBvIS5jUN4BSy009usRjNzjI1qRrHPYv7xVLJyjUyw="
+      js_map: "sha256-l2I4D5JC23Ulsu6e3sKVe5AJ+r+DFkzkKnZS8nUGz28="
+    url:
+      js: "https://cdn.jsdelivr.net/npm/vega-lite@{{version}}/build/vega-lite.min.js"
+      js_map: "https://cdn.jsdelivr.net/npm/vega-lite@{{version}}/build/vega-lite.min.js.map"
     version: "5.16.3"
-  integrity: "sha256-TvBvIS5jUN4BSy009usRjNzjI1qRrHPYv7xVLJyjUyw="
 
 # -----------------------------------------------------------------------------
 # Get external JSON data

_includes/head.liquid

@@ -3,17 +3,22 @@
 
 <!-- Bootstrap & MDB -->
 <link rel="stylesheet" href="{{ '/assets/css/bootstrap.min.css' | relative_url | bust_file_cache }}">
-<!-- <link rel="stylesheet" href="{{ '/assets/css/mdb.min.css' | relative_url | bust_file_cache }}"> -->
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/mdbootstrap@{{ site.mdb.version }}/css/mdb.min.css"
+  href="{{ site.third_party_libraries.mdb.url.css }}"
-  integrity="{{ site.mdb.integrity.css }}"
+  integrity="{{ site.third_party_libraries.mdb.integrity.css }}"
   crossorigin="anonymous"
 >
 
 <!-- Bootstrap Table -->
 {% if page.pretty_table %}
-  <link defer rel="stylesheet" href="https://unpkg.com/bootstrap-table@{{ site.bootstrap-table.version }}/dist/bootstrap-table.min.css">
+  <link
+    defer
+    rel="stylesheet"
+    href="{{ site.third_party_libraries.bootstrap-table.url.css }}"
+    integrity="{{ site.third_party_libraries.bootstrap-table.integrity.css }}"
+    crossorigin="anonymous"
+  >
 {% endif %}
 
 <!-- Fonts & Icons -->
@@ -22,7 +27,7 @@
   defer
   rel="stylesheet"
   type="text/css"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons&display=swap"
+  href="{{ site.third_party_libraries.google_fonts.url.fonts }}"
 >
 
 <!-- Code Syntax Highlighting -->
@@ -71,9 +76,9 @@
   <link
     defer
     rel="stylesheet"
-    href="https://unpkg.com/leaflet@{{ site.leaflet.version }}/dist/leaflet.css"
+    href="{{ site.third_party_libraries.leaflet.url.css }}"
-    integrity="{{ site.leaflet.integrity.css }}"
+    integrity="{{ site.third_party_libraries.leaflet.integrity.css }}"
-    crossorigin=""
+    crossorigin="anonymous"
   >
 {% endif %}
 
@@ -82,24 +87,24 @@
   <link
     defer
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/highlight.js@{{ site.highlightjs.version }}/styles/github.min.css"
+    href="{{ site.third_party_libraries.highlightjs.url.css.light }}"
-    integrity="{{ site.highlightjs.integrity.css.light }}"
+    integrity="{{ site.third_party_libraries.highlightjs.integrity.css.light }}"
     crossorigin="anonymous"
     media="screen and (prefers-color-scheme: light)"
   >
   <link
     defer
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/highlight.js@{{ site.highlightjs.version }}/styles/github-dark.min.css"
+    href="{{ site.third_party_libraries.highlightjs.url.css.dark }}"
-    integrity="{{ site.highlightjs.integrity.css.dark }}"
+    integrity="{{ site.third_party_libraries.highlightjs.integrity.css.dark }}"
     crossorigin="anonymous"
     media="screen and (prefers-color-scheme: dark)"
   >
   <link
     defer
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/diff2html@{{ site.diff2html.version }}/bundles/css/diff2html.min.css"
+    href="{{ site.third_party_libraries.diff2html.url.css }}"
-    integrity="{{ site.diff2html.integrity.css }}"
+    integrity="{{ site.third_party_libraries.diff2html.integrity.css }}"
     crossorigin="anonymous"
   >
 {% endif %}
@@ -110,7 +115,7 @@
     <link
       defer
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/img-comparison-slider@{{ site.img-comparison-slider.version }}/dist/styles.min.css"
+      href="{{ site.third_party_libraries.img-comparison-slider.url.css }}"
     >
   {% endif %}
   <!-- Image slider -->
@@ -118,8 +123,8 @@
     <link
       defer
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/swiper@{{ site.swiper.version }}/swiper-bundle.min.css"
+      href="{{ site.third_party_libraries.swiper.url.css }}"
-      integrity="{{ site.swiper.integrity.css }}"
+      integrity="{{ site.third_party_libraries.swiper.integrity.css }}"
       crossorigin="anonymous"
     >
   {% endif %}

_includes/scripts/bootstrap.liquid

@@ -2,7 +2,7 @@
 <script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
 <!-- <script src="{{ '/assets/js/mdb.min.js' | relative_url }}"></script> -->
 <script
-  src="https://cdn.jsdelivr.net/npm/mdbootstrap@{{ site.mdb.version }}/js/mdb.min.js"
+  src="{{ site.third_party_libraries.mdb.url.js }}"
-  integrity="{{ site.mdb.integrity.js }}"
+  integrity="{{ site.third_party_libraries.mdb.integrity.js }}"
   crossorigin="anonymous"
 ></script>

_includes/scripts/chartjs.liquid

@@ -1,5 +1,5 @@
 {% if page.chart and page.chart.chartjs %}
-  <script defer src="https://cdn.jsdelivr.net/npm/chart.js@{{ site.chartjs.version }}/dist/chart.umd.min.js"></script>
+  <script defer src="{{ site.third_party_libraries.chartjs.url.js }}"></script>
   <script>
     $(document).ready(function () {
       var $canvas = null,

_includes/scripts/diff2html.liquid

@@ -1,9 +1,8 @@
 {% if page.code_diff %}
   <!-- diff2html doesn't go well with Bootstrap Table -->
   <script
-    defer
+    src="{{ site.third_party_libraries.diff2html.url.js }}"
-    src="https://cdn.jsdelivr.net/npm/diff2html@{{ site.diff2html.version }}/bundles/js/diff2html-ui.min.js"
+    integrity="{{ site.third_party_libraries.diff2html.integrity.js }}"
-    integrity="{{ site.diff2html.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script>

_includes/scripts/echarts.liquid

@@ -1,15 +1,13 @@
 {% if page.chart and page.chart.echarts %}
   <script
-    defer
+    src="{{ site.third_party_libraries.echarts.url.js.library }}"
-    src="https://cdn.jsdelivr.net/npm/echarts@{{ site.echarts.version }}/dist/echarts.min.js"
+    integrity="{{ site.third_party_libraries.echarts.integrity.js.library }}"
-    integrity="{{ site.echarts.integrity.library }}"
     crossorigin="anonymous"
   ></script>
   {% if site.enable_darkmode %}
     <script
-      defer
+      src="{{ site.third_party_libraries.echarts.url.js.dark_theme }}"
-      src="https://cdn.jsdelivr.net/npm/echarts@{{ site.echarts.version }}/theme/dark-fresh-cut.js"
+      integrity="{{ site.third_party_libraries.echarts.integrity.js.dark_theme }}"
-      integrity="{{ site.echarts.integrity.dark_theme }}"
       crossorigin="anonymous"
     ></script>
   {% endif %}

_includes/scripts/imageLayouts.liquid

@@ -1,12 +1,12 @@
 {% if page.images %}
   {% if page.images.compare %}
-    <script defer src="https://cdn.jsdelivr.net/npm/img-comparison-slider@{{ site.img-comparison-slider.version }}/dist/index.min.js"></script>
+    <script defer src="{{ site.third_party_libraries.img-comparison-slider.url.js }}"></script>
   {% endif %}
   {% if page.images.slider %}
     <script
       defer
-      src="https://cdn.jsdelivr.net/npm/swiper@{{ site.swiper.version }}/swiper-element-bundle.min.js"
+      src="{{ site.third_party_libraries.swiper.url.js }}"
-      integrity="{{ site.swiper.integrity.js }}"
+      integrity="{{ site.third_party_libraries.swiper.integrity.js }}"
       crossorigin="anonymous"
     ></script>
   {% endif %}

_includes/scripts/jquery.liquid

@@ -1,6 +1,6 @@
 <!-- jQuery -->
 <script
-  src="https://cdn.jsdelivr.net/npm/jquery@{{ site.jquery.version }}/dist/jquery.min.js"
+  src="{{ site.third_party_libraries.jquery.url.js }}"
-  integrity="{{ site.jquery.integrity }}"
+  integrity="{{ site.third_party_libraries.jquery.integrity.js }}"
   crossorigin="anonymous"
 ></script>

_includes/scripts/leaflet.liquid

@@ -1,8 +1,7 @@
 {% if page.map %}
   <script
-    defer
+    src="{{ site.third_party_libraries.leaflet.url.js }}"
-    src="https://unpkg.com/leaflet@{{ site.leaflet.version }}/dist/leaflet.js"
+    integrity="{{ site.third_party_libraries.leaflet.integrity.js }}"
-    integrity="{{ site.leaflet.integrity.js }}"
     crossorigin=""
   ></script>
   <script>

_includes/scripts/masonry.liquid

@@ -2,14 +2,14 @@
   <!-- Masonry & imagesLoaded -->
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/masonry-layout@{{ site.masonry.version }}/dist/masonry.pkgd.min.js"
+    src="{{ site.third_party_libraries.masonry.url.js }}"
-    integrity="{{ site.masonry.integrity }}"
+    integrity="{{ site.third_party_libraries.masonry.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/imagesloaded@{{ site.imagesloaded.version }}/imagesloaded.pkgd.min.js"
+    src="{{ site.third_party_libraries.imagesloaded.url.js }}"
-    integrity="{{ site.imagesloaded.integrity }}"
+    integrity="{{ site.third_party_libraries.imagesloaded.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script defer src="{{ '/assets/js/masonry.js' | relative_url }}" type="text/javascript"></script>

_includes/scripts/mathjax.liquid

@@ -11,7 +11,7 @@
     defer
     type="text/javascript"
     id="MathJax-script"
-    src="https://cdn.jsdelivr.net/npm/mathjax@{{ site.mathjax.version }}/es5/tex-mml-chtml.js"
+    src="{{ site.third_party_libraries.mathjax.url.js }}"
   ></script>
-  <script defer src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
+  <script defer src="{{ site.third_party_libraries.polyfill.url.js }}"></script>
 {% endif %}

_includes/scripts/mermaid.liquid

@@ -1,15 +1,15 @@
 {% if page.mermaid and page.mermaid.enabled %}
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/mermaid@{{ site.mermaid.version }}/dist/mermaid.min.js"
+    src="{{ site.third_party_libraries.mermaid.url.js }}"
-    integrity="{{ site.mermaid.integrity }}"
+    integrity="{{ site.third_party_libraries.mermaid.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   {% if page.mermaid.zoomable %}
     <script
       defer
-      src="https://cdn.jsdelivr.net/npm/d3@{{ site.d3.version }}/dist/d3.min.js"
+      src="{{ site.third_party_libraries.d3.url.js }}"
-      integrity="{{ site.d3.integrity }}"
+      integrity="{{ site.third_party_libraries.d3.integrity.js }}"
       crossorigin="anonymous"
     ></script>
   {% endif %}

_includes/scripts/misc.liquid

@@ -10,8 +10,8 @@
   <!-- Medium Zoom JS -->
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/medium-zoom@{{ site.medium_zoom.version }}/dist/medium-zoom.min.js"
+    src="{{ site.third_party_libraries.medium_zoom.url.js }}"
-    integrity="{{ site.medium_zoom.integrity }}"
+    integrity="{{ site.third_party_libraries.medium_zoom.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script defer src="{{ '/assets/js/zoom.js' | relative_url | bust_file_cache }}"></script>
@@ -24,7 +24,12 @@
 <!-- Bootstrap Table -->
 {% if page.pretty_table %}
   <!-- Bootstrap Table doesn't go well with diff2html -->
-  <script defer src="https://unpkg.com/bootstrap-table@{{ site.bootstrap-table.version }}/dist/bootstrap-table.min.js"></script>
+  <script
+    defer
+    src="{{ site.third_party_libraries.bootstrap-table.url.js }}"
+    integrity="{{ site.third_party_libraries.bootstrap-table.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
 {% endif %}
 
 <!-- Load Common JS -->
@@ -34,3 +39,5 @@
 
 <!-- Jupyter Open External Links New Tab -->
 <script defer src="{{ '/assets/js/jupyter_new_tab.js' | relative_url | bust_file_cache }}"></script>
+
+{% assign site.test-library.url = site.test-library.url | append: 'teste' %}

_includes/scripts/vega.liquid

@@ -1,20 +1,20 @@
 {% if page.chart and page.chart.vega_lite %}
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/vega@{{ site.vega.version }}/build/vega.min.js"
+    src="{{ site.third_party_libraries.vega.url.js }}"
-    integrity="{{ site.vega.integrity }}"
+    integrity="{{ site.third_party_libraries.vega.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/vega-lite@{{ site.vega-lite.version }}/build/vega-lite.min.js"
+    src="{{ site.third_party_libraries.vega-lite.url.js }}"
-    integrity="{{ site.vega-lite.integrity }}"
+    integrity="{{ site.third_party_libraries.vega-lite.integrity.js }}"
     crossorigin="anonymous"
   ></script>
   <script
     defer
-    src="https://cdn.jsdelivr.net/npm/vega-embed@{{ site.vega-embed.version }}/build/vega-embed.min.js"
+    src="{{ site.third_party_libraries.vega-embed.url.js }}"
-    integrity="{{ site.vega-embed.integrity }}"
+    integrity="{{ site.third_party_libraries.vega-embed.integrity.js }}"
     crossorigin="anonymous"
   ></script>
 

_layouts/distill.liquid

@@ -6,8 +6,8 @@
       <!-- Medium Zoom JS -->
       <script
         defer
-        src="https://cdn.jsdelivr.net/npm/medium-zoom@{{ site.medium_zoom.version }}/dist/medium-zoom.min.js"
+        src="{{ site.third_party_libraries.medium_zoom.url.js }}"
-        integrity="{{ site.medium_zoom.integrity }}"
+        integrity="{{ site.third_party_libraries.medium_zoom.integrity.js }}"
         crossorigin="anonymous"
       ></script>
       <script defer src="{{ '/assets/js/zoom.js' | relative_url | bust_file_cache }}"></script>

_plugins/details.rb

@@ -3,7 +3,6 @@
 module Jekyll
   module Tags
     class DetailsTag < Liquid::Block
-  
       def initialize(tag_name, markup, tokens)
         super
         @caption = markup

_plugins/download-3rd-party.rb

@@ -0,0 +1,199 @@
+Jekyll::Hooks.register :site, :after_init do |site|
+  require 'css_parser'
+  require 'digest'
+  require 'fileutils'
+  require 'nokogiri'
+  require 'open-uri'
+  require 'uri'
+
+  def download_file(url, dest)
+    # create the directory if it doesn't exist
+    dir = File.dirname(dest)
+    unless File.directory?(dir)
+      FileUtils.mkdir_p(dir)
+    end
+
+    # download the file if it doesn't exist
+    unless File.file?(dest)
+      puts "Downloading #{url} to #{dest}"
+      File.open(dest, "wb") do |saved_file|
+        URI.open(url, "rb") do |read_file|
+          saved_file.write(read_file.read)
+        end
+      end
+
+      # check if the file was downloaded successfully
+      unless File.file?(dest)
+        raise "Failed to download #{url} to #{dest}"
+      end
+    end
+  end
+
+  def download_fonts(url, dest)
+    # only download fonts if the directory doesn't exist or is empty
+    unless File.directory?(dest) && !Dir.empty?(dest)
+      puts "Downloading fonts from #{url} to #{dest}"
+      # get available fonts from the url
+      doc = Nokogiri::HTML(URI.open(url, "User-Agent" => "Ruby/#{RUBY_VERSION}"))
+      doc.css('a').each do |link|
+        # get the file name from the url
+        file_name = link['href'].split('/').last.split('?').first
+
+        # verify if the file is a font file
+        if file_name.end_with?('.woff', '.woff2', '.ttf', '.otf')
+          # download the file and change the url to the local file
+          download_file(URI.join(url, link['href']).to_s, File.join(dest, file_name))
+        end
+      end
+    end
+  end
+
+  def download_fonts_from_css(config, url, dest)
+    # get the file name from the url
+    file_name = url.split('/').last.split('?').first
+
+    if file_name == 'css'
+      file_name = 'google-fonts.css'
+    end
+
+    # only download the css file if it doesn't exist
+    unless File.file?(File.join(dest, file_name))
+      puts "Downloading fonts from #{url} to #{dest}"
+      # download the css file with a fake user agent to force downloading woff2 fonts instead of ttf
+      # user agent from https://www.whatismybrowser.com/guides/the-latest-user-agent/chrome
+      doc = Nokogiri::HTML(URI.open(url, "User-Agent" => "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36"))
+      css = CssParser::Parser.new
+      css.load_string! doc.document.text
+
+      # get the font-face rules
+      css.each_rule_set do |rule_set|
+        # check if the rule set has a url
+        if rule_set['src'].include?('url(')
+          # get the font file url
+          font_url = rule_set['src'].split('url(').last.split(')').first
+
+          # remove quotes from the url
+          if font_url.start_with?('"') || font_url.start_with?("'")
+            font_url = font_url[1..-2]
+          end
+
+          font_file_name = font_url.split('/').last.split('?').first
+
+          # verify if the file is a font file
+          if font_file_name.end_with?('.woff', '.woff2', '.ttf', '.otf')
+            # fix the font url if it is not an absolute url
+            unless font_url.start_with?('https://')
+              font_url = URI.join(url, font_url).to_s
+            end
+
+            # download the file
+            download_file(font_url, File.join(dest, 'fonts', font_file_name))
+
+            # change the font url to the local file, considering baseurl
+            if config['baseurl']
+              # add rest of the src attribute if it exists
+              if rule_set['src'].split(' ').length > 1
+                rule_set['src'] = "url(#{File.join(config['baseurl'], 'assets', 'libs', 'fonts', font_file_name)}) #{rule_set['src'].split(' ').last}"
+              else
+                rule_set['src'] = "url(#{File.join(config['baseurl'], 'assets', 'libs', 'fonts', font_file_name)})"
+              end
+            else
+              # add rest of the src attribute if it exists
+              if rule_set['src'].split(' ').length > 1
+                rule_set['src'] = "url(#{File.join('/assets', 'libs', 'fonts', font_file_name)}) #{rule_set['src'].split(' ').last}"
+              else
+                rule_set['src'] = "url(#{File.join('/assets', 'libs', 'fonts', font_file_name)})"
+              end
+            end
+          end
+        end
+      end
+
+      # save the modified css file
+      File.write(File.join(dest, file_name), css.to_s)
+    end
+
+    return file_name
+  end
+
+  # replace {{version}} with the version number in all 3rd party libraries urls
+  site.config['third_party_libraries'].each do |key, value|
+    if key != 'download'
+      value['url'].each do |type, url|
+        # check if url is a dictionary
+        if url.is_a?(Hash)
+          url.each do |type2, url2|
+            # replace {{version}} with the version number if it exists
+            if url2.include?('{{version}}')
+              site.config['third_party_libraries'][key]['url'][type][type2] = url2.gsub('{{version}}', site.config['third_party_libraries'][key]['version'])
+            end
+          end
+        else
+          # replace {{version}} with the version number if it exists
+          if url.include?('{{version}}')
+            site.config['third_party_libraries'][key]['url'][type] = url.gsub('{{version}}', site.config['third_party_libraries'][key]['version'])
+          end
+        end
+      end
+    end
+  end
+
+  # download 3rd party libraries if required
+  if site.config['third_party_libraries']['download']
+    site.config['third_party_libraries'].each do |key, value|
+      if key != 'download'
+        value['url'].each do |type, url|
+          # check if url is a dictionary
+          if url.is_a?(Hash)
+            url.each do |type2, url2|
+              # get the file name from the url
+              file_name = url2.split('/').last.split('?').first
+              # download the file and change the url to the local file
+              dest = File.join(site.source, 'assets', 'libs', file_name)
+              download_file(url2, dest)
+              # change the url to the local file, considering baseurl
+              if site.config['baseurl']
+                site.config['third_party_libraries'][key]['url'][type][type2] = File.join(site.config['baseurl'], 'assets', 'libs', file_name)
+              else
+                site.config['third_party_libraries'][key]['url'][type][type2] = File.join('/assets', 'libs', file_name)
+              end
+            end
+
+          else
+            if type == 'fonts'
+              # get the file name from the url
+              file_name = url.split('/').last.split('?').first
+
+              if file_name.end_with?('css')
+                # if the file is a css file, download the css file, the fonts from it, and change information on the css file
+                file_name = download_fonts_from_css(site.config, url, File.join(site.source, 'assets', 'libs'))
+                # change the url to the local file, considering baseurl
+                if site.config['baseurl']
+                  site.config['third_party_libraries'][key]['url'][type] = File.join(site.config['baseurl'], 'assets', 'libs', file_name)
+                else
+                  site.config['third_party_libraries'][key]['url'][type] = File.join('/assets', 'libs', file_name)
+                end
+              else
+                # download the font files and change the url to the local file
+                download_fonts(url, File.join(site.source, 'assets', 'libs', site.config['third_party_libraries'][key]['local']['fonts']))
+              end
+
+            else
+              # get the file name from the url
+              file_name = url.split('/').last.split('?').first
+              # download the file and change the url to the local file
+              dest = File.join(site.source, 'assets', 'libs', file_name)
+              download_file(url, dest)
+              # change the url to the local file, considering baseurl
+              if site.config['baseurl']
+                site.config['third_party_libraries'][key]['url'][type] = File.join(site.config['baseurl'], 'assets', 'libs', file_name)
+              else
+                site.config['third_party_libraries'][key]['url'][type] = File.join('/assets', 'libs', file_name)
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

_plugins/external-posts.rb

@@ -32,5 +32,4 @@ module ExternalPosts
       end
     end
   end
-
 end

_plugins/file-exists.rb

@@ -1,6 +1,5 @@
 module Jekyll
   class FileExistsTag < Liquid::Tag
-
     def initialize(tag_name, path, tokens)
       super
       @path = path

_plugins/hide-custom-bibtex.rb

@@ -0,0 +1,15 @@
+module Jekyll
+  module HideCustomBibtex
+    def hideCustomBibtex(input)
+	    keywords = @context.registers[:site].config['filtered_bibtex_keywords']
+
+	    keywords.each do |keyword|
+		    input = input.gsub(/^.*\b#{keyword}\b *= *\{.*$\n/, '')
+	    end
+
+      return input
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::HideCustomBibtex)

_plugins/hideCustomBibtex.rb

@@ -1,15 +0,0 @@
- module Jekyll
-  module HideCustomBibtex
-    def hideCustomBibtex(input)
-	  keywords = @context.registers[:site].config['filtered_bibtex_keywords']
-
-	  keywords.each do |keyword|
-		input = input.gsub(/^.*\b#{keyword}\b *= *\{.*$\n/, '')
-	  end
-
-      return input
-    end
-  end
-end
-
-Liquid::Template.register_filter(Jekyll::HideCustomBibtex)