vue-intergrall-plugins 0.0.192 → 0.0.195

package/dist/vue-intergrall-plugins.ssr.js

@@ -7794,7 +7794,7 @@ var dev = window.location.hostname == 'localhost' ? '&teste=levchat2' : '';var s
                 return _context.abrupt("return", _this.$httpRequest({
                   method: 'get',
                   url: "".concat(baseURL, "/messages/").concat(type, "?token_cliente=").concat(token).concat(dev) // headers: {
-                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VuNENMdFVlYTVZeDA4VmltQmgwQWN6Rkp0Y3pIUjZBTXd3eGI0NGF3d1ZTTTh2ZFhPS1pnIiwibWFuYWdlciI6Ik1LVVZkRm8zWmFreGJOUHd6bjNBRjVmVnF1MmVReFEyTUh2ZVloZ3V3SzJMbzU1IiwiaGFzX2luZm9zIjp0cnVlLCJucm9zIjpbIjEwIiwiMjYzIl0sImF1dGgiOiJNS1U3YzZNQnBJWTkyamFKbFZJTXQxd3dpbTRsNXd3Mjc4SU0wdkpRT0JnV3lTeHZZM3k0dmRYIiwiaWF0IjoxNjQ4MTQ2MzEwLCJleHAiOjE2NDgyMzI3MTB9.JSgv4e0DY0gkWaz6u9yBSH2P507zBZoTRKf9ki7TP_M"
+                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
                   // }
 
                 }).then(function (response) {
@@ -11151,6 +11151,7 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
   data: function data() {
     return {
       linkPreview: {
+        author: "",
         description: "",
         imageSource: "",
         colorTheme: "",
@@ -11166,106 +11167,113 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
     });
   },
   methods: {
+    returnURL: function returnURL() {
+      if (!this.message) return "";
+      var isSticker = this.message.indexOf("KSTICKERK") < 0 ? false : true;
+      if (isSticker) return "";
+      var regex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/g;
+      var url = regex.exec(this.message);
+
+      if (!url || !url[0]) {
+        console.warn("URL invalida para gerar preview");
+        return "";
+      }
+
+      return url[0].replace(/["'*]/g, "");
+    },
     gerarPreview: function gerarPreview() {
       var _this2 = this;
 
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var isSticker, regex, url, encodedURL, response, data, st_ret, msg_ret, raspagem, description, og, theme_color;
+        var url, encodedURL, response, data, st_ret, msg_ret, raspagem, description, og, theme_color, image, site_name, title, author;
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.prev = 0;
+                url = _this2.returnURL();
 
-                if (_this2.message) {
-                  _context.next = 3;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 3:
-                isSticker = _this2.message.indexOf("KSTICKERK") < 0 ? false : true;
-
-                if (!isSticker) {
-                  _context.next = 6;
+                if (url) {
+                  _context.next = 4;
                   break;
                 }
 
                 return _context.abrupt("return");
 
-              case 6:
-                regex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/g;
-                url = regex.exec(_this2.message);
-
-                if (!(!url || !url[0])) {
-                  _context.next = 10;
-                  break;
-                }
-
-                return _context.abrupt("return", console.warn("URL invalida para gerar preview"));
-
-              case 10:
-                encodedURL = Buffer(url[0]).toString("base64");
-                _context.next = 13;
+              case 4:
+                encodedURL = Buffer(url).toString("base64");
+                _context.next = 7;
                 return _this2.$httpRequest({
                   method: 'get',
-                  url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev) // headers: {
-                  //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VuNENMdFVlYTVZeDA4VmltQmgwQWN6Rkp0Y3pIUjZBTXd3eGI0NGF3d1ZTTTh2ZFhPS1pnIiwibWFuYWdlciI6Ik1LVVZkRm8zWmFreGJOUHd6bjNBRjVmVnF1MmVReFEyTUh2ZVloZ3V3SzJMbzU1IiwiaGFzX2luZm9zIjp0cnVlLCJucm9zIjpbIjEwIiwiMjYzIl0sImF1dGgiOiJNS1U3YzZNQnBJWTkyamFKbFZJTXQxd3dpbTRsNXd3Mjc4SU0wdkpRT0JnV3lTeHZZM3k0dmRYIiwiaWF0IjoxNjQ4MTQ2MzEwLCJleHAiOjE2NDgyMzI3MTB9.JSgv4e0DY0gkWaz6u9yBSH2P507zBZoTRKf9ki7TP_M"
-                  // }
-
+                  url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev),
+                  headers: {
+                    Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
+                  }
                 });
 
-              case 13:
+              case 7:
                 response = _context.sent;
 
                 if (!(_typeof(response) != "object" || _typeof(response.data) != "object")) {
-                  _context.next = 16;
+                  _context.next = 10;
                   break;
                 }
 
                 throw "Retorno incorreto";
 
-              case 16:
+              case 10:
                 data = response.data;
                 st_ret = data.st_ret, msg_ret = data.msg_ret, raspagem = data.raspagem;
 
                 if (!(st_ret != "OK")) {
-                  _context.next = 20;
+                  _context.next = 14;
                   break;
                 }
 
                 throw "".concat(st_ret, " - ").concat(msg_ret);
 
-              case 20:
+              case 14:
                 if (raspagem) {
-                  _context.next = 22;
+                  _context.next = 16;
                   break;
                 }
 
                 throw "".concat(st_ret, " - ").concat(msg_ret, " | (Raspagem nao encontrada no retorno)");
 
-              case 22:
+              case 16:
                 description = raspagem.description, og = raspagem.og, theme_color = raspagem.theme_color;
                 if (description) _this2.linkPreview.description = description;
-                if (og && og.image) _this2.linkPreview.imageSource = og.image;
+                if (raspagem.author) _this2.linkPreview.author = raspagem.author;
+
+                if (og) {
+                  image = og.image, site_name = og.site_name, title = og.title, author = og.author;
+                  if (image) _this2.linkPreview.imageSource = image;
+                  if (author || site_name || title) _this2.linkPreview.author = author ? author : site_name ? site_name : title;
+                  if (og.description) _this2.linkPreview.description = og.description;
+                }
+
                 if (theme_color) _this2.linkPreview.colorTheme = theme_color;
                 if (_this2.linkPreview.description || _this2.linkPreview.imageSource) _this2.linkPreview.isValid = true;
-                _context.next = 32;
+                _context.next = 27;
                 break;
 
-              case 29:
-                _context.prev = 29;
+              case 24:
+                _context.prev = 24;
                 _context.t0 = _context["catch"](0);
                 console.error("Erro ao gerar o preview do link: ", _context.t0);
 
-              case 32:
+              case 27:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[0, 29]]);
+        }, _callee, null, [[0, 24]]);
       }))();
+    },
+    openUrl: function openUrl() {
+      var url = this.returnURL();
+      if (!url) return;
+      window.open(url, "_blank");
     }
   }
 };/* script */
@@ -11280,8 +11288,16 @@ var __vue_render__$4 = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _vm.linkPreview.isValid ? _c('div', {
-    staticClass: "link-preview"
-  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-071e3510><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-071e3510></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-071e3510>" + (_vm.linkPreview.description ? "<p data-v-071e3510>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+    staticClass: "link-preview",
+    attrs: {
+      "title": "Abrir " + _vm.returnURL() + " em uma nova guia"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.openUrl();
+      }
+    }
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-1c4c4efa><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-1c4c4efa></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-1c4c4efa><h1 data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-1c4c4efa>" + (_vm.linkPreview.description ? "<p data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11289,8 +11305,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-071e3510_0", {
-    source: ".link-preview[data-v-071e3510]{display:flex;flex-direction:column;background-color:#eee;color:#333}.link-preview-image[data-v-071e3510]{display:flex;justify-content:center;align-items:center;padding:10px}.link-preview-image img[data-v-071e3510]{min-width:100px;max-width:200px}.link-preview-infos[data-v-071e3510]{background-color:rgba(38,38%,38%,10%);padding:5px;margin:5px;font-size:.8rem}",
+  inject("data-v-1c4c4efa_0", {
+    source: ".link-preview[data-v-1c4c4efa]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px}.link-preview-image[data-v-1c4c4efa]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px}.link-preview-author[data-v-1c4c4efa]{margin:5px;font-size:.625em}.link-preview-author h1[data-v-1c4c4efa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-1c4c4efa]{min-width:100px;max-width:200px}.link-preview-infos[data-v-1c4c4efa]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}.link-preview:hover .link-preview-infos p[data-v-1c4c4efa]{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -11298,10 +11314,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-071e3510";
+var __vue_scope_id__$4 = "data-v-1c4c4efa";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-071e3510";
+var __vue_module_identifier__$4 = "data-v-1c4c4efa";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.192",
+  "version": "0.0.195",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Messages/LinkPreview.vue

@@ -1,5 +1,10 @@
 <template>
-  <div v-if="linkPreview.isValid" class="link-preview">
+  <div 
+    v-if="linkPreview.isValid" 
+    class="link-preview" 
+    @click="openUrl()" 
+    :title="`Abrir ${returnURL()} em uma nova guia`"
+  >
     <div 
       v-if="linkPreview.imageSource" 
       :style="linkPreview.colorTheme ? `background-color: ${linkPreview.colorTheme}` : ''"
@@ -7,6 +12,9 @@
     >
       <img :src="linkPreview.imageSource" alt="Imagem referente ao link" />
     </div>
+    <div class="link-preview-author" v-if="linkPreview.author">
+      <h1 v-text="linkPreview.author"></h1>
+    </div>
     <div v-if="linkPreview.description" class="link-preview-infos">
       <p v-if="linkPreview.description" v-text="linkPreview.description"></p>
     </div>
@@ -26,6 +34,7 @@ export default {
   data() {
     return {
       linkPreview: {
+        author: "",
         description: "",
         imageSource: "",
         colorTheme: "",
@@ -37,22 +46,30 @@ export default {
     this.$nextTick(() => { this.gerarPreview() })
   },
   methods: {
-    async gerarPreview() {
-      try {
-        if(!this.message) return
+    returnURL() {
+      if(!this.message) return ""
         const isSticker = this.message.indexOf("KSTICKERK") < 0 ? false : true
-        if(isSticker) return 
+        if(isSticker) return ""
         const regex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/g
         const url = regex.exec(this.message)
-        if(!url || !url[0]) return console.warn("URL invalida para gerar preview")
-        const encodedURL = Buffer(url[0]).toString("base64")
+        if(!url || !url[0]) {
+          console.warn("URL invalida para gerar preview")
+          return ""
+        }
+        return url[0].replace(/["'*]/g, "")
+    },
+    async gerarPreview() {
+      try {
+        const url = this.returnURL() 
+        if(!url) return
+        const encodedURL = Buffer(url).toString("base64")
         const response = await this.$httpRequest(
         {
           method: 'get',
           url: `${baseURL}/preview?url=${encodedURL}${dev}`,
-          // headers: {
-          //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VuNENMdFVlYTVZeDA4VmltQmgwQWN6Rkp0Y3pIUjZBTXd3eGI0NGF3d1ZTTTh2ZFhPS1pnIiwibWFuYWdlciI6Ik1LVVZkRm8zWmFreGJOUHd6bjNBRjVmVnF1MmVReFEyTUh2ZVloZ3V3SzJMbzU1IiwiaGFzX2luZm9zIjp0cnVlLCJucm9zIjpbIjEwIiwiMjYzIl0sImF1dGgiOiJNS1U3YzZNQnBJWTkyamFKbFZJTXQxd3dpbTRsNXd3Mjc4SU0wdkpRT0JnV3lTeHZZM3k0dmRYIiwiaWF0IjoxNjQ4MTQ2MzEwLCJleHAiOjE2NDgyMzI3MTB9.JSgv4e0DY0gkWaz6u9yBSH2P507zBZoTRKf9ki7TP_M"
-          // }
+          headers: {
+            Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1U5azQ3c2h2bGpOak9Db3dNMjJoMW94d3d4YjQ0YXd3allrbG1JVFNpMmV0aDI5ZTVIRXZNIiwibWFuYWdlciI6Ik1LVWVUQWlxWXBNTmk0M054bDVIeDM4aDdOOTNFQW9qUkN3d2ltNGw1d3dJbDdPdWpSTlV6V0ciLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjY3Il0sImF1dGgiOiJNS1VBbTNPaWhaaWJlQVRPQ2xaRnBYYUhFN3d3eGI0NGF3d1N1S1VwNG9lN3haTXRNcUJ1aVdIIiwiaWF0IjoxNjQ4MjE1NjE3LCJleHAiOjE2NDgzMDIwMTd9.EJZTSTac_SLgq9NFnLOctf-J06u3GY1L9ZTV_1zSQ7A"
+          }
         })
         if(typeof response != "object" || typeof response.data != "object") throw "Retorno incorreto"
         const { data } = response
@@ -61,7 +78,13 @@ export default {
         if(!raspagem) throw `${st_ret} - ${msg_ret} | (Raspagem nao encontrada no retorno)`
         const { description, og, theme_color } = raspagem
         if(description) this.linkPreview.description = description
-        if(og && og.image) this.linkPreview.imageSource = og.image
+        if(raspagem.author) this.linkPreview.author = raspagem.author
+        if(og) {
+          const { image, site_name, title, author } = og
+          if(image) this.linkPreview.imageSource = image
+          if(author || site_name || title) this.linkPreview.author = author ? author : site_name ? site_name : title
+          if(og.description) this.linkPreview.description = og.description
+        }
         if(theme_color) this.linkPreview.colorTheme = theme_color
 
         if(this.linkPreview.description || this.linkPreview.imageSource) this.linkPreview.isValid = true
@@ -69,7 +92,11 @@ export default {
         console.error("Erro ao gerar o preview do link: ", e)
       }
     },
-    
+    openUrl() {
+      const url = this.returnURL()
+      if(!url) return
+      window.open(url, "_blank")
+    }
   }
 }
 </script>
@@ -80,6 +107,9 @@ export default {
     flex-direction: column;
     background-color: #EEE;
     color: #333;
+    cursor: pointer;
+    margin: 5px 0;
+    border-radius: 5px;
   }
 
   .link-preview-image {
@@ -87,6 +117,17 @@ export default {
     justify-content: center;
     align-items: center;
     padding: 10px;
+    margin-bottom: 5px;
+  }
+
+  .link-preview-author {
+    margin: 5px;
+    font-size: .625em
+  }
+  .link-preview-author h1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .link-preview-image img {
@@ -95,9 +136,14 @@ export default {
   }
 
   .link-preview-infos {
-    background-color: rgba(38, 38, 38, 10%);
+    background-color: #2626261a;
     padding: 5px;
-    margin: 5px;
+    margin: 0 5px 5px 5px;
     font-size: .8rem;
+    border-radius: 5px;
+  }
+
+  .link-preview:hover .link-preview-infos p {
+    text-decoration: underline;
   }
 </style>