@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.
- package/CHANGELOG.md +9 -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 +17 -6
- package/dist/cjs/helpers.js.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/instagram-preview/post-preview.js +5 -3
- package/dist/cjs/instagram-preview/post-preview.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/instagram-preview/style.scss +6 -1
- package/dist/cjs/linkedin-preview/constants.js +1 -5
- package/dist/cjs/linkedin-preview/constants.js.map +1 -1
- package/dist/cjs/linkedin-preview/icons/default-avatar.js +9 -0
- package/dist/cjs/linkedin-preview/icons/default-avatar.js.map +1 -0
- package/dist/cjs/linkedin-preview/link-preview.js +1 -2
- package/dist/cjs/linkedin-preview/link-preview.js.map +1 -1
- package/dist/cjs/linkedin-preview/post-preview.js +2 -1
- package/dist/cjs/linkedin-preview/post-preview.js.map +1 -1
- package/dist/cjs/linkedin-preview/previews.js +1 -2
- package/dist/cjs/linkedin-preview/previews.js.map +1 -1
- package/dist/cjs/linkedin-preview/style.scss +8 -3
- package/dist/cjs/mastodon-preview/constants.js +5 -0
- package/dist/cjs/mastodon-preview/constants.js.map +1 -0
- package/dist/cjs/mastodon-preview/helpers.js +32 -0
- package/dist/cjs/mastodon-preview/helpers.js.map +1 -0
- package/dist/cjs/mastodon-preview/index.js +7 -0
- package/dist/cjs/mastodon-preview/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/link-preview.js +16 -0
- package/dist/cjs/mastodon-preview/link-preview.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/actions/index.js +37 -0
- package/dist/cjs/mastodon-preview/post/actions/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/actions/styles.scss +40 -0
- package/dist/cjs/mastodon-preview/post/body/index.js +29 -0
- package/dist/cjs/mastodon-preview/post/body/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/body/styles.scss +12 -0
- package/dist/cjs/mastodon-preview/post/card/index.js +12 -0
- package/dist/cjs/mastodon-preview/post/card/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/card/styles.scss +52 -0
- package/dist/cjs/mastodon-preview/post/header/index.js +18 -0
- package/dist/cjs/mastodon-preview/post/header/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/header/styles.scss +37 -0
- package/dist/cjs/mastodon-preview/post/icons/index.js +7 -0
- package/dist/cjs/mastodon-preview/post/icons/index.js.map +1 -0
- package/dist/cjs/mastodon-preview/post/icons/styles.scss +50 -0
- package/dist/cjs/mastodon-preview/post-preview.js +17 -0
- package/dist/cjs/mastodon-preview/post-preview.js.map +1 -0
- package/dist/cjs/mastodon-preview/previews.js +18 -0
- package/dist/cjs/mastodon-preview/previews.js.map +1 -0
- package/dist/cjs/mastodon-preview/styles.scss +42 -0
- package/dist/cjs/mastodon-preview/types.js +3 -0
- package/dist/cjs/mastodon-preview/types.js.map +1 -0
- package/dist/cjs/mastodon-preview/variables.scss +7 -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 +12 -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-preview.js +5 -2
- package/dist/cjs/tumblr-preview/post-preview.js.map +1 -1
- package/dist/cjs/tumblr-preview/previews.js +1 -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/header.js +2 -1
- package/dist/cjs/twitter-preview/header.js.map +1 -1
- package/dist/cjs/twitter-preview/icons/default-avatar.js +9 -0
- package/dist/cjs/twitter-preview/icons/default-avatar.js.map +1 -0
- package/dist/cjs/twitter-preview/link-preview.js +1 -2
- package/dist/cjs/twitter-preview/link-preview.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/sidebar.js +2 -2
- package/dist/cjs/twitter-preview/sidebar.js.map +1 -1
- package/dist/cjs/twitter-preview/style.scss +12 -10
- 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 +16 -5
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/instagram-preview/post-preview.js +5 -3
- package/dist/esm/instagram-preview/post-preview.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/instagram-preview/style.scss +6 -1
- package/dist/esm/linkedin-preview/constants.js +0 -4
- package/dist/esm/linkedin-preview/constants.js.map +1 -1
- package/dist/esm/linkedin-preview/icons/default-avatar.js +5 -0
- package/dist/esm/linkedin-preview/icons/default-avatar.js.map +1 -0
- package/dist/esm/linkedin-preview/link-preview.js +1 -2
- package/dist/esm/linkedin-preview/link-preview.js.map +1 -1
- package/dist/esm/linkedin-preview/post-preview.js +2 -1
- package/dist/esm/linkedin-preview/post-preview.js.map +1 -1
- package/dist/esm/linkedin-preview/previews.js +1 -2
- package/dist/esm/linkedin-preview/previews.js.map +1 -1
- package/dist/esm/linkedin-preview/style.scss +8 -3
- package/dist/esm/mastodon-preview/constants.js +2 -0
- package/dist/esm/mastodon-preview/constants.js.map +1 -0
- package/dist/esm/mastodon-preview/helpers.js +25 -0
- package/dist/esm/mastodon-preview/helpers.js.map +1 -0
- package/dist/esm/mastodon-preview/index.js +4 -0
- package/dist/esm/mastodon-preview/index.js.map +1 -0
- package/dist/esm/mastodon-preview/link-preview.js +11 -0
- package/dist/esm/mastodon-preview/link-preview.js.map +1 -0
- package/dist/esm/mastodon-preview/post/actions/index.js +34 -0
- package/dist/esm/mastodon-preview/post/actions/index.js.map +1 -0
- package/dist/esm/mastodon-preview/post/actions/styles.scss +40 -0
- package/dist/esm/mastodon-preview/post/body/index.js +27 -0
- package/dist/esm/mastodon-preview/post/body/index.js.map +1 -0
- package/dist/esm/mastodon-preview/post/body/styles.scss +12 -0
- package/dist/esm/mastodon-preview/post/card/index.js +10 -0
- package/dist/esm/mastodon-preview/post/card/index.js.map +1 -0
- package/dist/esm/mastodon-preview/post/card/styles.scss +52 -0
- package/dist/esm/mastodon-preview/post/header/index.js +15 -0
- package/dist/esm/mastodon-preview/post/header/index.js.map +1 -0
- package/dist/esm/mastodon-preview/post/header/styles.scss +37 -0
- package/dist/esm/mastodon-preview/post/icons/index.js +5 -0
- package/dist/esm/mastodon-preview/post/icons/index.js.map +1 -0
- package/dist/esm/mastodon-preview/post/icons/styles.scss +50 -0
- package/dist/esm/mastodon-preview/post-preview.js +12 -0
- package/dist/esm/mastodon-preview/post-preview.js.map +1 -0
- package/dist/esm/mastodon-preview/previews.js +14 -0
- package/dist/esm/mastodon-preview/previews.js.map +1 -0
- package/dist/esm/mastodon-preview/styles.scss +42 -0
- package/dist/esm/mastodon-preview/types.js +2 -0
- package/dist/esm/mastodon-preview/types.js.map +1 -0
- package/dist/esm/mastodon-preview/variables.scss +7 -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 +8 -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-preview.js +5 -2
- package/dist/esm/tumblr-preview/post-preview.js.map +1 -1
- package/dist/esm/tumblr-preview/previews.js +1 -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/header.js +2 -1
- package/dist/esm/twitter-preview/header.js.map +1 -1
- package/dist/esm/twitter-preview/icons/default-avatar.js +5 -0
- package/dist/esm/twitter-preview/icons/default-avatar.js.map +1 -0
- package/dist/esm/twitter-preview/link-preview.js +1 -2
- package/dist/esm/twitter-preview/link-preview.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/sidebar.js +2 -2
- package/dist/esm/twitter-preview/sidebar.js.map +1 -1
- package/dist/esm/twitter-preview/style.scss +12 -10
- 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 +4 -5
- 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 +10 -7
- package/dist/types/helpers.d.ts.map +1 -1
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.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/constants.d.ts +0 -4
- package/dist/types/linkedin-preview/constants.d.ts.map +1 -1
- package/dist/types/linkedin-preview/icons/default-avatar.d.ts +3 -0
- package/dist/types/linkedin-preview/icons/default-avatar.d.ts.map +1 -0
- package/dist/types/linkedin-preview/link-preview.d.ts +3 -4
- 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 +3 -4
- package/dist/types/linkedin-preview/types.d.ts.map +1 -1
- package/dist/types/mastodon-preview/constants.d.ts +2 -0
- package/dist/types/mastodon-preview/constants.d.ts.map +1 -0
- package/dist/types/mastodon-preview/helpers.d.ts +11 -0
- package/dist/types/mastodon-preview/helpers.d.ts.map +1 -0
- package/dist/types/mastodon-preview/index.d.ts +4 -0
- package/dist/types/mastodon-preview/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/link-preview.d.ts +5 -0
- package/dist/types/mastodon-preview/link-preview.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post/actions/index.d.ts +5 -0
- package/dist/types/mastodon-preview/post/actions/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post/body/index.d.ts +9 -0
- package/dist/types/mastodon-preview/post/body/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post/card/index.d.ts +6 -0
- package/dist/types/mastodon-preview/post/card/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post/header/index.d.ts +7 -0
- package/dist/types/mastodon-preview/post/header/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post/icons/index.d.ts +7 -0
- package/dist/types/mastodon-preview/post/icons/index.d.ts.map +1 -0
- package/dist/types/mastodon-preview/post-preview.d.ts +5 -0
- package/dist/types/mastodon-preview/post-preview.d.ts.map +1 -0
- package/dist/types/mastodon-preview/previews.d.ts +6 -0
- package/dist/types/mastodon-preview/previews.d.ts.map +1 -0
- package/dist/types/mastodon-preview/types.d.ts +17 -0
- package/dist/types/mastodon-preview/types.d.ts.map +1 -0
- 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/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 +3 -0
- package/dist/types/twitter-preview/icons/default-avatar.d.ts.map +1 -0
- package/dist/types/twitter-preview/link-preview.d.ts +2 -5
- 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 +11 -11
- package/dist/types/twitter-preview/types.d.ts.map +1 -1
- package/dist/types/types.d.ts +5 -1
- package/dist/types/types.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/facebook-preview/hooks/use-image-hook.ts +3 -2
- package/src/facebook-preview/types.ts +1 -2
- package/src/helpers.tsx +23 -9
- package/src/index.ts +2 -0
- package/src/instagram-preview/post-preview.tsx +17 -2
- package/src/instagram-preview/previews.tsx +0 -1
- package/src/instagram-preview/style.scss +6 -1
- package/src/instagram-preview/types.ts +1 -1
- package/src/linkedin-preview/constants.ts +0 -5
- package/src/linkedin-preview/icons/default-avatar.tsx +16 -0
- package/src/linkedin-preview/link-preview.tsx +3 -3
- package/src/linkedin-preview/post-preview.tsx +5 -2
- package/src/linkedin-preview/previews.tsx +1 -2
- package/src/linkedin-preview/style.scss +8 -3
- package/src/linkedin-preview/types.ts +1 -2
- package/src/mastodon-preview/constants.ts +1 -0
- package/src/mastodon-preview/helpers.ts +45 -0
- package/src/mastodon-preview/index.tsx +3 -0
- package/src/mastodon-preview/link-preview.tsx +20 -0
- package/src/mastodon-preview/post/actions/index.tsx +50 -0
- package/src/mastodon-preview/post/actions/styles.scss +40 -0
- package/src/mastodon-preview/post/body/index.tsx +47 -0
- package/src/mastodon-preview/post/body/styles.scss +12 -0
- package/src/mastodon-preview/post/card/index.tsx +33 -0
- package/src/mastodon-preview/post/card/styles.scss +52 -0
- package/src/mastodon-preview/post/header/index.tsx +39 -0
- package/src/mastodon-preview/post/header/styles.scss +37 -0
- package/src/mastodon-preview/post/icons/index.tsx +7 -0
- package/src/mastodon-preview/post/icons/styles.scss +50 -0
- package/src/mastodon-preview/post-preview.tsx +29 -0
- package/src/mastodon-preview/previews.tsx +56 -0
- package/src/mastodon-preview/styles.scss +42 -0
- package/src/mastodon-preview/types.ts +19 -0
- package/src/mastodon-preview/variables.scss +7 -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 +20 -0
- package/src/nextdoor-preview/post-preview.tsx +110 -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/post-preview.tsx +22 -6
- package/src/tumblr-preview/previews.tsx +1 -1
- package/src/tumblr-preview/variables.scss +0 -1
- package/src/twitter-preview/header.tsx +6 -3
- package/src/twitter-preview/icons/default-avatar.tsx +17 -0
- package/src/twitter-preview/link-preview.tsx +1 -8
- package/src/twitter-preview/post-preview.tsx +2 -2
- package/src/twitter-preview/previews.tsx +4 -3
- package/src/twitter-preview/sidebar.tsx +6 -5
- package/src/twitter-preview/style.scss +12 -10
- package/src/twitter-preview/types.ts +4 -4
- package/src/types.ts +5 -0
- package/dist/cjs/twitter-preview/constants.js +0 -10
- package/dist/cjs/twitter-preview/constants.js.map +0 -1
- package/dist/esm/twitter-preview/constants.js +0 -7
- package/dist/esm/twitter-preview/constants.js.map +0 -1
- package/dist/types/twitter-preview/constants.d.ts +0 -7
- package/dist/types/twitter-preview/constants.d.ts.map +0 -1
- 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
|
-
|
|
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
|
@@ -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.
|
package/dist/cjs/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.tsx"],"names":[],"mappings":";;;;AAAA,gDAA8D;AAC9D,0CAA0C;AASnC,MAAM,UAAU,GAAG,CAAE,GAAW,EAAW,EAAE,CACnD,GAAG;KACD,OAAO,CAAE,YAAY,EAAE,EAAE,CAAE,CAAC,yBAAyB;KACrD,OAAO,CAAE,OAAO,EAAE,EAAE,CAAE,CAAC,CAAC,oCAAoC;AAHlD,QAAA,UAAU,cAGG;AAEnB,MAAM,WAAW,GAA0C,CAAE,KAAK,EAAG,EAAE,CAAC,CAAE,KAAK,EAAG,EAAE,CAC1F,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AAD1B,QAAA,WAAW,eACe;AAEhC,MAAM,gBAAgB,GAC5B,CAAE,KAAK,EAAE,KAAK,EAAG,EAAE,CAAC,CAAE,SAAS,EAAG,EAAE;IACnC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAE,CAAC,EAAE,KAAK,CAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAE,GAAG,CAAE,CAAC;IAE3C,OAAO,SAAS,GAAG,KAAK,IAAI,SAAS,GAAG,KAAK;QAC5C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAE,CAAC,EAAE,SAAS,CAAE,CAAC,MAAM,CAAE,GAAG,CAAE;QAC3C,CAAC,CAAC,KAAK,CAAC;AACV,CAAC,CAAC;AARU,QAAA,gBAAgB,oBAQ1B;AAEI,MAAM,cAAc,GAA+B,CAAE,KAAK,EAAG,EAAE,CAAC,CAAE,KAAK,EAAG,EAAE,CAClF,KAAK,CAAC,KAAK,CAAE,CAAC,EAAE,KAAK,CAAE,CAAC,MAAM,CAAE,GAAG,CAAE,CAAC;AAD1B,QAAA,cAAc,kBACY;AAEhC,MAAM,UAAU,GACtB,CAAE,GAAG,UAAU,EAAG,EAAE,CACpB,CAAE,CAAC,EAAG,EAAE,CACL,UAAU,CAAC,IAAI,CAAE,CAAE,CAAC,EAAG,EAAE,CAAC,KAAK,KAAK,CAAC,CAAE,CAAC,CAAE,CAAiB,EAAE,CAAE,CAAC,CAAE,CAAC;AAH1D,QAAA,UAAU,cAGgD;AAEhE,MAAM,aAAa,
|
|
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);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -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
|
-
|
|
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,
|
|
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,
|
|
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"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
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
|
|
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, {
|
|
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,
|
|
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":";;;;AAAA,0CAA8C;AAC9C,wCAA4D;AAC5D,2CAAwE;
|
|
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,
|
|
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,
|
|
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:
|
|
46
|
-
|
|
47
|
-
border-radius: 50%;
|
|
51
|
+
width: 100%;
|
|
52
|
+
object-fit: contain;
|
|
48
53
|
}
|
|
49
54
|
|
|
50
55
|
&--profile {
|
|
@@ -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
|
+
"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"}
|