From 55d7d61b1784b11087eee4cf8d08039d3e9b25e9 Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Sun, 8 Dec 2019 14:37:13 +0800
Subject: [PATCH] Feature: Add bookmarklet link generation in PHeader

---
 pinry-spa/src/components/PHeader.vue | 9 ++++++++-
 pinry-spa/vue.config.js              | 4 ++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/pinry-spa/src/components/PHeader.vue b/pinry-spa/src/components/PHeader.vue
index f5f97ec..9498c48 100644
--- a/pinry-spa/src/components/PHeader.vue
+++ b/pinry-spa/src/components/PHeader.vue
@@ -17,7 +17,7 @@
         </div>
         <div id="PinryNav" class="navbar-menu" :class="{ 'is-active': active}">
           <div class="navbar-start">
-            <a class="navbar-item">
+            <a class="navbar-item" :href="bookmarkLet">
               BookmarkLet
             </a>
             <div
@@ -117,6 +117,13 @@ export default {
       },
     };
   },
+  computed: {
+    bookmarkLet() {
+      const url = new URL(window.location);
+      const host = url.origin;
+      return `javascript:void((function(d){var s=d.createElement('script');s.id='pinry-bookmarklet';s.src='${host}/static/js/bookmarklet.js?'+Math.random()*10000000000000000;d.body.appendChild(s)})(document));`;
+    },
+  },
   methods: {
     toggleMenu() {
       this.active = !this.active;
diff --git a/pinry-spa/vue.config.js b/pinry-spa/vue.config.js
index 39cb39b..a0c92bb 100644
--- a/pinry-spa/vue.config.js
+++ b/pinry-spa/vue.config.js
@@ -10,6 +10,10 @@ module.exports = {
         target: 'http://localhost:8000/',
         changeOrigin: true,
       },
+      '/static/js/': {
+        target: 'http://localhost:8000/',
+        changeOrigin: true,
+      },
     },
   },
 };