@automattic/newspack-blocks 1.0.0-hotfix-cap-count-user-posts-dedup.1

package/src/shared/sass/_mixins.scss

@@ -0,0 +1,42 @@
+@use "./variables";
+
+@mixin media( $res ) {
+	@if mobile == $res {
+		@media only screen and ( min-width: variables.$mobile_width ) {
+			@content;
+		}
+	}
+
+	@if tabletonly == $res {
+		@media only screen and ( max-width: #{ variables.$tablet_width - 1 } ) {
+			@content;
+		}
+	}
+
+	@if tablet == $res {
+		@media only screen and ( min-width: variables.$tablet_width ) {
+			@content;
+		}
+	}
+
+	@if desktop == $res {
+		@media only screen and ( min-width: variables.$desktop_width ) {
+			@content;
+		}
+	}
+
+	@if wide == $res {
+		@media only screen and ( min-width: variables.$wide_width ) {
+			@content;
+		}
+	}
+}
+
+@mixin visuallyHidden {
+	position: absolute !important;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
+	clip: rect(1px, 1px, 1px, 1px);
+	white-space: nowrap; /* added line */
+}

package/src/shared/sass/_placeholder.scss

@@ -0,0 +1,5 @@
+.wp-block[data-type^="newspack-blocks/"] {
+	.component-placeholder__align-center {
+		align-items: center;
+	}
+}

package/src/shared/sass/_preview.scss

@@ -0,0 +1,12 @@
+.newspack-preview-label {
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	z-index: 1;
+	font-family: sans-serif;
+	font-size: 10px;
+	text-transform: uppercase;
+	background: #ffc000;
+	padding: 0 4px;
+	border-radius: 2px;
+}

package/src/shared/sass/_variables.scss

@@ -0,0 +1,24 @@
+$mobile_width: 600px;
+$tablet_width: 782px;
+$desktop_width: 1168px;
+$wide_width: 1379px;
+
+$font__size_base: 20px;
+$font__size-ratio: 1.125;
+
+$font__size-xxxs: 1em * 0.5; // 10px
+$font__size-xxs: 1em * 0.6; // 12px
+$font__size-xs: 1em * 0.7; // 14px
+$font__size-sm: 1em * 0.8; // 16px
+// $font__size_base: 1em * 1; // 20px
+$font__size-md: 1em * 1.2; // 24px
+$font__size-lg: 1em * 1.4; // 28px
+$font__size-xl: 1em * 1.8; // 36px
+$font__size-xxl: 1em * 2.2; // 44px
+$font__size-xxxl: 1em * 2.8; // 56px
+$font__size-xxxxl: 1em * 3.2; // 64px
+
+$font__line-height-body: 1.6;
+$font__line-height-pre: 1.6;
+$font__line-height-heading: 1.2;
+$font__line-height-double: 2 * $font__line-height-heading;

package/src/templates/author-profile-card.php

@@ -0,0 +1,145 @@
+<?php
+/**
+ * Template for a single author profile card.
+ *
+ * @global array $attributes Block attributes.
+ * @package WordPress
+ */
+
+call_user_func(
+	function( $data ) {
+		if ( ! isset( $data['attributes'] ) || ! isset( $data['author'] ) ) {
+			return;
+		}
+
+		$attributes = $data['attributes'];
+		$author     = $data['author'];
+
+		// Whether to render links to the author's archive page.
+		$show_archive_link = $attributes['showArchiveLink'] && ! empty( $author['url'] );
+
+		// Combine social links and email, which are shown together.
+		$social_links = $attributes['showSocial'] && ! empty( $author['social'] ) ? $author['social'] : [];
+		if ( $attributes['showEmail'] && ! empty( $author['email'] ) ) {
+			$social_links['email'] = $author['email'];
+		}
+		if ( class_exists( '\Newspack\Authors_Custom_Fields' ) ) {
+			if ( $attributes['shownewspack_phone_number'] && ! empty( $author['newspack_phone_number'] ) ) {
+				$social_links['newspack_phone_number'] = $author['newspack_phone_number'];
+			}
+		}
+
+		$employment_values = [];
+		if ( class_exists( '\Newspack\Authors_Custom_Fields' ) ) {
+			if ( $attributes['shownewspack_role'] && ! empty( $author['newspack_role'] ) ) {
+				$employment_values[] = $author['newspack_role'];
+			}
+			if ( $attributes['shownewspack_employer'] && ! empty( $author['newspack_employer'] ) ) {
+				$employment_values[] = $author['newspack_employer'];
+			}
+		}
+		$employment = implode( ', ', $employment_values );
+
+		$extra_classes = [
+			'text-size-' . $attributes['textSize'],
+			'avatar-' . $attributes['avatarAlignment'],
+		];
+
+		// Add classes to the block.
+		$classes = Newspack_Blocks::block_classes(
+			'author-profile',
+			$attributes,
+			$extra_classes
+		);
+
+		?>
+		<div class="<?php echo esc_attr( $classes ); ?>">
+			<?php if ( $attributes['showAvatar'] && isset( $author['avatar'] ) ) : ?>
+				<div class="wp-block-newspack-blocks-author-profile__avatar">
+					<figure style="border-radius: <?php echo esc_attr( $attributes['avatarBorderRadius'] ); ?>; height: <?php echo esc_attr( $attributes['avatarSize'] ); ?>px; width: <?php echo esc_attr( $attributes['avatarSize'] ); ?>px;">
+					<?php if ( $show_archive_link ) : ?>
+						<a href="<?php echo esc_url( $author['url'] ); ?>">
+						<?php
+					endif;
+
+					echo wp_kses(
+						$author['avatar'],
+						Newspack_Blocks::get_sanitized_image_attributes()
+					);
+
+				if ( $show_archive_link ) :
+					?>
+						</a>
+					<?php endif; ?>
+					</figure>
+				</div>
+			<?php endif; ?>
+			<div class="wp-block-newspack-blocks-author-profile__bio">
+				<h3>
+					<?php if ( $show_archive_link ) : ?>
+					<a href="<?php echo esc_url( $author['url'] ); ?>">
+					<?php endif; ?>
+						<?php echo esc_html( $author['name'] ); ?>
+					<?php if ( $show_archive_link ) : ?>
+					</a>
+					<?php endif; ?>
+				</h3>
+
+				<?php
+				if ( class_exists( '\Newspack\Authors_Custom_Fields' ) ) :
+					if ( $attributes['shownewspack_job_title'] && ! empty( $author['newspack_job_title'] ) ) :
+						?>
+						<p class="wp-block-newspack-blocks-author-profile__job-title">
+							<?php echo esc_html( $author['newspack_job_title'] ); ?>
+						</p>
+						<?php
+					endif;
+				endif;
+				?>
+				<?php if ( ! empty( $employment ) ) : ?>
+					<p class="wp-block-newspack-blocks-author-profile__employment">
+						<?php echo esc_html( $employment ); ?>
+					</p>
+				<?php endif; ?>
+
+				<?php if ( $attributes['showBio'] && ! empty( $author['bio'] ) ) : ?>
+					<?php
+					$bio = $author['bio'];
+
+					if ( $show_archive_link ) {
+						$bio .= sprintf(
+							// Translators: "more by this author" link.
+							__( ' <a href="%1$s">More by %2$s</a>', 'newspack-blocks' ),
+							$author['url'],
+							$author['name']
+						);
+					}
+
+					echo wp_kses_post( wpautop( $bio ) );
+					?>
+				<?php endif; ?>
+
+				<?php if ( ! empty( $social_links ) ) : ?>
+					<ul class="wp-block-newspack-blocks-author-profile__social-links">
+						<?php foreach ( $social_links as $service => $social_data ) : ?>
+							<li>
+								<a href="<?php echo esc_url( $social_data['url'] ); ?>">
+									<?php if ( ! empty( $social_data['svg'] ) ) : ?>
+										<span>
+											<?php echo Newspack_Blocks::sanitize_svg( $social_data['svg'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+										</span>
+									<?php endif; ?>
+									<span class="<?php echo ! empty( $social_data['svg'] ) ? esc_attr( 'hidden' ) : esc_attr( 'visible' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>">
+										<?php echo esc_html( $service ); ?>
+									</span>
+								</a>
+							</li>
+						<?php endforeach; ?>
+					</ul>
+				<?php endif; ?>
+			</div>
+		</div>
+		<?php
+	},
+	$data // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
+);

package/src/types/@wordpress/block-editor.d.ts

@@ -0,0 +1 @@
+declare module '@wordpress/block-editor'

package/src/types/@wordpress/components.d.ts

@@ -0,0 +1 @@
+declare module '@wordpress/components'

package/src/types/index.d.ts

@@ -0,0 +1,170 @@
+declare global {
+	interface Window {
+		wpcomGutenberg: {
+			blogPublic: string;
+		};
+		newspack_blocks_data: {
+			assets_path: string;
+			supports_recaptcha: boolean;
+			has_recaptcha: boolean;
+			recaptcha_url: string;
+			post_subtitle: boolean;
+			can_use_name_your_price: boolean;
+			tier_amounts_template: string;
+			currency: string;
+		};
+		grecaptcha: any;
+		newspackReaderActivation: {
+			on: function;
+			off: function;
+			setReaderEmail: function;
+			setAuthenticated: function;
+			refreshAuthentication: function;
+			getReader: function;
+			hasAuthLink: function;
+			setAuthStrategy: function;
+			getAuthStrategy: function;
+		};
+	}
+
+	type PostId = number;
+	type CategoryId = number;
+	type TagId = number;
+	type Taxonomy = { slug: string; terms: number[] }[];
+	type AuthorId = number;
+
+	type PostType = { name: string; slug: string; supports: { newspack_blocks: boolean } };
+
+	// As used by Newspack_Blocks_API::posts_endpoint.
+	type PostsQuery = {
+		include?: PostId[];
+		excerptLength?: number;
+		showExcerpt?: boolean;
+		showCaption?: boolean,
+		showCredit?: boolean,
+	};
+
+	type Block = {
+		name: string;
+		clientId: string;
+		attributes: {
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			[key: string]: any;
+		};
+		innerBlocks: Block[];
+	};
+
+	type Post = {
+		id: number;
+		title: {
+			rendered: string;
+		};
+		post_type: string;
+		date: string;
+		date_formatted: string;
+		article_meta_footer: string;
+		excerpt: {
+			rendered: string;
+		};
+		full_content: string;
+		meta: {
+			newspack_post_subtitle: string;
+		};
+		post_link: string;
+		newspack_article_classes: string;
+		newspack_featured_image_caption: string;
+		newspack_featured_image_src: {
+			large: string;
+			landscape: string;
+			portrait: string;
+			square: string;
+			uncropped: string;
+		};
+		newspack_category_info: string;
+		newspack_post_avatars: string;
+		newspack_post_byline: string;
+		newspack_sponsors_show_categories: boolean;
+		newspack_sponsors_show_author: boolean;
+		newspack_post_sponsors?:
+		| {
+			flag: string;
+		}[]
+		| false;
+		newspack_listings_hide_author?: boolean;
+		newspack_listings_hide_publish_date?: boolean;
+	};
+
+	type HomepageArticlesAttributes = {
+		postsToShow: number;
+		authors: AuthorId[];
+		categories: CategoryId[];
+		includeSubcategories: boolean;
+		categoryJoinType: string;
+		excerptLength: number;
+		postType: PostType[];
+		showImage: boolean;
+		showExcerpt: boolean;
+		showFullContent: boolean;
+		tags: TagId[];
+		customTaxonomies: Taxonomy[];
+		specificPosts: string[];
+		specificMode: boolean;
+		tagExclusions: TagId[];
+		categoryExclusions: CategoryId[];
+		customTaxonomyExclusions: Taxonomy[];
+		className: string;
+		excerptLength: number;
+		showReadMore: boolean;
+		readMoreLabel: string;
+		showDate: boolean;
+		showImage: boolean;
+		showCaption: boolean;
+		showCredit: boolean;
+		disableImageLazyLoad: boolean;
+		fetchPriority: string;
+		imageShape: string;
+		minHeight: integer;
+		moreButton: boolean;
+		infiniteScroll: boolean;
+		moreButtonText: string;
+		showAuthor: boolean;
+		showAvatar: boolean;
+		showCategory: boolean;
+		postLayout: string;
+		columns: integer;
+		colGap: integer;
+		postsToShow: integer;
+		mediaPosition: string;
+		showSubtitle: boolean;
+		sectionHeader: string;
+		imageScale: number;
+		mobileStack: boolean;
+		typeScale: number;
+		textAlign: string;
+		deduplicate: boolean;
+	};
+
+	type HomepageArticlesAttributesKey = keyof HomepageArticlesAttributes;
+
+	type HomepageArticlesPropsFromDataSelector = {
+		topBlocksClientIdsInOrder: Block['clientId'][];
+		latestPosts: Post[];
+		isEditorBlock: boolean;
+		isUIDisabled: boolean;
+		error: undefined | string;
+	};
+
+	type HomepageArticlesProps = HomepageArticlesPropsFromDataSelector & {
+		attributes: HomepageArticlesAttributes;
+		setAttributes: (attributes: Partial<HomepageArticlesAttributes>) => void;
+		textColor: {
+			color: string;
+		};
+		setTextColor: (color: string) => void;
+		triggerReflow: () => void;
+		className: string;
+		isSelected: boolean;
+	};
+}
+
+export { };

package/src/types/newspack-components.d.ts

@@ -0,0 +1,7 @@
+declare module 'newspack-components' {
+	function useObjectState<StateObject>(
+		object: StateObject
+	): [object: StateObject, (object: Partial<StateObject>) => void];
+	const hooks = { useObjectState };
+	export { hooks };
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "newspack-scripts/config/tsconfig.json",
+	"compilerOptions": {
+		"rootDir": "src"
+	},
+	"include": [ "src", "src/**/*.json" ]
+}

package/vendor/autoload.php

@@ -0,0 +1,22 @@
+<?php
+
+// autoload.php @generated by Composer
+
+if (PHP_VERSION_ID < 50600) {
+    if (!headers_sent()) {
+        header('HTTP/1.1 500 Internal Server Error');
+    }
+    $err = 'Composer 2.3.0 dropped support for autoloading on PHP <5.6 and you are running '.PHP_VERSION.', please upgrade PHP or use Composer 2.2 LTS via "composer self-update --2.2". Aborting.'.PHP_EOL;
+    if (!ini_get('display_errors')) {
+        if (PHP_SAPI === 'cli' || PHP_SAPI === 'phpdbg') {
+            fwrite(STDERR, $err);
+        } elseif (!headers_sent()) {
+            echo $err;
+        }
+    }
+    throw new RuntimeException($err);
+}
+
+require_once __DIR__ . '/composer/autoload_real.php';
+
+return ComposerAutoloaderInitbdd1eb82bc1b47a7a740ce3604011dad::getLoader();