chore: enable tsconfig verbatimModuleSyntax and fix type imports

config/tsconfig.base.json

@@ -31,7 +31,7 @@
 		"esModuleInterop": true,
 		"forceConsistentCasingInFileNames": true,
 		"isolatedModules": true,
-		"verbatimModuleSyntax": false, // @todo Enable this.
+		"verbatimModuleSyntax": true,
 
 		// Language and Environment
 		"jsx": "react",

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

@@ -1,4 +1,4 @@
-import React, { type ComponentProps, PropsWithChildren } from 'react';
+import React, { type ComponentProps, type PropsWithChildren } from 'react';
 import {
 	type BlockData,
 	cn,

packages/core/src/config/snapwp-config-manager.ts

@@ -1,7 +1,7 @@
 'use snapWPConfig';
 import { isValidUrl, generateGraphqlUrl } from '@/utils';
 import { Logger } from '@/logger';
-import { BlockDefinitions } from '@/props';
+import type { BlockDefinitions } from '@/props';
 
 export interface SnapWPEnv {
 	/**

packages/core/src/config/tests/snapwp-config-manager.test.ts

@@ -4,7 +4,7 @@ import {
 	getConfig,
 	setConfig,
 	getGraphqlUrl,
-	SnapWPEnv,
+	type SnapWPEnv,
 } from '@/config/snapwp-config-manager';
 const SnapWPConfigManager = _private.SnapWPConfigManager!;
 

packages/next/src/components/image.tsx

@@ -1,9 +1,9 @@
 import React, {
-	CSSProperties,
-	ImgHTMLAttributes,
-	PropsWithoutRef,
+	type CSSProperties,
+	type ImgHTMLAttributes,
+	type PropsWithoutRef,
 } from 'react';
-import NextImage, { ImageProps } from 'next/image';
+import NextImage, { type ImageProps } from 'next/image';
 import { cn } from '@snapwp/core';
 import { getConfig } from '@snapwp/core/config';
 

packages/next/src/components/link.tsx

@@ -1,11 +1,11 @@
 import React, {
-	AnchorHTMLAttributes,
-	CSSProperties,
-	PropsWithChildren,
+	type AnchorHTMLAttributes,
+	type CSSProperties,
+	type PropsWithChildren,
 } from 'react';
 import { replaceHostUrl } from '@snapwp/core';
 import { getConfig } from '@snapwp/core/config';
-import NextLink, { LinkProps } from 'next/link';
+import NextLink, { type LinkProps } from 'next/link';
 
 interface LinkInterface {
 	href: string;

packages/next/src/middleware/cors.ts

@@ -1,7 +1,11 @@
-import { NextResponse } from 'next/server';
-import type { NextFetchEvent, NextMiddleware, NextRequest } from 'next/server';
+import {
+	NextResponse,
+	type NextFetchEvent,
+	type NextMiddleware,
+	type NextRequest,
+} from 'next/server';
 import { getConfig } from '@snapwp/core/config';
-import { MiddlewareFactory } from './utils';
+import type { MiddlewareFactory } from './utils';
 
 /**
  * Facilitates proxying resources from WP resources. Any request with `corsProxyPrefix`

packages/next/src/middleware/current-path.ts

@@ -1,5 +1,5 @@
-import { type NextRequest, NextFetchEvent, NextMiddleware } from 'next/server';
-import { MiddlewareFactory } from './utils';
+import type { NextFetchEvent, NextRequest, NextMiddleware } from 'next/server';
+import type { MiddlewareFactory } from './utils';
 
 /**
  * Middleware function for Next.js

packages/next/src/middleware/proxies.ts

@@ -1,12 +1,12 @@
 import {
-	type NextRequest,
-	NextMiddleware,
-	NextFetchEvent,
 	NextResponse,
+	type NextRequest,
+	type NextMiddleware,
+	type NextFetchEvent,
 } from 'next/server';
-import { MiddlewareFactory } from './utils';
 import { getConfig } from '@snapwp/core/config';
 import { addTrailingSlash } from '@snapwp/core';
+import type { MiddlewareFactory } from './utils';
 
 /**
  * Middleware function for Next.js

packages/next/src/middleware/utils.ts

@@ -1,4 +1,4 @@
-import { NextMiddleware, NextResponse } from 'next/server';
+import { NextResponse, type NextMiddleware } from 'next/server';
 import { proxies } from './proxies';
 import { currentPath as cm } from './current-path';
 import { corsProxyMiddleware } from './cors';

packages/next/src/root-layout/index.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { QueryEngine } from '@snapwp/query';
 import { GlobalHead } from './global-head';
 
@@ -25,7 +25,7 @@ export async function RootLayout( {
 			<head>
 				<GlobalHead { ...globalHeadProps } />
 			</head>
-			{ /* suppressHydrationWarning is addes to suppress warnings when classes for body are updated on the client */ }
+			{ /* suppressHydrationWarning is added to suppress warnings when classes for body are updated on the client */ }
 			<body suppressHydrationWarning={ true }>{ children }</body>
 		</html>
 	);

packages/query/src/query-engine/index.ts

@@ -1,16 +1,16 @@
 import { getGraphqlUrl, getConfig } from '@snapwp/core/config';
-import { TemplateData, GlobalHeadProps } from '@snapwp/core';
 import {
 	GetCurrentTemplateDocument,
 	GetGlobalStylesDocument,
 } from '@graphqlTypes/graphql';
 import {
 	ApolloClient,
 	InMemoryCache,
-	NormalizedCacheObject,
+	type NormalizedCacheObject,
 } from '@apollo/client';
 import parseTemplate from '@/utils/parse-template';
 import parseGlobalStyles from '@/utils/parse-global-styles';
+import type { TemplateData, GlobalHeadProps } from '@snapwp/core';
 
 /**
  * Singleton class to handle GraphQL queries using Apollo.

packages/query/src/utils/parse-global-styles.ts

@@ -1,10 +1,10 @@
-import { ApolloQueryResult } from '@apollo/client';
-import { GetGlobalStylesQuery } from '@graphqlTypes/graphql';
 import {
-	type GlobalHeadProps,
 	GlobalStylesParseError,
 	Logger,
+	type GlobalHeadProps,
 } from '@snapwp/core';
+import type { ApolloQueryResult } from '@apollo/client';
+import type { GetGlobalStylesQuery } from '@graphqlTypes/graphql';
 
 /**
  * Parses template query data into props for rendering a template.

packages/query/src/utils/parse-template.ts

@@ -1,14 +1,14 @@
-import { ApolloQueryResult } from '@apollo/client';
-import { GetCurrentTemplateQuery } from '@graphqlTypes/graphql';
 import {
-	BlockData,
 	Logger,
+	TemplateParseError,
+	type BlockData,
 	type EnqueuedScriptProps,
-	type StyleSheetProps,
 	type ScriptModuleProps,
-	TemplateData,
-	TemplateParseError,
+	type StyleSheetProps,
+	type TemplateData,
 } from '@snapwp/core';
+import type { ApolloQueryResult } from '@apollo/client';
+import type { GetCurrentTemplateQuery } from '@graphqlTypes/graphql';
 
 /**
  * Parses template query data into props for rendering a template.