react-famewall 0.1.4 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -1
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +8 -3
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@ Highlight and display social media mentions as beautiful testimonials. Enjoy the
|
|
|
12
12
|
npm install --save react-famewall
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
-
## Usage
|
|
15
|
+
## Basic Usage
|
|
16
16
|
|
|
17
17
|
```jsx
|
|
18
18
|
import React from 'react'
|
|
@@ -28,6 +28,36 @@ const App = () => {
|
|
|
28
28
|
}
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
+
## Dynamic card color (For websites with Dark Mode/ Light Mode Switch)
|
|
32
|
+
|
|
33
|
+
Use the 'cardTheme' prop to dynamically feed in "light" or "dark" if you want the wall to be compatible with dynamic card color based on your website's theme
|
|
34
|
+
|
|
35
|
+
```jsx
|
|
36
|
+
|
|
37
|
+
const App = () => {
|
|
38
|
+
|
|
39
|
+
return(
|
|
40
|
+
<FamewallEmbed
|
|
41
|
+
wallUrl="famewall"
|
|
42
|
+
cardTheme="dark"
|
|
43
|
+
/>
|
|
44
|
+
)
|
|
45
|
+
}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
```jsx
|
|
49
|
+
|
|
50
|
+
const App = () => {
|
|
51
|
+
|
|
52
|
+
return(
|
|
53
|
+
<FamewallEmbed
|
|
54
|
+
wallUrl="famewall"
|
|
55
|
+
cardTheme="light"
|
|
56
|
+
/>
|
|
57
|
+
)
|
|
58
|
+
}
|
|
59
|
+
```
|
|
60
|
+
|
|
31
61
|
## License
|
|
32
62
|
|
|
33
63
|
MIT ©2021 [Famewall](https://famewall.io)
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,8 @@ var IframeResizer = _interopDefault(require('iframe-resizer-react'));
|
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
|
|
7
7
|
var FamewallEmbed = function FamewallEmbed(_ref) {
|
|
8
|
-
var wallUrl = _ref.wallUrl
|
|
8
|
+
var wallUrl = _ref.wallUrl,
|
|
9
|
+
cardTheme = _ref.cardTheme;
|
|
9
10
|
|
|
10
11
|
if (!wallUrl) {
|
|
11
12
|
console.error('Wall URL is required');
|
|
@@ -16,12 +17,16 @@ var FamewallEmbed = function FamewallEmbed(_ref) {
|
|
|
16
17
|
return /*#__PURE__*/React.createElement(IframeResizer, {
|
|
17
18
|
title: "Famewall Embed " + wallUrl,
|
|
18
19
|
id: embedId,
|
|
19
|
-
src: "https://embed.famewall.io/wall/" + wallUrl,
|
|
20
|
+
src: cardTheme ? "https://embed.famewall.io/wall/" + wallUrl + "?theme=" + cardTheme : "https://embed.famewall.io/wall/" + wallUrl,
|
|
20
21
|
frameBorder: "0",
|
|
22
|
+
checkOrigin: false,
|
|
23
|
+
autoResize: true,
|
|
21
24
|
scrolling: false,
|
|
22
25
|
width: "100%",
|
|
23
26
|
style: {
|
|
24
|
-
border: 0
|
|
27
|
+
border: 0,
|
|
28
|
+
width: '1px',
|
|
29
|
+
minWidth: '100%'
|
|
25
30
|
}
|
|
26
31
|
});
|
|
27
32
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl }) => {\r\n if (!wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n const embedId = nanoid()\r\n\r\n return (\r\n <IframeResizer\r\n title={`Famewall Embed ${wallUrl}`}\r\n id={embedId}\r\n src={
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme }) => {\r\n if (!wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n const embedId = nanoid()\r\n\r\n return (\r\n <IframeResizer\r\n title={`Famewall Embed ${wallUrl}`}\r\n id={embedId}\r\n src={cardTheme?`https://embed.famewall.io/wall/${wallUrl}?theme=${cardTheme}`:`https://embed.famewall.io/wall/${wallUrl}`}\r\n frameBorder='0'\r\n checkOrigin={false}\r\n autoResize={true}\r\n scrolling={false}\r\n width='100%'\r\n style={{\r\n border: 0,\r\n width: '1px',\r\n minWidth: '100%'\r\n }}\r\n />\r\n )\r\n}\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","wallUrl","cardTheme","console","error","embedId","nanoid","border","width","minWidth"],"mappings":";;;;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA4B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AAChD,MAAI,CAACD,OAAL,EAAc;AACZE,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AACD,MAAMC,OAAO,GAAGC,aAAM,EAAtB;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,EAAE,EAAEI,OAFN;AAGE,IAAA,GAAG,EAAEH,SAAS,uCAAmCD,OAAnC,eAAoDC,SAApD,uCAAkGD,OAHlH;AAIE,IAAA,WAAW,EAAC,GAJd;AAKE,IAAA,WAAW,EAAE,KALf;AAME,IAAA,UAAU,EAAE,IANd;AAOE,IAAA,SAAS,EAAE,KAPb;AAQE,IAAA,KAAK,EAAC,MARR;AASE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AATT,IADF;AAiBD,CAxBD;;;;"}
|
package/dist/index.modern.js
CHANGED
|
@@ -3,7 +3,8 @@ import IframeResizer from 'iframe-resizer-react';
|
|
|
3
3
|
import { nanoid } from 'nanoid';
|
|
4
4
|
|
|
5
5
|
var FamewallEmbed = function FamewallEmbed(_ref) {
|
|
6
|
-
var wallUrl = _ref.wallUrl
|
|
6
|
+
var wallUrl = _ref.wallUrl,
|
|
7
|
+
cardTheme = _ref.cardTheme;
|
|
7
8
|
|
|
8
9
|
if (!wallUrl) {
|
|
9
10
|
console.error('Wall URL is required');
|
|
@@ -14,12 +15,16 @@ var FamewallEmbed = function FamewallEmbed(_ref) {
|
|
|
14
15
|
return /*#__PURE__*/React.createElement(IframeResizer, {
|
|
15
16
|
title: "Famewall Embed " + wallUrl,
|
|
16
17
|
id: embedId,
|
|
17
|
-
src: "https://embed.famewall.io/wall/" + wallUrl,
|
|
18
|
+
src: cardTheme ? "https://embed.famewall.io/wall/" + wallUrl + "?theme=" + cardTheme : "https://embed.famewall.io/wall/" + wallUrl,
|
|
18
19
|
frameBorder: "0",
|
|
20
|
+
checkOrigin: false,
|
|
21
|
+
autoResize: true,
|
|
19
22
|
scrolling: false,
|
|
20
23
|
width: "100%",
|
|
21
24
|
style: {
|
|
22
|
-
border: 0
|
|
25
|
+
border: 0,
|
|
26
|
+
width: '1px',
|
|
27
|
+
minWidth: '100%'
|
|
23
28
|
}
|
|
24
29
|
});
|
|
25
30
|
};
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl }) => {\r\n if (!wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n const embedId = nanoid()\r\n\r\n return (\r\n <IframeResizer\r\n title={`Famewall Embed ${wallUrl}`}\r\n id={embedId}\r\n src={
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["import React from 'react'\r\nimport IframeResizer from 'iframe-resizer-react'\r\nimport {nanoid} from 'nanoid'\r\n\r\nconst FamewallEmbed = ({ wallUrl, cardTheme }) => {\r\n if (!wallUrl) {\r\n console.error('Wall URL is required')\r\n return null\r\n }\r\n const embedId = nanoid()\r\n\r\n return (\r\n <IframeResizer\r\n title={`Famewall Embed ${wallUrl}`}\r\n id={embedId}\r\n src={cardTheme?`https://embed.famewall.io/wall/${wallUrl}?theme=${cardTheme}`:`https://embed.famewall.io/wall/${wallUrl}`}\r\n frameBorder='0'\r\n checkOrigin={false}\r\n autoResize={true}\r\n scrolling={false}\r\n width='100%'\r\n style={{\r\n border: 0,\r\n width: '1px',\r\n minWidth: '100%'\r\n }}\r\n />\r\n )\r\n}\r\n\r\nexport default FamewallEmbed\r\n"],"names":["FamewallEmbed","wallUrl","cardTheme","console","error","embedId","nanoid","border","width","minWidth"],"mappings":";;;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA4B;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AAChD,MAAI,CAACD,OAAL,EAAc;AACZE,IAAAA,OAAO,CAACC,KAAR,CAAc,sBAAd;AACA,WAAO,IAAP;AACD;;AACD,MAAMC,OAAO,GAAGC,MAAM,EAAtB;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,KAAK,sBAAoBL,OAD3B;AAEE,IAAA,EAAE,EAAEI,OAFN;AAGE,IAAA,GAAG,EAAEH,SAAS,uCAAmCD,OAAnC,eAAoDC,SAApD,uCAAkGD,OAHlH;AAIE,IAAA,WAAW,EAAC,GAJd;AAKE,IAAA,WAAW,EAAE,KALf;AAME,IAAA,UAAU,EAAE,IANd;AAOE,IAAA,SAAS,EAAE,KAPb;AAQE,IAAA,KAAK,EAAC,MARR;AASE,IAAA,KAAK,EAAE;AACLM,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,QAAQ,EAAE;AAHL;AATT,IADF;AAiBD,CAxBD;;;;"}
|