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

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 (422) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/facebook-preview/hooks/use-image-hook.js +2 -1
  3. package/dist/cjs/facebook-preview/hooks/use-image-hook.js.map +1 -1
  4. package/dist/cjs/helpers.js +17 -6
  5. package/dist/cjs/helpers.js.map +1 -1
  6. package/dist/cjs/index.js +2 -0
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/instagram-preview/post-preview.js +5 -3
  9. package/dist/cjs/instagram-preview/post-preview.js.map +1 -1
  10. package/dist/cjs/instagram-preview/previews.js +1 -1
  11. package/dist/cjs/instagram-preview/previews.js.map +1 -1
  12. package/dist/cjs/instagram-preview/style.scss +6 -1
  13. package/dist/cjs/linkedin-preview/constants.js +1 -5
  14. package/dist/cjs/linkedin-preview/constants.js.map +1 -1
  15. package/dist/cjs/linkedin-preview/icons/default-avatar.js +9 -0
  16. package/dist/cjs/linkedin-preview/icons/default-avatar.js.map +1 -0
  17. package/dist/cjs/linkedin-preview/link-preview.js +1 -2
  18. package/dist/cjs/linkedin-preview/link-preview.js.map +1 -1
  19. package/dist/cjs/linkedin-preview/post-preview.js +2 -1
  20. package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
  21. package/dist/cjs/linkedin-preview/previews.js +1 -2
  22. package/dist/cjs/linkedin-preview/previews.js.map +1 -1
  23. package/dist/cjs/linkedin-preview/style.scss +8 -3
  24. package/dist/cjs/mastodon-preview/constants.js +5 -0
  25. package/dist/cjs/mastodon-preview/constants.js.map +1 -0
  26. package/dist/cjs/mastodon-preview/helpers.js +32 -0
  27. package/dist/cjs/mastodon-preview/helpers.js.map +1 -0
  28. package/dist/cjs/mastodon-preview/index.js +7 -0
  29. package/dist/cjs/mastodon-preview/index.js.map +1 -0
  30. package/dist/cjs/mastodon-preview/link-preview.js +16 -0
  31. package/dist/cjs/mastodon-preview/link-preview.js.map +1 -0
  32. package/dist/cjs/mastodon-preview/post/actions/index.js +37 -0
  33. package/dist/cjs/mastodon-preview/post/actions/index.js.map +1 -0
  34. package/dist/cjs/mastodon-preview/post/actions/styles.scss +40 -0
  35. package/dist/cjs/mastodon-preview/post/body/index.js +29 -0
  36. package/dist/cjs/mastodon-preview/post/body/index.js.map +1 -0
  37. package/dist/cjs/mastodon-preview/post/body/styles.scss +12 -0
  38. package/dist/cjs/mastodon-preview/post/card/index.js +12 -0
  39. package/dist/cjs/mastodon-preview/post/card/index.js.map +1 -0
  40. package/dist/cjs/mastodon-preview/post/card/styles.scss +52 -0
  41. package/dist/cjs/mastodon-preview/post/header/index.js +18 -0
  42. package/dist/cjs/mastodon-preview/post/header/index.js.map +1 -0
  43. package/dist/cjs/mastodon-preview/post/header/styles.scss +37 -0
  44. package/dist/cjs/mastodon-preview/post/icons/index.js +7 -0
  45. package/dist/cjs/mastodon-preview/post/icons/index.js.map +1 -0
  46. package/dist/cjs/mastodon-preview/post/icons/styles.scss +50 -0
  47. package/dist/cjs/mastodon-preview/post-preview.js +17 -0
  48. package/dist/cjs/mastodon-preview/post-preview.js.map +1 -0
  49. package/dist/cjs/mastodon-preview/previews.js +18 -0
  50. package/dist/cjs/mastodon-preview/previews.js.map +1 -0
  51. package/dist/cjs/mastodon-preview/styles.scss +42 -0
  52. package/dist/cjs/mastodon-preview/types.js +3 -0
  53. package/dist/cjs/mastodon-preview/types.js.map +1 -0
  54. package/dist/cjs/mastodon-preview/variables.scss +7 -0
  55. package/dist/cjs/nextdoor-preview/constants.js +6 -0
  56. package/dist/cjs/nextdoor-preview/constants.js.map +1 -0
  57. package/dist/cjs/nextdoor-preview/footer-actions.js +13 -0
  58. package/dist/cjs/nextdoor-preview/footer-actions.js.map +1 -0
  59. package/dist/cjs/nextdoor-preview/icons/chevron-icon.js +9 -0
  60. package/dist/cjs/nextdoor-preview/icons/chevron-icon.js.map +1 -0
  61. package/dist/cjs/nextdoor-preview/icons/comment-icon.js +9 -0
  62. package/dist/cjs/nextdoor-preview/icons/comment-icon.js.map +1 -0
  63. package/dist/cjs/nextdoor-preview/icons/default-avatar.js +9 -0
  64. package/dist/cjs/nextdoor-preview/icons/default-avatar.js.map +1 -0
  65. package/dist/cjs/nextdoor-preview/icons/default-image.js +9 -0
  66. package/dist/cjs/nextdoor-preview/icons/default-image.js.map +1 -0
  67. package/dist/cjs/nextdoor-preview/icons/globe-icon.js +9 -0
  68. package/dist/cjs/nextdoor-preview/icons/globe-icon.js.map +1 -0
  69. package/dist/cjs/nextdoor-preview/icons/like-icon.js +9 -0
  70. package/dist/cjs/nextdoor-preview/icons/like-icon.js.map +1 -0
  71. package/dist/cjs/nextdoor-preview/icons/share-icon.js +9 -0
  72. package/dist/cjs/nextdoor-preview/icons/share-icon.js.map +1 -0
  73. package/dist/cjs/nextdoor-preview/index.js +7 -0
  74. package/dist/cjs/nextdoor-preview/index.js.map +1 -0
  75. package/dist/cjs/nextdoor-preview/link-preview.js +12 -0
  76. package/dist/cjs/nextdoor-preview/link-preview.js.map +1 -0
  77. package/dist/cjs/nextdoor-preview/post-preview.js +31 -0
  78. package/dist/cjs/nextdoor-preview/post-preview.js.map +1 -0
  79. package/dist/cjs/nextdoor-preview/previews.js +19 -0
  80. package/dist/cjs/nextdoor-preview/previews.js.map +1 -0
  81. package/dist/cjs/nextdoor-preview/style.scss +211 -0
  82. package/dist/cjs/nextdoor-preview/types.js +3 -0
  83. package/dist/cjs/nextdoor-preview/types.js.map +1 -0
  84. package/dist/cjs/tumblr-preview/post-preview.js +5 -2
  85. package/dist/cjs/tumblr-preview/post-preview.js.map +1 -1
  86. package/dist/cjs/tumblr-preview/previews.js +1 -1
  87. package/dist/cjs/tumblr-preview/previews.js.map +1 -1
  88. package/dist/cjs/tumblr-preview/variables.scss +0 -1
  89. package/dist/cjs/twitter-preview/header.js +2 -1
  90. package/dist/cjs/twitter-preview/header.js.map +1 -1
  91. package/dist/cjs/twitter-preview/icons/default-avatar.js +9 -0
  92. package/dist/cjs/twitter-preview/icons/default-avatar.js.map +1 -0
  93. package/dist/cjs/twitter-preview/link-preview.js +1 -2
  94. package/dist/cjs/twitter-preview/link-preview.js.map +1 -1
  95. package/dist/cjs/twitter-preview/post-preview.js +1 -1
  96. package/dist/cjs/twitter-preview/post-preview.js.map +1 -1
  97. package/dist/cjs/twitter-preview/previews.js +2 -2
  98. package/dist/cjs/twitter-preview/previews.js.map +1 -1
  99. package/dist/cjs/twitter-preview/sidebar.js +2 -2
  100. package/dist/cjs/twitter-preview/sidebar.js.map +1 -1
  101. package/dist/cjs/twitter-preview/style.scss +12 -10
  102. package/dist/esm/facebook-preview/hooks/use-image-hook.js +2 -1
  103. package/dist/esm/facebook-preview/hooks/use-image-hook.js.map +1 -1
  104. package/dist/esm/helpers.js +16 -5
  105. package/dist/esm/helpers.js.map +1 -1
  106. package/dist/esm/index.js +2 -0
  107. package/dist/esm/index.js.map +1 -1
  108. package/dist/esm/instagram-preview/post-preview.js +5 -3
  109. package/dist/esm/instagram-preview/post-preview.js.map +1 -1
  110. package/dist/esm/instagram-preview/previews.js +1 -1
  111. package/dist/esm/instagram-preview/previews.js.map +1 -1
  112. package/dist/esm/instagram-preview/style.scss +6 -1
  113. package/dist/esm/linkedin-preview/constants.js +0 -4
  114. package/dist/esm/linkedin-preview/constants.js.map +1 -1
  115. package/dist/esm/linkedin-preview/icons/default-avatar.js +5 -0
  116. package/dist/esm/linkedin-preview/icons/default-avatar.js.map +1 -0
  117. package/dist/esm/linkedin-preview/link-preview.js +1 -2
  118. package/dist/esm/linkedin-preview/link-preview.js.map +1 -1
  119. package/dist/esm/linkedin-preview/post-preview.js +2 -1
  120. package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
  121. package/dist/esm/linkedin-preview/previews.js +1 -2
  122. package/dist/esm/linkedin-preview/previews.js.map +1 -1
  123. package/dist/esm/linkedin-preview/style.scss +8 -3
  124. package/dist/esm/mastodon-preview/constants.js +2 -0
  125. package/dist/esm/mastodon-preview/constants.js.map +1 -0
  126. package/dist/esm/mastodon-preview/helpers.js +25 -0
  127. package/dist/esm/mastodon-preview/helpers.js.map +1 -0
  128. package/dist/esm/mastodon-preview/index.js +4 -0
  129. package/dist/esm/mastodon-preview/index.js.map +1 -0
  130. package/dist/esm/mastodon-preview/link-preview.js +11 -0
  131. package/dist/esm/mastodon-preview/link-preview.js.map +1 -0
  132. package/dist/esm/mastodon-preview/post/actions/index.js +34 -0
  133. package/dist/esm/mastodon-preview/post/actions/index.js.map +1 -0
  134. package/dist/esm/mastodon-preview/post/actions/styles.scss +40 -0
  135. package/dist/esm/mastodon-preview/post/body/index.js +27 -0
  136. package/dist/esm/mastodon-preview/post/body/index.js.map +1 -0
  137. package/dist/esm/mastodon-preview/post/body/styles.scss +12 -0
  138. package/dist/esm/mastodon-preview/post/card/index.js +10 -0
  139. package/dist/esm/mastodon-preview/post/card/index.js.map +1 -0
  140. package/dist/esm/mastodon-preview/post/card/styles.scss +52 -0
  141. package/dist/esm/mastodon-preview/post/header/index.js +15 -0
  142. package/dist/esm/mastodon-preview/post/header/index.js.map +1 -0
  143. package/dist/esm/mastodon-preview/post/header/styles.scss +37 -0
  144. package/dist/esm/mastodon-preview/post/icons/index.js +5 -0
  145. package/dist/esm/mastodon-preview/post/icons/index.js.map +1 -0
  146. package/dist/esm/mastodon-preview/post/icons/styles.scss +50 -0
  147. package/dist/esm/mastodon-preview/post-preview.js +12 -0
  148. package/dist/esm/mastodon-preview/post-preview.js.map +1 -0
  149. package/dist/esm/mastodon-preview/previews.js +14 -0
  150. package/dist/esm/mastodon-preview/previews.js.map +1 -0
  151. package/dist/esm/mastodon-preview/styles.scss +42 -0
  152. package/dist/esm/mastodon-preview/types.js +2 -0
  153. package/dist/esm/mastodon-preview/types.js.map +1 -0
  154. package/dist/esm/mastodon-preview/variables.scss +7 -0
  155. package/dist/esm/nextdoor-preview/constants.js +3 -0
  156. package/dist/esm/nextdoor-preview/constants.js.map +1 -0
  157. package/dist/esm/nextdoor-preview/footer-actions.js +9 -0
  158. package/dist/esm/nextdoor-preview/footer-actions.js.map +1 -0
  159. package/dist/esm/nextdoor-preview/icons/chevron-icon.js +5 -0
  160. package/dist/esm/nextdoor-preview/icons/chevron-icon.js.map +1 -0
  161. package/dist/esm/nextdoor-preview/icons/comment-icon.js +5 -0
  162. package/dist/esm/nextdoor-preview/icons/comment-icon.js.map +1 -0
  163. package/dist/esm/nextdoor-preview/icons/default-avatar.js +5 -0
  164. package/dist/esm/nextdoor-preview/icons/default-avatar.js.map +1 -0
  165. package/dist/esm/nextdoor-preview/icons/default-image.js +5 -0
  166. package/dist/esm/nextdoor-preview/icons/default-image.js.map +1 -0
  167. package/dist/esm/nextdoor-preview/icons/globe-icon.js +5 -0
  168. package/dist/esm/nextdoor-preview/icons/globe-icon.js.map +1 -0
  169. package/dist/esm/nextdoor-preview/icons/like-icon.js +5 -0
  170. package/dist/esm/nextdoor-preview/icons/like-icon.js.map +1 -0
  171. package/dist/esm/nextdoor-preview/icons/share-icon.js +5 -0
  172. package/dist/esm/nextdoor-preview/icons/share-icon.js.map +1 -0
  173. package/dist/esm/nextdoor-preview/index.js +4 -0
  174. package/dist/esm/nextdoor-preview/index.js.map +1 -0
  175. package/dist/esm/nextdoor-preview/link-preview.js +8 -0
  176. package/dist/esm/nextdoor-preview/link-preview.js.map +1 -0
  177. package/dist/esm/nextdoor-preview/post-preview.js +26 -0
  178. package/dist/esm/nextdoor-preview/post-preview.js.map +1 -0
  179. package/dist/esm/nextdoor-preview/previews.js +14 -0
  180. package/dist/esm/nextdoor-preview/previews.js.map +1 -0
  181. package/dist/esm/nextdoor-preview/style.scss +211 -0
  182. package/dist/esm/nextdoor-preview/types.js +2 -0
  183. package/dist/esm/nextdoor-preview/types.js.map +1 -0
  184. package/dist/esm/tumblr-preview/post-preview.js +5 -2
  185. package/dist/esm/tumblr-preview/post-preview.js.map +1 -1
  186. package/dist/esm/tumblr-preview/previews.js +1 -1
  187. package/dist/esm/tumblr-preview/previews.js.map +1 -1
  188. package/dist/esm/tumblr-preview/variables.scss +0 -1
  189. package/dist/esm/twitter-preview/header.js +2 -1
  190. package/dist/esm/twitter-preview/header.js.map +1 -1
  191. package/dist/esm/twitter-preview/icons/default-avatar.js +5 -0
  192. package/dist/esm/twitter-preview/icons/default-avatar.js.map +1 -0
  193. package/dist/esm/twitter-preview/link-preview.js +1 -2
  194. package/dist/esm/twitter-preview/link-preview.js.map +1 -1
  195. package/dist/esm/twitter-preview/post-preview.js +1 -1
  196. package/dist/esm/twitter-preview/post-preview.js.map +1 -1
  197. package/dist/esm/twitter-preview/previews.js +2 -2
  198. package/dist/esm/twitter-preview/previews.js.map +1 -1
  199. package/dist/esm/twitter-preview/sidebar.js +2 -2
  200. package/dist/esm/twitter-preview/sidebar.js.map +1 -1
  201. package/dist/esm/twitter-preview/style.scss +12 -10
  202. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  203. package/dist/tsconfig.tsbuildinfo +1 -1
  204. package/dist/types/facebook-preview/custom-text.d.ts +2 -1
  205. package/dist/types/facebook-preview/custom-text.d.ts.map +1 -1
  206. package/dist/types/facebook-preview/hooks/use-image-hook.d.ts +4 -3
  207. package/dist/types/facebook-preview/hooks/use-image-hook.d.ts.map +1 -1
  208. package/dist/types/facebook-preview/link-preview-details.d.ts +1 -0
  209. package/dist/types/facebook-preview/link-preview-details.d.ts.map +1 -1
  210. package/dist/types/facebook-preview/link-preview.d.ts +2 -1
  211. package/dist/types/facebook-preview/link-preview.d.ts.map +1 -1
  212. package/dist/types/facebook-preview/post/actions/index.d.ts +1 -0
  213. package/dist/types/facebook-preview/post/actions/index.d.ts.map +1 -1
  214. package/dist/types/facebook-preview/post/header/index.d.ts +2 -1
  215. package/dist/types/facebook-preview/post/header/index.d.ts.map +1 -1
  216. package/dist/types/facebook-preview/post/icons/index.d.ts +1 -0
  217. package/dist/types/facebook-preview/post/icons/index.d.ts.map +1 -1
  218. package/dist/types/facebook-preview/post-preview.d.ts +1 -0
  219. package/dist/types/facebook-preview/post-preview.d.ts.map +1 -1
  220. package/dist/types/facebook-preview/previews.d.ts +2 -1
  221. package/dist/types/facebook-preview/previews.d.ts.map +1 -1
  222. package/dist/types/facebook-preview/types.d.ts +4 -5
  223. package/dist/types/facebook-preview/types.d.ts.map +1 -1
  224. package/dist/types/google-search-preview/index.d.ts +2 -1
  225. package/dist/types/google-search-preview/index.d.ts.map +1 -1
  226. package/dist/types/helpers.d.ts +10 -7
  227. package/dist/types/helpers.d.ts.map +1 -1
  228. package/dist/types/index.d.ts +2 -0
  229. package/dist/types/index.d.ts.map +1 -1
  230. package/dist/types/instagram-preview/icons/bookmark.d.ts +1 -0
  231. package/dist/types/instagram-preview/icons/bookmark.d.ts.map +1 -1
  232. package/dist/types/instagram-preview/icons/comment.d.ts +1 -0
  233. package/dist/types/instagram-preview/icons/comment.d.ts.map +1 -1
  234. package/dist/types/instagram-preview/icons/default-avatar.d.ts +1 -0
  235. package/dist/types/instagram-preview/icons/default-avatar.d.ts.map +1 -1
  236. package/dist/types/instagram-preview/icons/heart.d.ts +1 -0
  237. package/dist/types/instagram-preview/icons/heart.d.ts.map +1 -1
  238. package/dist/types/instagram-preview/icons/menu.d.ts +1 -0
  239. package/dist/types/instagram-preview/icons/menu.d.ts.map +1 -1
  240. package/dist/types/instagram-preview/icons/share.d.ts +1 -0
  241. package/dist/types/instagram-preview/icons/share.d.ts.map +1 -1
  242. package/dist/types/instagram-preview/post-preview.d.ts +1 -1
  243. package/dist/types/instagram-preview/post-preview.d.ts.map +1 -1
  244. package/dist/types/instagram-preview/previews.d.ts +1 -0
  245. package/dist/types/instagram-preview/previews.d.ts.map +1 -1
  246. package/dist/types/instagram-preview/types.d.ts +2 -2
  247. package/dist/types/instagram-preview/types.d.ts.map +1 -1
  248. package/dist/types/linkedin-preview/constants.d.ts +0 -4
  249. package/dist/types/linkedin-preview/constants.d.ts.map +1 -1
  250. package/dist/types/linkedin-preview/icons/default-avatar.d.ts +3 -0
  251. package/dist/types/linkedin-preview/icons/default-avatar.d.ts.map +1 -0
  252. package/dist/types/linkedin-preview/link-preview.d.ts +3 -4
  253. package/dist/types/linkedin-preview/link-preview.d.ts.map +1 -1
  254. package/dist/types/linkedin-preview/post-preview.d.ts +1 -1
  255. package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
  256. package/dist/types/linkedin-preview/previews.d.ts +1 -0
  257. package/dist/types/linkedin-preview/previews.d.ts.map +1 -1
  258. package/dist/types/linkedin-preview/types.d.ts +3 -4
  259. package/dist/types/linkedin-preview/types.d.ts.map +1 -1
  260. package/dist/types/mastodon-preview/constants.d.ts +2 -0
  261. package/dist/types/mastodon-preview/constants.d.ts.map +1 -0
  262. package/dist/types/mastodon-preview/helpers.d.ts +11 -0
  263. package/dist/types/mastodon-preview/helpers.d.ts.map +1 -0
  264. package/dist/types/mastodon-preview/index.d.ts +4 -0
  265. package/dist/types/mastodon-preview/index.d.ts.map +1 -0
  266. package/dist/types/mastodon-preview/link-preview.d.ts +5 -0
  267. package/dist/types/mastodon-preview/link-preview.d.ts.map +1 -0
  268. package/dist/types/mastodon-preview/post/actions/index.d.ts +5 -0
  269. package/dist/types/mastodon-preview/post/actions/index.d.ts.map +1 -0
  270. package/dist/types/mastodon-preview/post/body/index.d.ts +9 -0
  271. package/dist/types/mastodon-preview/post/body/index.d.ts.map +1 -0
  272. package/dist/types/mastodon-preview/post/card/index.d.ts +6 -0
  273. package/dist/types/mastodon-preview/post/card/index.d.ts.map +1 -0
  274. package/dist/types/mastodon-preview/post/header/index.d.ts +7 -0
  275. package/dist/types/mastodon-preview/post/header/index.d.ts.map +1 -0
  276. package/dist/types/mastodon-preview/post/icons/index.d.ts +7 -0
  277. package/dist/types/mastodon-preview/post/icons/index.d.ts.map +1 -0
  278. package/dist/types/mastodon-preview/post-preview.d.ts +5 -0
  279. package/dist/types/mastodon-preview/post-preview.d.ts.map +1 -0
  280. package/dist/types/mastodon-preview/previews.d.ts +6 -0
  281. package/dist/types/mastodon-preview/previews.d.ts.map +1 -0
  282. package/dist/types/mastodon-preview/types.d.ts +17 -0
  283. package/dist/types/mastodon-preview/types.d.ts.map +1 -0
  284. package/dist/types/nextdoor-preview/constants.d.ts +3 -0
  285. package/dist/types/nextdoor-preview/constants.d.ts.map +1 -0
  286. package/dist/types/nextdoor-preview/footer-actions.d.ts +2 -0
  287. package/dist/types/nextdoor-preview/footer-actions.d.ts.map +1 -0
  288. package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts +2 -0
  289. package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts.map +1 -0
  290. package/dist/types/nextdoor-preview/icons/comment-icon.d.ts +2 -0
  291. package/dist/types/nextdoor-preview/icons/comment-icon.d.ts.map +1 -0
  292. package/dist/types/nextdoor-preview/icons/default-avatar.d.ts +3 -0
  293. package/dist/types/nextdoor-preview/icons/default-avatar.d.ts.map +1 -0
  294. package/dist/types/nextdoor-preview/icons/default-image.d.ts +2 -0
  295. package/dist/types/nextdoor-preview/icons/default-image.d.ts.map +1 -0
  296. package/dist/types/nextdoor-preview/icons/globe-icon.d.ts +2 -0
  297. package/dist/types/nextdoor-preview/icons/globe-icon.d.ts.map +1 -0
  298. package/dist/types/nextdoor-preview/icons/like-icon.d.ts +2 -0
  299. package/dist/types/nextdoor-preview/icons/like-icon.d.ts.map +1 -0
  300. package/dist/types/nextdoor-preview/icons/share-icon.d.ts +2 -0
  301. package/dist/types/nextdoor-preview/icons/share-icon.d.ts.map +1 -0
  302. package/dist/types/nextdoor-preview/index.d.ts +4 -0
  303. package/dist/types/nextdoor-preview/index.d.ts.map +1 -0
  304. package/dist/types/nextdoor-preview/link-preview.d.ts +6 -0
  305. package/dist/types/nextdoor-preview/link-preview.d.ts.map +1 -0
  306. package/dist/types/nextdoor-preview/post-preview.d.ts +4 -0
  307. package/dist/types/nextdoor-preview/post-preview.d.ts.map +1 -0
  308. package/dist/types/nextdoor-preview/previews.d.ts +4 -0
  309. package/dist/types/nextdoor-preview/previews.d.ts.map +1 -0
  310. package/dist/types/nextdoor-preview/types.d.ts +8 -0
  311. package/dist/types/nextdoor-preview/types.d.ts.map +1 -0
  312. package/dist/types/shared/section-heading/index.d.ts +2 -1
  313. package/dist/types/shared/section-heading/index.d.ts.map +1 -1
  314. package/dist/types/tumblr-preview/link-preview.d.ts +1 -0
  315. package/dist/types/tumblr-preview/link-preview.d.ts.map +1 -1
  316. package/dist/types/tumblr-preview/post/actions/index.d.ts +1 -0
  317. package/dist/types/tumblr-preview/post/actions/index.d.ts.map +1 -1
  318. package/dist/types/tumblr-preview/post/header/index.d.ts +2 -1
  319. package/dist/types/tumblr-preview/post/header/index.d.ts.map +1 -1
  320. package/dist/types/tumblr-preview/post/icons/index.d.ts +1 -0
  321. package/dist/types/tumblr-preview/post/icons/index.d.ts.map +1 -1
  322. package/dist/types/tumblr-preview/post-preview.d.ts +1 -0
  323. package/dist/types/tumblr-preview/post-preview.d.ts.map +1 -1
  324. package/dist/types/tumblr-preview/previews.d.ts +2 -1
  325. package/dist/types/tumblr-preview/previews.d.ts.map +1 -1
  326. package/dist/types/tumblr-preview/types.d.ts +2 -2
  327. package/dist/types/tumblr-preview/types.d.ts.map +1 -1
  328. package/dist/types/twitter-preview/card.d.ts +1 -0
  329. package/dist/types/twitter-preview/card.d.ts.map +1 -1
  330. package/dist/types/twitter-preview/footer.d.ts +1 -0
  331. package/dist/types/twitter-preview/footer.d.ts.map +1 -1
  332. package/dist/types/twitter-preview/header.d.ts +1 -0
  333. package/dist/types/twitter-preview/header.d.ts.map +1 -1
  334. package/dist/types/twitter-preview/icons/default-avatar.d.ts +3 -0
  335. package/dist/types/twitter-preview/icons/default-avatar.d.ts.map +1 -0
  336. package/dist/types/twitter-preview/link-preview.d.ts +2 -5
  337. package/dist/types/twitter-preview/link-preview.d.ts.map +1 -1
  338. package/dist/types/twitter-preview/media.d.ts +1 -0
  339. package/dist/types/twitter-preview/media.d.ts.map +1 -1
  340. package/dist/types/twitter-preview/post-preview.d.ts +1 -0
  341. package/dist/types/twitter-preview/post-preview.d.ts.map +1 -1
  342. package/dist/types/twitter-preview/previews.d.ts +1 -0
  343. package/dist/types/twitter-preview/previews.d.ts.map +1 -1
  344. package/dist/types/twitter-preview/quote-tweet.d.ts +1 -0
  345. package/dist/types/twitter-preview/quote-tweet.d.ts.map +1 -1
  346. package/dist/types/twitter-preview/sidebar.d.ts +1 -0
  347. package/dist/types/twitter-preview/sidebar.d.ts.map +1 -1
  348. package/dist/types/twitter-preview/text.d.ts +1 -0
  349. package/dist/types/twitter-preview/text.d.ts.map +1 -1
  350. package/dist/types/twitter-preview/types.d.ts +11 -11
  351. package/dist/types/twitter-preview/types.d.ts.map +1 -1
  352. package/dist/types/types.d.ts +5 -1
  353. package/dist/types/types.d.ts.map +1 -1
  354. package/package.json +13 -13
  355. package/src/facebook-preview/hooks/use-image-hook.ts +3 -2
  356. package/src/facebook-preview/types.ts +1 -2
  357. package/src/helpers.tsx +23 -9
  358. package/src/index.ts +2 -0
  359. package/src/instagram-preview/post-preview.tsx +17 -2
  360. package/src/instagram-preview/previews.tsx +0 -1
  361. package/src/instagram-preview/style.scss +6 -1
  362. package/src/instagram-preview/types.ts +1 -1
  363. package/src/linkedin-preview/constants.ts +0 -5
  364. package/src/linkedin-preview/icons/default-avatar.tsx +16 -0
  365. package/src/linkedin-preview/link-preview.tsx +3 -3
  366. package/src/linkedin-preview/post-preview.tsx +5 -2
  367. package/src/linkedin-preview/previews.tsx +1 -2
  368. package/src/linkedin-preview/style.scss +8 -3
  369. package/src/linkedin-preview/types.ts +1 -2
  370. package/src/mastodon-preview/constants.ts +1 -0
  371. package/src/mastodon-preview/helpers.ts +45 -0
  372. package/src/mastodon-preview/index.tsx +3 -0
  373. package/src/mastodon-preview/link-preview.tsx +20 -0
  374. package/src/mastodon-preview/post/actions/index.tsx +50 -0
  375. package/src/mastodon-preview/post/actions/styles.scss +40 -0
  376. package/src/mastodon-preview/post/body/index.tsx +47 -0
  377. package/src/mastodon-preview/post/body/styles.scss +12 -0
  378. package/src/mastodon-preview/post/card/index.tsx +33 -0
  379. package/src/mastodon-preview/post/card/styles.scss +52 -0
  380. package/src/mastodon-preview/post/header/index.tsx +39 -0
  381. package/src/mastodon-preview/post/header/styles.scss +37 -0
  382. package/src/mastodon-preview/post/icons/index.tsx +7 -0
  383. package/src/mastodon-preview/post/icons/styles.scss +50 -0
  384. package/src/mastodon-preview/post-preview.tsx +29 -0
  385. package/src/mastodon-preview/previews.tsx +56 -0
  386. package/src/mastodon-preview/styles.scss +42 -0
  387. package/src/mastodon-preview/types.ts +19 -0
  388. package/src/mastodon-preview/variables.scss +7 -0
  389. package/src/nextdoor-preview/constants.ts +2 -0
  390. package/src/nextdoor-preview/footer-actions.tsx +23 -0
  391. package/src/nextdoor-preview/icons/chevron-icon.tsx +11 -0
  392. package/src/nextdoor-preview/icons/comment-icon.tsx +12 -0
  393. package/src/nextdoor-preview/icons/default-avatar.tsx +3 -0
  394. package/src/nextdoor-preview/icons/default-image.tsx +23 -0
  395. package/src/nextdoor-preview/icons/globe-icon.tsx +12 -0
  396. package/src/nextdoor-preview/icons/like-icon.tsx +12 -0
  397. package/src/nextdoor-preview/icons/share-icon.tsx +12 -0
  398. package/src/nextdoor-preview/index.tsx +3 -0
  399. package/src/nextdoor-preview/link-preview.tsx +20 -0
  400. package/src/nextdoor-preview/post-preview.tsx +110 -0
  401. package/src/nextdoor-preview/previews.tsx +53 -0
  402. package/src/nextdoor-preview/style.scss +211 -0
  403. package/src/nextdoor-preview/types.ts +9 -0
  404. package/src/tumblr-preview/post-preview.tsx +22 -6
  405. package/src/tumblr-preview/previews.tsx +1 -1
  406. package/src/tumblr-preview/variables.scss +0 -1
  407. package/src/twitter-preview/header.tsx +6 -3
  408. package/src/twitter-preview/icons/default-avatar.tsx +17 -0
  409. package/src/twitter-preview/link-preview.tsx +1 -8
  410. package/src/twitter-preview/post-preview.tsx +2 -2
  411. package/src/twitter-preview/previews.tsx +4 -3
  412. package/src/twitter-preview/sidebar.tsx +6 -5
  413. package/src/twitter-preview/style.scss +12 -10
  414. package/src/twitter-preview/types.ts +4 -4
  415. package/src/types.ts +5 -0
  416. package/dist/cjs/twitter-preview/constants.js +0 -10
  417. package/dist/cjs/twitter-preview/constants.js.map +0 -1
  418. package/dist/esm/twitter-preview/constants.js +0 -7
  419. package/dist/esm/twitter-preview/constants.js.map +0 -1
  420. package/dist/types/twitter-preview/constants.d.ts +0 -7
  421. package/dist/types/twitter-preview/constants.d.ts.map +0 -1
  422. package/src/twitter-preview/constants.ts +0 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## v2.0.1-beta
4
+
5
+ - Added Mastodon, Instagram and Nextdoor previews
6
+ - Fixed hyperlinks for Facebook
7
+ - Fixed multiple empty lines issue in preview text
8
+ - Fixed video previews for Instagram and Tumblr
9
+ - Fixed empty Twitter preview when no text/description is provided
10
+ - Changed Twitter text and icon to X
11
+
3
12
  ## v2.0.0 (2023-05-24)
4
13
 
5
14
  - Converted the package to TypeScript.
@@ -8,7 +8,8 @@ const useImage = ({ mode: initialMode }) => {
8
8
  const [isLoadingImage, setLoadingImage] = (0, react_1.useState)(true);
9
9
  const onLoad = (0, react_1.useCallback)(({ target }) => {
10
10
  if (!mode) {
11
- setMode(target.naturalWidth > target.naturalHeight ? constants_1.LANDSCAPE_MODE : constants_1.PORTRAIT_MODE);
11
+ const image = target;
12
+ setMode(image.naturalWidth > image.naturalHeight ? constants_1.LANDSCAPE_MODE : constants_1.PORTRAIT_MODE);
12
13
  }
13
14
  setLoadingImage(false);
14
15
  }, [mode]);
@@ -1 +1 @@
1
- {"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":";;AAAA,0CAAqC;AACrC,iCAA8C;AAC9C,+CAAgE;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,IAAA,gBAAQ,EAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,IAAA,gBAAQ,EAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAE,EAAE,MAAM,EAAE,EAAG,EAAE;QAChB,IAAK,CAAE,IAAI,EAAG;YACb,OAAO,CAAE,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,yBAAa,CAAE,CAAC;SACvF;QACD,eAAe,CAAE,KAAK,CAAE,CAAC;IAC1B,CAAC,EACD,CAAE,IAAI,CAAE,CACR,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAE,KAAK,CAAE,EAAE,EAAE,CAAE,CAAC;IAElE,OAAO;QACN,IAAI;QACJ,cAAc;QACd;YACC,GAAG,EAAE,IAAA,SAAE,EAAE,4BAA4B,EAAE,iBAAiB,CAAE;YAC1D,MAAM;YACN,OAAO;SACP;KACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":";;AAAA,0CAAqC;AACrC,iCAA8C;AAC9C,+CAAgE;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,IAAA,gBAAQ,EAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,IAAA,gBAAQ,EAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAE,EAAE,MAAM,EAAE,EAAG,EAAE;QAChB,IAAK,CAAE,IAAI,EAAG;YACb,MAAM,KAAK,GAAG,MAA0B,CAAC;YACzC,OAAO,CAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0BAAc,CAAC,CAAC,CAAC,yBAAa,CAAE,CAAC;SACrF;QACD,eAAe,CAAE,KAAK,CAAE,CAAC;IAC1B,CAAC,EACD,CAAE,IAAI,CAAE,CACR,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAE,KAAK,CAAE,EAAE,EAAE,CAAE,CAAC;IAElE,OAAO;QACN,IAAI;QACJ,cAAc;QACd;YACC,GAAG,EAAE,IAAA,SAAE,EAAE,4BAA4B,EAAE,iBAAiB,CAAE;YAC1D,MAAM;YACN,OAAO;SACP;KACD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.preparePreviewText = exports.hashtagUrlMap = 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.formatNextdoorDate = exports.hasTag = exports.stripHtmlTags = exports.firstValid = exports.hardTruncation = exports.truncatedAtSpace = exports.shortEnough = exports.baseDomain = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const element_1 = require("@wordpress/element");
6
6
  const i18n_1 = require("@wordpress/i18n");
@@ -32,16 +32,23 @@ const hasTag = (text, tag) => {
32
32
  return pattern.test(text);
33
33
  };
34
34
  exports.hasTag = hasTag;
35
+ exports.formatNextdoorDate = new Intl.DateTimeFormat('en-GB', {
36
+ // Result: "7 Oct", "31 Dec"
37
+ day: 'numeric',
38
+ month: 'short',
39
+ }).format;
35
40
  exports.formatTweetDate = new Intl.DateTimeFormat('en-US', {
36
41
  // Result: "Apr 7", "Dec 31"
37
42
  month: 'short',
38
43
  day: 'numeric',
39
44
  }).format;
40
45
  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',
46
+ twitter: 'https://twitter.com/hashtag/%1$s',
47
+ facebook: 'https://www.facebook.com/hashtag/%1$s',
48
+ linkedin: 'https://www.linkedin.com/feed/hashtag/?keywords=%1$s',
49
+ instagram: 'https://www.instagram.com/explore/tags/%1$s',
50
+ mastodon: 'https://%2$s/tags/%1$s',
51
+ nextdoor: 'https://nextdoor.com/hashtag/%1$s',
45
52
  };
46
53
  /**
47
54
  * Prepares the text for the preview.
@@ -51,6 +58,10 @@ function preparePreviewText(text, options) {
51
58
  // Instagram doesn't support hyperlink URLs at the moment.
52
59
  hyperlinkUrls = 'instagram' !== platform, } = options;
53
60
  let result = (0, exports.stripHtmlTags)(text);
61
+ // Replace multiple new lines (2+) with 2 new lines
62
+ // There can be any whitespace characters in empty lines
63
+ // That is why "\s*"
64
+ result = result.replaceAll(/(?:\s*[\n\r]){2,}/g, '\n\n');
54
65
  if (maxChars && result.length > maxChars) {
55
66
  result = result.substring(0, maxChars);
56
67
  }
@@ -99,7 +110,7 @@ function preparePreviewText(text, options) {
99
110
  * with a url https://github.com/Automattic/wp-calypso#security that has a hash in it`
100
111
  */
101
112
  [...hashtags].forEach(([fullMatch, whitespace, hashtag], index) => {
102
- const url = (0, i18n_1.sprintf)(hashtagUrl, hashtag);
113
+ const url = (0, i18n_1.sprintf)(hashtagUrl, hashtag, options.hashtagDomain);
103
114
  // Add the element to the component map.
104
115
  componentMap[`Hashtag${index}`] = ((0, jsx_runtime_1.jsx)("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: `#${hashtag}` }));
105
116
  // Replace the hashtag with the component placeholder.
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.tsx"],"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
@@ -6,6 +6,8 @@ tslib_1.__exportStar(require("./twitter-preview"), exports);
6
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
+ tslib_1.__exportStar(require("./mastodon-preview"), exports);
10
+ tslib_1.__exportStar(require("./nextdoor-preview"), exports);
9
11
  tslib_1.__exportStar(require("./constants"), exports);
10
12
  tslib_1.__exportStar(require("./instagram-preview"), exports);
11
13
  tslib_1.__exportStar(require("./types"), exports);
@@ -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,8DAAoC;AACpC,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,6DAAmC;AACnC,6DAAmC;AACnC,sDAA4B;AAC5B,8DAAoC;AACpC,kDAAwB"}
@@ -12,13 +12,15 @@ const heart_1 = require("./icons/heart");
12
12
  const menu_1 = require("./icons/menu");
13
13
  const share_1 = require("./icons/share");
14
14
  require("./style.scss");
15
- function InstagramPostPreview({ image, name, profileImage, caption, }) {
15
+ function InstagramPostPreview({ image, media, name, profileImage, caption, }) {
16
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, {
17
+ const mediaItem = media?.[0];
18
+ 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: mediaItem ? ((0, jsx_runtime_1.jsx)("div", { className: "instagram-preview__media-item", children: mediaItem.type.startsWith('video/') ? (
19
+ // eslint-disable-next-line jsx-a11y/media-has-caption
20
+ (0, jsx_runtime_1.jsx)("video", { controls: false, className: "instagram-preview__media--video", children: (0, jsx_runtime_1.jsx)("source", { src: mediaItem.url, type: mediaItem.type }) })) : ((0, jsx_runtime_1.jsx)("img", { className: "instagram-preview__media--image", src: image, alt: "" })) })) : ((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
21
  platform: 'instagram',
19
22
  maxChars: constants_1.FEED_TEXT_MAX_LENGTH,
20
23
  maxLines: constants_1.FEED_TEXT_MAX_LINES,
21
- hyperlinkUrls: false,
22
24
  }) })) : 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
25
  }
24
26
  exports.InstagramPostPreview = InstagramPostPreview;
@@ -1 +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"}
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,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,GACgB;IACvB,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAC;IAEpC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAE,CAAC,CAAE,CAAC;IAE/B,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,YACtC,SAAS,CAAC,CAAC,CAAC,CACb,gCAAK,SAAS,EAAC,+BAA+B,YAC3C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAAC,CAAC,CAAC;wBACzC,sDAAsD;wBACtD,kCAAO,QAAQ,EAAG,KAAK,EAAG,SAAS,EAAC,iCAAiC,YACpE,mCAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,CACxE,GACI,CACN,CAAC,CAAC,CAAC,CACH,gCAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,CACxE,GACI,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;qCAC7B,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;AAxED,oDAwEC"}
@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const i18n_1 = require("@wordpress/i18n");
7
7
  const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
8
8
  const post_preview_1 = require("./post-preview");
9
- const InstagramPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
9
+ const InstagramPreviews = ({ headingLevel, hidePostPreview, ...props }) => {
10
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
11
  // translators: refers to a social post on Instagram
12
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 })] })) }));
@@ -1 +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"}
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,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;AA1BW,QAAA,iBAAiB,qBA0B5B"}
@@ -57,12 +57,17 @@
57
57
  &__media {
58
58
  display: flex;
59
59
 
60
- &--image {
60
+ &--image,
61
+ &--video {
61
62
  width: 100%;
62
63
  object-fit: cover;
63
64
  }
64
65
  }
65
66
 
67
+ &__media-item {
68
+ flex-grow: 1;
69
+ }
70
+
66
71
  &__content {
67
72
  display: flex;
68
73
  flex-direction: column;
@@ -1,10 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DEFAULT_PROPS = exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
3
+ exports.FEED_TEXT_MAX_LINES = exports.FEED_TEXT_MAX_LENGTH = void 0;
4
4
  exports.FEED_TEXT_MAX_LENGTH = 212;
5
5
  exports.FEED_TEXT_MAX_LINES = 3;
6
- exports.DEFAULT_PROPS = {
7
- name: 'Account Name',
8
- profileImage: 'https://static.licdn.com/sc/h/1c5u578iilxfi4m4dvc4q810q',
9
- };
10
6
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAExB,QAAA,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,yDAAyD;CACvE,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/linkedin-preview/constants.ts"],"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.DefaultAvatar = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const DefaultAvatar = () => {
6
+ return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "128", height: "128", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#e7e2dc", d: "M0 0h128v128H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 10-48.82 0 66.13 66.13 0 0148.82 0z", fill: "#788fa5" }), (0, jsx_runtime_1.jsx)("path", { d: "M88.41 84.67a32 32 0 01-48.82 0A66.79 66.79 0 000 128h128a66.79 66.79 0 00-39.59-43.33z", fill: "#9db3c8" }), (0, jsx_runtime_1.jsx)("path", { d: "M64 96a31.93 31.93 0 0024.41-11.33 66.13 66.13 0 00-48.82 0A31.93 31.93 0 0064 96z", fill: "#56687a" })] }));
7
+ };
8
+ exports.DefaultAvatar = DefaultAvatar;
9
+ //# sourceMappingURL=default-avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-avatar.js","sourceRoot":"","sources":["../../../../src/linkedin-preview/icons/default-avatar.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,aAAa,GAAa,GAAG,EAAE;IAC3C,OAAO,CACN,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACrF,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iBAAiB,GAAG,EAC3C,iCAAM,CAAC,EAAC,0DAA0D,EAAC,IAAI,EAAC,SAAS,GAAG,EACpF,iCACC,CAAC,EAAC,yFAAyF,EAC3F,IAAI,EAAC,SAAS,GACb,EACF,iCACC,CAAC,EAAC,oFAAoF,EACtF,IAAI,EAAC,SAAS,GACb,IACG,CACN,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,aAAa,iBAexB"}
@@ -2,10 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.LinkedInLinkPreview = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
- const constants_1 = require("./constants");
6
5
  const post_preview_1 = require("./post-preview");
7
6
  function LinkedInLinkPreview(props) {
8
- return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...constants_1.DEFAULT_PROPS, ...props,
7
+ return ((0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { name: "", profileImage: "", ...props,
9
8
  // Override the props that are irrelevant to link preview
10
9
  description: "", media: undefined }));
11
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,OACd,yBAAa,KACb,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAVD,kDAUC"}
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":";;;;AAAA,iDAAqD;AAQrD,SAAgB,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,uBAAC,kCAAmB,IACnB,IAAI,EAAC,EAAE,EACP,YAAY,EAAC,EAAE,KACV,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,GAChB,CACF,CAAC;AACH,CAAC;AAXD,kDAWC"}
@@ -5,10 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const i18n_1 = require("@wordpress/i18n");
6
6
  const helpers_1 = require("../helpers");
7
7
  const constants_1 = require("./constants");
8
+ const default_avatar_1 = require("./icons/default-avatar");
8
9
  require("./style.scss");
9
10
  function LinkedInPostPreview({ articleReadTime = 5, image, jobTitle, name, profileImage, description, media, title, url, }) {
10
11
  const hasMedia = !!media?.length;
11
- return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--avatar", children: (0, jsx_runtime_1.jsx)("img", { src: profileImage, alt: "" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children:
12
+ return ((0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__wrapper", children: (0, jsx_runtime_1.jsxs)("section", { className: `linkedin-preview__container ${hasMedia ? 'has-media' : ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-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: "linkedin-preview__header--profile", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linkedin-preview__header--profile-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-name", children: name || (0, i18n_1.__)('Account Name', 'social-previews') }), (0, jsx_runtime_1.jsx)("span", { children: "\u2022" }), (0, jsx_runtime_1.jsx)("div", { className: "linkedin-preview__header--profile-actor", children:
12
13
  // translators: refers to the actor level of the post being shared, e.g. "1st", "2nd", "3rd", etc.
13
14
  (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
15
  // translators: refers to the time since the post was published, e.g. "1h"
@@ -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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"}
@@ -6,7 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const components_1 = require("@wordpress/components");
7
7
  const i18n_1 = require("@wordpress/i18n");
8
8
  const section_heading_1 = tslib_1.__importDefault(require("../shared/section-heading"));
9
- const constants_1 = require("./constants");
10
9
  const link_preview_1 = require("./link-preview");
11
10
  const post_preview_1 = require("./post-preview");
12
11
  const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
@@ -14,7 +13,7 @@ const LinkedInPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...p
14
13
  // translators: refers to a social post on LinkedIn
15
14
  (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 LinkedIn:', 'social-previews') }), (0, jsx_runtime_1.jsx)(post_preview_1.LinkedInPostPreview, { ...props })] })), !hideLinkPreview && ((0, jsx_runtime_1.jsxs)("section", { className: "social-preview__section linkedin-preview__section", children: [(0, jsx_runtime_1.jsx)(section_heading_1.default, { level: headingLevel, children:
16
15
  // translators: refers to a link to a LinkedIn post
17
- (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.LinkedInLinkPreview, { ...props, ...constants_1.DEFAULT_PROPS })] }))] }));
16
+ (0, i18n_1.__)('Link preview', 'social-previews') }), (0, jsx_runtime_1.jsxs)("p", { className: "social-preview__section-desc", children: [(0, i18n_1.__)('This is what it will look like when someone shares the link to your WordPress post on LinkedIn.', 'social-previews'), "\u00A0", (0, jsx_runtime_1.jsx)(components_1.ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: (0, i18n_1.__)('Learn more about links', 'social-previews') })] }), (0, jsx_runtime_1.jsx)(link_preview_1.LinkedInLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
18
17
  };
19
18
  exports.LinkedInPreviews = LinkedInPreviews;
20
19
  //# sourceMappingURL=previews.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,2CAA4C;AAC5C,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,KAAQ,yBAAa,GAAK,IAChD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}
1
+ {"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/linkedin-preview/previews.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAqD;AACrD,0CAAqC;AACrC,wFAAuD;AACvD,iDAAqD;AACrD,iDAAqD;AAG9C,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,8BAAG,SAAS,EAAC,8BAA8B,YACxC,IAAA,SAAE,EAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,uBAAC,kCAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,qCAAS,SAAS,EAAC,mDAAmD,aACrE,uBAAC,yBAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,IAAA,SAAE,EAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,+BAAG,SAAS,EAAC,8BAA8B,aACxC,IAAA,SAAE,EACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,uBAAC,yBAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,IAAA,SAAE,EAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,uBAAC,kCAAmB,OAAM,KAAK,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,GAAG,IACnD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,gBAAgB,oBA6C3B"}
@@ -38,13 +38,18 @@
38
38
  margin-bottom: 0.8rem;
39
39
 
40
40
  &--avatar {
41
+ width: 48px;
42
+ height: 48px;
43
+ border-radius: 50%;
44
+ overflow: hidden;
45
+ display: flex;
46
+ align-items: center;
41
47
  flex-shrink: 0;
42
48
  }
43
49
 
44
50
  &--avatar img {
45
- width: 48px;
46
- height: 48px;
47
- border-radius: 50%;
51
+ width: 100%;
52
+ object-fit: contain;
48
53
  }
49
54
 
50
55
  &--profile {
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DEFAULT_MASTODON_INSTANCE = void 0;
4
+ exports.DEFAULT_MASTODON_INSTANCE = 'mastodon.social';
5
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/mastodon-preview/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,iBAAiB,CAAC"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getMastodonAddressDetails = exports.mastodonUrl = exports.mastodonBody = exports.mastodonTitle = void 0;
4
+ const helpers_1 = require("../helpers");
5
+ const constants_1 = require("./constants");
6
+ const TITLE_LENGTH = 200;
7
+ const BODY_LENGTH = 500;
8
+ const URL_LENGTH = 30;
9
+ const ADDRESS_PATTERN = /^@([^@]*)@([^@]*)$/i;
10
+ const mastodonTitle = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(TITLE_LENGTH), (0, helpers_1.hardTruncation)(TITLE_LENGTH))((0, helpers_1.stripHtmlTags)(text)) || '';
11
+ exports.mastodonTitle = mastodonTitle;
12
+ const mastodonBody = (text, options) => {
13
+ const { instance, offset } = options;
14
+ return (0, helpers_1.preparePreviewText)(text, {
15
+ platform: 'mastodon',
16
+ maxChars: BODY_LENGTH - URL_LENGTH - offset,
17
+ hashtagDomain: instance,
18
+ });
19
+ };
20
+ exports.mastodonBody = mastodonBody;
21
+ const mastodonUrl = (text) => (0, helpers_1.firstValid)((0, helpers_1.shortEnough)(URL_LENGTH), (0, helpers_1.hardTruncation)(URL_LENGTH))((0, helpers_1.stripHtmlTags)(text)) ||
22
+ '';
23
+ exports.mastodonUrl = mastodonUrl;
24
+ const getMastodonAddressDetails = (address) => {
25
+ const matches = address.match(ADDRESS_PATTERN);
26
+ return {
27
+ username: matches?.[1] || '',
28
+ instance: matches?.[2] || constants_1.DEFAULT_MASTODON_INSTANCE,
29
+ };
30
+ };
31
+ exports.getMastodonAddressDetails = getMastodonAddressDetails;
32
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/mastodon-preview/helpers.ts"],"names":[],"mappings":";;;AAAA,wCAOoB;AACpB,2CAAwD;AAGxD,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAEvC,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,YAAY,GAAG,CAAE,IAAY,EAAE,OAA6C,EAAG,EAAE;IAC7F,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO,IAAA,4BAAkB,EAAE,IAAI,EAAE;QAChC,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM;QAC3C,aAAa,EAAE,QAAQ;KACvB,CAAE,CAAC;AACL,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,WAAW,GAAc,CAAE,IAAI,EAAG,EAAE,CAChD,IAAA,oBAAU,EAAE,IAAA,qBAAW,EAAE,UAAU,CAAE,EAAE,IAAA,wBAAc,EAAE,UAAU,CAAE,CAAE,CAAE,IAAA,uBAAa,EAAE,IAAI,CAAE,CAAE;IAC9F,EAAE,CAAC;AAFS,QAAA,WAAW,eAEpB;AAEG,MAAM,yBAAyB,GAAG,CAAE,OAAe,EAA2B,EAAE;IACtF,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAE,eAAe,CAAE,CAAC;IAEjD,OAAO;QACN,QAAQ,EAAE,OAAO,EAAE,CAAE,CAAC,CAAE,IAAI,EAAE;QAC9B,QAAQ,EAAE,OAAO,EAAE,CAAE,CAAC,CAAE,IAAI,qCAAyB;KACrD,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,yBAAyB,6BAOpC"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./link-preview"), exports);
5
+ tslib_1.__exportStar(require("./post-preview"), exports);
6
+ tslib_1.__exportStar(require("./previews"), exports);
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mastodon-preview/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,yDAA+B;AAC/B,qDAA2B"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MastodonLinkPreview = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const actions_1 = tslib_1.__importDefault(require("./post/actions"));
7
+ const body_1 = tslib_1.__importDefault(require("./post/body"));
8
+ const card_1 = tslib_1.__importDefault(require("./post/card"));
9
+ const header_1 = tslib_1.__importDefault(require("./post/header"));
10
+ require("./styles.scss");
11
+ const MastodonLinkPreview = (props) => {
12
+ const { user } = props;
13
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__post", children: [(0, jsx_runtime_1.jsx)(header_1.default, { user: user }), (0, jsx_runtime_1.jsx)(body_1.default, { ...props }), (0, jsx_runtime_1.jsx)(card_1.default, { ...props }), (0, jsx_runtime_1.jsx)(actions_1.default, {})] }));
14
+ };
15
+ exports.MastodonLinkPreview = MastodonLinkPreview;
16
+ //# sourceMappingURL=link-preview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/mastodon-preview/link-preview.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAiD;AACjD,+DAAyC;AACzC,+DAA2C;AAC3C,mEAA+C;AAG/C,yBAAuB;AAEhB,MAAM,mBAAmB,GAAqC,CAAE,KAAK,EAAG,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,uBAAC,gBAAkB,IAAC,IAAI,EAAG,IAAI,GAAK,EACpC,uBAAC,cAAc,OAAM,KAAK,GAAK,EAC/B,uBAAC,cAAgB,OAAM,KAAK,GAAK,EACjC,uBAAC,iBAAmB,KAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const i18n_1 = require("@wordpress/i18n");
6
+ const icons_1 = tslib_1.__importDefault(require("../icons"));
7
+ require("./styles.scss");
8
+ const MastodonPostActions = () => ((0, jsx_runtime_1.jsx)("div", { className: "mastodon-preview__post-actions", children: (0, jsx_runtime_1.jsx)("ul", { children: [
9
+ {
10
+ icon: 'reply',
11
+ // translators: "Reply" action on a Mastodon post
12
+ label: (0, i18n_1.__)('Reply', 'social-previews'),
13
+ text: 0,
14
+ },
15
+ {
16
+ icon: 'boost',
17
+ // translators: "Boost" action on a Mastodon post
18
+ label: (0, i18n_1.__)('Boost', 'social-previews'),
19
+ },
20
+ {
21
+ icon: 'like',
22
+ // translators: "Favourite" action on a Mastodon post
23
+ label: (0, i18n_1.__)('Favourite', 'social-previews'),
24
+ },
25
+ {
26
+ icon: 'bookmark',
27
+ // translators: "Bookmark" action on a Mastodon post
28
+ label: (0, i18n_1.__)('Bookmark', 'social-previews'),
29
+ },
30
+ {
31
+ icon: 'more',
32
+ // translators: "More" menu on a Mastodon post
33
+ label: (0, i18n_1.__)('More', 'social-previews'),
34
+ },
35
+ ].map(({ icon, label, text }) => ((0, jsx_runtime_1.jsxs)("li", { "aria-label": label, children: [(0, jsx_runtime_1.jsx)("span", { className: "mastodon-preview__post-icon-wrapper", children: (0, jsx_runtime_1.jsx)(icons_1.default, { name: icon }) }), (typeof text === 'number' || text) && ((0, jsx_runtime_1.jsx)("span", { className: "mastodon-preview__post-icon-text", children: text }))] }, icon))) }) }));
36
+ exports.default = MastodonPostActions;
37
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/actions/index.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,6DAAwC;AAExC,yBAAuB;AAEvB,MAAM,mBAAmB,GAAa,GAAG,EAAE,CAAC,CAC3C,gCAAK,SAAS,EAAC,gCAAgC,YAC9C,yCACG;YACD;gBACC,IAAI,EAAE,OAAO;gBACb,iDAAiD;gBACjD,KAAK,EAAE,IAAA,SAAE,EAAE,OAAO,EAAE,iBAAiB,CAAE;gBACvC,IAAI,EAAE,CAAC;aACP;YACD;gBACC,IAAI,EAAE,OAAO;gBACb,iDAAiD;gBACjD,KAAK,EAAE,IAAA,SAAE,EAAE,OAAO,EAAE,iBAAiB,CAAE;aACvC;YACD;gBACC,IAAI,EAAE,MAAM;gBACZ,qDAAqD;gBACrD,KAAK,EAAE,IAAA,SAAE,EAAE,WAAW,EAAE,iBAAiB,CAAE;aAC3C;YACD;gBACC,IAAI,EAAE,UAAU;gBAChB,oDAAoD;gBACpD,KAAK,EAAE,IAAA,SAAE,EAAE,UAAU,EAAE,iBAAiB,CAAE;aAC1C;YACD;gBACC,IAAI,EAAE,MAAM;gBACZ,8CAA8C;gBAC9C,KAAK,EAAE,IAAA,SAAE,EAAE,MAAM,EAAE,iBAAiB,CAAE;aACtC;SACD,CAAC,GAAG,CAAE,CAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAG,EAAE,CAAC,CACnC,8CAA8B,KAAK,aAClC,iCAAM,SAAS,EAAC,qCAAqC,YACpD,uBAAC,eAAgB,IAAC,IAAI,EAAG,IAAI,GAAK,GAC5B,EACL,CAAE,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAE,IAAI,CACzC,iCAAM,SAAS,EAAC,kCAAkC,YAAG,IAAI,GAAS,CAClE,KANQ,IAAI,CAOT,CACL,CAAE,GACC,GACA,CACN,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
@@ -0,0 +1,40 @@
1
+ @import "../../variables";
2
+
3
+ .mastodon-preview__post-actions {
4
+ margin-top: 1rem;
5
+
6
+ ul {
7
+ display: flex;
8
+ justify-content: space-between;
9
+ align-items: center;
10
+
11
+ margin: 0;
12
+ padding: 0;
13
+
14
+ list-style-type: none;
15
+
16
+ > li {
17
+ display: flex;
18
+ align-items: center;
19
+ gap: 0.25rem;
20
+
21
+ margin: 0;
22
+ }
23
+ }
24
+ }
25
+
26
+ .mastodon-preview__post-icon-wrapper {
27
+ display: flex;
28
+ justify-content: center;
29
+ align-items: center;
30
+
31
+ width: 24px;
32
+ height: 24px;
33
+ }
34
+
35
+ .mastodon-preview__post-icon-text {
36
+ color: $mastodon-ui-text-color;
37
+
38
+ font-size: 0.75rem;
39
+ font-weight: 500;
40
+ }
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const helpers_1 = require("../../../helpers");
5
+ const helpers_2 = require("../../helpers");
6
+ require("./styles.scss");
7
+ const MastonPostBody = (props) => {
8
+ const { title, description, customText, url, user, children } = props;
9
+ const instance = user?.address ? (0, helpers_2.getMastodonAddressDetails)(user.address).instance : '';
10
+ const options = {
11
+ instance,
12
+ offset: 0,
13
+ };
14
+ let bodyTxt;
15
+ if (customText) {
16
+ bodyTxt = (0, jsx_runtime_1.jsx)("p", { children: (0, helpers_2.mastodonBody)(customText, options) });
17
+ }
18
+ else if (description) {
19
+ const renderedTitle = (0, helpers_1.stripHtmlTags)(title);
20
+ options.offset = renderedTitle.length;
21
+ bodyTxt = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: renderedTitle }), (0, jsx_runtime_1.jsx)("p", { children: (0, helpers_2.mastodonBody)(description, options) })] }));
22
+ }
23
+ else {
24
+ bodyTxt = (0, jsx_runtime_1.jsx)("p", { children: (0, helpers_2.mastodonBody)(title, options) });
25
+ }
26
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__body", children: [bodyTxt, (0, jsx_runtime_1.jsx)("a", { href: url, target: "_blank", rel: "noreferrer noopener", children: (0, helpers_2.mastodonUrl)(url.replace(/^https?:\/\//, '')) }), children] }));
27
+ };
28
+ exports.default = MastonPostBody;
29
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/body/index.tsx"],"names":[],"mappings":";;;AAAA,8CAAiD;AACjD,2CAAqF;AAGrF,yBAAuB;AAIvB,MAAM,cAAc,GAAsB,CAAE,KAAK,EAAG,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,QAAQ,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAA,mCAAyB,EAAE,IAAI,CAAC,OAAO,CAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,MAAM,OAAO,GAAG;QACf,QAAQ;QACR,MAAM,EAAE,CAAC;KACT,CAAC;IAEF,IAAI,OAAO,CAAC;IAEZ,IAAK,UAAU,EAAG;QACjB,OAAO,GAAG,wCAAK,IAAA,sBAAY,EAAE,UAAU,EAAE,OAAO,CAAE,GAAM,CAAC;KACzD;SAAM,IAAK,WAAW,EAAG;QACzB,MAAM,aAAa,GAAG,IAAA,uBAAa,EAAE,KAAK,CAAE,CAAC;QAE7C,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;QAEtC,OAAO,GAAG,CACT,6DACC,wCAAK,aAAa,GAAM,EACxB,wCAAK,IAAA,sBAAY,EAAE,WAAW,EAAE,OAAO,CAAE,GAAM,IAC7C,CACH,CAAC;KACF;SAAM;QACN,OAAO,GAAG,wCAAK,IAAA,sBAAY,EAAE,KAAK,EAAE,OAAO,CAAE,GAAM,CAAC;KACpD;IAED,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,EACT,8BAAG,IAAI,EAAG,GAAG,EAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,YACtD,IAAA,qBAAW,EAAE,GAAG,CAAC,OAAO,CAAE,cAAc,EAAE,EAAE,CAAE,CAAE,GAC/C,EACF,QAAQ,IACL,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -0,0 +1,12 @@
1
+ @import "../../variables";
2
+
3
+ .mastodon-preview__body {
4
+ margin-bottom: 1rem;
5
+
6
+ color: $mastodon-body-text-color;
7
+
8
+ > p {
9
+ margin-bottom: 1.25rem;
10
+ }
11
+ }
12
+
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const i18n_1 = require("@wordpress/i18n");
5
+ const helpers_1 = require("../../../helpers");
6
+ const helpers_2 = require("../../helpers");
7
+ require("./styles.scss");
8
+ const MastodonPostCard = ({ siteName, title, url, image, customImage, }) => {
9
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__card", children: [(0, jsx_runtime_1.jsx)("div", { className: "mastodon-preview__card-img", children: (image || customImage) && ((0, jsx_runtime_1.jsx)("img", { src: image || customImage, alt: (0, i18n_1.__)('Mastodon preview thumbnail', 'social-previews') })) }), (0, jsx_runtime_1.jsxs)("div", { className: "mastodon-preview__card-text", children: [(0, jsx_runtime_1.jsx)("span", { className: "mastodon-preview__card-title", children: (0, helpers_2.mastodonTitle)(title) }), (0, jsx_runtime_1.jsx)("span", { className: "mastodon-preview__card-site", children: siteName || (0, helpers_1.baseDomain)(url) })] })] }));
10
+ };
11
+ exports.default = MastodonPostCard;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/card/index.tsx"],"names":[],"mappings":";;;AAAA,0CAAqC;AACrC,8CAA8C;AAC9C,2CAA8C;AAG9C,yBAAuB;AAEvB,MAAM,gBAAgB,GAAqC,CAAE,EAC5D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAK,EACL,WAAW,GACX,EAAG,EAAE;IACL,OAAO,CACN,iCAAK,SAAS,EAAC,wBAAwB,aACtC,gCAAK,SAAS,EAAC,4BAA4B,YACxC,CAAE,KAAK,IAAI,WAAW,CAAE,IAAI,CAC7B,gCACC,GAAG,EAAG,KAAK,IAAI,WAAW,EAC1B,GAAG,EAAG,IAAA,SAAE,EAAE,4BAA4B,EAAE,iBAAiB,CAAE,GAC1D,CACF,GACI,EACN,iCAAK,SAAS,EAAC,6BAA6B,aAC3C,iCAAM,SAAS,EAAC,8BAA8B,YAAG,IAAA,uBAAa,EAAE,KAAK,CAAE,GAAS,EAChF,iCAAM,SAAS,EAAC,6BAA6B,YAAG,QAAQ,IAAI,IAAA,oBAAU,EAAE,GAAG,CAAE,GAAS,IACjF,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}