🐛 Fix: solve the problem that navigator.clipboard is unavailable unde…

…r http

assets/js/theme.js

@@ -464,7 +464,7 @@ class FixIt {
           }
           $copy.title = this.config.code.copyTitle;
           $copy.addEventListener('click', () => {
-            navigator.clipboard.writeText(code).then(() => {
+            this.util.copyText(code).then(() => {
               this.util.animateCSS($code, 'animate__flash');
             }, () => {
               console.error('Clipboard write failed!', 'Your browser does not support clipboard API!');

assets/js/util.js

@@ -86,4 +86,29 @@ export default class Util {
       }
     }
   }
+
+  /**
+   * copy text to clipboard
+   * @param {String} text text to copy
+   * @returns {Promise} promise
+   */
+  copyText(text) {
+    if (navigator.clipboard) {
+      this.copyText = (text) => navigator.clipboard.writeText(text);
+      return this.copyText(text);
+    }
+    this.copyText = (text) => new Promise((resolve, reject) => {
+      const input = document.createElement('input');
+      input.value = text;
+      document.body.appendChild(input);
+      input.select();
+      if (document.execCommand('copy')) {
+        document.body.removeChild(input);
+        resolve();
+      } else {
+        reject();
+      }
+    });
+    return this.copyText(text); 
+  }
 }

layouts/partials/init/index.html

@@ -1,4 +1,4 @@
-{{- .Scratch.Set "version" "v0.3.14-c08671de" -}}
+{{- .Scratch.Set "version" "v0.3.14-35221731" -}}
 {{- .Scratch.Set "this" dict -}}
 
 {{- partial "init/detection-env.html" . -}}