@automattic/social-previews 2.0.1-beta.4 → 2.0.1-beta.6
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/CHANGELOG.md +6 -0
- package/dist/cjs/facebook-preview/hooks/use-image-hook.js +2 -1
- package/dist/cjs/facebook-preview/hooks/use-image-hook.js.map +1 -1
- package/dist/cjs/helpers.js +4 -0
- package/dist/cjs/helpers.js.map +1 -1
- package/dist/cjs/instagram-preview/previews.js +1 -1
- package/dist/cjs/instagram-preview/previews.js.map +1 -1
- package/dist/cjs/twitter-preview/style.scss +4 -8
- package/dist/esm/facebook-preview/hooks/use-image-hook.js +2 -1
- package/dist/esm/facebook-preview/hooks/use-image-hook.js.map +1 -1
- package/dist/esm/helpers.js +4 -0
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/instagram-preview/previews.js +1 -1
- package/dist/esm/instagram-preview/previews.js.map +1 -1
- package/dist/esm/twitter-preview/style.scss +4 -8
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/facebook-preview/custom-text.d.ts +2 -1
- package/dist/types/facebook-preview/custom-text.d.ts.map +1 -1
- package/dist/types/facebook-preview/hooks/use-image-hook.d.ts +4 -3
- package/dist/types/facebook-preview/hooks/use-image-hook.d.ts.map +1 -1
- package/dist/types/facebook-preview/link-preview-details.d.ts +1 -0
- package/dist/types/facebook-preview/link-preview-details.d.ts.map +1 -1
- package/dist/types/facebook-preview/link-preview.d.ts +2 -1
- package/dist/types/facebook-preview/link-preview.d.ts.map +1 -1
- package/dist/types/facebook-preview/post/actions/index.d.ts +1 -0
- package/dist/types/facebook-preview/post/actions/index.d.ts.map +1 -1
- package/dist/types/facebook-preview/post/header/index.d.ts +2 -1
- package/dist/types/facebook-preview/post/header/index.d.ts.map +1 -1
- package/dist/types/facebook-preview/post/icons/index.d.ts +1 -0
- package/dist/types/facebook-preview/post/icons/index.d.ts.map +1 -1
- package/dist/types/facebook-preview/post-preview.d.ts +1 -0
- package/dist/types/facebook-preview/post-preview.d.ts.map +1 -1
- package/dist/types/facebook-preview/previews.d.ts +2 -1
- package/dist/types/facebook-preview/previews.d.ts.map +1 -1
- package/dist/types/facebook-preview/types.d.ts +3 -3
- package/dist/types/facebook-preview/types.d.ts.map +1 -1
- package/dist/types/google-search-preview/index.d.ts +2 -1
- package/dist/types/google-search-preview/index.d.ts.map +1 -1
- package/dist/types/helpers.d.ts +7 -6
- package/dist/types/helpers.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/bookmark.d.ts +1 -0
- package/dist/types/instagram-preview/icons/bookmark.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/comment.d.ts +1 -0
- package/dist/types/instagram-preview/icons/comment.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/default-avatar.d.ts +1 -0
- package/dist/types/instagram-preview/icons/default-avatar.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/heart.d.ts +1 -0
- package/dist/types/instagram-preview/icons/heart.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/menu.d.ts +1 -0
- package/dist/types/instagram-preview/icons/menu.d.ts.map +1 -1
- package/dist/types/instagram-preview/icons/share.d.ts +1 -0
- package/dist/types/instagram-preview/icons/share.d.ts.map +1 -1
- package/dist/types/instagram-preview/post-preview.d.ts +1 -1
- package/dist/types/instagram-preview/post-preview.d.ts.map +1 -1
- package/dist/types/instagram-preview/previews.d.ts +1 -0
- package/dist/types/instagram-preview/previews.d.ts.map +1 -1
- package/dist/types/instagram-preview/types.d.ts +2 -2
- package/dist/types/instagram-preview/types.d.ts.map +1 -1
- package/dist/types/linkedin-preview/icons/default-avatar.d.ts +1 -0
- package/dist/types/linkedin-preview/icons/default-avatar.d.ts.map +1 -1
- package/dist/types/linkedin-preview/link-preview.d.ts +3 -3
- package/dist/types/linkedin-preview/link-preview.d.ts.map +1 -1
- package/dist/types/linkedin-preview/post-preview.d.ts +1 -1
- package/dist/types/linkedin-preview/post-preview.d.ts.map +1 -1
- package/dist/types/linkedin-preview/previews.d.ts +1 -0
- package/dist/types/linkedin-preview/previews.d.ts.map +1 -1
- package/dist/types/linkedin-preview/types.d.ts +2 -2
- package/dist/types/linkedin-preview/types.d.ts.map +1 -1
- package/dist/types/mastodon-preview/helpers.d.ts +1 -0
- package/dist/types/mastodon-preview/helpers.d.ts.map +1 -1
- package/dist/types/mastodon-preview/link-preview.d.ts +1 -0
- package/dist/types/mastodon-preview/link-preview.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/actions/index.d.ts +1 -0
- package/dist/types/mastodon-preview/post/actions/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/body/index.d.ts +2 -1
- package/dist/types/mastodon-preview/post/body/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/card/index.d.ts +1 -0
- package/dist/types/mastodon-preview/post/card/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post/header/index.d.ts +2 -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 -0
- package/dist/types/mastodon-preview/post/icons/index.d.ts.map +1 -1
- package/dist/types/mastodon-preview/post-preview.d.ts +1 -0
- package/dist/types/mastodon-preview/post-preview.d.ts.map +1 -1
- package/dist/types/mastodon-preview/previews.d.ts +2 -1
- package/dist/types/mastodon-preview/previews.d.ts.map +1 -1
- package/dist/types/mastodon-preview/types.d.ts +3 -3
- package/dist/types/mastodon-preview/types.d.ts.map +1 -1
- package/dist/types/shared/section-heading/index.d.ts +2 -1
- package/dist/types/shared/section-heading/index.d.ts.map +1 -1
- package/dist/types/tumblr-preview/link-preview.d.ts +1 -0
- package/dist/types/tumblr-preview/link-preview.d.ts.map +1 -1
- package/dist/types/tumblr-preview/post/actions/index.d.ts +1 -0
- package/dist/types/tumblr-preview/post/actions/index.d.ts.map +1 -1
- package/dist/types/tumblr-preview/post/header/index.d.ts +2 -1
- package/dist/types/tumblr-preview/post/header/index.d.ts.map +1 -1
- package/dist/types/tumblr-preview/post/icons/index.d.ts +1 -0
- package/dist/types/tumblr-preview/post/icons/index.d.ts.map +1 -1
- package/dist/types/tumblr-preview/post-preview.d.ts +1 -0
- package/dist/types/tumblr-preview/post-preview.d.ts.map +1 -1
- package/dist/types/tumblr-preview/previews.d.ts +2 -1
- package/dist/types/tumblr-preview/previews.d.ts.map +1 -1
- package/dist/types/tumblr-preview/types.d.ts +2 -2
- package/dist/types/tumblr-preview/types.d.ts.map +1 -1
- package/dist/types/twitter-preview/card.d.ts +1 -0
- package/dist/types/twitter-preview/card.d.ts.map +1 -1
- package/dist/types/twitter-preview/footer.d.ts +1 -0
- package/dist/types/twitter-preview/footer.d.ts.map +1 -1
- package/dist/types/twitter-preview/header.d.ts +1 -0
- package/dist/types/twitter-preview/header.d.ts.map +1 -1
- package/dist/types/twitter-preview/icons/default-avatar.d.ts +1 -0
- package/dist/types/twitter-preview/icons/default-avatar.d.ts.map +1 -1
- package/dist/types/twitter-preview/link-preview.d.ts +1 -0
- package/dist/types/twitter-preview/link-preview.d.ts.map +1 -1
- package/dist/types/twitter-preview/media.d.ts +1 -0
- package/dist/types/twitter-preview/media.d.ts.map +1 -1
- package/dist/types/twitter-preview/post-preview.d.ts +1 -0
- package/dist/types/twitter-preview/post-preview.d.ts.map +1 -1
- package/dist/types/twitter-preview/previews.d.ts +1 -0
- package/dist/types/twitter-preview/previews.d.ts.map +1 -1
- package/dist/types/twitter-preview/quote-tweet.d.ts +1 -0
- package/dist/types/twitter-preview/quote-tweet.d.ts.map +1 -1
- package/dist/types/twitter-preview/sidebar.d.ts +1 -0
- package/dist/types/twitter-preview/sidebar.d.ts.map +1 -1
- package/dist/types/twitter-preview/text.d.ts +1 -0
- package/dist/types/twitter-preview/text.d.ts.map +1 -1
- package/dist/types/twitter-preview/types.d.ts +8 -8
- package/dist/types/twitter-preview/types.d.ts.map +1 -1
- package/dist/types/types.d.ts +1 -1
- package/dist/types/types.d.ts.map +1 -1
- package/package.json +12 -13
- package/src/facebook-preview/hooks/use-image-hook.ts +3 -2
- package/src/helpers.tsx +6 -1
- package/src/instagram-preview/previews.tsx +0 -1
- package/src/twitter-preview/style.scss +4 -8
package/CHANGELOG.md
CHANGED
|
@@ -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
|
-
|
|
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,
|
|
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"}
|
package/dist/cjs/helpers.js
CHANGED
|
@@ -52,6 +52,10 @@ function preparePreviewText(text, options) {
|
|
|
52
52
|
// Instagram doesn't support hyperlink URLs at the moment.
|
|
53
53
|
hyperlinkUrls = 'instagram' !== platform, } = options;
|
|
54
54
|
let result = (0, exports.stripHtmlTags)(text);
|
|
55
|
+
// Replace multiple new lines (2+) with 2 new lines
|
|
56
|
+
// There can be any whitespace characters in empty lines
|
|
57
|
+
// That is why "\s*"
|
|
58
|
+
result = result.replaceAll(/(?:\s*[\n\r]){2,}/g, '\n\n');
|
|
55
59
|
if (maxChars && result.length > maxChars) {
|
|
56
60
|
result = result.substring(0, maxChars);
|
|
57
61
|
}
|
package/dist/cjs/helpers.js.map
CHANGED
|
@@ -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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"}
|
|
@@ -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,
|
|
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,
|
|
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"}
|
|
@@ -10,15 +10,16 @@
|
|
|
10
10
|
@import "../variables.scss";
|
|
11
11
|
|
|
12
12
|
.twitter-preview {
|
|
13
|
-
background-color: #fff;
|
|
14
13
|
padding: 20px;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.twitter-preview__wrapper {
|
|
18
|
-
padding: 20px;
|
|
19
17
|
background-color: #fff;
|
|
20
18
|
max-width: clamp(200px, 100%, 635px);
|
|
21
19
|
margin-inline: auto;
|
|
20
|
+
padding-top: 1rem;
|
|
21
|
+
border-radius: 4px;
|
|
22
|
+
padding-inline-end: 1rem;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.twitter-preview__section.social-preview__section {
|
|
@@ -31,11 +32,6 @@
|
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
|
|
34
|
-
// When the preview is in a section of all previews
|
|
35
|
-
.twitter-preview__section .twitter-preview__wrapper {
|
|
36
|
-
padding: 0;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
35
|
.twitter-preview__container {
|
|
40
36
|
display: grid;
|
|
41
37
|
grid-template-columns: 65px auto;
|
|
@@ -53,7 +49,7 @@
|
|
|
53
49
|
align-items: center;
|
|
54
50
|
max-width: 30px;
|
|
55
51
|
max-height: 30px;
|
|
56
|
-
border-radius:
|
|
52
|
+
border-radius: 50%;
|
|
57
53
|
overflow: hidden;
|
|
58
54
|
|
|
59
55
|
img {
|
|
@@ -6,7 +6,8 @@ const useImage = ({ mode: initialMode }) => {
|
|
|
6
6
|
const [isLoadingImage, setLoadingImage] = useState(true);
|
|
7
7
|
const onLoad = useCallback(({ target }) => {
|
|
8
8
|
if (!mode) {
|
|
9
|
-
|
|
9
|
+
const image = target;
|
|
10
|
+
setMode(image.naturalWidth > image.naturalHeight ? LANDSCAPE_MODE : PORTRAIT_MODE);
|
|
10
11
|
}
|
|
11
12
|
setLoadingImage(false);
|
|
12
13
|
}, [mode]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,QAAQ,CAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,QAAQ,CAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,WAAW,CACzB,CAAE,EAAE,MAAM,EAAE,EAAG,EAAE;QAChB,IAAK,CAAE,IAAI,EAAG;YACb,OAAO,CAAE,
|
|
1
|
+
{"version":3,"file":"use-image-hook.js","sourceRoot":"","sources":["../../../../src/facebook-preview/hooks/use-image-hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAWhE,MAAM,QAAQ,GAAa,CAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAG,EAAE;IACtD,MAAM,CAAE,IAAI,EAAE,OAAO,CAAE,GAAG,QAAQ,CAA2B,WAAW,CAAE,CAAC;IAC3E,MAAM,CAAE,cAAc,EAAE,eAAe,CAAE,GAAG,QAAQ,CAAa,IAAI,CAAE,CAAC;IAExE,MAAM,MAAM,GAAG,WAAW,CACzB,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,cAAc,CAAC,CAAC,CAAC,aAAa,CAAE,CAAC;SACrF;QACD,eAAe,CAAE,KAAK,CAAE,CAAC;IAC1B,CAAC,EACD,CAAE,IAAI,CAAE,CACR,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,CAAE,GAAG,EAAE,CAAC,eAAe,CAAE,KAAK,CAAE,EAAE,EAAE,CAAE,CAAC;IAElE,OAAO;QACN,IAAI;QACJ,cAAc;QACd;YACC,GAAG,EAAE,EAAE,CAAE,4BAA4B,EAAE,iBAAiB,CAAE;YAC1D,MAAM;YACN,OAAO;SACP;KACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/dist/esm/helpers.js
CHANGED
|
@@ -42,6 +42,10 @@ export function preparePreviewText(text, options) {
|
|
|
42
42
|
// Instagram doesn't support hyperlink URLs at the moment.
|
|
43
43
|
hyperlinkUrls = 'instagram' !== platform, } = options;
|
|
44
44
|
let result = stripHtmlTags(text);
|
|
45
|
+
// Replace multiple new lines (2+) with 2 new lines
|
|
46
|
+
// There can be any whitespace characters in empty lines
|
|
47
|
+
// That is why "\s*"
|
|
48
|
+
result = result.replaceAll(/(?:\s*[\n\r]){2,}/g, '\n\n');
|
|
45
49
|
if (maxChars && result.length > maxChars) {
|
|
46
50
|
result = result.substring(0, maxChars);
|
|
47
51
|
}
|
package/dist/esm/helpers.js.map
CHANGED
|
@@ -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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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { __ } from '@wordpress/i18n';
|
|
3
3
|
import SectionHeading from '../shared/section-heading';
|
|
4
4
|
import { InstagramPostPreview } from './post-preview';
|
|
5
|
-
export const InstagramPreviews = ({ headingLevel,
|
|
5
|
+
export const InstagramPreviews = ({ headingLevel, hidePostPreview, ...props }) => {
|
|
6
6
|
return (_jsx("div", { className: "social-preview instagram-preview", children: !hidePostPreview && (_jsxs("section", { className: "social-preview__section instagram-preview__section", children: [_jsx(SectionHeading, { level: headingLevel, children:
|
|
7
7
|
// translators: refers to a social post on Instagram
|
|
8
8
|
__('Your post', 'social-previews') }), _jsx("p", { className: "social-preview__section-desc", children: __('This is what your social post will look like on Instagram:', 'social-previews') }), _jsx(InstagramPostPreview, { ...props })] })) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/instagram-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,CAAC,MAAM,iBAAiB,GAAuC,CAAE,EACtE,YAAY,EACZ,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"previews.js","sourceRoot":"","sources":["../../../src/instagram-preview/previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,CAAC,MAAM,iBAAiB,GAAuC,CAAE,EACtE,YAAY,EACZ,eAAe,EACf,GAAG,KAAK,EACR,EAAG,EAAE;IACL,OAAO,CACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,CAAE,eAAe,IAAI,CACtB,mBAAS,SAAS,EAAC,oDAAoD,aACtE,KAAC,cAAc,IAAC,KAAK,EAAG,YAAY;oBAElC,oDAAoD;oBACpD,EAAE,CAAE,WAAW,EAAE,iBAAiB,CAAE,GAErB,EACjB,YAAG,SAAS,EAAC,8BAA8B,YACxC,EAAE,CACH,4DAA4D,EAC5D,iBAAiB,CACjB,GACE,EACJ,KAAC,oBAAoB,OAAM,KAAK,GAAK,IAC5B,CACV,GACI,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -10,15 +10,16 @@
|
|
|
10
10
|
@import "../variables.scss";
|
|
11
11
|
|
|
12
12
|
.twitter-preview {
|
|
13
|
-
background-color: #fff;
|
|
14
13
|
padding: 20px;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.twitter-preview__wrapper {
|
|
18
|
-
padding: 20px;
|
|
19
17
|
background-color: #fff;
|
|
20
18
|
max-width: clamp(200px, 100%, 635px);
|
|
21
19
|
margin-inline: auto;
|
|
20
|
+
padding-top: 1rem;
|
|
21
|
+
border-radius: 4px;
|
|
22
|
+
padding-inline-end: 1rem;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.twitter-preview__section.social-preview__section {
|
|
@@ -31,11 +32,6 @@
|
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
|
|
34
|
-
// When the preview is in a section of all previews
|
|
35
|
-
.twitter-preview__section .twitter-preview__wrapper {
|
|
36
|
-
padding: 0;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
35
|
.twitter-preview__container {
|
|
40
36
|
display: grid;
|
|
41
37
|
grid-template-columns: 65px auto;
|
|
@@ -53,7 +49,7 @@
|
|
|
53
49
|
align-items: center;
|
|
54
50
|
max-width: 30px;
|
|
55
51
|
max-height: 30px;
|
|
56
|
-
border-radius:
|
|
52
|
+
border-radius: 50%;
|
|
57
53
|
overflow: hidden;
|
|
58
54
|
|
|
59
55
|
img {
|