@automattic/social-previews 2.0.1-beta.8 → 2.0.1

package/dist/types/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type Formatter = (text: string, options?: any) => string;
+export type Formatter<Options = unknown> = (text: string, options?: Options) => string;
 type AugmentFormatterReturnType<T extends Formatter, TNewReturn> = (...a: Parameters<T>) => ReturnType<T> | TNewReturn;
 type ConditionalFormatter = AugmentFormatterReturnType<Formatter, boolean>;
 type NullableFormatter = AugmentFormatterReturnType<Formatter, undefined>;
@@ -8,10 +8,18 @@ export declare const shortEnough: (n: number) => ConditionalFormatter;
 export declare const truncatedAtSpace: (a: number, b: number) => ConditionalFormatter;
 export declare const hardTruncation: (n: number) => Formatter;
 export declare const firstValid: (...args: ConditionalFormatter[]) => NullableFormatter;
-export declare const stripHtmlTags: Formatter;
+export declare const stripHtmlTags: Formatter<Array<string>>;
+/**
+ * For social note posts we use the first 50 characters of the description.
+ * @param description The post description.
+ * @returns The first 50 characters of the description.
+ */
+export declare const getTitleFromDescription: (description: string) => string;
 export declare const hasTag: (text: string, tag: string) => boolean;
+export declare const formatNextdoorDate: (date?: number | Date | undefined) => string;
 export declare const formatTweetDate: (date?: number | Date | undefined) => string;
-export type Platform = 'twitter' | 'facebook' | 'linkedin' | 'instagram' | 'mastodon';
+export declare const formatMastodonDate: (date?: number | Date | undefined) => string;
+export type Platform = 'twitter' | 'facebook' | 'linkedin' | 'instagram' | 'mastodon' | 'nextdoor';
 type PreviewTextOptions = {
     platform: Platform;
     maxChars?: number;

package/dist/types/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/helpers.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,GAAG,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAM,MAAM,CAAC;AAClE,KAAK,0BAA0B,CAAE,CAAC,SAAS,SAAS,EAAE,UAAU,IAAK,CACpE,GAAG,CAAC,EAAE,UAAU,CAAE,CAAC,CAAE,KACjB,UAAU,CAAE,CAAC,CAAE,GAAG,UAAU,CAAC;AAClC,KAAK,oBAAoB,GAAG,0BAA0B,CAAE,SAAS,EAAE,OAAO,CAAE,CAAC;AAC7E,KAAK,iBAAiB,GAAG,0BAA0B,CAAE,SAAS,EAAE,SAAS,CAAE,CAAC;AAE5E,eAAO,MAAM,UAAU,QAAU,MAAM,KAAI,MAGlB,CAAC;AAE1B,eAAO,MAAM,WAAW,EAAE,CAAE,CAAC,EAAE,MAAM,KAAM,oBACL,CAAC;AAEvC,eAAO,MAAM,gBAAgB,EAAE,CAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAM,oBAQzD,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,CAAE,CAAC,EAAE,MAAM,KAAM,SACR,CAAC;AAEvC,eAAO,MAAM,UAAU,EAAE,CAAE,GAAG,IAAI,EAAE,oBAAoB,EAAE,KAAM,iBAGM,CAAC;AAEvE,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,MAAM,SAAW,MAAM,OAAO,MAAM,KAAI,OAIpD,CAAC;AAEF,eAAO,MAAM,eAAe,8CAIlB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAEtF,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAE,QAAQ,EAAE,MAAM,CAMnD,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,GAAI,KAAK,CAAC,SAAS,CAoH/F"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/helpers.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,CAAE,OAAO,GAAG,OAAO,IAAK,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAM,MAAM,CAAC;AAC3F,KAAK,0BAA0B,CAAE,CAAC,SAAS,SAAS,EAAE,UAAU,IAAK,CACpE,GAAG,CAAC,EAAE,UAAU,CAAE,CAAC,CAAE,KACjB,UAAU,CAAE,CAAC,CAAE,GAAG,UAAU,CAAC;AAClC,KAAK,oBAAoB,GAAG,0BAA0B,CAAE,SAAS,EAAE,OAAO,CAAE,CAAC;AAC7E,KAAK,iBAAiB,GAAG,0BAA0B,CAAE,SAAS,EAAE,SAAS,CAAE,CAAC;AAE5E,eAAO,MAAM,UAAU,QAAU,MAAM,KAAI,MAGlB,CAAC;AAE1B,eAAO,MAAM,WAAW,EAAE,CAAE,CAAC,EAAE,MAAM,KAAM,oBACL,CAAC;AAEvC,eAAO,MAAM,gBAAgB,EAAE,CAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAM,oBAQzD,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,CAAE,CAAC,EAAE,MAAM,KAAM,SACR,CAAC;AAEvC,eAAO,MAAM,UAAU,EAAE,CAAE,GAAG,IAAI,EAAE,oBAAoB,EAAE,KAAM,iBAGM,CAAC;AAEvE,eAAO,MAAM,aAAa,EAAE,SAAS,CAAE,KAAK,CAAE,MAAM,CAAE,CAIrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,gBAAkB,MAAM,KAAI,MAE/D,CAAC;AAEF,eAAO,MAAM,MAAM,SAAW,MAAM,OAAO,MAAM,KAAI,OAIpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,8CAIrB,CAAC;AAEX,eAAO,MAAM,eAAe,8CAIlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,8CAKrB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAEnG,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAE,QAAQ,EAAE,MAAM,CAOnD,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,GAAI,KAAK,CAAC,SAAS,CAoH/F"}

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export * from './linkedin-preview';
 export * from './tumblr-preview';
 export * from './facebook-preview';
 export * from './mastodon-preview';
+export * from './nextdoor-preview';
 export * from './constants';
 export * from './instagram-preview';
 export * from './types';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/dist/types/linkedin-preview/link-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-preview.d.ts","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,aAAa,GAAG,OAAO,CAAE,IAAI,CAAE,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAE,CAAE,CAAC;AAEtF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAE,oBAAoB,EAAE,MAAM,aAAa,CAAE,GACvF,aAAa,CAAC;AAEf,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,wBAAwB,2CAWnE"}
+{"version":3,"file":"link-preview.d.ts","sourceRoot":"","sources":["../../../src/linkedin-preview/link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,aAAa,GAAG,OAAO,CAAE,IAAI,CAAE,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAE,CAAE,CAAC;AAEtF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAE,oBAAoB,EAAE,MAAM,aAAa,CAAE,GACvF,aAAa,CAAC;AAEf,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,wBAAwB,2CAYnE"}

package/dist/types/linkedin-preview/post-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"post-preview.d.ts","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,wBAAgB,mBAAmB,CAAE,EACpC,eAAmB,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,GACH,EAAE,oBAAoB,2CAgGtB"}
+{"version":3,"file":"post-preview.d.ts","sourceRoot":"","sources":["../../../src/linkedin-preview/post-preview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,wBAAgB,mBAAmB,CAAE,EACpC,eAAmB,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,GACH,EAAE,oBAAoB,2CAkGtB"}

package/dist/types/mastodon-preview/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const DEFAULT_MASTODON_INSTANCE = "mastodon.social";
+export declare const DEFAULT_AVATAR = "data:image/png;base64,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";
 //# sourceMappingURL=constants.d.ts.map

package/dist/types/mastodon-preview/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/mastodon-preview/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,oBAAoB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/mastodon-preview/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,oBAAoB,CAAC;AAE3D,eAAO,MAAM,cAAc,mzHACsxH,CAAC"}

package/dist/types/mastodon-preview/post/actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/actions/index.tsx"],"names":[],"mappings":";AAGA,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EA0ChC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/actions/index.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EA4DhC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/types/mastodon-preview/post/body/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/body/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG,oBAAoB,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAoCpC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/body/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG,oBAAoB,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAwCpC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/mastodon-preview/post/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/card/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CAuBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/card/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CAuCrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/mastodon-preview/post/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/header/index.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG,IAAI,CAAE,oBAAoB,EAAE,MAAM,CAAE,CAAC;AAElD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CA2BxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/header/index.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,KAAK,KAAK,GAAG,IAAI,CAAE,oBAAoB,EAAE,MAAM,CAAE,CAAC;AAElD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAE,KAAK,CAwBxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/types/mastodon-preview/post/icons/index.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-import './styles.scss';
-declare const MastodonPostIcon: React.FC<{
-    name: string;
-}>;
-export default MastodonPostIcon;
+export declare function GlobeIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/mastodon-preview/post/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/icons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAEjD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/mastodon-preview/post/icons/index.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAYxB"}

package/dist/types/mastodon-preview/post-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"post-preview.d.ts","sourceRoot":"","sources":["../../../src/mastodon-preview/post-preview.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CAoB/D,CAAC"}
+{"version":3,"file":"post-preview.d.ts","sourceRoot":"","sources":["../../../src/mastodon-preview/post-preview.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAE,oBAAoB,CA+B/D,CAAC"}

package/dist/types/nextdoor-preview/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FEED_TEXT_MAX_LENGTH = 160;
+export declare const FEED_TEXT_MAX_LINES = 2;
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/nextdoor-preview/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,mBAAmB,IAAI,CAAC"}

package/dist/types/nextdoor-preview/footer-actions.d.ts

@@ -0,0 +1,2 @@
+export declare function FooterActions(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer-actions.d.ts.map

package/dist/types/nextdoor-preview/footer-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-actions.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/footer-actions.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,4CAiB5B"}

package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function ChevronIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chevron-icon.d.ts.map

package/dist/types/nextdoor-preview/icons/chevron-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-icon.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/chevron-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAU1B"}

package/dist/types/nextdoor-preview/icons/comment-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function CommentIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=comment-icon.d.ts.map

package/dist/types/nextdoor-preview/icons/comment-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-icon.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/comment-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAW1B"}

package/dist/types/nextdoor-preview/icons/default-avatar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DefaultAvatar: React.FC;
+//# sourceMappingURL=default-avatar.d.ts.map

package/dist/types/nextdoor-preview/icons/default-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-avatar.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/default-avatar.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAEjC,CAAC"}

package/dist/types/nextdoor-preview/icons/default-image.d.ts

@@ -0,0 +1,2 @@
+export declare function DefaultImage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=default-image.d.ts.map

package/dist/types/nextdoor-preview/icons/default-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-image.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/default-image.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAsB3B"}

package/dist/types/nextdoor-preview/icons/globe-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function GlobeIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=globe-icon.d.ts.map

package/dist/types/nextdoor-preview/icons/globe-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globe-icon.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/globe-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAWxB"}

package/dist/types/nextdoor-preview/icons/like-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function LikeIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=like-icon.d.ts.map

package/dist/types/nextdoor-preview/icons/like-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-icon.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/like-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAWvB"}

package/dist/types/nextdoor-preview/icons/share-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function ShareIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=share-icon.d.ts.map

package/dist/types/nextdoor-preview/icons/share-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-icon.d.ts","sourceRoot":"","sources":["../../../../src/nextdoor-preview/icons/share-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAWxB"}

package/dist/types/nextdoor-preview/index.d.ts

@@ -0,0 +1,4 @@
+export * from './link-preview';
+export * from './post-preview';
+export * from './previews';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/nextdoor-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/types/nextdoor-preview/link-preview.d.ts

@@ -0,0 +1,6 @@
+import { NextdoorPreviewProps } from './types';
+type OptionalProps = Partial<Pick<NextdoorPreviewProps, 'name' | 'profileImage'>>;
+export type NextdoorLinkPreviewProps = Omit<NextdoorPreviewProps, keyof OptionalProps> & OptionalProps;
+export declare function NextdoorLinkPreview(props: NextdoorLinkPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=link-preview.d.ts.map

package/dist/types/nextdoor-preview/link-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-preview.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,aAAa,GAAG,OAAO,CAAE,IAAI,CAAE,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAE,CAAE,CAAC;AAEtF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAE,oBAAoB,EAAE,MAAM,aAAa,CAAE,GACvF,aAAa,CAAC;AAEf,wBAAgB,mBAAmB,CAAE,KAAK,EAAE,wBAAwB,2CAYnE"}

package/dist/types/nextdoor-preview/post-preview.d.ts

@@ -0,0 +1,4 @@
+import { NextdoorPreviewProps } from './types';
+import './style.scss';
+export declare function NextdoorPostPreview({ image, name, profileImage, description, neighborhood, media, title, url, }: NextdoorPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=post-preview.d.ts.map

package/dist/types/nextdoor-preview/post-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-preview.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/post-preview.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,wBAAgB,mBAAmB,CAAE,EACpC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,GACH,EAAE,oBAAoB,2CAyFtB"}

package/dist/types/nextdoor-preview/previews.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { NextdoorPreviewsProps } from './types';
+export declare const NextdoorPreviews: React.FC<NextdoorPreviewsProps>;
+//# sourceMappingURL=previews.d.ts.map

package/dist/types/nextdoor-preview/previews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previews.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/previews.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAE,qBAAqB,CA6C7D,CAAC"}

package/dist/types/nextdoor-preview/types.d.ts

@@ -0,0 +1,8 @@
+import { SocialPreviewBaseProps, SocialPreviewsBaseProps } from '../types';
+export type NextdoorPreviewProps = SocialPreviewBaseProps & {
+    neighborhood?: string;
+    name: string;
+    profileImage: string;
+};
+export type NextdoorPreviewsProps = NextdoorPreviewProps & SocialPreviewsBaseProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/nextdoor-preview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/nextdoor-preview/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,GAAG;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG,uBAAuB,CAAC"}

package/dist/types/tumblr-preview/previews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"previews.d.ts","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAE,mBAAmB,CA6CzD,CAAC"}
+{"version":3,"file":"previews.d.ts","sourceRoot":"","sources":["../../../src/tumblr-preview/previews.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAE,mBAAmB,CA+CzD,CAAC"}

package/package.json

@@ -1,72 +1,72 @@
 {
-  "name": "@automattic/social-previews",
-  "version": "2.0.1-beta.8",
-  "description": "A suite of components to generate previews for a post for both social and search engines.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "calypso:src": "src/index.ts",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "keywords": [
-    "wordpress",
-    "social",
-    "seo",
-    "search"
-  ],
-  "author": "Automattic Inc.",
-  "homepage": "https://github.com/Automattic/wp-calypso",
-  "license": "GPL-2.0-or-later",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Automattic/wp-calypso.git",
-    "directory": "packages/social-previews"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "bugs": "https://github.com/Automattic/wp-calypso/issues",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "types": "dist/types",
-  "scripts": {
-    "clean": "tsc --build ./tsconfig.json ./tsconfig-cjs.json --clean && rm -rf dist",
-    "build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && copy-assets",
-    "prepare": "yarn run clean && yarn run build",
-    "prepack": "yarn run clean && yarn run build",
-    "watch": "tsc --build ./tsconfig.json --watch"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@wordpress/components": "^25.7.0",
-    "@wordpress/element": "^5.18.0",
-    "@wordpress/i18n": "^4.41.0",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.7.2",
-    "tslib": "^2.3.0"
-  },
-  "devDependencies": {
-    "@automattic/calypso-build": "^10.0.0",
-    "@automattic/calypso-typescript-config": "^1.0.0",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
-    "postcss": "^8.4.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.1.6",
-    "webpack": "^5.68.0"
-  },
-  "peerDependencies": {
-    "@babel/runtime": "^7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "peerDependenciesMeta": {
-    "@babel/runtime": {
-      "optional": true
-    }
-  }
-}
+	"name": "@automattic/social-previews",
+	"version": "2.0.1",
+	"description": "A suite of components to generate previews for a post for both social and search engines.",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"calypso:src": "src/index.ts",
+	"sideEffects": [
+		"*.css",
+		"*.scss"
+	],
+	"keywords": [
+		"wordpress",
+		"social",
+		"seo",
+		"search"
+	],
+	"author": "Automattic Inc.",
+	"homepage": "https://github.com/Automattic/wp-calypso",
+	"license": "GPL-2.0-or-later",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Automattic/wp-calypso.git",
+		"directory": "packages/social-previews"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"bugs": "https://github.com/Automattic/wp-calypso/issues",
+	"files": [
+		"dist",
+		"src"
+	],
+	"types": "dist/types",
+	"scripts": {
+		"clean": "tsc --build ./tsconfig.json ./tsconfig-cjs.json --clean && rm -rf dist",
+		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json && copy-assets",
+		"prepare": "yarn run build",
+		"prepack": "yarn run clean && yarn run build",
+		"watch": "tsc --build ./tsconfig.json --watch"
+	},
+	"dependencies": {
+		"@emotion/react": "^11.11.1",
+		"@wordpress/components": "^28.0.0",
+		"@wordpress/element": "^6.0.0",
+		"@wordpress/i18n": "^5.0.0",
+		"clsx": "^2.1.1",
+		"prop-types": "^15.7.2",
+		"tslib": "^2.3.0"
+	},
+	"devDependencies": {
+		"@automattic/calypso-build": "workspace:^",
+		"@automattic/calypso-typescript-config": "workspace:^",
+		"@testing-library/jest-dom": "^6.4.5",
+		"@testing-library/react": "^15.0.7",
+		"postcss": "^8.4.5",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"typescript": "^5.3.3",
+		"webpack": "^5.91.0"
+	},
+	"peerDependencies": {
+		"@babel/runtime": "^7.24.5",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
+	},
+	"peerDependenciesMeta": {
+		"@babel/runtime": {
+			"optional": true
+		}
+	}
+}

package/src/helpers.tsx

@@ -1,7 +1,7 @@
 import { createInterpolateElement } from '@wordpress/element';
 import { sprintf } from '@wordpress/i18n';
 
-export type Formatter = ( text: string, options?: any ) => string;
+export type Formatter< Options = unknown > = ( text: string, options?: Options ) => string;
 type AugmentFormatterReturnType< T extends Formatter, TNewReturn > = (
 	...a: Parameters< T >
 ) => ReturnType< T > | TNewReturn;
@@ -34,25 +34,47 @@ export const firstValid: ( ...args: ConditionalFormatter[] ) => NullableFormatte
 	( a ) =>
 		( predicates.find( ( p ) => false !== p( a ) ) as Formatter )?.( a );
 
-export const stripHtmlTags: Formatter = ( description, allowedTags = [] ) => {
+export const stripHtmlTags: Formatter< Array< string > > = ( description, allowedTags = [] ) => {
 	const pattern = new RegExp( `(<([^${ allowedTags.join( '' ) }>]+)>)`, 'gi' );
 
 	return description ? description.replace( pattern, '' ) : '';
 };
 
+/**
+ * For social note posts we use the first 50 characters of the description.
+ * @param description The post description.
+ * @returns The first 50 characters of the description.
+ */
+export const getTitleFromDescription = ( description: string ): string => {
+	return stripHtmlTags( description ).substring( 0, 50 );
+};
+
 export const hasTag = ( text: string, tag: string ): boolean => {
 	const pattern = new RegExp( `<${ tag }[^>]*>`, 'gi' );
 
 	return pattern.test( text );
 };
 
+export const formatNextdoorDate = new Intl.DateTimeFormat( 'en-GB', {
+	// Result: "7 Oct", "31 Dec"
+	day: 'numeric',
+	month: 'short',
+} ).format;
+
 export const formatTweetDate = new Intl.DateTimeFormat( 'en-US', {
 	// Result: "Apr 7", "Dec 31"
 	month: 'short',
 	day: 'numeric',
 } ).format;
 
-export type Platform = 'twitter' | 'facebook' | 'linkedin' | 'instagram' | 'mastodon';
+export const formatMastodonDate = new Intl.DateTimeFormat( 'en-US', {
+	// Result: "Apr 7, 2024", "Dec 31, 2023"
+	month: 'short',
+	day: 'numeric',
+	year: 'numeric',
+} ).format;
+
+export type Platform = 'twitter' | 'facebook' | 'linkedin' | 'instagram' | 'mastodon' | 'nextdoor';
 
 type PreviewTextOptions = {
 	platform: Platform;
@@ -69,6 +91,7 @@ export const hashtagUrlMap: Record< Platform, string > = {
 	linkedin: 'https://www.linkedin.com/feed/hashtag/?keywords=%1$s',
 	instagram: 'https://www.instagram.com/explore/tags/%1$s',
 	mastodon: 'https://%2$s/tags/%1$s',
+	nextdoor: 'https://nextdoor.com/hashtag/%1$s',
 };
 
 /**

package/src/index.ts

@@ -4,6 +4,7 @@ export * from './linkedin-preview';
 export * from './tumblr-preview';
 export * from './facebook-preview';
 export * from './mastodon-preview';
+export * from './nextdoor-preview';
 export * from './constants';
 export * from './instagram-preview';
 export * from './types';

package/src/instagram-preview/style.scss

@@ -57,12 +57,17 @@
 	&__media {
 		display: flex;
 
-		&--image {
+		&--image,
+		&--video {
 			width: 100%;
 			object-fit: cover;
 		}
 	}
 
+	&__media-item {
+		flex-grow: 1;
+	}
+
 	&__content {
 		display: flex;
 		flex-direction: column;

package/src/linkedin-preview/link-preview.tsx

@@ -1,3 +1,4 @@
+import { getTitleFromDescription } from '../helpers';
 import { LinkedInPostPreview } from './post-preview';
 import { LinkedInPreviewProps } from './types';
 
@@ -15,6 +16,7 @@ export function LinkedInLinkPreview( props: LinkedInLinkPreviewProps ) {
 			// Override the props that are irrelevant to link preview
 			description=""
 			media={ undefined }
+			title={ props.title || getTitleFromDescription( props.description ) }
 		/>
 	);
 }

package/src/linkedin-preview/post-preview.tsx

@@ -1,5 +1,5 @@
 import { __, sprintf } from '@wordpress/i18n';
-import { baseDomain, preparePreviewText } from '../helpers';
+import { baseDomain, getTitleFromDescription, preparePreviewText } from '../helpers';
 import { FEED_TEXT_MAX_LENGTH, FEED_TEXT_MAX_LINES } from './constants';
 import { DefaultAvatar } from './icons/default-avatar';
 import { LinkedInPreviewProps } from './types';
@@ -90,7 +90,9 @@ export function LinkedInPostPreview( {
 							{ image ? <img className="linkedin-preview__image" src={ image } alt="" /> : null }
 							{ url ? (
 								<div className="linkedin-preview__description">
-									<h2 className="linkedin-preview__description--title">{ title }</h2>
+									<h2 className="linkedin-preview__description--title">
+										{ title || getTitleFromDescription( description ) }
+									</h2>
 									<div className="linkedin-preview__description--meta">
 										<span className="linkedin-preview__description--url">
 											{ baseDomain( url ) }

package/src/mastodon-preview/constants.ts

@@ -1 +1,4 @@
 export const DEFAULT_MASTODON_INSTANCE = 'mastodon.social';
+
+export const DEFAULT_AVATAR =
+	'data:image/png;base64,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';