vue-intergrall-plugins 0.0.193 → 0.0.194

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

@@ -11185,7 +11185,7 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
       var _this2 = this;
 
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var url, encodedURL, response, data, st_ret, msg_ret, raspagem, description, og, theme_color, author;
+        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) {
@@ -11241,26 +11241,32 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
                 throw "".concat(st_ret, " - ").concat(msg_ret, " | (Raspagem nao encontrada no retorno)");
 
               case 16:
-                description = raspagem.description, og = raspagem.og, theme_color = raspagem.theme_color, author = raspagem.author;
-                if (author) _this2.linkPreview.author = author;
+                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 (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 = 27;
+                _context.next = 26;
                 break;
 
-              case 24:
-                _context.prev = 24;
+              case 23:
+                _context.prev = 23;
                 _context.t0 = _context["catch"](0);
                 console.error("Erro ao gerar o preview do link: ", _context.t0);
 
-              case 27:
+              case 26:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[0, 24]]);
+        }, _callee, null, [[0, 23]]);
       }))();
     },
     openUrl: function openUrl() {
@@ -11290,7 +11296,7 @@ var __vue_render__$4 = 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-87545f64><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-87545f64></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-87545f64><h1 data-v-87545f64>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-87545f64>" + (_vm.linkPreview.description ? "<p data-v-87545f64>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-0d92e314><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-0d92e314></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-0d92e314><h1 data-v-0d92e314>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-0d92e314>" + (_vm.linkPreview.description ? "<p data-v-0d92e314>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11298,8 +11304,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-87545f64_0", {
-    source: ".link-preview[data-v-87545f64]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin-bottom:5px;border-radius:5px}.link-preview-image[data-v-87545f64]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px}.link-preview-author[data-v-87545f64]{margin:5px;font-size:.625em}.link-preview-image img[data-v-87545f64]{min-width:100px;max-width:200px}.link-preview-infos[data-v-87545f64]{background-color:rgba(38,38%,38%,10%);padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}",
+  inject("data-v-0d92e314_0", {
+    source: ".link-preview[data-v-0d92e314]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin-bottom:5px;border-radius:5px}.link-preview-image[data-v-0d92e314]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px}.link-preview-author[data-v-0d92e314]{margin:5px;font-size:.625em}.link-preview-image img[data-v-0d92e314]{min-width:100px;max-width:200px}.link-preview-infos[data-v-0d92e314]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}",
     map: undefined,
     media: undefined
   });
@@ -11307,10 +11313,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-87545f64";
+var __vue_scope_id__$4 = "data-v-0d92e314";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-87545f64";
+var __vue_module_identifier__$4 = "data-v-0d92e314";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;

package/package.json

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

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

@@ -76,10 +76,14 @@ export default {
         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, author } = raspagem
-        if(author) this.linkPreview.author = author
+        const { description, og, theme_color } = raspagem
         if(description) this.linkPreview.description = description
-        if(og && og.image) this.linkPreview.imageSource = og.image
+        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
@@ -126,7 +130,7 @@ export default {
   }
 
   .link-preview-infos {
-    background-color: rgba(38, 38, 38, 10%);
+    background-color: #2626261a;
     padding: 5px;
     margin: 0 5px 5px 5px;
     font-size: .8rem;