New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@dhaiwat10/react-link-preview

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dhaiwat10/react-link-preview - npm Package Compare versions

Comparing version 1.14.0 to 1.14.1

1

components/LinkPreview/Skeleton.d.ts
import React from 'react';
import './skeleton.scss';
import 'react-loading-skeleton/dist/skeleton.css';
interface SkeletonProps {

@@ -4,0 +5,0 @@ width?: string | number;

2

index.esm.js

@@ -1,2 +0,2 @@

import e,{useRef as n,useState as t,useEffect as o}from"react";import r from"react-loading-skeleton";function i(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}i("/* common */\n.Container {\n text-align: left;\n background-color: white;\n display: flex;\n flex-direction: column;\n border-radius: 7px;\n border: 1px solid #ccc;\n color: black;\n transition: 0.3s all ease;\n height: fit-content; }\n .Container:hover {\n background-color: #fafafa !important;\n cursor: pointer; }\n\n.Secondary {\n color: #646464; }\n\n.LowerContainer {\n padding: 10px; }\n\n.Title {\n margin-top: 0;\n margin-bottom: 10px; }\n\n.Image {\n width: 100%;\n border-top-left-radius: 7px;\n border-top-right-radius: 7px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n height: 30vh; }\n\n.SiteDetails {\n margin-top: 10px; }\n\n/* sm */\n@media (max-width: 640px) {\n .Description {\n display: none; } }\n\n/* md */\n@media (min-width: 641px) and (max-width: 768px) {\n .Description {\n display: none; } }\n");i(".skeleton-container {\n border-radius: 7px;\n border: 1px solid #eee; }\n\n.skeleton-lower-container {\n padding: 10px; }\n");var a=function(n){var t=n.width,o=void 0===t?"100%":t,i=n.imageHeight,a=void 0===i?"30vh":i,l=n.margin;return e.createElement("div",{className:"skeleton-container",style:{width:o,margin:l}},e.createElement(r,{width:o,height:a}),e.createElement("div",{className:"skeleton-lower-container"},e.createElement(r,{count:3})))},l="https://i.imgur.com/UeDNBNQ.jpeg";var c=function(r){var i=r.url,l=r.className,c=void 0===l?"":l,d=r.width,s=r.height,m=r.descriptionLength,u=r.borderRadius,h=r.imageHeight,p=r.textAlign,g=r.margin,v=r.fallback,f=void 0===v?null:v,b=r.backgroundColor,x=void 0===b?"white":b,N=r.primaryTextColor,w=void 0===N?"black":N,y=r.secondaryTextColor,k=void 0===y?"rgb(100, 100, 100)":y,E=r.borderColor,C=void 0===E?"#ccc":E,S=r.showLoader,T=void 0===S||S,I=r.customLoader,L=void 0===I?null:I,D=r.openInNewTab,R=void 0===D||D,B=r.fetcher,U=r.fallbackImageSrc,j=void 0===U?"https://i.imgur.com/UeDNBNQ.jpeg":U,A=r.explicitImageSrc,H=void 0===A?null:A,F=r.showPlaceholderIfNoImage,Q=void 0===F||F,_=r.onSuccess,z=void 0===_?function(e){}:_,P=n(!0),W=t(),q=W[0],G=W[1],J=t(!0),K=J[0],M=J[1];if(o((function(){return P.current=!0,M(!0),B?B(i).then((function(e){var n;P.current&&(!function(e){return!!e&&null!==e.title&&null!==e.description&&null!==e.image&&null!==e.siteName&&null!==e.hostname&&void 0!==e.title&&void 0!==e.description&&void 0!==e.image&&void 0!==e.siteName&&void 0!==e.hostname&&"null"!==e.image&&!e.image.startsWith("/")}(e)?(n=null,G(null)):(n=e,G(e)),z(n),M(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),P.current&&(z(null),G(null),M(!1))})):fetch("https://rlp-proxy.herokuapp.com/v2?url="+i).then((function(e){return e.json()})).then((function(e){P.current&&(G(e.metadata),z(e.metadata),M(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),P.current&&(z(null),G(null),M(!1))})),function(){P.current=!1}}),[i,B]),K&&T)return L?e.createElement(e.Fragment,null,L):e.createElement(a,{width:d,imageHeight:h,margin:g});if(!q)return e.createElement(e.Fragment,null,f);var O=q.image,V=q.description,X=q.title,Y=q.siteName,Z=q.hostname;return e.createElement("div",{"data-testid":"container",onClick:function(){var e=R?"_blank":"_self";window.open(i,e)},className:"Container "+c,style:{width:d,height:s,borderRadius:u,textAlign:p,margin:g,backgroundColor:x,borderColor:C}},(O||j)&&Q&&e.createElement("div",{"data-testid":"image-container",style:{borderTopLeftRadius:u,borderTopRightRadius:u,backgroundImage:"url("+(H||O||j)+"), url("+j+")",height:h},className:"Image"}),e.createElement("div",{className:"LowerContainer"},e.createElement("h3",{"data-testid":"title",className:"Title",style:{color:w}},X),V&&e.createElement("span",{"data-testid":"desc",className:"Description Secondary",style:{color:k}},m&&V.length>m?V.slice(0,m)+"...":V),e.createElement("div",{className:"Secondary SiteDetails",style:{color:k}},Y&&e.createElement("span",null,Y," • "),e.createElement("span",null,Z))))};export{c as LinkPreview,l as placeholderImg};
import e,{useRef as n,useState as t,useEffect as o}from"react";import i from"react-loading-skeleton";function a(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}a("/* common */\n.Container {\n text-align: left;\n background-color: white;\n display: flex;\n flex-direction: column;\n border-radius: 7px;\n border: 1px solid #ccc;\n color: black;\n transition: 0.3s all ease;\n height: fit-content; }\n .Container:hover {\n background-color: #fafafa !important;\n cursor: pointer; }\n\n.Secondary {\n color: #646464; }\n\n.LowerContainer {\n padding: 10px; }\n\n.Title {\n margin-top: 0;\n margin-bottom: 10px; }\n\n.Image {\n width: 100%;\n border-top-left-radius: 7px;\n border-top-right-radius: 7px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n height: 30vh; }\n\n.SiteDetails {\n margin-top: 10px; }\n\n/* sm */\n@media (max-width: 640px) {\n .Description {\n display: none; } }\n\n/* md */\n@media (min-width: 641px) and (max-width: 768px) {\n .Description {\n display: none; } }\n");a(".skeleton-container {\n border-radius: 7px;\n border: 1px solid #eee; }\n\n.skeleton-lower-container {\n padding: 10px; }\n");a("@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n");var r=function(n){var t=n.width,o=void 0===t?"100%":t,a=n.imageHeight,r=void 0===a?"30vh":a,l=n.margin;return e.createElement("div",{className:"skeleton-container",style:{width:o,margin:l}},e.createElement(i,{width:o,height:r}),e.createElement("div",{className:"skeleton-lower-container"},e.createElement(i,{count:3})))},l="https://i.imgur.com/UeDNBNQ.jpeg";var d=function(i){var a=i.url,l=i.className,d=void 0===l?"":l,c=i.width,s=i.height,m=i.descriptionLength,u=i.borderRadius,g=i.imageHeight,h=i.textAlign,p=i.margin,f=i.fallback,v=void 0===f?null:f,b=i.backgroundColor,k=void 0===b?"white":b,x=i.primaryTextColor,y=void 0===x?"black":x,w=i.secondaryTextColor,N=void 0===w?"rgb(100, 100, 100)":w,E=i.borderColor,C=void 0===E?"#ccc":E,S=i.showLoader,T=void 0===S||S,I=i.customLoader,L=void 0===I?null:I,D=i.openInNewTab,R=void 0===D||D,B=i.fetcher,U=i.fallbackImageSrc,j=void 0===U?"https://i.imgur.com/UeDNBNQ.jpeg":U,A=i.explicitImageSrc,H=void 0===A?null:A,z=i.showPlaceholderIfNoImage,F=void 0===z||z,Q=i.onSuccess,X=void 0===Q?function(e){}:Q,_=n(!0),P=t(),W=P[0],q=P[1],G=t(!0),J=G[0],K=G[1];if(o((function(){return _.current=!0,K(!0),B?B(a).then((function(e){var n;_.current&&(!function(e){return!!e&&null!==e.title&&null!==e.description&&null!==e.image&&null!==e.siteName&&null!==e.hostname&&void 0!==e.title&&void 0!==e.description&&void 0!==e.image&&void 0!==e.siteName&&void 0!==e.hostname&&"null"!==e.image&&!e.image.startsWith("/")}(e)?(n=null,q(null)):(n=e,q(e)),X(n),K(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),_.current&&(X(null),q(null),K(!1))})):fetch("https://rlp-proxy.herokuapp.com/v2?url="+a).then((function(e){return e.json()})).then((function(e){_.current&&(q(e.metadata),X(e.metadata),K(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),_.current&&(X(null),q(null),K(!1))})),function(){_.current=!1}}),[a,B]),J&&T)return L?e.createElement(e.Fragment,null,L):e.createElement(r,{width:c,imageHeight:g,margin:p});if(!W)return e.createElement(e.Fragment,null,v);var M=W.image,O=W.description,V=W.title,Y=W.siteName,Z=W.hostname;return e.createElement("div",{"data-testid":"container",onClick:function(){var e=R?"_blank":"_self";window.open(a,e)},className:"Container "+d,style:{width:c,height:s,borderRadius:u,textAlign:h,margin:p,backgroundColor:k,borderColor:C}},(M||j)&&F&&e.createElement("div",{"data-testid":"image-container",style:{borderTopLeftRadius:u,borderTopRightRadius:u,backgroundImage:"url("+(H||M||j)+"), url("+j+")",height:g},className:"Image"}),e.createElement("div",{className:"LowerContainer"},e.createElement("h3",{"data-testid":"title",className:"Title",style:{color:y}},V),O&&e.createElement("span",{"data-testid":"desc",className:"Description Secondary",style:{color:N}},m&&O.length>m?O.slice(0,m)+"...":O),e.createElement("div",{className:"Secondary SiteDetails",style:{color:N}},Y&&e.createElement("span",null,Y," • "),e.createElement("span",null,Z))))};export{d as LinkPreview,l as placeholderImg};
//# sourceMappingURL=index.esm.js.map

2

index.js

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-loading-skeleton");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a=n(t);function o(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}o("/* common */\n.Container {\n text-align: left;\n background-color: white;\n display: flex;\n flex-direction: column;\n border-radius: 7px;\n border: 1px solid #ccc;\n color: black;\n transition: 0.3s all ease;\n height: fit-content; }\n .Container:hover {\n background-color: #fafafa !important;\n cursor: pointer; }\n\n.Secondary {\n color: #646464; }\n\n.LowerContainer {\n padding: 10px; }\n\n.Title {\n margin-top: 0;\n margin-bottom: 10px; }\n\n.Image {\n width: 100%;\n border-top-left-radius: 7px;\n border-top-right-radius: 7px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n height: 30vh; }\n\n.SiteDetails {\n margin-top: 10px; }\n\n/* sm */\n@media (max-width: 640px) {\n .Description {\n display: none; } }\n\n/* md */\n@media (min-width: 641px) and (max-width: 768px) {\n .Description {\n display: none; } }\n");o(".skeleton-container {\n border-radius: 7px;\n border: 1px solid #eee; }\n\n.skeleton-lower-container {\n padding: 10px; }\n");var i=function(e){var t=e.width,n=void 0===t?"100%":t,o=e.imageHeight,i=void 0===o?"30vh":o,l=e.margin;return r.default.createElement("div",{className:"skeleton-container",style:{width:n,margin:l}},r.default.createElement(a.default,{width:n,height:i}),r.default.createElement("div",{className:"skeleton-lower-container"},r.default.createElement(a.default,{count:3})))};exports.LinkPreview=function(t){var n=t.url,a=t.className,o=void 0===a?"":a,l=t.width,d=t.height,c=t.descriptionLength,u=t.borderRadius,s=t.imageHeight,m=t.textAlign,f=t.margin,p=t.fallback,h=void 0===p?null:p,g=t.backgroundColor,v=void 0===g?"white":g,b=t.primaryTextColor,x=void 0===b?"black":b,y=t.secondaryTextColor,w=void 0===y?"rgb(100, 100, 100)":y,N=t.borderColor,k=void 0===N?"#ccc":N,E=t.showLoader,C=void 0===E||E,S=t.customLoader,T=void 0===S?null:S,I=t.openInNewTab,L=void 0===I||I,R=t.fetcher,D=t.fallbackImageSrc,j=void 0===D?"https://i.imgur.com/UeDNBNQ.jpeg":D,B=t.explicitImageSrc,U=void 0===B?null:B,_=t.showPlaceholderIfNoImage,A=void 0===_||_,H=t.onSuccess,P=void 0===H?function(e){}:H,q=e.useRef(!0),F=e.useState(),Q=F[0],z=F[1],M=e.useState(!0),O=M[0],W=M[1];if(e.useEffect((function(){return q.current=!0,W(!0),R?R(n).then((function(e){var t;q.current&&(!function(e){return!!e&&null!==e.title&&null!==e.description&&null!==e.image&&null!==e.siteName&&null!==e.hostname&&void 0!==e.title&&void 0!==e.description&&void 0!==e.image&&void 0!==e.siteName&&void 0!==e.hostname&&"null"!==e.image&&!e.image.startsWith("/")}(e)?(t=null,z(null)):(t=e,z(e)),P(t),W(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),q.current&&(P(null),z(null),W(!1))})):fetch("https://rlp-proxy.herokuapp.com/v2?url="+n).then((function(e){return e.json()})).then((function(e){q.current&&(z(e.metadata),P(e.metadata),W(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),q.current&&(P(null),z(null),W(!1))})),function(){q.current=!1}}),[n,R]),O&&C)return T?r.default.createElement(r.default.Fragment,null,T):r.default.createElement(i,{width:l,imageHeight:s,margin:f});if(!Q)return r.default.createElement(r.default.Fragment,null,h);var G=Q.image,J=Q.description,K=Q.title,V=Q.siteName,X=Q.hostname;return r.default.createElement("div",{"data-testid":"container",onClick:function(){var e=L?"_blank":"_self";window.open(n,e)},className:"Container "+o,style:{width:l,height:d,borderRadius:u,textAlign:m,margin:f,backgroundColor:v,borderColor:k}},(G||j)&&A&&r.default.createElement("div",{"data-testid":"image-container",style:{borderTopLeftRadius:u,borderTopRightRadius:u,backgroundImage:"url("+(U||G||j)+"), url("+j+")",height:s},className:"Image"}),r.default.createElement("div",{className:"LowerContainer"},r.default.createElement("h3",{"data-testid":"title",className:"Title",style:{color:x}},K),J&&r.default.createElement("span",{"data-testid":"desc",className:"Description Secondary",style:{color:w}},c&&J.length>c?J.slice(0,c)+"...":J),r.default.createElement("div",{className:"Secondary SiteDetails",style:{color:w}},V&&r.default.createElement("span",null,V," • "),r.default.createElement("span",null,X))))},exports.placeholderImg="https://i.imgur.com/UeDNBNQ.jpeg";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("react-loading-skeleton");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e),o=t(n);function r(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}r("/* common */\n.Container {\n text-align: left;\n background-color: white;\n display: flex;\n flex-direction: column;\n border-radius: 7px;\n border: 1px solid #ccc;\n color: black;\n transition: 0.3s all ease;\n height: fit-content; }\n .Container:hover {\n background-color: #fafafa !important;\n cursor: pointer; }\n\n.Secondary {\n color: #646464; }\n\n.LowerContainer {\n padding: 10px; }\n\n.Title {\n margin-top: 0;\n margin-bottom: 10px; }\n\n.Image {\n width: 100%;\n border-top-left-radius: 7px;\n border-top-right-radius: 7px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n height: 30vh; }\n\n.SiteDetails {\n margin-top: 10px; }\n\n/* sm */\n@media (max-width: 640px) {\n .Description {\n display: none; } }\n\n/* md */\n@media (min-width: 641px) and (max-width: 768px) {\n .Description {\n display: none; } }\n");r(".skeleton-container {\n border-radius: 7px;\n border: 1px solid #eee; }\n\n.skeleton-lower-container {\n padding: 10px; }\n");r("@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n");var i=function(e){var n=e.width,t=void 0===n?"100%":n,r=e.imageHeight,i=void 0===r?"30vh":r,l=e.margin;return a.default.createElement("div",{className:"skeleton-container",style:{width:t,margin:l}},a.default.createElement(o.default,{width:t,height:i}),a.default.createElement("div",{className:"skeleton-lower-container"},a.default.createElement(o.default,{count:3})))};exports.LinkPreview=function(n){var t=n.url,o=n.className,r=void 0===o?"":o,l=n.width,d=n.height,c=n.descriptionLength,s=n.borderRadius,u=n.imageHeight,m=n.textAlign,f=n.margin,g=n.fallback,h=void 0===g?null:g,p=n.backgroundColor,v=void 0===p?"white":p,b=n.primaryTextColor,x=void 0===b?"black":b,k=n.secondaryTextColor,y=void 0===k?"rgb(100, 100, 100)":k,w=n.borderColor,N=void 0===w?"#ccc":w,E=n.showLoader,C=void 0===E||E,S=n.customLoader,T=void 0===S?null:S,I=n.openInNewTab,L=void 0===I||I,R=n.fetcher,D=n.fallbackImageSrc,j=void 0===D?"https://i.imgur.com/UeDNBNQ.jpeg":D,B=n.explicitImageSrc,U=void 0===B?null:B,_=n.showPlaceholderIfNoImage,A=void 0===_||_,H=n.onSuccess,P=void 0===H?function(e){}:H,q=e.useRef(!0),z=e.useState(),F=z[0],Q=z[1],X=e.useState(!0),M=X[0],O=X[1];if(e.useEffect((function(){return q.current=!0,O(!0),R?R(t).then((function(e){var n;q.current&&(!function(e){return!!e&&null!==e.title&&null!==e.description&&null!==e.image&&null!==e.siteName&&null!==e.hostname&&void 0!==e.title&&void 0!==e.description&&void 0!==e.image&&void 0!==e.siteName&&void 0!==e.hostname&&"null"!==e.image&&!e.image.startsWith("/")}(e)?(n=null,Q(null)):(n=e,Q(e)),P(n),O(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),q.current&&(P(null),Q(null),O(!1))})):fetch("https://rlp-proxy.herokuapp.com/v2?url="+t).then((function(e){return e.json()})).then((function(e){q.current&&(Q(e.metadata),P(e.metadata),O(!1))})).catch((function(e){console.error(e),console.error("No metadata could be found for the given URL."),q.current&&(P(null),Q(null),O(!1))})),function(){q.current=!1}}),[t,R]),M&&C)return T?a.default.createElement(a.default.Fragment,null,T):a.default.createElement(i,{width:l,imageHeight:u,margin:f});if(!F)return a.default.createElement(a.default.Fragment,null,h);var W=F.image,G=F.description,J=F.title,K=F.siteName,V=F.hostname;return a.default.createElement("div",{"data-testid":"container",onClick:function(){var e=L?"_blank":"_self";window.open(t,e)},className:"Container "+r,style:{width:l,height:d,borderRadius:s,textAlign:m,margin:f,backgroundColor:v,borderColor:N}},(W||j)&&A&&a.default.createElement("div",{"data-testid":"image-container",style:{borderTopLeftRadius:s,borderTopRightRadius:s,backgroundImage:"url("+(U||W||j)+"), url("+j+")",height:u},className:"Image"}),a.default.createElement("div",{className:"LowerContainer"},a.default.createElement("h3",{"data-testid":"title",className:"Title",style:{color:x}},J),G&&a.default.createElement("span",{"data-testid":"desc",className:"Description Secondary",style:{color:y}},c&&G.length>c?G.slice(0,c)+"...":G),a.default.createElement("div",{className:"Secondary SiteDetails",style:{color:y}},K&&a.default.createElement("span",null,K," • "),a.default.createElement("span",null,V))))},exports.placeholderImg="https://i.imgur.com/UeDNBNQ.jpeg";
//# sourceMappingURL=index.js.map

4

package.json
{
"name": "@dhaiwat10/react-link-preview",
"license": "MIT",
"version": "1.14.0",
"version": "1.14.1",
"private": false,

@@ -27,3 +27,3 @@ "description": "React library to preview links.",

"dependencies": {
"react-loading-skeleton": "^2.2.0"
"react-loading-skeleton": "^3.1.0"
},

@@ -30,0 +30,0 @@ "peerDependencies": {

index.esm.js.map

Sorry, the diff of this file is not supported yet

index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc