@automattic/social-previews 2.0.1-beta.8 → 2.0.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.
- package/dist/cjs/facebook-preview/custom-text.js.map +1 -1
- package/dist/cjs/facebook-preview/hooks/use-image-hook.js.map +1 -1
- package/dist/cjs/facebook-preview/post/header/index.js.map +1 -1
- package/dist/cjs/helpers.js +22 -1
- package/dist/cjs/helpers.js.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/instagram-preview/style.scss +6 -1
- package/dist/cjs/linkedin-preview/link-preview.js +2 -1
- package/dist/cjs/linkedin-preview/link-preview.js.map +1 -1
- package/dist/cjs/linkedin-preview/post-preview.js +1 -1
- package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
- package/dist/cjs/mastodon-preview/constants.js +2 -1
- package/dist/cjs/mastodon-preview/constants.js.map +1 -1
- package/dist/cjs/mastodon-preview/post/actions/index.js +1 -31
- package/dist/cjs/mastodon-preview/post/actions/index.js.map +1 -1
- package/dist/cjs/mastodon-preview/post/actions/styles.scss +8 -23
- package/dist/cjs/mastodon-preview/post/body/index.js +8 -3
- package/dist/cjs/mastodon-preview/post/body/index.js.map +1 -1
- package/dist/cjs/mastodon-preview/post/card/index.js +4 -2
- package/dist/cjs/mastodon-preview/post/card/index.js.map +1 -1
- package/dist/cjs/mastodon-preview/post/card/styles.scss +37 -13
- package/dist/cjs/mastodon-preview/post/header/index.js +4 -6
- package/dist/cjs/mastodon-preview/post/header/index.js.map +1 -1
- package/dist/cjs/mastodon-preview/post/icons/index.js +5 -3
- package/dist/cjs/mastodon-preview/post/icons/index.js.map +1 -1
- package/dist/cjs/mastodon-preview/post-preview.js +6 -4
- package/dist/cjs/mastodon-preview/post-preview.js.map +1 -1
- package/dist/cjs/mastodon-preview/styles.scss +31 -0
- package/dist/cjs/nextdoor-preview/constants.js +6 -0
- package/dist/cjs/nextdoor-preview/constants.js.map +1 -0
- package/dist/cjs/nextdoor-preview/footer-actions.js +13 -0
- package/dist/cjs/nextdoor-preview/footer-actions.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/chevron-icon.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/chevron-icon.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/comment-icon.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/comment-icon.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/default-avatar.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/default-avatar.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/default-image.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/default-image.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/globe-icon.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/globe-icon.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/like-icon.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/like-icon.js.map +1 -0
- package/dist/cjs/nextdoor-preview/icons/share-icon.js +9 -0
- package/dist/cjs/nextdoor-preview/icons/share-icon.js.map +1 -0
- package/dist/cjs/nextdoor-preview/index.js +7 -0
- package/dist/cjs/nextdoor-preview/index.js.map +1 -0
- package/dist/cjs/nextdoor-preview/link-preview.js +13 -0
- package/dist/cjs/nextdoor-preview/link-preview.js.map +1 -0
- package/dist/cjs/nextdoor-preview/post-preview.js +31 -0
- package/dist/cjs/nextdoor-preview/post-preview.js.map +1 -0
- package/dist/cjs/nextdoor-preview/previews.js +19 -0
- package/dist/cjs/nextdoor-preview/previews.js.map +1 -0
- package/dist/cjs/nextdoor-preview/style.scss +211 -0
- package/dist/cjs/nextdoor-preview/types.js +3 -0
- package/dist/cjs/nextdoor-preview/types.js.map +1 -0
- package/dist/cjs/tumblr-preview/post/icons/index.js.map +1 -1
- package/dist/cjs/tumblr-preview/previews.js +2 -1
- package/dist/cjs/tumblr-preview/previews.js.map +1 -1
- package/dist/cjs/tumblr-preview/variables.scss +0 -1
- package/dist/cjs/twitter-preview/card.js +2 -2
- package/dist/cjs/twitter-preview/card.js.map +1 -1
- package/dist/cjs/twitter-preview/media.js +2 -2
- package/dist/cjs/twitter-preview/media.js.map +1 -1
- package/dist/cjs/twitter-preview/post-preview.js +1 -1
- package/dist/cjs/twitter-preview/post-preview.js.map +1 -1
- package/dist/cjs/twitter-preview/previews.js +2 -2
- package/dist/cjs/twitter-preview/previews.js.map +1 -1
- package/dist/cjs/twitter-preview/quote-tweet.js.map +1 -1
- package/dist/cjs/twitter-preview/text.js.map +1 -1
- package/dist/esm/facebook-preview/custom-text.js.map +1 -1
- package/dist/esm/facebook-preview/hooks/use-image-hook.js.map +1 -1
- package/dist/esm/facebook-preview/post/header/index.js.map +1 -1
- package/dist/esm/helpers.js +20 -0
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/instagram-preview/style.scss +6 -1
- package/dist/esm/linkedin-preview/link-preview.js +2 -1
- package/dist/esm/linkedin-preview/link-preview.js.map +1 -1
- package/dist/esm/linkedin-preview/post-preview.js +2 -2
- package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
- package/dist/esm/mastodon-preview/constants.js +1 -0
- package/dist/esm/mastodon-preview/constants.js.map +1 -1
- package/dist/esm/mastodon-preview/post/actions/index.js +1 -30
- package/dist/esm/mastodon-preview/post/actions/index.js.map +1 -1
- package/dist/esm/mastodon-preview/post/actions/styles.scss +8 -23
- package/dist/esm/mastodon-preview/post/body/index.js +8 -3
- package/dist/esm/mastodon-preview/post/body/index.js.map +1 -1
- package/dist/esm/mastodon-preview/post/card/index.js +4 -3
- package/dist/esm/mastodon-preview/post/card/index.js.map +1 -1
- package/dist/esm/mastodon-preview/post/card/styles.scss +37 -13
- package/dist/esm/mastodon-preview/post/header/index.js +5 -6
- package/dist/esm/mastodon-preview/post/header/index.js.map +1 -1
- package/dist/esm/mastodon-preview/post/icons/index.js +3 -3
- package/dist/esm/mastodon-preview/post/icons/index.js.map +1 -1
- package/dist/esm/mastodon-preview/post-preview.js +6 -4
- package/dist/esm/mastodon-preview/post-preview.js.map +1 -1
- package/dist/esm/mastodon-preview/styles.scss +31 -0
- package/dist/esm/nextdoor-preview/constants.js +3 -0
- package/dist/esm/nextdoor-preview/constants.js.map +1 -0
- package/dist/esm/nextdoor-preview/footer-actions.js +9 -0
- package/dist/esm/nextdoor-preview/footer-actions.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/chevron-icon.js +5 -0
- package/dist/esm/nextdoor-preview/icons/chevron-icon.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/comment-icon.js +5 -0
- package/dist/esm/nextdoor-preview/icons/comment-icon.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/default-avatar.js +5 -0
- package/dist/esm/nextdoor-preview/icons/default-avatar.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/default-image.js +5 -0
- package/dist/esm/nextdoor-preview/icons/default-image.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/globe-icon.js +5 -0
- package/dist/esm/nextdoor-preview/icons/globe-icon.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/like-icon.js +5 -0
- package/dist/esm/nextdoor-preview/icons/like-icon.js.map +1 -0
- package/dist/esm/nextdoor-preview/icons/share-icon.js +5 -0
- package/dist/esm/nextdoor-preview/icons/share-icon.js.map +1 -0
- package/dist/esm/nextdoor-preview/index.js +4 -0
- package/dist/esm/nextdoor-preview/index.js.map +1 -0
- package/dist/esm/nextdoor-preview/link-preview.js +9 -0
- package/dist/esm/nextdoor-preview/link-preview.js.map +1 -0
- package/dist/esm/nextdoor-preview/post-preview.js +26 -0
- package/dist/esm/nextdoor-preview/post-preview.js.map +1 -0
- package/dist/esm/nextdoor-preview/previews.js +14 -0
- package/dist/esm/nextdoor-preview/previews.js.map +1 -0
- package/dist/esm/nextdoor-preview/style.scss +211 -0
- package/dist/esm/nextdoor-preview/types.js +2 -0
- package/dist/esm/nextdoor-preview/types.js.map +1 -0
- package/dist/esm/tumblr-preview/post/icons/index.js.map +1 -1
- package/dist/esm/tumblr-preview/previews.js +2 -1
- package/dist/esm/tumblr-preview/previews.js.map +1 -1
- package/dist/esm/tumblr-preview/variables.scss +0 -1
- package/dist/esm/twitter-preview/card.js +2 -2
- package/dist/esm/twitter-preview/card.js.map +1 -1
- package/dist/esm/twitter-preview/media.js +2 -2
- package/dist/esm/twitter-preview/media.js.map +1 -1
- package/dist/esm/twitter-preview/post-preview.js +1 -1
- package/dist/esm/twitter-preview/post-preview.js.map +1 -1
- package/dist/esm/twitter-preview/previews.js +2 -2
- package/dist/esm/twitter-preview/previews.js.map +1 -1
- package/dist/esm/twitter-preview/quote-tweet.js.map +1 -1
- package/dist/esm/twitter-preview/text.js.map +1 -1
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/helpers.d.ts +11 -3
- package/dist/types/helpers.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/linkedin-preview/link-preview.d.ts.map +1 -1
- package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
- package/dist/types/mastodon-preview/constants.d.ts +1 -0
- package/dist/types/mastodon-preview/constants.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/actions/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/body/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/card/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/header/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/icons/index.d.ts +1 -6
- package/dist/types/mastodon-preview/post/icons/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post-preview.d.ts.map +1 -1
- package/dist/types/nextdoor-preview/constants.d.ts +3 -0
- package/dist/types/nextdoor-preview/constants.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/footer-actions.d.ts +2 -0
- package/dist/types/nextdoor-preview/footer-actions.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/comment-icon.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/comment-icon.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/default-avatar.d.ts +3 -0
- package/dist/types/nextdoor-preview/icons/default-avatar.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/default-image.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/default-image.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/globe-icon.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/globe-icon.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/like-icon.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/like-icon.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/icons/share-icon.d.ts +2 -0
- package/dist/types/nextdoor-preview/icons/share-icon.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/index.d.ts +4 -0
- package/dist/types/nextdoor-preview/index.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/link-preview.d.ts +6 -0
- package/dist/types/nextdoor-preview/link-preview.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/post-preview.d.ts +4 -0
- package/dist/types/nextdoor-preview/post-preview.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/previews.d.ts +4 -0
- package/dist/types/nextdoor-preview/previews.d.ts.map +1 -0
- package/dist/types/nextdoor-preview/types.d.ts +8 -0
- package/dist/types/nextdoor-preview/types.d.ts.map +1 -0
- package/dist/types/tumblr-preview/previews.d.ts.map +1 -1
- package/package.json +71 -71
- package/src/helpers.tsx +26 -3
- package/src/index.ts +1 -0
- package/src/instagram-preview/style.scss +6 -1
- package/src/linkedin-preview/link-preview.tsx +2 -0
- package/src/linkedin-preview/post-preview.tsx +4 -2
- package/src/mastodon-preview/constants.ts +3 -0
- package/src/mastodon-preview/post/actions/index.tsx +57 -42
- package/src/mastodon-preview/post/actions/styles.scss +8 -23
- package/src/mastodon-preview/post/body/index.tsx +14 -10
- package/src/mastodon-preview/post/card/index.tsx +21 -4
- package/src/mastodon-preview/post/card/styles.scss +37 -13
- package/src/mastodon-preview/post/header/index.tsx +7 -9
- package/src/mastodon-preview/post/icons/index.tsx +13 -7
- package/src/mastodon-preview/post-preview.tsx +23 -11
- package/src/mastodon-preview/styles.scss +31 -0
- package/src/nextdoor-preview/constants.ts +2 -0
- package/src/nextdoor-preview/footer-actions.tsx +23 -0
- package/src/nextdoor-preview/icons/chevron-icon.tsx +11 -0
- package/src/nextdoor-preview/icons/comment-icon.tsx +12 -0
- package/src/nextdoor-preview/icons/default-avatar.tsx +3 -0
- package/src/nextdoor-preview/icons/default-image.tsx +23 -0
- package/src/nextdoor-preview/icons/globe-icon.tsx +12 -0
- package/src/nextdoor-preview/icons/like-icon.tsx +12 -0
- package/src/nextdoor-preview/icons/share-icon.tsx +12 -0
- package/src/nextdoor-preview/index.tsx +3 -0
- package/src/nextdoor-preview/link-preview.tsx +22 -0
- package/src/nextdoor-preview/post-preview.tsx +117 -0
- package/src/nextdoor-preview/previews.tsx +53 -0
- package/src/nextdoor-preview/style.scss +211 -0
- package/src/nextdoor-preview/types.ts +9 -0
- package/src/tumblr-preview/previews.tsx +3 -1
- package/src/tumblr-preview/variables.scss +0 -1
- package/src/twitter-preview/card.tsx +2 -2
- package/src/twitter-preview/media.tsx +2 -2
- package/src/twitter-preview/post-preview.tsx +3 -3
- package/src/twitter-preview/previews.tsx +2 -2
- package/CHANGELOG.md +0 -62
- package/dist/cjs/mastodon-preview/post/icons/styles.scss +0 -50
- package/dist/esm/mastodon-preview/post/icons/styles.scss +0 -50
- package/src/mastodon-preview/post/icons/styles.scss +0 -50
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function DefaultImage() {
|
|
3
|
+
return (_jsx("div", { className: "nextdoor-preview__default-image", children: _jsxs("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", color: "#055c00", children: [_jsx("path", { fill: "currentColor", d: "M13.207 5.207c1.51-1.51 4.076-1.51 5.586 0 1.51 1.51 1.51 4.076 0 5.586l-2.1 2.1c-1.51 1.51-4.077 1.51-5.586 0a1 1 0 1 0-1.414 1.414c2.29 2.29 6.123 2.29 8.414 0l2.1-2.1c2.29-2.29 2.29-6.124 0-8.414s-6.124-2.29-8.414 0l-.7.7a1 1 0 0 0 1.414 1.414l.7-.7Z" }), _jsx("path", { fill: "currentColor", d: "M7.307 11.107c1.51-1.51 4.076-1.51 5.586 0a1 1 0 0 0 1.414-1.414c-2.29-2.29-6.124-2.29-8.414 0l-2.1 2.1c-2.29 2.29-2.29 6.123 0 8.414 2.29 2.29 6.124 2.29 8.414 0l.7-.7a1 1 0 0 0-1.414-1.414l-.7.7c-1.51 1.51-4.076 1.51-5.586 0-1.51-1.51-1.51-4.076 0-5.586l2.1-2.1Z" })] }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=default-image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-image.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/default-image.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,YAAY;IAC3B,OAAO,CACN,cAAK,SAAS,EAAC,iCAAiC,YAC/C,eACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,KAAK,EAAC,SAAS,aAEf,eACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,GAC1P,EACR,eACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0QAA0Q,GACrQ,IACH,GACD,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function GlobeIcon() {
|
|
3
|
+
return (_jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm9.495-7.643c.286-.335.46-.357.505-.357.045 0 .219.022.505.357.282.33.581.868.852 1.619.464 1.283.79 3.034.872 5.024H9.771c.082-1.99.408-3.741.871-5.024.272-.751.571-1.289.854-1.62ZM7.77 11c.084-2.181.439-4.171.992-5.704.093-.255.192-.502.298-.738A8.009 8.009 0 0 0 4.062 11h3.707Zm-3.707 2h3.707c.084 2.181.439 4.171.992 5.704.093.255.192.502.298.738A8.009 8.009 0 0 1 4.062 13Zm15.876-2a8.009 8.009 0 0 0-4.997-6.442c.106.236.205.483.298.738.553 1.533.908 3.523.992 5.704h3.707Zm-3.707 2h3.707a8.009 8.009 0 0 1-4.997 6.442c.106-.236.205-.483.298-.738.553-1.533.908-3.523.992-5.704Zm-2.002 0c-.082 1.99-.408 3.741-.871 5.024-.272.751-.571 1.289-.854 1.62-.285.334-.46.356-.504.356-.045 0-.219-.022-.505-.357-.282-.33-.581-.868-.852-1.619-.464-1.283-.79-3.034-.872-5.024h4.458Z", clipRule: "evenodd" }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=globe-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"globe-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/globe-icon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,SAAS;IACxB,OAAO,CACN,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,eACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,m1BAAm1B,EACr1B,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function LikeIcon() {
|
|
3
|
+
return (_jsx("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.275 8.752a1.5 1.5 0 0 1-2.55 0C9.75 7.18 8.719 5.617 6.565 6.074 5.248 6.352 4 7.433 4 9.644c0 2.153 1.348 4.592 4.259 7.236A28.475 28.475 0 0 0 12 19.74a28.475 28.475 0 0 0 3.741-2.86C18.651 14.236 20 11.797 20 9.643c0-2.21-1.25-3.29-2.564-3.57-2.155-.456-3.187 1.106-4.16 2.68Zm-2.581-3.48C7.634 2.58 2 4.217 2 9.643c0 2.996 1.85 5.934 4.914 8.717 1.478 1.343 3.1 2.585 4.839 3.575a.5.5 0 0 0 .494 0c1.739-.99 3.361-2.232 4.84-3.575C20.148 15.577 22 12.64 22 9.643c0-5.426-5.634-7.062-8.694-4.371A5.287 5.287 0 0 0 12 7.04a5.287 5.287 0 0 0-1.306-1.77Z", clipRule: "evenodd" }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=like-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"like-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/like-icon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,QAAQ;IACvB,OAAO,CACN,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,eACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gjBAAgjB,EACljB,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function ShareIcon() {
|
|
3
|
+
return (_jsx("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.617 2.076a1 1 0 0 1 1.09.217l9 9a1 1 0 0 1 0 1.414l-9 9A1 1 0 0 1 11 21v-4.436c-2.849.366-5.261 2.271-6.384 4.837a1 1 0 0 1-1.856-.06C2.338 20.182 2 18.86 2 17.5a9.959 9.959 0 0 1 9-9.951V3a1 1 0 0 1 .617-.924ZM13 5.414V8.5a1 1 0 0 1-1 1c-4.448 0-8 3.552-8 8 0 .31.023.625.066.94C5.905 16.067 8.776 14.5 12 14.5a1 1 0 0 1 1 1v3.086L19.586 12 13 5.414Z", clipRule: "evenodd" }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=share-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"share-icon.js","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/share-icon.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,SAAS;IACxB,OAAO,CACN,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAC7E,eACC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qWAAqW,EACvW,QAAQ,EAAC,SAAS,GACX,GACH,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getTitleFromDescription } from '../helpers';
|
|
3
|
+
import { NextdoorPostPreview } from './post-preview';
|
|
4
|
+
export function NextdoorLinkPreview(props) {
|
|
5
|
+
return (_jsx(NextdoorPostPreview, { name: "", profileImage: "", ...props,
|
|
6
|
+
// Override the props that are irrelevant to link preview
|
|
7
|
+
description: "", media: undefined, title: props.title || getTitleFromDescription(props.description) }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=link-preview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-preview.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/link-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQrD,MAAM,UAAU,mBAAmB,CAAE,KAA+B;IACnE,OAAO,CACN,KAAC,mBAAmB,IACnB,IAAI,EAAC,EAAE,EACP,YAAY,EAAC,EAAE,KACV,KAAK;QACV,yDAAyD;QACzD,WAAW,EAAC,EAAE,EACd,KAAK,EAAG,SAAS,EACjB,KAAK,EAAG,KAAK,CAAC,KAAK,IAAI,uBAAuB,CAAE,KAAK,CAAC,WAAW,CAAE,GAClE,CACF,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { __ } from '@wordpress/i18n';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { baseDomain, formatNextdoorDate, getTitleFromDescription, preparePreviewText, } from '../helpers';
|
|
5
|
+
import { FEED_TEXT_MAX_LENGTH, FEED_TEXT_MAX_LINES } from './constants';
|
|
6
|
+
import { FooterActions } from './footer-actions';
|
|
7
|
+
import { ChevronIcon } from './icons/chevron-icon';
|
|
8
|
+
import { DefaultAvatar } from './icons/default-avatar';
|
|
9
|
+
import { DefaultImage } from './icons/default-image';
|
|
10
|
+
import { GlobeIcon } from './icons/globe-icon';
|
|
11
|
+
import './style.scss';
|
|
12
|
+
export function NextdoorPostPreview({ image, name, profileImage, description, neighborhood, media, title, url, }) {
|
|
13
|
+
const hasMedia = !!media?.length;
|
|
14
|
+
return (_jsx("div", { className: "nextdoor-preview__wrapper", children: _jsx("section", { className: `nextdoor-preview__container ${hasMedia ? 'has-media' : ''}`, children: _jsxs("div", { className: "nextdoor-preview__content", children: [_jsxs("div", { className: "nextdoor-preview__header", children: [_jsx("div", { className: "nextdoor-preview__header--avatar", children: profileImage ? _jsx("img", { src: profileImage, alt: "" }) : _jsx(DefaultAvatar, {}) }), _jsxs("div", { className: "nextdoor-preview__header--details", children: [_jsx("div", { className: "nextdoor-preview__header--name", children: name || __('Account Name', 'social-previews') }), _jsxs("div", { className: "nextdoor-preview__header--meta", children: [_jsx("span", { children: neighborhood || __('Neighborhood', 'social-previews') }), _jsx("span", { children: "\u2022" }), _jsx("span", { children: formatNextdoorDate(Date.now()) }), _jsx("span", { children: "\u2022" }), _jsx(GlobeIcon, {})] })] })] }), _jsxs("div", { className: "nextdoor-preview__body", children: [description ? (_jsx("div", { className: "nextdoor-preview__caption", children: preparePreviewText(description, {
|
|
15
|
+
platform: 'nextdoor',
|
|
16
|
+
maxChars: FEED_TEXT_MAX_LENGTH,
|
|
17
|
+
maxLines: FEED_TEXT_MAX_LINES,
|
|
18
|
+
}) })) : null, hasMedia ? (_jsx("div", { className: "nextdoor-preview__media", children: media.map((mediaItem, index) => {
|
|
19
|
+
return (_jsx("div", { className: "nextdoor-preview__media-item", children: mediaItem?.type?.startsWith('video/') ? (
|
|
20
|
+
// eslint-disable-next-line jsx-a11y/media-has-caption
|
|
21
|
+
_jsx("video", { controls: true, children: _jsx("source", { src: mediaItem.url, type: mediaItem.type }) })) : (_jsx("img", { alt: mediaItem.alt || '', src: mediaItem.url })) }, `nextdoor-preview__media-item-${index}`));
|
|
22
|
+
}) })) : null, _jsxs("article", { className: clsx('nextdoor-preview__card', {
|
|
23
|
+
'small-preview': !image || hasMedia,
|
|
24
|
+
}), children: [image ? (_jsx("img", { className: "nextdoor-preview__image", src: image, alt: "" })) : (_jsx(DefaultImage, {})), url ? (_jsxs("div", { className: "nextdoor-preview__description", children: [_jsx("h2", { className: "nextdoor-preview__description--title", children: title || getTitleFromDescription(description) }), _jsx("span", { className: "nextdoor-preview__description--url", children: baseDomain(url) })] })) : null, hasMedia ? (_jsx("div", { className: "nextdoor-preview__card--chevron-wrapper", children: _jsx(ChevronIcon, {}) })) : null] })] }), _jsx("div", { className: "nextdoor-preview__footer", children: _jsx(FooterActions, {}) })] }) }) }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=post-preview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/post-preview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ExternalLink } from '@wordpress/components';
|
|
3
|
+
import { __ } from '@wordpress/i18n';
|
|
4
|
+
import SectionHeading from '../shared/section-heading';
|
|
5
|
+
import { NextdoorLinkPreview } from './link-preview';
|
|
6
|
+
import { NextdoorPostPreview } from './post-preview';
|
|
7
|
+
export const NextdoorPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
|
|
8
|
+
return (_jsxs("div", { className: "social-preview nextdoor-preview", children: [!hidePostPreview && (_jsxs("section", { className: "social-preview__section nextdoor-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
9
|
+
// translators: refers to a social post on Nextdoor
|
|
10
|
+
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Nextdoor:', 'social-previews') }), _jsx(NextdoorPostPreview, { ...props })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section nextdoor-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
11
|
+
// translators: refers to a link to a Nextdoor post
|
|
12
|
+
__('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on Nextdoor.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(NextdoorLinkPreview, { ...props, name: "", profileImage: "" })] }))] }));
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=previews.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAsC,CAAE,EACpE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,eAAK,SAAS,EAAC,iCAAiC,aAC7C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,2DAA2D,EAAE,iBAAiB,CAAE,GACnF,EACJ,KAAC,mBAAmB,OAAM,KAAK,GAAK,IAC3B,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,mDAAmD,aACrE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,mDAAmD;wBACnD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,iGAAiG,EACjG,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,mBAAmB,OAAM,KAAK,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,GAAG,IACnD,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
.nextdoor-preview {
|
|
2
|
+
&__wrapper {
|
|
3
|
+
max-width: clamp(200px, 100%, 600px);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
// When the preview is in a section of all previews
|
|
7
|
+
&__section &__wrapper {
|
|
8
|
+
padding: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&__section.social-preview__section {
|
|
12
|
+
width: clamp(200px, 100%, 600px);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&__container {
|
|
16
|
+
|
|
17
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
|
|
18
|
+
/* stylelint-disable-next-line scales/radii */
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
background-color: #fff;
|
|
22
|
+
|
|
23
|
+
&.small-preview {
|
|
24
|
+
// When the preview has media, we want to hide the border radius on the bottom
|
|
25
|
+
border-end-end-radius: 0;
|
|
26
|
+
border-end-start-radius: 0;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&__header {
|
|
31
|
+
display: flex;
|
|
32
|
+
gap: 0.5rem;
|
|
33
|
+
margin-bottom: 8px;
|
|
34
|
+
align-items: center;
|
|
35
|
+
|
|
36
|
+
&--avatar {
|
|
37
|
+
width: 40px;
|
|
38
|
+
height: 40px;
|
|
39
|
+
border-radius: 50%;
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
flex-shrink: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&--avatar img {
|
|
47
|
+
width: 100%;
|
|
48
|
+
object-fit: contain;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&--details {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&--name {
|
|
57
|
+
white-space: nowrap;
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
text-overflow: ellipsis;
|
|
60
|
+
font-weight: 600;
|
|
61
|
+
font-size: 1rem;
|
|
62
|
+
line-height: 20px;
|
|
63
|
+
letter-spacing: -0.32px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&--meta {
|
|
67
|
+
display: flex;
|
|
68
|
+
align-items: center;
|
|
69
|
+
gap: 0.25rem;
|
|
70
|
+
color: #666;
|
|
71
|
+
letter-spacing: -0.32px;
|
|
72
|
+
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
|
|
73
|
+
font-size: 14px;
|
|
74
|
+
line-height: 19px;
|
|
75
|
+
white-space: pre-wrap;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
&__footer {
|
|
80
|
+
margin-top: 24px;
|
|
81
|
+
display: flex;
|
|
82
|
+
flex-direction: row;
|
|
83
|
+
justify-content: flex-end;
|
|
84
|
+
|
|
85
|
+
&--actions {
|
|
86
|
+
display: flex;
|
|
87
|
+
align-items: center;
|
|
88
|
+
gap: 1rem;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&--actions-item {
|
|
92
|
+
display: flex;
|
|
93
|
+
align-items: center;
|
|
94
|
+
gap: 0.25rem;
|
|
95
|
+
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
|
|
96
|
+
font-size: 13px;
|
|
97
|
+
font-weight: 600;
|
|
98
|
+
line-height: 16px;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&__content {
|
|
103
|
+
padding: 12px 16px;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
&__card {
|
|
107
|
+
/* stylelint-disable-next-line scales/radii */
|
|
108
|
+
border-radius: 16px;
|
|
109
|
+
box-shadow: rgba(0, 0, 0, 0.08) 0 1px 4px 0, rgba(0, 0, 0, 0.2) 0 0 2px 0;
|
|
110
|
+
display: flex;
|
|
111
|
+
flex-direction: column;
|
|
112
|
+
margin-top: 12px;
|
|
113
|
+
overflow: hidden;
|
|
114
|
+
|
|
115
|
+
&.small-preview {
|
|
116
|
+
flex-direction: row;
|
|
117
|
+
align-items: center;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
&--chevron-wrapper {
|
|
121
|
+
width: 40px;
|
|
122
|
+
min-width: 40px;
|
|
123
|
+
display: flex;
|
|
124
|
+
align-items: center;
|
|
125
|
+
justify-content: center;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
&__caption {
|
|
130
|
+
margin-bottom: 20px;
|
|
131
|
+
font-size: 1rem;
|
|
132
|
+
line-height: 20px;
|
|
133
|
+
font-weight: 400;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&__media-item {
|
|
137
|
+
display: flex;
|
|
138
|
+
|
|
139
|
+
img,
|
|
140
|
+
video {
|
|
141
|
+
width: 100%;
|
|
142
|
+
object-fit: cover;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
&__description {
|
|
147
|
+
padding: 16px;
|
|
148
|
+
display: flex;
|
|
149
|
+
flex-direction: column;
|
|
150
|
+
overflow: hidden;
|
|
151
|
+
|
|
152
|
+
.small-preview & {
|
|
153
|
+
padding: 10px;
|
|
154
|
+
flex-grow: 1;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&--title {
|
|
158
|
+
margin: 0;
|
|
159
|
+
font-weight: 600;
|
|
160
|
+
white-space: nowrap;
|
|
161
|
+
text-overflow: ellipsis;
|
|
162
|
+
overflow: hidden;
|
|
163
|
+
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
|
|
164
|
+
font-size: 15px;
|
|
165
|
+
line-height: 20px;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
&--url {
|
|
169
|
+
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
|
|
170
|
+
font-size: 13px;
|
|
171
|
+
color: #666;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&__media {
|
|
176
|
+
// compensate for the content padding
|
|
177
|
+
margin-inline: -16px;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
&__image {
|
|
181
|
+
object-fit: cover;
|
|
182
|
+
width: 100%;
|
|
183
|
+
aspect-ratio: 16/9;
|
|
184
|
+
|
|
185
|
+
.small-preview & {
|
|
186
|
+
width: 62px;
|
|
187
|
+
height: 62px;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
&__default-avatar {
|
|
192
|
+
width: 40px;
|
|
193
|
+
height: 40px;
|
|
194
|
+
border-radius: 50%;
|
|
195
|
+
background-color: rgb(140 110 99);
|
|
196
|
+
color: #fff;
|
|
197
|
+
display: flex;
|
|
198
|
+
justify-content: center;
|
|
199
|
+
align-items: center;
|
|
200
|
+
font-size: x-large;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
&__default-image {
|
|
204
|
+
background-color: #f1ffca;
|
|
205
|
+
height: 62px;
|
|
206
|
+
width: 62px;
|
|
207
|
+
display: flex;
|
|
208
|
+
align-items: center;
|
|
209
|
+
justify-content: center;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nextdoor-preview/types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tumblr-preview/post/icons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,cAAc,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IACnE,IAAI,GAAG,CAAC;IAER,QAAS,IAAI,EAAG;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tumblr-preview/post/icons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,cAAc,GAAiC,CAAE,EAAE,IAAI,EAAE,EAAG,EAAE;IACnE,IAAI,GAAG,CAAC;IAER,QAAS,IAAI,EAAG,CAAC;QAChB,KAAK,OAAO;YACX,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,WAAW,YACvB,eAAM,CAAC,EAAC,smCAAsmC,GAAQ,GACjnC,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,eAAK,OAAO,EAAC,WAAW,aACvB,eAAM,CAAC,EAAC,gJAAgJ,GAAQ,EAChK,eAAM,CAAC,EAAC,kLAAkL,GAAQ,IAC7L,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,eAAe,YAC3B,eAAM,CAAC,EAAC,8NAA8N,GAAQ,GACzO,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,WAAW,YACvB,eAAM,CAAC,EAAC,gnBAAgnB,GAAQ,GAC3nB,CACN,CAAC;YACF,MAAM;QACP,KAAK,OAAO;YACX,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,WAAW,YACvB,eAAM,CAAC,EAAC,0RAA0R,GAAQ,GACrS,CACN,CAAC;YACF,MAAM;QACP,KAAK,QAAQ;YACZ,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,aAAa,YACzB,eAAM,CAAC,EAAC,+NAA+N,GAAQ,GAC1O,CACN,CAAC;YACF,MAAM;QACP,KAAK,MAAM;YACV,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,WAAW,YACvB,eAAM,CAAC,EAAC,2sBAA2sB,GAAQ,GACttB,CACN,CAAC;YACF,MAAM;QACP,KAAK,UAAU;YACd,GAAG,GAAG,CACL,cAAK,OAAO,EAAC,cAAc,YAC1B,eAAM,CAAC,EAAC,oOAAoO,GAAQ,GAC/O,CACN,CAAC;YACF,MAAM;IACR,CAAC;IAED,OAAO,CACN,eAAM,SAAS,EAAG,uDAAwD,IAAK,EAAE,YAC9E,GAAG,GACC,CACP,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -5,9 +5,10 @@ import { SectionHeading } from '../shared/section-heading';
|
|
|
5
5
|
import { TumblrLinkPreview } from './link-preview';
|
|
6
6
|
import { TumblrPostPreview } from './post-preview';
|
|
7
7
|
export const TumblrPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview, ...props }) => {
|
|
8
|
+
const hasMedia = !!props.media?.length;
|
|
8
9
|
return (_jsxs("div", { className: "social-preview tumblr-preview", children: [!hidePostPreview && (_jsxs("section", { className: "social-preview__section tumblr-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
9
10
|
// translators: refers to a social post on Tumblr
|
|
10
|
-
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Tumblr:', 'social-previews') }), _jsx(TumblrPostPreview, { ...props })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section tumblr-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
11
|
+
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Tumblr:', 'social-previews') }), hasMedia ? _jsx(TumblrPostPreview, { ...props }) : _jsx(TumblrLinkPreview, { ...props })] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section tumblr-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
11
12
|
// translators: refers to a link on Tumblr
|
|
12
13
|
__('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on Tumblr.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(TumblrLinkPreview, { ...props, user: undefined })] }))] }));
|
|
13
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKnD,MAAM,CAAC,MAAM,cAAc,GAAoC,CAAE,EAChE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,eAAK,SAAS,EAAC,+BAA+B,aAC3C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,iDAAiD,aACnE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,iDAAiD;wBACjD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,yDAAyD,EAAE,iBAAiB,CAAE,GACjF,
|
|
1
|
+
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKnD,MAAM,CAAC,MAAM,cAAc,GAAoC,CAAE,EAChE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,MAAM,QAAQ,GAAG,CAAC,CAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;IAExC,OAAO,CACN,eAAK,SAAS,EAAC,+BAA+B,aAC3C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,iDAAiD,aACnE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,iDAAiD;wBACjD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,yDAAyD,EAAE,iBAAiB,CAAE,GACjF,EACF,QAAQ,CAAC,CAAC,CAAC,KAAC,iBAAiB,OAAM,KAAK,GAAK,CAAC,CAAC,CAAC,KAAC,iBAAiB,OAAM,KAAK,GAAK,IAC3E,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,iDAAiD,aACnE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,0CAA0C;wBAC1C,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,+FAA+F,EAC/F,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,iBAAiB,OAAM,KAAK,EAAG,IAAI,EAAG,SAAS,GAAK,IAC5C,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,7 +4,6 @@ $tumblr-preview-text-color: #000;
|
|
|
4
4
|
$tumblr-preview-background-color: #fff;
|
|
5
5
|
$tumblr-preview-action-text-color: rgba(0, 0, 0, 0.65);
|
|
6
6
|
$tumblr-preview-font-family: "Favorit", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
|
|
7
|
-
/* stylelint-disable-next-line scales/radii */
|
|
8
7
|
$tumblr-preview-border-radius: 3px;
|
|
9
8
|
/* stylelint-disable-next-line scales/radii */
|
|
10
9
|
$tumblr-preview-window-border-radius: 6px;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import clsx from 'clsx';
|
|
3
3
|
import { baseDomain, firstValid, hardTruncation, shortEnough, stripHtmlTags } from '../helpers';
|
|
4
4
|
const DESCRIPTION_LENGTH = 200;
|
|
5
5
|
const twitterDescription = firstValid(shortEnough(DESCRIPTION_LENGTH), hardTruncation(DESCRIPTION_LENGTH));
|
|
6
6
|
export const Card = ({ description, image, title, cardType, url, }) => {
|
|
7
|
-
const cardClassNames =
|
|
7
|
+
const cardClassNames = clsx(`twitter-preview__card-${cardType}`, {
|
|
8
8
|
'twitter-preview__card-has-image': !!image,
|
|
9
9
|
});
|
|
10
10
|
return (_jsx("div", { className: "twitter-preview__card", children: _jsxs("div", { className: cardClassNames, children: [image && _jsx("img", { className: "twitter-preview__card-image", src: image, alt: "" }), _jsxs("div", { className: "twitter-preview__card-body", children: [_jsx("div", { className: "twitter-preview__card-url", children: baseDomain(url || '') }), _jsx("div", { className: "twitter-preview__card-title", children: title }), _jsx("div", { className: "twitter-preview__card-description", children: twitterDescription(stripHtmlTags(description)) })] })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/twitter-preview/card.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/twitter-preview/card.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhG,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,MAAM,kBAAkB,GAAG,UAAU,CACpC,WAAW,CAAE,kBAAkB,CAAE,EACjC,cAAc,CAAE,kBAAkB,CAAE,CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAiC,CAAE,EACnD,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACH,EAAG,EAAE;IACL,MAAM,cAAc,GAAG,IAAI,CAAE,yBAA0B,QAAS,EAAE,EAAE;QACnE,iCAAiC,EAAE,CAAC,CAAE,KAAK;KAC3C,CAAE,CAAC;IAEJ,OAAO,CACN,cAAK,SAAS,EAAC,uBAAuB,YACrC,eAAK,SAAS,EAAG,cAAc,aAC5B,KAAK,IAAI,cAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAG,KAAK,EAAG,GAAG,EAAC,EAAE,GAAG,EAC/E,eAAK,SAAS,EAAC,4BAA4B,aAC1C,cAAK,SAAS,EAAC,2BAA2B,YAAG,UAAU,CAAE,GAAG,IAAI,EAAE,CAAE,GAAQ,EAC5E,cAAK,SAAS,EAAC,6BAA6B,YAAG,KAAK,GAAQ,EAC5D,cAAK,SAAS,EAAC,mCAAmC,YAC/C,kBAAkB,CAAE,aAAa,CAAE,WAAW,CAAE,CAAE,GAC/C,IACD,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import clsx from 'clsx';
|
|
3
3
|
import { Fragment } from 'react';
|
|
4
4
|
export const Media = ({ media }) => {
|
|
5
5
|
// Ensure we're only trying to show valid media, and the correct quantity.
|
|
@@ -27,7 +27,7 @@ export const Media = ({ media }) => {
|
|
|
27
27
|
return null;
|
|
28
28
|
}
|
|
29
29
|
const isVideo = filteredMedia[0].type.startsWith('video/');
|
|
30
|
-
const mediaClasses =
|
|
30
|
+
const mediaClasses = clsx([
|
|
31
31
|
'twitter-preview__media',
|
|
32
32
|
'twitter-preview__media-children-' + filteredMedia.length,
|
|
33
33
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/twitter-preview/media.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/twitter-preview/media.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,KAAK,GAA2B,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IAC5D,0EAA0E;IAC1E,MAAM,aAAa,GAAG,KAAK;QAC1B,mDAAmD;SAClD,MAAM,CACN,CAAE,SAAS,EAAG,EAAE,CACf,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAC/E;SACA,MAAM,CAAE,CAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAG,EAAE;QACpC,oCAAoC;QACpC,IAAK,CAAC,KAAK,GAAG,EAAG,CAAC;YACjB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,sEAAsE;QACtE,IAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,KAAK,CAAE,CAAC,CAAE,CAAC,IAAI,EAAG,CAAC;YACjF,OAAO,KAAK,CAAC;QACd,CAAC;QAED,mFAAmF;QACnF,IAAK,SAAS,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,IAAI,WAAW,KAAK,SAAS,CAAC,IAAI,EAAG,CAAC;YAC/E,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC,CAAE;QACH,2DAA2D;SAC1D,KAAK,CAAE,CAAC,EAAE,CAAC,CAAE,CAAC;IAEhB,IAAK,CAAC,KAAK,aAAa,CAAC,MAAM,EAAG,CAAC;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,OAAO,GAAG,aAAa,CAAE,CAAC,CAAE,CAAC,IAAI,CAAC,UAAU,CAAE,QAAQ,CAAE,CAAC;IAE/D,MAAM,YAAY,GAAG,IAAI,CAAE;QAC1B,wBAAwB;QACxB,kCAAkC,GAAG,aAAa,CAAC,MAAM;KACzD,CAAE,CAAC;IAEJ,OAAO,CACN,cAAK,SAAS,EAAG,YAAY,YAC1B,aAAa,CAAC,GAAG,CAAE,CAAE,SAAS,EAAE,KAAK,EAAG,EAAE,CAAC,CAC5C,KAAC,QAAQ,cACN,OAAO,CAAC,CAAC,CAAC;YACX,sDAAsD;YACtD,gBAAO,QAAQ,kBACd,iBAAQ,GAAG,EAAG,SAAS,CAAC,GAAG,EAAG,IAAI,EAAG,SAAS,CAAC,IAAI,GAAK,GACjD,CACR,CAAC,CAAC,CAAC,CACH,cAAK,GAAG,EAAG,SAAS,CAAC,GAAG,IAAI,EAAE,EAAG,GAAG,EAAG,SAAS,CAAC,GAAG,GAAK,CACzD,IARc,+BAAgC,KAAM,EAAE,CAS7C,CACX,CAAE,GACE,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -9,6 +9,6 @@ import { Text } from './text';
|
|
|
9
9
|
import './style.scss';
|
|
10
10
|
export const TwitterPostPreview = ({ date, description, image, media, name, profileImage, screenName, showThreadConnector, text, title, tweet, cardType, url, }) => {
|
|
11
11
|
const hasMedia = !!media?.length;
|
|
12
|
-
return (_jsx("div", { className: "twitter-preview__wrapper", children: _jsxs("div", { className: "twitter-preview__container", children: [_jsx(Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), _jsxs("div", { className: "twitter-preview__main", children: [_jsx(Header, { name: name, screenName: screenName, date: date }), _jsxs("div", { className: "twitter-preview__content", children: [text ? _jsx(Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? _jsx(Media, { media: media }) : null, tweet ? _jsx(QuoteTweet, { tweet: tweet }) : null, !hasMedia &&
|
|
12
|
+
return (_jsx("div", { className: "twitter-preview__wrapper", children: _jsxs("div", { className: "twitter-preview__container", children: [_jsx(Sidebar, { profileImage: profileImage, showThreadConnector: showThreadConnector }), _jsxs("div", { className: "twitter-preview__main", children: [_jsx(Header, { name: name, screenName: screenName, date: date }), _jsxs("div", { className: "twitter-preview__content", children: [text ? _jsx(Text, { text: text, url: url || '', retainUrl: hasMedia }) : null, hasMedia ? _jsx(Media, { media: media }) : null, tweet ? _jsx(QuoteTweet, { tweet: tweet }) : null, !hasMedia && url && (_jsx(Card, { description: description || '', image: image, title: title || '', cardType: cardType || '', url: url }))] }), _jsx(Footer, {})] })] }) }));
|
|
13
13
|
};
|
|
14
14
|
//# 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,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,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,cAAK,SAAS,EAAC,0BAA0B,YACxC,eAAK,SAAS,EAAC,4BAA4B,aAC1C,KAAC,OAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,eAAK,SAAS,EAAC,uBAAuB,aACrC,KAAC,MAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,eAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,
|
|
1
|
+
{"version":3,"file":"post-preview.js","sourceRoot":"","sources":["../../../src/twitter-preview/post-preview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,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,cAAK,SAAS,EAAC,0BAA0B,YACxC,eAAK,SAAS,EAAC,4BAA4B,aAC1C,KAAC,OAAO,IAAC,YAAY,EAAG,YAAY,EAAG,mBAAmB,EAAG,mBAAmB,GAAK,EACrF,eAAK,SAAS,EAAC,uBAAuB,aACrC,KAAC,MAAM,IAAC,IAAI,EAAG,IAAI,EAAG,UAAU,EAAG,UAAU,EAAG,IAAI,EAAG,IAAI,GAAK,EAChE,eAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAG,IAAI,EAAG,GAAG,EAAG,GAAG,IAAI,EAAE,EAAG,SAAS,EAAG,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAG,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7C,CAAE,QAAQ,IAAI,GAAG,IAAI,CACtB,KAAC,IAAI,IACJ,WAAW,EAAG,WAAW,IAAI,EAAE,EAC/B,KAAK,EAAG,KAAK,EACb,KAAK,EAAG,KAAK,IAAI,EAAE,EACnB,QAAQ,EAAG,QAAQ,IAAI,EAAE,EACzB,GAAG,EAAG,GAAG,GACR,CACF,IACI,EACN,KAAC,MAAM,KAAG,IACL,IACD,GACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -10,11 +10,11 @@ export const TwitterPreviews = ({ headingLevel, hideLinkPreview, hidePostPreview
|
|
|
10
10
|
}
|
|
11
11
|
return (_jsxs("div", { className: "social-preview twitter-preview", children: [!hidePostPreview && (_jsxs("section", { className: "social-preview__section twitter-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
12
12
|
// translators: refers to a social post on Twitter
|
|
13
|
-
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on
|
|
13
|
+
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on X:', 'social-previews') }), tweets.map((tweet, index) => {
|
|
14
14
|
const isLast = index + 1 === tweets.length;
|
|
15
15
|
return (_jsx(TwitterPostPreview, { ...tweet, showThreadConnector: !isLast }, `twitter-preview__tweet-${index}`));
|
|
16
16
|
})] })), !hideLinkPreview && (_jsxs("section", { className: "social-preview__section twitter-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
17
17
|
// translators: refers to a link to a Twitter post
|
|
18
|
-
__('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on
|
|
18
|
+
__('Link preview', 'social-previews') }), _jsxs("p", { className: "social-preview__section-desc", children: [__('This is what it will look like when someone shares the link to your WordPress post on X.', 'social-previews'), "\u00A0", _jsx(ExternalLink, { href: "https://jetpack.com/support/jetpack-social-image-generator", children: __('Learn more about links', 'social-previews') })] }), _jsx(TwitterLinkPreview, { ...tweets[0], name: "", profileImage: "", screenName: "" })] }))] }));
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=previews.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG;
|
|
1
|
+
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/twitter-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAE,EAClE,YAAY,EACZ,eAAe,EACf,eAAe,EACf,MAAM,GACN,EAAG,EAAE;IACL,IAAK,CAAE,MAAM,EAAE,MAAM,EAAG,CAAC;QACxB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,eAAK,SAAS,EAAC,gCAAgC,aAC5C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CAAE,oDAAoD,EAAE,iBAAiB,CAAE,GAC5E,EACF,MAAM,CAAC,GAAG,CAAE,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE;wBAChC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC;wBAC3C,OAAO,CACN,KAAC,kBAAkB,OAEb,KAAK,EACV,mBAAmB,EAAG,CAAE,MAAM,IAFxB,0BAA2B,KAAM,EAAE,CAGxC,CACF,CAAC;oBACH,CAAC,CAAE,IACM,CACV,EACC,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,kDAAkD,aACpE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;wBAElC,kDAAkD;wBAClD,EAAE,CAAE,cAAc,EAAE,iBAAiB,CAAE,GAExB,EACjB,aAAG,SAAS,EAAC,8BAA8B,aACxC,EAAE,CACH,0FAA0F,EAC1F,iBAAiB,CACjB,YAED,KAAC,YAAY,IAAC,IAAI,EAAC,4DAA4D,YAC5E,EAAE,CAAE,wBAAwB,EAAE,iBAAiB,CAAE,GACrC,IACZ,EACJ,KAAC,kBAAkB,OAAM,MAAM,CAAE,CAAC,CAAE,EAAG,IAAI,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,GAAG,IACtE,CACV,IACI,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quote-tweet.js","sourceRoot":"","sources":["../../../src/twitter-preview/quote-tweet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,MAAM,CAAC,MAAM,UAAU,GAAgC,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IACtE,IAAK,CAAE,KAAK,EAAG;
|
|
1
|
+
{"version":3,"file":"quote-tweet.js","sourceRoot":"","sources":["../../../src/twitter-preview/quote-tweet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,MAAM,CAAC,MAAM,UAAU,GAAgC,CAAE,EAAE,KAAK,EAAE,EAAG,EAAE;IACtE,IAAK,CAAE,KAAK,EAAG,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,eAAK,SAAS,EAAC,8BAA8B,aAC5C,KAAC,OAAO,IACP,IAAI,EAAG,uFAAwF,KAAM,qBAAqB,EAC1H,OAAO,EAAG,CAAE,yCAAyC,CAAE,EACvD,KAAK,EAAC,gBAAgB,GACrB,EACF,cAAK,SAAS,EAAC,sCAAsC,GAAG,IACnD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,CAAC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/twitter-preview/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,CAAC,MAAM,IAAI,GAA0B,CAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAG,EAAE;IACzE,IAAK,CAAE,IAAI,EAAG,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;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,cAAK,SAAS,EAAC,uBAAuB,YACnC,kBAAkB,CAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAE,GACrD,CACN,CAAC;AACH,CAAC,CAAC"}
|