@automattic/social-previews 2.0.0 → 2.0.1-beta.1

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.
Files changed (128) hide show
  1. package/dist/cjs/facebook-preview/custom-text.js +4 -3
  2. package/dist/cjs/facebook-preview/custom-text.js.map +1 -1
  3. package/dist/cjs/facebook-preview/helpers.js +2 -4
  4. package/dist/cjs/facebook-preview/helpers.js.map +1 -1
  5. package/dist/cjs/helpers.js +80 -17
  6. package/dist/cjs/helpers.js.map +1 -1
  7. package/dist/cjs/index.js +1 -0
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/cjs/instagram-preview/constants.js +6 -0
  10. package/dist/cjs/instagram-preview/constants.js.map +1 -0
  11. package/dist/cjs/instagram-preview/icons/bookmark.js +9 -0
  12. package/dist/cjs/instagram-preview/icons/bookmark.js.map +1 -0
  13. package/dist/cjs/instagram-preview/icons/comment.js +9 -0
  14. package/dist/cjs/instagram-preview/icons/comment.js.map +1 -0
  15. package/dist/cjs/instagram-preview/icons/default-avatar.js +9 -0
  16. package/dist/cjs/instagram-preview/icons/default-avatar.js.map +1 -0
  17. package/dist/cjs/instagram-preview/icons/heart.js +9 -0
  18. package/dist/cjs/instagram-preview/icons/heart.js.map +1 -0
  19. package/dist/cjs/instagram-preview/icons/menu.js +9 -0
  20. package/dist/cjs/instagram-preview/icons/menu.js.map +1 -0
  21. package/dist/cjs/instagram-preview/icons/share.js +9 -0
  22. package/dist/cjs/instagram-preview/icons/share.js.map +1 -0
  23. package/dist/cjs/instagram-preview/index.js +6 -0
  24. package/dist/cjs/instagram-preview/index.js.map +1 -0
  25. package/dist/cjs/instagram-preview/post-preview.js +25 -0
  26. package/dist/cjs/instagram-preview/post-preview.js.map +1 -0
  27. package/dist/cjs/instagram-preview/previews.js +15 -0
  28. package/dist/cjs/instagram-preview/previews.js.map +1 -0
  29. package/dist/cjs/instagram-preview/style.scss +102 -0
  30. package/dist/cjs/instagram-preview/types.js +3 -0
  31. package/dist/cjs/instagram-preview/types.js.map +1 -0
  32. package/dist/cjs/linkedin-preview/post-preview.js +5 -10
  33. package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
  34. package/dist/cjs/twitter-preview/post-preview.js +1 -1
  35. package/dist/cjs/twitter-preview/post-preview.js.map +1 -1
  36. package/dist/cjs/twitter-preview/text.js +1 -6
  37. package/dist/cjs/twitter-preview/text.js.map +1 -1
  38. package/dist/esm/facebook-preview/custom-text.js +6 -5
  39. package/dist/esm/facebook-preview/custom-text.js.map +1 -1
  40. package/dist/esm/facebook-preview/helpers.js +1 -2
  41. package/dist/esm/facebook-preview/helpers.js.map +1 -1
  42. package/dist/esm/helpers.js +79 -16
  43. package/dist/esm/helpers.js.map +1 -1
  44. package/dist/esm/index.js +1 -0
  45. package/dist/esm/index.js.map +1 -1
  46. package/dist/esm/instagram-preview/constants.js +3 -0
  47. package/dist/esm/instagram-preview/constants.js.map +1 -0
  48. package/dist/esm/instagram-preview/icons/bookmark.js +5 -0
  49. package/dist/esm/instagram-preview/icons/bookmark.js.map +1 -0
  50. package/dist/esm/instagram-preview/icons/comment.js +5 -0
  51. package/dist/esm/instagram-preview/icons/comment.js.map +1 -0
  52. package/dist/esm/instagram-preview/icons/default-avatar.js +5 -0
  53. package/dist/esm/instagram-preview/icons/default-avatar.js.map +1 -0
  54. package/dist/esm/instagram-preview/icons/heart.js +5 -0
  55. package/dist/esm/instagram-preview/icons/heart.js.map +1 -0
  56. package/dist/esm/instagram-preview/icons/menu.js +5 -0
  57. package/dist/esm/instagram-preview/icons/menu.js.map +1 -0
  58. package/dist/esm/instagram-preview/icons/share.js +5 -0
  59. package/dist/esm/instagram-preview/icons/share.js.map +1 -0
  60. package/dist/esm/instagram-preview/index.js +3 -0
  61. package/dist/esm/instagram-preview/index.js.map +1 -0
  62. package/dist/esm/instagram-preview/post-preview.js +21 -0
  63. package/dist/esm/instagram-preview/post-preview.js.map +1 -0
  64. package/dist/esm/instagram-preview/previews.js +10 -0
  65. package/dist/esm/instagram-preview/previews.js.map +1 -0
  66. package/dist/esm/instagram-preview/style.scss +102 -0
  67. package/dist/esm/instagram-preview/types.js +2 -0
  68. package/dist/esm/instagram-preview/types.js.map +1 -0
  69. package/dist/esm/linkedin-preview/post-preview.js +5 -10
  70. package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
  71. package/dist/esm/twitter-preview/post-preview.js +1 -1
  72. package/dist/esm/twitter-preview/post-preview.js.map +1 -1
  73. package/dist/esm/twitter-preview/text.js +1 -6
  74. package/dist/esm/twitter-preview/text.js.map +1 -1
  75. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  76. package/dist/tsconfig.tsbuildinfo +1 -1
  77. package/dist/types/facebook-preview/custom-text.d.ts.map +1 -1
  78. package/dist/types/facebook-preview/helpers.d.ts +1 -1
  79. package/dist/types/facebook-preview/helpers.d.ts.map +1 -1
  80. package/dist/types/helpers.d.ts +5 -2
  81. package/dist/types/helpers.d.ts.map +1 -1
  82. package/dist/types/index.d.ts +1 -0
  83. package/dist/types/index.d.ts.map +1 -1
  84. package/dist/types/instagram-preview/constants.d.ts +3 -0
  85. package/dist/types/instagram-preview/constants.d.ts.map +1 -0
  86. package/dist/types/instagram-preview/icons/bookmark.d.ts +2 -0
  87. package/dist/types/instagram-preview/icons/bookmark.d.ts.map +1 -0
  88. package/dist/types/instagram-preview/icons/comment.d.ts +2 -0
  89. package/dist/types/instagram-preview/icons/comment.d.ts.map +1 -0
  90. package/dist/types/instagram-preview/icons/default-avatar.d.ts +2 -0
  91. package/dist/types/instagram-preview/icons/default-avatar.d.ts.map +1 -0
  92. package/dist/types/instagram-preview/icons/heart.d.ts +2 -0
  93. package/dist/types/instagram-preview/icons/heart.d.ts.map +1 -0
  94. package/dist/types/instagram-preview/icons/menu.d.ts +2 -0
  95. package/dist/types/instagram-preview/icons/menu.d.ts.map +1 -0
  96. package/dist/types/instagram-preview/icons/share.d.ts +2 -0
  97. package/dist/types/instagram-preview/icons/share.d.ts.map +1 -0
  98. package/dist/types/instagram-preview/index.d.ts +3 -0
  99. package/dist/types/instagram-preview/index.d.ts.map +1 -0
  100. package/dist/types/instagram-preview/post-preview.d.ts +4 -0
  101. package/dist/types/instagram-preview/post-preview.d.ts.map +1 -0
  102. package/dist/types/instagram-preview/previews.d.ts +3 -0
  103. package/dist/types/instagram-preview/previews.d.ts.map +1 -0
  104. package/dist/types/instagram-preview/types.d.ts +8 -0
  105. package/dist/types/instagram-preview/types.d.ts.map +1 -0
  106. package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
  107. package/dist/types/twitter-preview/text.d.ts.map +1 -1
  108. package/package.json +1 -1
  109. package/src/facebook-preview/custom-text.tsx +8 -6
  110. package/src/facebook-preview/helpers.ts +1 -7
  111. package/src/helpers.tsx +186 -0
  112. package/src/index.ts +1 -0
  113. package/src/instagram-preview/constants.tsx +2 -0
  114. package/src/instagram-preview/icons/bookmark.tsx +21 -0
  115. package/src/instagram-preview/icons/comment.tsx +20 -0
  116. package/src/instagram-preview/icons/default-avatar.tsx +10 -0
  117. package/src/instagram-preview/icons/heart.tsx +14 -0
  118. package/src/instagram-preview/icons/menu.tsx +24 -0
  119. package/src/instagram-preview/icons/share.tsx +30 -0
  120. package/src/instagram-preview/index.tsx +2 -0
  121. package/src/instagram-preview/post-preview.tsx +71 -0
  122. package/src/instagram-preview/previews.tsx +33 -0
  123. package/src/instagram-preview/style.scss +102 -0
  124. package/src/instagram-preview/types.ts +9 -0
  125. package/src/linkedin-preview/post-preview.tsx +7 -12
  126. package/src/twitter-preview/post-preview.tsx +1 -1
  127. package/src/twitter-preview/text.tsx +3 -9
  128. package/src/helpers.ts +0 -107
@@ -8,9 +8,10 @@ const CustomText = ({ text, url, forceUrlDisplay }) => {
8
8
  if (forceUrlDisplay || (0, helpers_1.hasTag)(text, 'a')) {
9
9
  postLink = ((0, jsx_runtime_1.jsx)("a", { className: "facebook-preview__custom-text-post-url", href: url, rel: "nofollow noopener noreferrer", target: "_blank", children: url }));
10
10
  }
11
- return ((0, jsx_runtime_1.jsxs)("p", { className: "facebook-preview__custom-text", children: [(0, jsx_runtime_1.jsx)("span", {
12
- // eslint-disable-next-line react/no-danger
13
- dangerouslySetInnerHTML: { __html: (0, helpers_2.facebookCustomText)(text, { allowedTags: ['a'] }) } }), postLink] }));
11
+ return ((0, jsx_runtime_1.jsxs)("p", { className: "facebook-preview__custom-text", children: [(0, jsx_runtime_1.jsx)("span", { children: (0, helpers_1.preparePreviewText)(text, {
12
+ platform: 'facebook',
13
+ maxChars: helpers_2.CUSTOM_TEXT_LENGTH,
14
+ }) }), postLink] }));
14
15
  };
15
16
  exports.default = CustomText;
16
17
  //# sourceMappingURL=custom-text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";;;AAAA,wCAAoC;AACpC,uCAA+C;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,IAAA,gBAAM,EAAE,IAAI,EAAE,GAAG,CAAE,EAAG;QAC7C,QAAQ,GAAG,CACV,8BACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;KACF;IAED,OAAO,CACN,+BAAG,SAAS,EAAC,+BAA+B,aAC3C;gBACC,2CAA2C;gBAC3C,uBAAuB,EAAG,EAAE,MAAM,EAAE,IAAA,4BAAkB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAE,GAAG,CAAE,EAAE,CAAE,EAAE,GACzF,EACA,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"custom-text.js","sourceRoot":"","sources":["../../../src/facebook-preview/custom-text.tsx"],"names":[],"mappings":";;;AAAA,wCAAwD;AACxD,uCAA+C;AAQ/C,MAAM,UAAU,GAAsB,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,EAAG,EAAE;IAC1E,IAAI,QAAQ,CAAC;IAEb,IAAK,eAAe,IAAI,IAAA,gBAAM,EAAE,IAAI,EAAE,GAAG,CAAE,EAAG;QAC7C,QAAQ,GAAG,CACV,8BACC,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAG,GAAG,EACV,GAAG,EAAC,8BAA8B,EAClC,MAAM,EAAC,QAAQ,YAEb,GAAG,GACF,CACJ,CAAC;KACF;IAED,OAAO,CACN,+BAAG,SAAS,EAAC,+BAA+B,aAC3C,2CACG,IAAA,4BAAkB,EAAE,IAAI,EAAE;oBAC3B,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,4BAAkB;iBAC5B,CAAE,GACG,EACL,QAAQ,IACP,CACJ,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -1,10 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.facebookCustomText = exports.facebookDescription = exports.facebookTitle = exports.baseDomain = void 0;
3
+ exports.facebookDescription = exports.facebookTitle = exports.baseDomain = exports.CUSTOM_TEXT_LENGTH = void 0;
4
4
  const helpers_1 = require("../helpers");
5
5
  const TITLE_LENGTH = 110;
6
6
  const DESCRIPTION_LENGTH = 200;
7
- const CUSTOM_TEXT_LENGTH = 440;
7
+ exports.CUSTOM_TEXT_LENGTH = 440;
8
8
  const baseDomain = (url) => url
9
9
  .replace(/^[^/]+[/]*/, '') // strip leading protocol
10
10
  .replace(/\/.*$/, ''); // strip everything after the domain
@@ -13,6 +13,4 @@ const facebookTitle = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEno
13
13
  exports.facebookTitle = facebookTitle;
14
14
  const facebookDescription = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(DESCRIPTION_LENGTH), (0, helpers_1.hardTruncation)(DESCRIPTION_LENGTH))((0, helpers_1.stripHtmlTags)(text)) || '';
15
15
  exports.facebookDescription = facebookDescription;
16
- const facebookCustomText = (text, options) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(CUSTOM_TEXT_LENGTH), (0, helpers_1.hardTruncation)(CUSTOM_TEXT_LENGTH))((0, helpers_1.stripHtmlTags)(text, options?.allowedTags)) || '';
17
- exports.facebookCustomText = facebookCustomText;
18
16
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/facebook-preview/helpers.ts"],"names":[],"mappings":";;;AAAA,wCAA+F;AAE/F,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAExB,MAAM,UAAU,GAAc,CAAE,GAAG,EAAG,EAAE,CAC9C,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,aAAa,GAAc,CAAE,IAAI,EAAG,EAAE,CAClD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,aAAa,iBAIQ;AAE3B,MAAM,mBAAmB,GAAc,CAAE,IAAI,EAAG,EAAE,CACxD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,mBAAmB,uBAIE;AAE3B,MAAM,kBAAkB,GAAc,CAAE,IAAI,EAAE,OAAO,EAAG,EAAE,CAChE,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,CAAE,CAAE,IAAI,EAAE,CAAC;AAJ3C,QAAA,kBAAkB,sBAIyB"}
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/facebook-preview/helpers.ts"],"names":[],"mappings":";;;AAAA,wCAA+F;AAE/F,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAClB,QAAA,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,UAAU,GAAc,CAAE,GAAG,EAAG,EAAE,CAC9C,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,aAAa,GAAc,CAAE,IAAI,EAAG,EAAE,CAClD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,YAAY,CAAE,EAC3B,IAAA,wBAAc,EAAE,YAAY,CAAE,CAC9B,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,aAAa,iBAIQ;AAE3B,MAAM,mBAAmB,GAAc,CAAE,IAAI,EAAG,EAAE,CACxD,IAAA,oBAAU,EACT,IAAA,qBAAW,EAAE,kBAAkB,CAAE,EACjC,IAAA,wBAAc,EAAE,kBAAkB,CAAE,CACpC,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE,IAAI,EAAE,CAAC;AAJrB,QAAA,mBAAmB,uBAIE"}
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.preparePreviewText = exports.formatTweetDate = exports.hasTag = exports.stripHtmlTags = exports.firstValid = exports.hardTruncation = exports.truncatedAtSpace = exports.shortEnough = exports.baseDomain = void 0;
3
+ exports.preparePreviewText = exports.hashtagUrlMap = exports.formatTweetDate = exports.hasTag = exports.stripHtmlTags = exports.firstValid = exports.hardTruncation = exports.truncatedAtSpace = exports.shortEnough = exports.baseDomain = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const element_1 = require("@wordpress/element");
6
+ const i18n_1 = require("@wordpress/i18n");
4
7
  const baseDomain = (url) => url
5
8
  .replace(/^[^/]+[/]*/, '') // strip leading protocol
6
9
  .replace(/\/.*$/, ''); // strip everything after the domain
@@ -34,11 +37,19 @@ exports.formatTweetDate = new Intl.DateTimeFormat('en-US', {
34
37
  month: 'short',
35
38
  day: 'numeric',
36
39
  }).format;
40
+ exports.hashtagUrlMap = {
41
+ twitter: 'https://twitter.com/hashtag/%s',
42
+ facebook: 'https://www.facebook.com/hashtag/%s',
43
+ linkedin: 'https://www.linkedin.com/feed/hashtag/?keywords=%s',
44
+ instagram: 'https://www.instagram.com/explore/tags/%s',
45
+ };
37
46
  /**
38
47
  * Prepares the text for the preview.
39
48
  */
40
49
  function preparePreviewText(text, options) {
41
- const { platform, maxChars, maxLines } = options;
50
+ const { platform, maxChars, maxLines, hyperlinkHashtags = true,
51
+ // Instagram doesn't support hyperlink URLs at the moment.
52
+ hyperlinkUrls = 'instagram' !== platform, } = options;
42
53
  let result = (0, exports.stripHtmlTags)(text);
43
54
  if (maxChars && result.length > maxChars) {
44
55
  result = result.substring(0, maxChars);
@@ -49,24 +60,76 @@ function preparePreviewText(text, options) {
49
60
  result = lines.slice(0, maxLines).join('\n');
50
61
  }
51
62
  }
52
- // Convert URLs to hyperlinks.
53
- result = result.replace(
54
- // TODO: Use a better regex here to match the URLs without protocol.
55
- /(https?:\/\/\S+)/g, '<a href="$1" rel="noopener noreferrer" target="_blank">$1</a>');
56
- let hashtagUrl;
57
- if ('twitter' === platform) {
58
- hashtagUrl = 'https://twitter.com/hashtag/';
59
- }
60
- else if ('linkedin' === platform) {
61
- hashtagUrl = 'https://www.linkedin.com/feed/hashtag/?keywords=';
63
+ const componentMap = {};
64
+ if (hyperlinkUrls) {
65
+ // Convert URLs to hyperlinks.
66
+ // TODO: Use a better regex here to match the URLs without protocol.
67
+ const urls = result.match(/(https?:\/\/\S+)/g) || [];
68
+ /**
69
+ * BEFORE:
70
+ * result = 'Check out this cool site: https://wordpress.org and this one: https://wordpress.com'
71
+ */
72
+ urls.forEach((url, index) => {
73
+ // Add the element to the component map.
74
+ componentMap[`Link${index}`] = ((0, jsx_runtime_1.jsx)("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: url }));
75
+ // Replace the URL with the component placeholder.
76
+ result = result.replace(url, `<Link${index} />`);
77
+ });
78
+ /**
79
+ * AFTER:
80
+ * result = 'Check out this cool site: <Link0 /> and this one: <Link1 />'
81
+ * componentMap = {
82
+ * Link0: <a href="https://wordpress.org" ...>https://wordpress.org</a>,
83
+ * Link1: <a href="https://wordpress.com" ...>https://wordpress.com</a>
84
+ * }
85
+ */
62
86
  }
63
- if (hashtagUrl) {
64
- // Convert hashtags to hyperlinks.
65
- result = result.replace(/(^|\s)#(\w+)/g, '$1<a href="' + hashtagUrl + '$2" rel="noopener noreferrer" target="_blank">#$2</a>');
87
+ // Convert hashtags to hyperlinks.
88
+ if (hyperlinkHashtags && exports.hashtagUrlMap[platform]) {
89
+ /**
90
+ * We need to ensure that only the standalone hashtags are matched.
91
+ * For example, we don't want to match the hash in the URL.
92
+ * Thus we need to match the whitespace character before the hashtag or the beginning of the string.
93
+ */
94
+ const hashtags = result.matchAll(/(^|\s)#(\w+)/g);
95
+ const hashtagUrl = exports.hashtagUrlMap[platform];
96
+ /**
97
+ * BEFORE:
98
+ * result = `#breaking text with a #hashtag on the #web
99
+ * with a url https://github.com/Automattic/wp-calypso#security that has a hash in it`
100
+ */
101
+ [...hashtags].forEach(([fullMatch, whitespace, hashtag], index) => {
102
+ const url = (0, i18n_1.sprintf)(hashtagUrl, hashtag);
103
+ // Add the element to the component map.
104
+ componentMap[`Hashtag${index}`] = ((0, jsx_runtime_1.jsx)("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: `#${hashtag}` }));
105
+ // Replace the hashtag with the component placeholder.
106
+ result = result.replace(fullMatch, `${whitespace}<Hashtag${index} />`);
107
+ });
108
+ /**
109
+ * AFTER:
110
+ * result = `<Hashtag0 /> text with a <Hashtag1 /> on the <Hashtag2 />
111
+ * with a url https://github.com/Automattic/wp-calypso#security that has a hash in it`
112
+ *
113
+ * componentMap = {
114
+ * Hashtag0: <a href="https://twitter.com/hashtag/breaking" ...>#breaking</a>,
115
+ * Hashtag1: <a href="https://twitter.com/hashtag/hashtag" ...>#hashtag</a>,
116
+ * Hashtag2: <a href="https://twitter.com/hashtag/web" ...>#web</a>
117
+ * }
118
+ */
66
119
  }
67
120
  // Convert newlines to <br> tags.
68
- result = result.replace(/\n/g, '<br/>');
69
- return result;
121
+ /**
122
+ * BEFORE:
123
+ * result = 'This is a text\nwith a newline\nin it'
124
+ */
125
+ result = result.replace(/\n/g, '<br />');
126
+ componentMap.br = (0, jsx_runtime_1.jsx)("br", {});
127
+ /**
128
+ * AFTER:
129
+ * result = 'This is a text<br />with a newline<br />in it'
130
+ * componentMap = { br: <br /> }
131
+ */
132
+ return (0, element_1.createInterpolateElement)(result, componentMap);
70
133
  }
71
134
  exports.preparePreviewText = preparePreviewText;
72
135
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/index.js CHANGED
@@ -7,5 +7,6 @@ tslib_1.__exportStar(require("./linkedin-preview"), exports);
7
7
  tslib_1.__exportStar(require("./tumblr-preview"), exports);
8
8
  tslib_1.__exportStar(require("./facebook-preview"), exports);
9
9
  tslib_1.__exportStar(require("./constants"), exports);
10
+ tslib_1.__exportStar(require("./instagram-preview"), exports);
10
11
  tslib_1.__exportStar(require("./types"), exports);
11
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,6DAAmC;AACnC,2DAAiC;AACjC,6DAAmC;AACnC,sDAA4B;AAC5B,kDAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,4DAAkC;AAClC,6DAAmC;AACnC,2DAAiC;AACjC,6DAAmC;AACnC,sDAA4B;AAC5B,8DAAoC;AACpC,kDAAwB"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
4
+ exports.FEED_TEXT_MAX_LENGTH = 120;
5
+ exports.FEED_TEXT_MAX_LINES = 2;
6
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/instagram-preview/constants.tsx"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Bookmark = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Bookmark = () => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { color: "rgb(38, 38, 38)", fill: "rgb(38, 38, 38)", height: "24", role: "img", viewBox: "0 0 24 24", width: "24", children: (0, jsx_runtime_1.jsx)("polygon", { fill: "none", points: "20 21 12 13.44 4 21 4 3 20 3 20 21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
7
+ };
8
+ exports.Bookmark = Bookmark;
9
+ //# sourceMappingURL=bookmark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bookmark.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/bookmark.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,QAAQ,GAAa,GAAG,EAAE;IACtC,OAAO,CACN,gCACC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,YAEV,oCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,oCAAoC,EAC3C,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACL,GACN,CACN,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Comment = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Comment = () => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { color: "rgb(38, 38, 38)", fill: "rgb(38, 38, 38)", height: "24", role: "img", viewBox: "0 0 24 24", width: "24", children: (0, jsx_runtime_1.jsx)("path", { d: "M20.656 17.008a9.993 9.993 0 1 0-3.59 3.615L22 22Z", fill: "none", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "2" }) }));
7
+ };
8
+ exports.Comment = Comment;
9
+ //# sourceMappingURL=comment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comment.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/comment.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAAa,GAAG,EAAE;IACrC,OAAO,CACN,gCACC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,YAEV,iCACC,CAAC,EAAC,oDAAoD,EACtD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACR,GACH,CACN,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,OAAO,WAmBlB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DefaultAvatar = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const DefaultAvatar = () => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 340 340", width: "340", height: "340", children: (0, jsx_runtime_1.jsx)("path", { fill: "#DDD", d: "m169,.5a169,169 0 1,0 2,0zm0,86a76,76 0 1 1-2,0zM57,287q27-35 67-35h92q40,0 67,35a164,164 0 0,1-226,0" }) }));
7
+ };
8
+ exports.DefaultAvatar = DefaultAvatar;
9
+ //# sourceMappingURL=default-avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,YACrF,iCACC,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,uGAAuG,GACxG,GACG,CACN,CAAC;AACH,CAAC,CAAC;AATW,QAAA,aAAa,iBASxB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Heart = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Heart = () => {
6
+ return ((0, jsx_runtime_1.jsx)("svg", { color: "rgb(38, 38, 38)", fill: "rgb(38, 38, 38)", height: "24", role: "img", viewBox: "0 0 24 24", width: "24", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.792 3.904A4.989 4.989 0 0 1 21.5 9.122c0 3.072-2.652 4.959-5.197 7.222-2.512 2.243-3.865 3.469-4.303 3.752-.477-.309-2.143-1.823-4.303-3.752C5.141 14.072 2.5 12.167 2.5 9.122a4.989 4.989 0 0 1 4.708-5.218 4.21 4.21 0 0 1 3.675 1.941c.84 1.175.98 1.763 1.12 1.763s.278-.588 1.11-1.766a4.17 4.17 0 0 1 3.679-1.938m0-2a6.04 6.04 0 0 0-4.797 2.127 6.052 6.052 0 0 0-4.787-2.127A6.985 6.985 0 0 0 .5 9.122c0 3.61 2.55 5.827 5.015 7.97.283.246.569.494.853.747l1.027.918a44.998 44.998 0 0 0 3.518 3.018 2 2 0 0 0 2.174 0 45.263 45.263 0 0 0 3.626-3.115l.922-.824c.293-.26.59-.519.885-.774 2.334-2.025 4.98-4.32 4.98-7.94a6.985 6.985 0 0 0-6.708-7.218Z" }) }));
7
+ };
8
+ exports.Heart = Heart;
9
+ //# sourceMappingURL=heart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"heart.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/heart.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,KAAK,GAAa,GAAG,EAAE;IACnC,OAAO,CACN,gCACC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,YAEV,iCAAM,CAAC,EAAC,0oBAA0oB,GAAQ,GACrpB,CACN,CAAC;AACH,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Menu = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Menu = () => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", { width: "17", height: "5", viewBox: "0 0 17 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2.11865 3.5C2.67094 3.5 3.11865 3.05228 3.11865 2.5C3.11865 1.94772 2.67094 1.5 2.11865 1.5C1.56637 1.5 1.11865 1.94772 1.11865 2.5C1.11865 3.05228 1.56637 3.5 2.11865 3.5Z", fill: "black", stroke: "black", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.55933 3.5C9.11161 3.5 9.55933 3.05228 9.55933 2.5C9.55933 1.94772 9.11161 1.5 8.55933 1.5C8.00704 1.5 7.55933 1.94772 7.55933 2.5C7.55933 3.05228 8.00704 3.5 8.55933 3.5Z", fill: "black", stroke: "black", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("path", { d: "M15 3.5C15.5523 3.5 16 3.05228 16 2.5C16 1.94772 15.5523 1.5 15 1.5C14.4477 1.5 14 1.94772 14 2.5C14 3.05228 14.4477 3.5 15 3.5Z", fill: "black", stroke: "black", strokeWidth: "2" })] }));
7
+ };
8
+ exports.Menu = Menu;
9
+ //# sourceMappingURL=menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/menu.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,IAAI,GAAa,GAAG,EAAE;IAClC,OAAO,CACN,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC3F,iCACC,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,GACd,EACF,iCACC,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,GACd,EACF,iCACC,CAAC,EAAC,kIAAkI,EACpI,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,GACd,IACG,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,IAAI,QAuBf"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Share = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const Share = () => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", { color: "rgb(38, 38, 38)", fill: "rgb(38, 38, 38)", height: "24", role: "img", viewBox: "0 0 24 24", width: "24", children: [(0, jsx_runtime_1.jsx)("line", { fill: "none", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "2", x1: "22", x2: "9.218", y1: "3", y2: "10.083" }), (0, jsx_runtime_1.jsx)("polygon", { fill: "none", points: "11.698 20.334 22 3.001 2 3.001 9.218 10.084 11.698 20.334", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "2" })] }));
7
+ };
8
+ exports.Share = Share;
9
+ //# sourceMappingURL=share.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"share.js","sourceRoot":"","sources":["../../../../src/instagram-preview/icons/share.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,KAAK,GAAa,GAAG,EAAE;IACnC,OAAO,CACN,iCACC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,aAEV,iCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,QAAQ,GACJ,EACR,oCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,2DAA2D,EAClE,MAAM,EAAC,cAAc,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACL,IACN,CACN,CAAC;AACH,CAAC,CAAC;AA7BW,QAAA,KAAK,SA6BhB"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./post-preview"), exports);
5
+ tslib_1.__exportStar(require("./previews"), exports);
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/instagram-preview/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,qDAA2B"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.InstagramPostPreview = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const i18n_1 = require("@wordpress/i18n");
6
+ const helpers_1 = require("../helpers");
7
+ const constants_1 = require("./constants");
8
+ const bookmark_1 = require("./icons/bookmark");
9
+ const comment_1 = require("./icons/comment");
10
+ const default_avatar_1 = require("./icons/default-avatar");
11
+ const heart_1 = require("./icons/heart");
12
+ const menu_1 = require("./icons/menu");
13
+ const share_1 = require("./icons/share");
14
+ require("./style.scss");
15
+ function InstagramPostPreview({ image, name, profileImage, caption, }) {
16
+ const username = name || 'username';
17
+ return ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--avatar", children: profileImage ? (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) : (0, jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__header--profile", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-name", children: username }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__header--profile-menu", children: (0, jsx_runtime_1.jsx)(menu_1.Menu, {}) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__media", children: (0, jsx_runtime_1.jsx)("img", { className: "instagram-preview__media--image", src: image, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content", children: [(0, jsx_runtime_1.jsxs)("section", { className: "instagram-preview__content--actions", children: [(0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--actions-primary", children: [(0, jsx_runtime_1.jsx)(heart_1.Heart, {}), (0, jsx_runtime_1.jsx)(comment_1.Comment, {}), (0, jsx_runtime_1.jsx)(share_1.Share, {})] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--actions-secondary", children: (0, jsx_runtime_1.jsx)(bookmark_1.Bookmark, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "instagram-preview__content--body", children: [(0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--name", children: username }), "\u00A0", caption ? ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--text", children: (0, helpers_1.preparePreviewText)(caption, {
18
+ platform: 'instagram',
19
+ maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
20
+ maxLines: constants_1.FEED_TEXT_MAX_LINES,
21
+ hyperlinkUrls: false,
22
+ }) })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__content--footer", children: (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.__)('View one comment', 'social-previews') }) })] })] }) }));
23
+ }
24
+ exports.InstagramPostPreview = InstagramPostPreview;
25
+ //# sourceMappingURL=post-preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/instagram-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,wCAAgD;AAChD,2CAAwE;AACxE,+CAA4D;AAC5D,6CAAyD;AACzD,2DAAuD;AACvD,yCAAmD;AACnD,uCAAgD;AAChD,yCAAmD;AAGnD,wBAAsB;AAEtB,SAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,OAAO,CACN,gCAAK,SAAS,EAAC,4BAA4B,YAC1C,qCAAS,SAAS,EAAC,8BAA8B,aAChD,iCAAK,SAAS,EAAC,2BAA2B,aACzC,gCAAK,SAAS,EAAC,mCAAmC,YAC/C,YAAY,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAG,YAAY,EAAG,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,8BAAa,KAAG,GACnE,EACN,iCAAK,SAAS,EAAC,oCAAoC,aAClD,gCAAK,SAAS,EAAC,yCAAyC,YAAG,QAAQ,GAAQ,EAC3E,gCAAK,SAAS,EAAC,yCAAyC,YACvD,uBAAC,WAAQ,KAAG,GACP,IACD,IACD,EACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,GACnE,EACN,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,qCAAS,SAAS,EAAC,qCAAqC,aACvD,iCAAK,SAAS,EAAC,6CAA6C,aAC3D,uBAAC,aAAS,KAAG,EACb,uBAAC,iBAAW,KAAG,EACf,uBAAC,aAAS,KAAG,IACR,EACN,gCAAK,SAAS,EAAC,+CAA+C,YAC7D,uBAAC,mBAAY,KAAG,GACX,IACG,EACV,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,kCAAkC,YAAG,QAAQ,GAAQ,YAElE,OAAO,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,IAAA,4BAAkB,EAAE,OAAO,EAAE;wCAC9B,QAAQ,EAAE,WAAW;wCACrB,QAAQ,EAAE,gCAAoB;wCAC9B,QAAQ,EAAE,+BAAmB;wCAC7B,aAAa,EAAE,KAAK;qCACpB,CAAE,GACE,CACN,CAAC,CAAC,CAAC,IAAI,IACH,EACN,gCAAK,SAAS,EAAC,oCAAoC,YAClD,2CAAQ,IAAA,SAAE,EAAE,kBAAkB,EAAE,iBAAiB,CAAE,GAAS,GACvD,IACD,IACG,GACL,CACN,CAAC;AACH,CAAC;AAzDD,oDAyDC"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.InstagramPreviews = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const i18n_1 = require("@wordpress/i18n");
7
+ const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
8
+ const post_preview_1 = require("./post-preview");
9
+ const InstagramPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
10
+ return ((0, jsx_runtime_1.jsx)("div", { className: "social-preview instagram-preview", children: !hidePostPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section instagram-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
11
+ // translators: refers to a social post on Instagram
12
+ (0, i18n_1.__)('Your post', 'social-previews') }), (0, jsx_runtime_1.jsx)("p", { className: "social-preview__section-desc", children: (0, i18n_1.__)('This is what your social post will look like on Instagram:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.InstagramPostPreview, { ...props })] })) }));
13
+ };
14
+ exports.InstagramPreviews = InstagramPreviews;
15
+ //# sourceMappingURL=previews.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/instagram-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAqC;AACrC,wFAAuD;AACvD,iDAAsD;AAG/C,MAAM,iBAAiB,GAAuC,CAAE,EACtE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,oDAAoD,aACtE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;oBAElC,oDAAoD;oBACpD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EACH,4DAA4D,EAC5D,iBAAiB,CACjB,GACE,EACJ,uBAAC,mCAAoB,OAAM,KAAK,GAAK,IAC5B,CACV,GACI,CACN,CAAC;AACH,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B"}
@@ -0,0 +1,102 @@
1
+
2
+
3
+ .instagram-preview {
4
+ &__wrapper {
5
+ padding: 20px;
6
+ background-color: #fff;
7
+ margin-inline: auto;
8
+ max-width: clamp(200px, 100%, 555px);
9
+ }
10
+
11
+ // When the preview is in a section of all previews
12
+ &__section &__wrapper {
13
+ padding: 0;
14
+ }
15
+
16
+ &__section.social-preview__section {
17
+ width: clamp(200px, 100%, 555px);
18
+ }
19
+
20
+ &__container {
21
+
22
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
23
+ overflow: hidden;
24
+ }
25
+
26
+ &__header {
27
+
28
+ padding: 0.5rem 1rem;
29
+ display: flex;
30
+ gap: 0.5rem;
31
+
32
+ &--avatar {
33
+ display: flex;
34
+ align-items: center;
35
+ max-width: 32px;
36
+ max-height: 32px;
37
+ }
38
+
39
+ &--avatar img {
40
+ width: 100%;
41
+ height: 100%;
42
+ border-radius: 50%;
43
+ }
44
+
45
+ &--profile {
46
+ display: flex;
47
+ align-items: center;
48
+ justify-content: space-between;
49
+ flex-grow: 1;
50
+ }
51
+
52
+ &--profile-name {
53
+ font-weight: 700;
54
+ }
55
+ }
56
+
57
+ &__media {
58
+ display: flex;
59
+
60
+ &--image {
61
+ width: 100%;
62
+ object-fit: cover;
63
+ }
64
+ }
65
+
66
+ &__content {
67
+ display: flex;
68
+ flex-direction: column;
69
+ gap: 0.5rem;
70
+ padding: 0.5rem 1rem;
71
+
72
+ a {
73
+ text-decoration: none;
74
+ color: rgb(0, 55, 107);
75
+ }
76
+
77
+ &--actions {
78
+ display: flex;
79
+ justify-content: space-between;
80
+ }
81
+
82
+ &--actions-primary {
83
+ display: flex;
84
+ align-items: center;
85
+ gap: 1rem;
86
+ }
87
+
88
+ &--name {
89
+ font-weight: 600;
90
+ display: inline;
91
+ }
92
+
93
+ &--text {
94
+ display: inline;
95
+ }
96
+
97
+ &--footer {
98
+ font-weight: 400;
99
+ color: rgb(115, 115, 115);
100
+ }
101
+ }
102
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/instagram-preview/types.ts"],"names":[],"mappings":""}
@@ -12,16 +12,11 @@ function LinkedInPostPreview({ articleReadTime = 5, image, jobTitle, name, profi
12
12
  // translators: refers to the actor level of the post being shared, e.g. "1st", "2nd", "3rd", etc.
13
13
  (0, i18n_1.__)('1st', 'social-previews') })] }), jobTitle ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-title", children: jobTitle })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-meta", children: [(0, jsx_runtime_1.jsx)("span", { children:
14
14
  // translators: refers to the time since the post was published, e.g. "1h"
15
- (0, i18n_1.__)('1h', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "16", height: "16", focusable: "false", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1a7 7 0 107 7 7 7 0 00-7-7zM3 8a5 5 0 011-3l.55.55A1.5 1.5 0 015 6.62v1.07a.75.75 0 00.22.53l.56.56a.75.75 0 00.53.22H7v.69a.75.75 0 00.22.53l.56.56a.75.75 0 01.22.53V13a5 5 0 01-5-5zm6.24 4.83l2-2.46a.75.75 0 00.09-.8l-.58-1.16A.76.76 0 0010 8H7v-.19a.51.51 0 01.28-.45l.38-.19a.74.74 0 01.68 0L9 7.5l.38-.7a1 1 0 00.12-.48v-.85a.78.78 0 01.21-.53l1.07-1.09a5 5 0 01-1.54 9z" }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__content", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__caption",
16
- // TODO: Replace `dangerouslySetInnerHTML` with `createInterpolateElement` inside `preparePreviewText`
17
- // eslint-disable-next-line react/no-danger
18
- dangerouslySetInnerHTML: {
19
- __html: (0, helpers_1.preparePreviewText)(description, {
20
- platform: 'linkedin',
21
- maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
22
- maxLines: constants_1.FEED_TEXT_MAX_LINES,
23
- }),
24
- } })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media", children: media.map((mediaItem, index) => ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
15
+ (0, i18n_1.__)('1h', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "16", height: "16", focusable: "false", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1a7 7 0 107 7 7 7 0 00-7-7zM3 8a5 5 0 011-3l.55.55A1.5 1.5 0 015 6.62v1.07a.75.75 0 00.22.53l.56.56a.75.75 0 00.53.22H7v.69a.75.75 0 00.22.53l.56.56a.75.75 0 01.22.53V13a5 5 0 01-5-5zm6.24 4.83l2-2.46a.75.75 0 00.09-.8l-.58-1.16A.76.76 0 0010 8H7v-.19a.51.51 0 01.28-.45l.38-.19a.74.74 0 01.68 0L9 7.5l.38-.7a1 1 0 00.12-.48v-.85a.78.78 0 01.21-.53l1.07-1.09a5 5 0 01-1.54 9z" }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__content", children: [description ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__caption", children: (0, helpers_1.preparePreviewText)(description, {
16
+ platform: 'linkedin',
17
+ maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
18
+ maxLines: constants_1.FEED_TEXT_MAX_LINES,
19
+ }) })) : null, hasMedia ? ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media", children: media.map((mediaItem, index) => ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
25
20
  // eslint-disable-next-line jsx-a11y/media-has-caption
26
21
  (0, jsx_runtime_1.jsx)("video", { controls: true, children: (0, jsx_runtime_1.jsx)("source", { src: mediaItem.url, type: mediaItem.type }) })) : ((0, jsx_runtime_1.jsx)("img", { alt: mediaItem.alt || '', src: mediaItem.url })) }, `linkedin-preview__media-item-${index}`))) })) : ((0, jsx_runtime_1.jsxs)("article", { children: [image ? (0, jsx_runtime_1.jsx)("img", { className: "linkedin-preview__image", src: image, alt: "" }) : null, url ? ((0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__description", children: [(0, jsx_runtime_1.jsx)("h2", { className: "linkedin-preview__description--title", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__description--meta", children: [(0, jsx_runtime_1.jsx)("span", { className: "linkedin-preview__description--url", children: (0, helpers_1.baseDomain)(url) }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.sprintf)(
27
22
  // translators: %d is the number of minutes it takes to read the article
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"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"}
@@ -12,7 +12,7 @@ const text_1 = require("./text");
12
12
  require("./style.scss");
13
13
  const TwitterPostPreview = ({ date, description, image, media, name, profileImage, screenName, showThreadConnector, text, title, tweet, cardType, url, }) => {
14
14
  const hasMedia = !!media?.length;
15
- return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && title && description && image && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description, image: image, title: title, cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
15
+ return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__container", children: [(0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__main", children: [(0, jsx_runtime_1.jsx)(header_1.Header, { name: name, screenName: screenName, date: date }), (0, jsx_runtime_1.jsxs)("div", { className: "twitter-preview__content", children: [text ? (0, jsx_runtime_1.jsx)(text_1.Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? (0, jsx_runtime_1.jsx)(media_1.Media, { media: media }) : null, tweet ? (0, jsx_runtime_1.jsx)(quote_tweet_1.QuoteTweet, { tweet: tweet }) : null, !hasMedia && title && description && url && ((0, jsx_runtime_1.jsx)(card_1.Card, { description: description, image: image, title: title, cardType: cardType || '', url: url }))] }), (0, jsx_runtime_1.jsx)(footer_1.Footer, {})] })] }) }));
16
16
  };
17
17
  exports.TwitterPostPreview = TwitterPostPreview;
18
18
  //# sourceMappingURL=post-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,KAAK,IAAI,WAAW,IAAI,KAAK,IAAI,GAAG,IAAI,CACvD,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,EACzB,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,EACb,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}
1
+ {"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8B;AAC9B,qCAAkC;AAClC,qCAAkC;AAClC,mCAAgC;AAChC,+CAA2C;AAC3C,uCAAoC;AACpC,iCAA8B;AAG9B,wBAAsB;AAEf,MAAM,kBAAkB,GAAoC,CAAE,EACpE,IAAI,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,EAAE,MAAM,CAAC;IAElC,OAAO,CACN,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,iBAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,iCAAK,SAAS,EAAC,uBAAuB,aACrC,uBAAC,eAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,uBAAC,aAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,uBAAC,wBAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,KAAK,IAAI,WAAW,IAAI,GAAG,IAAI,CAC9C,uBAAC,WAAI,IACJ,WAAW,EAAG,WAAW,EACzB,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,EACb,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,uBAAC,eAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC;AA1CW,QAAA,kBAAkB,sBA0C7B"}
@@ -11,12 +11,7 @@ const Text = ({ text, url, retainUrl }) => {
11
11
  const tweetText = url && !retainUrl && text.endsWith(url)
12
12
  ? text.substring(0, text.lastIndexOf(url))
13
13
  : text;
14
- const __html = (0, helpers_1.preparePreviewText)(tweetText, { platform: 'twitter' });
15
- return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__text",
16
- // We can enable dangerouslySetInnerHTML here, since the text we're using is stripped
17
- // of all HTML tags, then only has safe tags added in createTweetMarkup().
18
- // eslint-disable-next-line react/no-danger
19
- dangerouslySetInnerHTML: { __html } }));
14
+ return ((0, jsx_runtime_1.jsx)("div", { className: "twitter-preview__text", children: (0, helpers_1.preparePreviewText)(tweetText, { platform: 'twitter' }) }));
20
15
  };
21
16
  exports.Text = Text;
22
17
  //# sourceMappingURL=text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAGzC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG;QACb,OAAO,IAAI,CAAC;KACZ;IACD,iDAAiD;IACjD,MAAM,SAAS,GACd,GAAG,IAAI,CAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAE,GAAG,CAAE;QACzC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAE,GAAG,CAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,MAAM,GAAG,IAAA,4BAAkB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,CAAC;IAExE,OAAO,CACN,gCACC,SAAS,EAAC,uBAAuB;QACjC,qFAAqF;QACrF,0EAA0E;QAC1E,2CAA2C;QAC3C,uBAAuB,EAAG,EAAE,MAAM,EAAE,GACnC,CACF,CAAC;AACH,CAAC,CAAC;AArBW,QAAA,IAAI,QAqBf"}
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAGzC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG;QACb,OAAO,IAAI,CAAC;KACZ;IACD,iDAAiD;IACjD,MAAM,SAAS,GACd,GAAG,IAAI,CAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAE,GAAG,CAAE;QACzC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAE,GAAG,CAAE,CAAE;QAC9C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,gCAAK,SAAS,EAAC,uBAAuB,YACnC,IAAA,4BAAkB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,GACrD,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,IAAI,QAef"}