fix: disable code block line break + copy button

.babelrc

@@ -20,7 +20,7 @@
     [
       "prismjs", {
         "languages": ["clike", "markup"],
-        "plugins": ["line-numbers", "autoloader", "normalize-whitespace"],
+        "plugins": ["line-numbers", "autoloader", "normalize-whitespace", "copy-to-clipboard", "toolbar"],
         "theme": "twilight",
         "css": true
       }

client/themes/default/components/page.vue

@@ -232,6 +232,7 @@ import { StatusIndicator } from 'vue-status-indicator'
 import Prism from 'prismjs'
 import { get } from 'vuex-pathify'
 import _ from 'lodash'
+import ClipboardJS from 'clipboard'
 
 Prism.plugins.autoloader.languages_path = '/js/prism/'
 Prism.plugins.NormalizeWhitespace.setDefaults({
@@ -239,10 +240,34 @@ Prism.plugins.NormalizeWhitespace.setDefaults({
   'remove-indent': true,
   'left-trim': true,
   'right-trim': true,
-  'break-lines': 160,
   'remove-initial-line-feed': true,
   'tabs-to-spaces': 2
 })
+Prism.plugins.toolbar.registerButton('copy-to-clipboard', (env) => {
+  let linkCopy = document.createElement('button')
+  linkCopy.textContent = 'Copy'
+
+  const clip = new ClipboardJS(linkCopy, {
+    text: () => { return env.code }
+  })
+
+  clip.on('success', () => {
+    linkCopy.textContent = 'Copied!'
+    resetClipboardText()
+  })
+  clip.on('error', () => {
+    linkCopy.textContent = 'Press Ctrl+C to copy'
+    resetClipboardText()
+  })
+
+  return linkCopy
+
+  function resetClipboardText() {
+    setTimeout(() => {
+      linkCopy.textContent = 'Copy'
+    }, 5000)
+  }
+})
 
 export default {
   components: {
@@ -345,7 +370,6 @@ export default {
       }
     },
     breadcrumbs() {
-      console.info(this.locale)
       return [{ path: '/', name: 'Home' }].concat(_.reduce(this.path.split('/'), (result, value, key) => {
         result.push({
           path: _.get(_.last(result), 'path', `/${this.locale}`) + `/${value}`,

package.json

@@ -203,6 +203,7 @@
     "cache-loader": "4.1.0",
     "chart.js": "2.9.0",
     "clean-webpack-plugin": "3.0.0",
+    "clipboard": "2.0.4",
     "codemirror": "5.49.2",
     "copy-webpack-plugin": "5.0.4",
     "core-js": "3.3.4",