fix: Add is404 flag for 404ed routes

.changeset/some-laws-bet.md

@@ -0,0 +1,10 @@
+---
+"@snapwp/codegen-config": patch
+"@snapwp/e2e-tests": patch
+"@snapwp/blocks": patch
+"@snapwp/query": patch
+"@snapwp/core": patch
+"@snapwp/next": patch
+---
+
+chore: Enforce named exports and remove default exports.

.changeset/tame-beans-pay.md

@@ -0,0 +1,5 @@
+---
+"@snapwp/query": patch
+---
+
+fix: Add is404 flag for 404ed routes

.eslintrc.cjs

@@ -65,6 +65,7 @@ module.exports = {
 		// Import rules.
 		'import/default': 'error',
 		'import/named': 'error',
+		'import/no-default-export': 'error',
 
 		// Jest rules.
 		'jest/expect-expect': 'off',

packages/blocks/src/block-manager/index.tsx

@@ -1,14 +1,14 @@
-import defaultBlockDefinitions from '@/blocks';
-import Default from '@/blocks/default';
-import flatListToHierarchical from '@/utils/flat-list-to-hierarchical';
+import { blocks as defaultBlockDefinitions } from '@/blocks';
+import { Default } from '@/blocks/default';
+import { flatListToHierarchical } from '@/utils/flat-list-to-hierarchical';
 
 import type { BlockData, BlockDefinitions, BlockTreeNode } from '@snapwp/types';
 
 /**
  * Singleton class that renders blocks using defined React components.
  * Falls back to a default block if the type isn't found.
  */
-export default class BlockManager {
+export class BlockManager {
 	private static blockDefinitions = defaultBlockDefinitions;
 
 	/**

packages/blocks/src/blocks/core-audio.tsx

@@ -15,7 +15,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreAudio: CoreAudioType = ( {
+export const CoreAudio: CoreAudioType = ( {
 	attributes,
 	renderedHtml,
 }: CoreAudioProps ): ReactNode => {
@@ -56,5 +56,3 @@ const CoreAudio: CoreAudioType = ( {
 		</figure>
 	);
 };
-
-export default CoreAudio;

packages/blocks/src/blocks/core-button.tsx

@@ -14,7 +14,7 @@ import type { ButtonHTMLAttributes, ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreButton: CoreButtonType = ( {
+export const CoreButton: CoreButtonType = ( {
 	attributes,
 }: CoreButtonProps ): ReactNode => {
 	const {
@@ -75,5 +75,3 @@ const CoreButton: CoreButtonType = ( {
 		</div>
 	);
 };
-
-export default CoreButton;

packages/blocks/src/blocks/core-buttons.tsx

@@ -14,7 +14,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreButtons: CoreButtonsType = ( {
+export const CoreButtons: CoreButtonsType = ( {
 	attributes,
 	children,
 }: CoreButtonsProps ): ReactNode => {
@@ -32,5 +32,3 @@ const CoreButtons: CoreButtonsType = ( {
 		</div>
 	);
 };
-
-export default CoreButtons;

packages/blocks/src/blocks/core-code.tsx

@@ -11,7 +11,9 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreCode: CoreCodeType = ( { attributes }: CoreCodeProps ): ReactNode => {
+export const CoreCode: CoreCodeType = ( {
+	attributes,
+}: CoreCodeProps ): ReactNode => {
 	const { style, cssClassName, content } = attributes || {};
 
 	const styleObject = getStylesFromAttributes( { style } );
@@ -25,5 +27,3 @@ const CoreCode: CoreCodeType = ( { attributes }: CoreCodeProps ): ReactNode => {
 		</pre>
 	);
 };
-
-export default CoreCode;

packages/blocks/src/blocks/core-column.tsx

@@ -14,7 +14,7 @@ import type { CSSProperties, ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreColumn: CoreColumnType = ( {
+export const CoreColumn: CoreColumnType = ( {
 	attributes,
 	children,
 }: CoreColumnProps ): ReactNode => {
@@ -34,5 +34,3 @@ const CoreColumn: CoreColumnType = ( {
 		</div>
 	);
 };
-
-export default CoreColumn;

packages/blocks/src/blocks/core-columns.tsx

@@ -14,7 +14,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreColumns: CoreColumnsType = ( {
+export const CoreColumns: CoreColumnsType = ( {
 	attributes,
 	children,
 }: CoreColumnsProps ): ReactNode => {
@@ -32,5 +32,3 @@ const CoreColumns: CoreColumnsType = ( {
 		</div>
 	);
 };
-
-export default CoreColumns;

packages/blocks/src/blocks/core-cover.tsx

@@ -49,7 +49,7 @@ const mediaPosition = (
  *
  * @return The rendered cover block or null if using featured image
  */
-const CoreCover: CoreCoverType = ( {
+export const CoreCover: CoreCoverType = ( {
 	attributes,
 	connectedMediaItem,
 	mediaDetails,
@@ -190,5 +190,3 @@ const CoreCover: CoreCoverType = ( {
 		</Tag>
 	);
 };
-
-export default CoreCover;

packages/blocks/src/blocks/core-details.tsx

@@ -19,7 +19,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreDetails: CoreDetailsType = ( {
+export const CoreDetails: CoreDetailsType = ( {
 	attributes,
 	children,
 	renderedHtml,
@@ -47,5 +47,3 @@ const CoreDetails: CoreDetailsType = ( {
 		</details>
 	);
 };
-
-export default CoreDetails;

packages/blocks/src/blocks/core-file.tsx

@@ -19,7 +19,7 @@ const FALLBACK_ARIA_LABEL = 'PDF embed';
  *
  * @return The rendered block.
  */
-const CoreFile: CoreFileType = ( {
+export const CoreFile: CoreFileType = ( {
 	attributes,
 	renderedHtml,
 }: CoreFileProps ): ReactNode => {
@@ -90,5 +90,3 @@ const CoreFile: CoreFileType = ( {
 		</div>
 	);
 };
-
-export default CoreFile;

packages/blocks/src/blocks/core-freeform.tsx

@@ -13,7 +13,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreFreeform: CoreFreeformType = ( {
+export const CoreFreeform: CoreFreeformType = ( {
 	renderedHtml,
 }: CoreFreeformProps ): ReactNode => {
 	// @todo `attribues.content` is not populated in GraphQL. Using `renderedHtml` for now.
@@ -23,5 +23,3 @@ const CoreFreeform: CoreFreeformType = ( {
 
 	return <Parse html={ renderedHtml } />;
 };
-
-export default CoreFreeform;

packages/blocks/src/blocks/core-gallery.tsx

@@ -19,7 +19,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreGallery: CoreGalleryType = ( {
+export const CoreGallery: CoreGalleryType = ( {
 	attributes,
 	children,
 	renderedHtml,
@@ -50,5 +50,3 @@ const CoreGallery: CoreGalleryType = ( {
 		</figure>
 	);
 };
-
-export default CoreGallery;

packages/blocks/src/blocks/core-group.tsx

@@ -50,7 +50,7 @@ const Tag = ( {
  *
  * @return The rendered block.
  */
-const CoreGroup: CoreGroupType = ( {
+export const CoreGroup: CoreGroupType = ( {
 	attributes,
 	renderedHtml,
 	children,
@@ -79,5 +79,3 @@ const CoreGroup: CoreGroupType = ( {
 		</Tag>
 	);
 };
-
-export default CoreGroup;

packages/blocks/src/blocks/core-heading.tsx

@@ -14,7 +14,7 @@ import type { JSX, ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreHeading: CoreHeadingType = ( {
+export const CoreHeading: CoreHeadingType = ( {
 	attributes,
 }: CoreHeadingProps ): ReactNode => {
 	const { style, cssClassName, content, level } = attributes || {};
@@ -34,5 +34,3 @@ const CoreHeading: CoreHeadingType = ( {
 		</HeadingTag>
 	);
 };
-
-export default CoreHeading;

packages/blocks/src/blocks/core-html.tsx

@@ -10,7 +10,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreHtml: CoreHtmlType = ( {
+export const CoreHtml: CoreHtmlType = ( {
 	renderedHtml,
 }: CoreHtmlProps ): ReactNode => {
 	// @todo use attributes.content instead of renderedHtml once it's available
@@ -20,5 +20,3 @@ const CoreHtml: CoreHtmlType = ( {
 
 	return <Parse html={ renderedHtml } />;
 };
-
-export default CoreHtml;

packages/blocks/src/blocks/core-image.tsx

@@ -81,7 +81,7 @@ const Figure = ( {
  *
  * @return The rendered core image block or null if no URL is provided.
  */
-const CoreImage: CoreImageType = ( {
+export const CoreImage: CoreImageType = ( {
 	attributes,
 	connectedMediaItem,
 	mediaDetails,
@@ -340,5 +340,3 @@ const extractAriaAttributesForElement = (
 
 	return result;
 };
-
-export default CoreImage;

packages/blocks/src/blocks/core-list-item.tsx

@@ -20,7 +20,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreListItem: CoreListItemType = ( {
+export const CoreListItem: CoreListItemType = ( {
 	attributes,
 	renderedHtml,
 	children,
@@ -49,5 +49,3 @@ const CoreListItem: CoreListItemType = ( {
 		</li>
 	);
 };
-
-export default CoreListItem;

packages/blocks/src/blocks/core-list.tsx

@@ -11,7 +11,7 @@ import type { CSSProperties, ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreList: CoreListType = ( {
+export const CoreList: CoreListType = ( {
 	attributes,
 	children,
 }: CoreListProps ): ReactNode => {
@@ -40,5 +40,3 @@ const CoreList: CoreListType = ( {
 		</TagName>
 	);
 };
-
-export default CoreList;

packages/blocks/src/blocks/core-media-text.tsx

@@ -58,7 +58,7 @@ function imageFillStyles(
  *
  * @return Rendered component or null if no content
  */
-const CoreMediaText: CoreMediaTextType = ( {
+export const CoreMediaText: CoreMediaTextType = ( {
 	attributes = {},
 	children,
 	renderedHtml,
@@ -180,5 +180,3 @@ const CoreMediaText: CoreMediaTextType = ( {
 		</div>
 	);
 };
-
-export default CoreMediaText;

packages/blocks/src/blocks/core-paragraph.tsx

@@ -14,7 +14,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CoreParagraph: CoreParagraphType = ( {
+export const CoreParagraph: CoreParagraphType = ( {
 	attributes,
 }: CoreParagraphProps ): ReactNode => {
 	const {
@@ -60,5 +60,3 @@ const CoreParagraph: CoreParagraphType = ( {
 		</p>
 	);
 };
-
-export default CoreParagraph;

packages/blocks/src/blocks/core-pattern.tsx

@@ -12,11 +12,9 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CorePattern: CorePatternType = ( {
+export const CorePattern: CorePatternType = ( {
 	children,
 }: CorePatternProps ): ReactNode => {
 	// Patterns contain only children, so we just return them.
 	return <>{ children }</>;
 };
-
-export default CorePattern;

packages/blocks/src/blocks/core-post-content.tsx

@@ -14,7 +14,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CorePostContent: CorePostContentType = ( {
+export const CorePostContent: CorePostContentType = ( {
 	renderedHtml,
 	children,
 }: CorePostContentProps ): ReactNode => {
@@ -27,5 +27,3 @@ const CorePostContent: CorePostContentType = ( {
 	const classNames = cn( classNamesFromString );
 	return <div className={ classNames }>{ children }</div>;
 };
-
-export default CorePostContent;

packages/blocks/src/blocks/core-preformatted.tsx

@@ -19,7 +19,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CorePreformatted: CorePreformattedType = ( {
+export const CorePreformatted: CorePreformattedType = ( {
 	attributes,
 	renderedHtml,
 }: CorePreformattedProps ): ReactNode => {
@@ -45,5 +45,3 @@ const CorePreformatted: CorePreformattedType = ( {
 		</pre>
 	);
 };
-
-export default CorePreformatted;

packages/blocks/src/blocks/core-pullquote.tsx

@@ -19,7 +19,7 @@ import type { ReactNode } from 'react';
  *
  * @return The rendered block.
  */
-const CorePullquote: CorePullquoteType = ( {
+export const CorePullquote: CorePullquoteType = ( {
 	attributes,
 	renderedHtml,
 }: CorePullquoteProps ): ReactNode => {
@@ -57,5 +57,3 @@ const CorePullquote: CorePullquoteType = ( {
 		</figure>
 	);
 };
-
-export default CorePullquote;