vue-intergrall-plugins 0.0.506 → 0.0.507

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

@@ -15908,7 +15908,7 @@ var InteratividadeBotoes = __vue_component__$b;var script$6 = {
               encodedURL = Buffer(url).toString("base64");
               _context.next = 7;
               return _this2.$httpRequest({
-                method: 'get',
+                method: "get",
                 url: "".concat(baseURL, "/preview?url=").concat(encodedURL).concat(dev)
                 // headers: {
                 //   Authorization: "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdGQiOiJNS1VGWnBQeEV1UHc5UXdvN21HU2tWNEl4VHN0blM3MHNyZUJTTWt3d3hiNDRhd3dDcWwxd09jIiwibWFuYWdlciI6Ik1LVXRhd3dpbTRsNXd3WW1LMWFJYXd3aW00bDV3d3d3eGI0NGF3d0s0a2pveHBPMnl6TFZ3dXBud3d4YjQ0YXd3cmxNNHRqZ3FKTExsTjMiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjczIl0sImF1dGgiOiJNS1VncmxDdkdRbElGbXZVTERCSGplV0wyOXFVUHdyOVlSMVMyeXdJanlLOUNteCIsImlhdCI6MTY0ODQ3MzYxNSwiZXhwIjoxNjQ4NTYwMDE1fQ.KSG_6_9NfQhk5br7hnXzeLyVZuT69XLaEYF9XkdgmmQ"
@@ -15984,25 +15984,25 @@ var __vue_render__$6 = function __vue_render__() {
         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-303b4cce><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-303b4cce></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div" + _vm._ssrClass("link-preview-author", {
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-188257a4><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-188257a4></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div" + _vm._ssrClass("link-preview-author", {
     'mb-0': _vm.linkPreview.description
-  }) + " data-v-303b4cce><h1 data-v-303b4cce>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-303b4cce>" + (_vm.linkPreview.description ? "<p data-v-303b4cce>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }) + " data-v-188257a4><h1 data-v-188257a4>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-188257a4>" + (_vm.linkPreview.description ? "<p data-v-188257a4>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 var __vue_staticRenderFns__$6 = [];
 
 /* style */
 var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-303b4cce_0", {
-    source: ".link-preview[data-v-303b4cce]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out;font-size:13.6px}.link-preview-image[data-v-303b4cce]{display:flex;justify-content:center;align-items:center;padding:1px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-303b4cce]{margin:5px;font-size:.615em;font-weight:700}.link-preview-author.mb-0[data-v-303b4cce]{margin-bottom:0}.link-preview-author h1[data-v-303b4cce]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-303b4cce]{min-width:100px;max-width:200px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-infos[data-v-303b4cce]{background-color:#2626261a;padding:5px;margin:5px;font-size:.83em;border-radius:5px}.link-preview[data-v-303b4cce]:hover{opacity:1}.link-preview:hover .link-preview-infos p[data-v-303b4cce]{text-decoration:underline}",
+  inject("data-v-188257a4_0", {
+    source: ".link-preview[data-v-188257a4]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px;opacity:.95;transition:opacity .3s ease-in-out;font-size:13.6px}.link-preview-image[data-v-188257a4]{display:flex;justify-content:center;align-items:center;padding:1px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-188257a4]{margin:5px;font-size:.615em;font-weight:700}.link-preview-author.mb-0[data-v-188257a4]{margin-bottom:0}.link-preview-author h1[data-v-188257a4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-188257a4]{min-width:100px;max-width:200px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-infos[data-v-188257a4]{background-color:#2626261a;padding:5px;margin:5px;font-size:.83em;border-radius:5px}.link-preview[data-v-188257a4]:hover{opacity:1}.link-preview:hover .link-preview-infos p[data-v-188257a4]{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__$6 = "data-v-303b4cce";
+var __vue_scope_id__$6 = "data-v-188257a4";
 /* module identifier */
-var __vue_module_identifier__$6 = "data-v-303b4cce";
+var __vue_module_identifier__$6 = "data-v-188257a4";
 /* functional template */
 var __vue_is_functional_template__$6 = false;
 /* style inject shadow dom */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.506",
+  "version": "0.0.507",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -31,6 +31,8 @@
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
     "autoprefixer": "^10.4.17",
+    "browserify": "^17.0.0",
+    "browserify-fs": "^1.0.0",
     "cross-env": "^7.0.3",
     "cssnano": "^6.0.3",
     "minimist": "^1.2.8",
@@ -49,7 +51,6 @@
     "@fortawesome/vue-fontawesome": "^2.0.10",
     "@popperjs/core": "^2.11.8",
     "core-js": "^3.35.1",
-    "postcss": "^8.4.33",
     "vue": "^2.7.16",
     "vue-clickaway": "^2.2.2",
     "vue-select": "^3.20.0",
@@ -61,6 +62,8 @@
     "node": ">=12"
   },
   "dependencies": {
-    "axios": "^1.6.7"
+    "axios": "^1.6.7",
+    "stream": "^0.0.2",
+    "util": "^0.12.5"
   }
-}
+}

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

@@ -1,18 +1,22 @@
 <template>
-  <div 
-    v-if="linkPreview.isValid" 
-    class="link-preview" 
-    @click="openUrl()" 
+  <div
+    v-if="linkPreview.isValid"
+    class="link-preview"
+    @click="openUrl()"
     :title="`Abrir ${returnURL()} em uma nova guia`"
   >
-    <div 
-      v-if="linkPreview.imageSource" 
+    <div
+      v-if="linkPreview.imageSource"
       :style="linkPreview.colorTheme ? `background-color: ${linkPreview.colorTheme}` : ''"
       class="link-preview-image"
     >
       <img :src="linkPreview.imageSource" alt="Imagem referente ao link" />
     </div>
-    <div class="link-preview-author" :class="{'mb-0' : linkPreview.description}" v-if="linkPreview.author">
+    <div
+      class="link-preview-author"
+      :class="{ 'mb-0': linkPreview.description }"
+      v-if="linkPreview.author"
+    >
       <h1 v-text="linkPreview.author"></h1>
     </div>
     <div v-if="linkPreview.description" class="link-preview-infos">
@@ -22,14 +26,14 @@
 </template>
 
 <script>
-import { dev, baseURL } from '@/services/smartChannelAxios'
+import { dev, baseURL } from "@/services/smartChannelAxios";
 
 export default {
   props: {
     message: {
       type: String,
-      default: ""
-    }
+      default: "",
+    },
   },
   data() {
     return {
@@ -38,127 +42,148 @@ export default {
         description: "",
         imageSource: "",
         colorTheme: "",
-        isValid: false
-      }
-    }
+        isValid: false,
+      },
+    };
   },
   mounted() {
-    this.$nextTick(() => { this.gerarPreview() })
+    this.$nextTick(() => {
+      this.gerarPreview();
+    });
   },
   methods: {
     returnURL() {
-      if(!this.message) return ""
-        const isSticker = this.message.indexOf("KSTICKERK") < 0 ? false : true
-        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]) {
-          console.warn("URL invalida para gerar preview")
-          return ""
-        }
-        const finalUrl = url[0].replace(/["'*]/g, "")
-        if(/((https?|ftp):\/\/.)?(www\.)?(?:([-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6})|(linux07|linux03))\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi.test(finalUrl)) return finalUrl
-        return false
+      if (!this.message) return "";
+      const isSticker = this.message.indexOf("KSTICKERK") < 0 ? false : true;
+      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]) {
+        console.warn("URL invalida para gerar preview");
+        return "";
+      }
+      const finalUrl = url[0].replace(/["'*]/g, "");
+      if (
+        /((https?|ftp):\/\/.)?(www\.)?(?:([-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6})|(linux07|linux03))\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi.test(
+          finalUrl
+        )
+      )
+        return finalUrl;
+      return false;
     },
     async gerarPreview() {
       try {
-        const url = this.returnURL() 
-        if(!url) return
-        const encodedURL = Buffer(url).toString("base64")
-        const response = await this.$httpRequest(
-        {
-          method: 'get',
+        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.eyJhdGQiOiJNS1VGWnBQeEV1UHc5UXdvN21HU2tWNEl4VHN0blM3MHNyZUJTTWt3d3hiNDRhd3dDcWwxd09jIiwibWFuYWdlciI6Ik1LVXRhd3dpbTRsNXd3WW1LMWFJYXd3aW00bDV3d3d3eGI0NGF3d0s0a2pveHBPMnl6TFZ3dXBud3d4YjQ0YXd3cmxNNHRqZ3FKTExsTjMiLCJoYXNfaW5mb3MiOnRydWUsIm5yb3MiOlsiMjczIl0sImF1dGgiOiJNS1VncmxDdkdRbElGbXZVTERCSGplV0wyOXFVUHdyOVlSMVMyeXdJanlLOUNteCIsImlhdCI6MTY0ODQ3MzYxNSwiZXhwIjoxNjQ4NTYwMDE1fQ.KSG_6_9NfQhk5br7hnXzeLyVZuT69XLaEYF9XkdgmmQ"
           // }
-        })
-        if(typeof response != "object" || typeof response.data != "object") throw "Retorno incorreto"
-        const { data } = response
-        const { st_ret, msg_ret, raspagem } = data
-        if(st_ret != "OK") throw `${st_ret} - ${msg_ret}`
-        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(raspagem.author) this.linkPreview.author = raspagem.author
-        if(og) {
-          const { image, site_name, title, author } = og
-          if(image) this.linkPreview.imageSource = image.url ? image.url : image.url == "" ? "" : image
-          if(author || site_name || title) this.linkPreview.author = title ? title : author ? author : site_name ? site_name : ""
-          if(og.description) this.linkPreview.description = og.description
+        });
+        if (typeof response != "object" || typeof response.data != "object")
+          throw "Retorno incorreto";
+        const { data } = response;
+        const { st_ret, msg_ret, raspagem } = data;
+        if (st_ret != "OK") throw `${st_ret} - ${msg_ret}`;
+        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 (raspagem.author) this.linkPreview.author = raspagem.author;
+        if (og) {
+          const { image, site_name, title, author } = og;
+          if (image)
+            this.linkPreview.imageSource = image.url
+              ? image.url
+              : image.url == ""
+              ? ""
+              : image;
+          if (author || site_name || title)
+            this.linkPreview.author = title
+              ? title
+              : author
+              ? author
+              : site_name
+              ? site_name
+              : "";
+          if (og.description) this.linkPreview.description = og.description;
         }
-        if(theme_color) this.linkPreview.colorTheme = theme_color
+        if (theme_color) this.linkPreview.colorTheme = theme_color;
 
-        if(this.linkPreview.description || this.linkPreview.imageSource) this.linkPreview.isValid = true
-      }catch(e) {
-        console.error("Erro ao gerar o preview do link: ", e)
+        if (this.linkPreview.description || this.linkPreview.imageSource)
+          this.linkPreview.isValid = true;
+      } catch (e) {
+        console.error("Erro ao gerar o preview do link: ", e);
       }
     },
     openUrl() {
-      const url = this.returnURL()
-      if(!url) return
-      window.open(url, "_blank")
-    }
-  }
-}
+      const url = this.returnURL();
+      if (!url) return;
+      window.open(url, "_blank");
+    },
+  },
+};
 </script>
 
 <style scoped>
-  .link-preview {
-    display: flex;
-    flex-direction: column;
-    background-color: #EEE;
-    color: #333;
-    cursor: pointer;
-    margin: 5px 0;
-    border-radius: 5px;
-    opacity: .95;
-    transition: opacity 300ms ease-in-out;
-    font-size: 13.6px;
-  }
+.link-preview {
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
+  color: #333;
+  cursor: pointer;
+  margin: 5px 0;
+  border-radius: 5px;
+  opacity: 0.95;
+  transition: opacity 300ms ease-in-out;
+  font-size: 13.6px;
+}
 
-  .link-preview-image {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 1px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-  }
+.link-preview-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
 
-  .link-preview-author {
-    margin: 5px;
-    font-size: .615em;
-    font-weight: bold;
-  }
-  .link-preview-author.mb-0 {
-    margin-bottom: 0;
-  }
-  .link-preview-author h1 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.link-preview-author {
+  margin: 5px;
+  font-size: 0.615em;
+  font-weight: bold;
+}
+.link-preview-author.mb-0 {
+  margin-bottom: 0;
+}
+.link-preview-author h1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
-  .link-preview-image img {
-    min-width: 100px;
-    max-width: 200px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-  }
+.link-preview-image img {
+  min-width: 100px;
+  max-width: 200px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
 
-  .link-preview-infos {
-    background-color: #2626261a;
-    padding: 5px;
-    margin: 5px;
-    font-size: .83em;
-    border-radius: 5px;
-  }
+.link-preview-infos {
+  background-color: #2626261a;
+  padding: 5px;
+  margin: 5px;
+  font-size: 0.83em;
+  border-radius: 5px;
+}
 
-  .link-preview:hover {
-    opacity: 1;
-  }
-  .link-preview:hover .link-preview-infos p {
-    text-decoration: underline;
-  }
-</style>
+.link-preview:hover {
+  opacity: 1;
+}
+.link-preview:hover .link-preview-infos p {
+  text-decoration: underline;
+}
+</style>