From 8d78db69231e98ac2d2ff049d119edce965a695d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sercan=20=C3=9Cste?= <sercanuste@users.noreply.github.com>
Date: Tue, 4 Oct 2022 00:23:29 +0300
Subject: [PATCH] feat(app/web): add copy markdown code button (#1246)

---
 package-lock.json                       | 21 +++++++--------------
 source/app/web/statics/embed/app.js     |  4 +++-
 source/app/web/statics/embed/index.html |  3 +++
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 79cfc7fa..e072043a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11843,8 +11843,7 @@
     "@octokit/plugin-request-log": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
-      "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "requires": {}
+      "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA=="
     },
     "@octokit/plugin-rest-endpoint-methods": {
       "version": "5.13.0",
@@ -12332,8 +12331,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -14005,8 +14003,7 @@
         "ws": {
           "version": "7.5.9",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-          "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-          "requires": {}
+          "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q=="
         },
         "xml-name-validator": {
           "version": "3.0.0",
@@ -14826,8 +14823,7 @@
     "express-rate-limit": {
       "version": "6.6.0",
       "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-6.6.0.tgz",
-      "integrity": "sha512-HFN2+4ZGdkQOS8Qli4z6knmJFnw6lZed67o6b7RGplWeb1Z0s8VXaj3dUgPIdm9hrhZXTRpCTHXA0/2Eqex0vA==",
-      "requires": {}
+      "integrity": "sha512-HFN2+4ZGdkQOS8Qli4z6knmJFnw6lZed67o6b7RGplWeb1Z0s8VXaj3dUgPIdm9hrhZXTRpCTHXA0/2Eqex0vA=="
     },
     "extend": {
       "version": "3.0.2",
@@ -15960,8 +15956,7 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "29.0.0",
@@ -17481,8 +17476,7 @@
     "retry-axios": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/retry-axios/-/retry-axios-2.6.0.tgz",
-      "integrity": "sha512-pOLi+Gdll3JekwuFjXO3fTq+L9lzMQGcSq7M5gIjExcl3Gu1hd4XXuf5o3+LuSBsaULQH7DiNbsqPd1chVpQGQ==",
-      "requires": {}
+      "integrity": "sha512-pOLi+Gdll3JekwuFjXO3fTq+L9lzMQGcSq7M5gIjExcl3Gu1hd4XXuf5o3+LuSBsaULQH7DiNbsqPd1chVpQGQ=="
     },
     "reusify": {
       "version": "1.0.4",
@@ -18580,8 +18574,7 @@
     "ws": {
       "version": "8.8.1",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.1.tgz",
-      "integrity": "sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==",
-      "requires": {}
+      "integrity": "sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA=="
     },
     "xml-formatter": {
       "version": "2.6.1",
diff --git a/source/app/web/statics/embed/app.js b/source/app/web/statics/embed/app.js
index aaacc433..29fef673 100644
--- a/source/app/web/statics/embed/app.js
+++ b/source/app/web/statics/embed/app.js
@@ -84,7 +84,9 @@
       tab: {
         immediate: true,
         handler(current) {
-          if (current === "action")
+          if (current === "markdown")
+            this.clipboard = new ClipboardJS(".copy-markdown")
+          else if (current === "action")
             this.clipboard = new ClipboardJS(".copy-action")
           else
             this.clipboard?.destroy()
diff --git a/source/app/web/statics/embed/index.html b/source/app/web/statics/embed/index.html
index 4c003682..8f397c9a 100644
--- a/source/app/web/statics/embed/index.html
+++ b/source/app/web/statics/embed/index.html
@@ -190,6 +190,9 @@
               <div class="image" :class="{pending:generated.pending}" v-html="generated.content||templates.placeholder.image"></div>
             </div>
             <div v-else-if="tab == 'markdown'">
+              <div>
+                <button class="copy-markdown" data-clipboard-target=".code">Copy Markdown Code</button>
+              </div>
               Add the markdown below to your <i>README.md</i> <template v-if="user">at <a :href="repo">{{ user }}/{{ user }}</a></template>
               <div class="code">
                 <Prism language="markdown" :code="embed"></Prism>