feat(pwa): Refactor pwa versioning

*   SW version is now sourced directly from the theme's version.
*   A build timestamp is appended to this version to create a unique identifier for each build (e.g., `1.0.2-1729382400`).

Signed-off-by: Khusika Dhamar Gusti <[email protected]>

Author: khusika

exampleSite/content/posts/theme-documentation-basics/index.en.md

@@ -216,12 +216,13 @@ Please open the code block below to view the complete sample configuration :(fa-
   # {{< version 1.0.0 >}} whether to enable CSS and JS source mapping
   SourceMap = true
 
-  # {{< version 1.0.1 >}}PWA config
+  # {{< version 1.0.3 changed >}}PWA config
   [params.pwa]
     # whether to enable PWA support
     enable = true
-    # service-worker version
-    version = "1.0.2"
+    # {{< version 1.0.3 changed >}}
+    # The PWA version is now automatically generated based on the theme version and build timestamp.
+    # version = ""
 
   # {{< version 0.2.0 >}} App icon config
   [params.app]

exampleSite/content/posts/theme-documentation-basics/index.fr.md

@@ -221,12 +221,13 @@ Please open the code block below to view the complete sample configuration :(fa-
   # {{< version 1.0.0 >}} whether to enable CSS and JS source mapping
   SourceMap = true
 
-  # {{< version 1.0.1 >}}PWA config
+ # {{< version 1.0.3 changed >}}PWA config
   [params.pwa]
     # whether to enable PWA support
     enable = true
-    # service-worker version
-    version = "1.0.2"
+    # {{< version 1.0.3 changed >}}
+    # The PWA version is now automatically generated based on the theme version and build timestamp.
+    # version = ""
 
   # {{< version 0.2.0 >}} App icon config
   [params.app]

exampleSite/content/posts/theme-documentation-basics/index.zh-cn.md

@@ -219,12 +219,13 @@ hugo
   # {{< version 1.0.0 >}} 是否启用 CSS 和 JS 源映射
   SourceMap = true
 
-  # {{< version 1.0.1 >}}PWA config
+ # {{< version 1.0.3 changed >}}PWA config
   [params.pwa]
     # whether to enable PWA support
     enable = true
-    # service-worker version
-    version = "1.0.2"
+    # {{< version 1.0.3 changed >}}
+    # The PWA version is now automatically generated based on the theme version and build timestamp.
+    # version = ""
 
   # {{< version 0.2.0 >}} 应用图标配置
   [params.app]

exampleSite/hugo.toml

@@ -575,9 +575,6 @@ ignoreErrors = ["err-missing-comment-accesstoken", "err-missing-oembed-accesstok
     # whether to enable PWA support
     # 是否要启用 PWA
     enable = true
-    # service-worker version
-    # service-worker 版本
-    version = "1.0.2"
 
   # Header config
   # 页面头部导航栏配置

layouts/_partials/pwa.html

@@ -1,8 +1,10 @@
 {{- $pwa := .Scratch.Get "pwa" -}}
+{{- if $pwa -}}
+{{- $version := printf "%s-%d" (.Scratch.Get "version") now.Unix -}}
 <script>
 if ('serviceWorker' in navigator) {
     navigator.serviceWorker
-        .register('/sw.min.js?version={{ $pwa.version }}', { scope: '/' })
+        .register('/sw.min.js?version={{ $version }}', { scope: '/' })
         .then(() => {
             console.info('{{- .Site.Title -}}\u00A0Service Worker Registered');
         }, err => console.error('{{- .Site.Title -}}\u00A0Service Worker registration failed: ', err));
@@ -14,3 +16,4 @@
         });
 }
 </script>
+{{- end -}}