@merkle-open/magnolia-headless-frontend-nextjs 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkle-open/magnolia-headless-frontend-nextjs",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Magnolia headless frontend nextJs",
   "license": "MIT",
   "author": "Merkle Inc.",

package/src/dynamic-page/AbstractDynamicErrorPage.tsx

@@ -10,6 +10,7 @@ import type { FrontendApiEndpointsProvider, HeadlessConfigProviderI } from '../c
 import { type StylesheetProviderI } from '../config/StylesheetProvider.ts';
 import { type ComponentMappingsProviderI } from '../config/ComponentMappingsProvider.ts';
 import { ThemeValidator } from '../helper/ThemeValidator.ts';
+import { EditablePage } from '../templates/pages/__magnolia-editable-page/EditablePage.tsx';
 
 export abstract class AbstractDynamicErrorPage extends AbstractDynamicPage {
 	private readonly frontendApisProvider: FrontendApiEndpointsProvider;
@@ -19,11 +20,12 @@ export abstract class AbstractDynamicErrorPage extends AbstractDynamicPage {
 		configProvider: HeadlessConfigProviderI,
 		StylesheetProviderI: StylesheetProviderI,
 		themeValidator: ThemeValidator,
+		editablePage: EditablePage,
 		private readonly restClient: RestClient,
 		private readonly staticErrorPage: StaticErrorPage,
 		protected readonly magnoliaContextProvider: MagnoliaContextProvider,
 	) {
-		super(componentMappingsProvider, StylesheetProviderI, themeValidator);
+		super(componentMappingsProvider, StylesheetProviderI, themeValidator, editablePage);
 		this.frontendApisProvider = configProvider.get().frontendApisProvider;
 	}
 

package/src/dynamic-page/AbstractDynamicPage.tsx

@@ -1,5 +1,5 @@
 import { ExtendedMagnoliaContext } from '../helper/MagnoliaContextProvider.ts';
-import { Content } from '../helper/MagnoliaPageRestClient.ts';
+import PageProps from '../templates/pages/BaseProps.ts';
 import { MgnlTemplateAnnotations } from '@magnolia/frontend-helpers-base';
 import React, { ReactNode } from 'react';
 import { MagnoliaConfig, RefService } from '@magnolia/react-editor';
@@ -13,9 +13,10 @@ export abstract class AbstractDynamicPage {
 		private readonly componentMappingsProvider: ComponentMappingsProviderI,
 		private readonly StylesheetProviderI: StylesheetProviderI,
 		private readonly themeValidator: ThemeValidator,
+		private readonly editablePage: EditablePage,
 	) {}
 
-	protected renderBase(magnoliaContext: ExtendedMagnoliaContext, content: Content, templateAnnotations: MgnlTemplateAnnotations): ReactNode {
+	protected renderBase(magnoliaContext: ExtendedMagnoliaContext, content: PageProps, templateAnnotations: MgnlTemplateAnnotations): ReactNode {
 		const config: MagnoliaConfig = {
 			componentMappings: this.componentMappingsProvider.getComponentMappings(),
 		};
@@ -29,12 +30,12 @@ export abstract class AbstractDynamicPage {
 				{this.getStylesheet(magnoliaContext, content).map((stylesheet) => (
 					<link rel="stylesheet" href={stylesheet} precedence="high" />
 				))}
-				<EditablePage content={content} config={config} templateAnnotations={templateAnnotations} magnoliaContext={magnoliaContext} />
+				{this.editablePage.render({ content, config, templateAnnotations, magnoliaContext })}
 			</div>
 		);
 	}
 
-	private getStylesheet(magnoliaContext: ExtendedMagnoliaContext, content: Content): string[] {
+	private getStylesheet(magnoliaContext: ExtendedMagnoliaContext, content: PageProps): string[] {
 		return this.StylesheetProviderI.get(magnoliaContext, this.themeValidator.getValidatedTheme(content.theme));
 	}
 }

package/src/dynamic-page/DynamicErrorPage.tsx

@@ -13,6 +13,7 @@ import { type ComponentMappingsProviderI } from '../config/ComponentMappingsProv
 import { StaticErrorPage } from '../templates/pages/_error-static/ErrorStatic.tsx';
 import { CombinedComponentMappingsProvider } from '../templates/ComponentMappingsProvider.ts';
 import { ThemeValidator } from '../helper/ThemeValidator.ts';
+import { EditablePage } from '../templates/pages/__magnolia-editable-page/EditablePage.tsx';
 
 @injectable()
 export class DynamicErrorPage extends AbstractDynamicErrorPage {
@@ -21,11 +22,12 @@ export class DynamicErrorPage extends AbstractDynamicErrorPage {
 		@inject(HEADLESS_CONFIG_PROVIDER_TOKEN) configProvider: HeadlessConfigProviderI,
 		@inject(STYLESHEET_PROVIDER_TOKEN) StylesheetProviderI: StylesheetProviderI,
 		@inject(ThemeValidator) themeValidator: ThemeValidator,
+		@inject(EditablePage) editablePage: EditablePage,
 		@inject(RestClient) restClient: RestClient,
 		@inject(StaticErrorPage) staticErrorPage: StaticErrorPage,
 		@inject(MagnoliaContextProvider) magnoliaContextProvider: MagnoliaContextProvider,
 	) {
-		super(componentMappingsProvider, configProvider, StylesheetProviderI, themeValidator, restClient, staticErrorPage, magnoliaContextProvider);
+		super(componentMappingsProvider, configProvider, StylesheetProviderI, themeValidator, editablePage, restClient, staticErrorPage, magnoliaContextProvider);
 	}
 
 	public render(errorType: ErrorType): ReactNode {

package/src/dynamic-page/DynamicErrorPageGlobal.tsx

@@ -14,6 +14,7 @@ import { type ComponentMappingsProviderI } from '../config/ComponentMappingsProv
 import { StaticErrorPage } from '../templates/pages/_error-static/ErrorStatic.tsx';
 import { CombinedComponentMappingsProvider } from '../templates/ComponentMappingsProvider.ts';
 import { ThemeValidator } from '../helper/ThemeValidator.ts';
+import { EditablePage } from '../templates/pages/__magnolia-editable-page/EditablePage.tsx';
 
 @injectable()
 export class DynamicErrorPageGlobal extends AbstractDynamicErrorPage {
@@ -22,12 +23,13 @@ export class DynamicErrorPageGlobal extends AbstractDynamicErrorPage {
 		@inject(HEADLESS_CONFIG_PROVIDER_TOKEN) configProvider: HeadlessConfigProviderI,
 		@inject(STYLESHEET_PROVIDER_TOKEN) StylesheetProviderI: StylesheetProviderI,
 		@inject(ThemeValidator) themeValidator: ThemeValidator,
+		@inject(EditablePage) editablePage: EditablePage,
 		@inject(RestClient) restClient: RestClient,
 		@inject(StaticErrorPage) staticErrorPage: StaticErrorPage,
 		@inject(MagnoliaContextProvider) magnoliaContextProvider: MagnoliaContextProvider,
 		@inject(DynamicPageLayout) private readonly dynamicPageLayout: DynamicPageLayout,
 	) {
-		super(componentMappingsProvider, configProvider, StylesheetProviderI, themeValidator, restClient, staticErrorPage, magnoliaContextProvider);
+		super(componentMappingsProvider, configProvider, StylesheetProviderI, themeValidator, editablePage, restClient, staticErrorPage, magnoliaContextProvider);
 	}
 
 	public render(errorType: ErrorType): ReactNode {

package/src/dynamic-page/DynamicPage.tsx

@@ -14,6 +14,7 @@ import { type StylesheetProviderI, STYLESHEET_PROVIDER_TOKEN } from '../config/S
 import { type ComponentMappingsProviderI } from '../config/ComponentMappingsProvider.ts';
 import { CombinedComponentMappingsProvider } from '../templates/ComponentMappingsProvider.ts';
 import { ThemeValidator } from '../helper/ThemeValidator.ts';
+import { EditablePage } from '../templates/pages/__magnolia-editable-page/EditablePage.tsx';
 
 @injectable()
 export class DynamicPage extends AbstractDynamicPage {
@@ -21,12 +22,13 @@ export class DynamicPage extends AbstractDynamicPage {
 		@inject(CombinedComponentMappingsProvider) componentMappingsProvider: ComponentMappingsProviderI,
 		@inject(STYLESHEET_PROVIDER_TOKEN) StylesheetProviderI: StylesheetProviderI,
 		@inject(ThemeValidator) themeValidator: ThemeValidator,
+		@inject(EditablePage) editablePage: EditablePage,
 		@inject(MagnoliaContextProvider) private readonly magnoliaContextProvider: MagnoliaContextProvider,
 		@inject(MagnoliaPageRestClient) private readonly magnoliaPageRestClient: MagnoliaPageRestClient,
 		@inject(MetadataProvider) private readonly metadataProvider: MetadataProvider,
 		@inject(UrlProvider) private readonly urlProvider: UrlProvider,
 	) {
-		super(componentMappingsProvider, StylesheetProviderI, themeValidator);
+		super(componentMappingsProvider, StylesheetProviderI, themeValidator, editablePage);
 	}
 
 	public async render(pageProps: PageProps): Promise<ReactNode> {

package/src/helper/MagnoliaPageRestClient.ts

@@ -1,16 +1,10 @@
-import { IMagnoliaContext, MgnlContent, MgnlTemplateAnnotations } from '@magnolia/frontend-helpers-base';
+import { IMagnoliaContext, MgnlTemplateAnnotations } from '@magnolia/frontend-helpers-base';
 import { RestClient } from './RestClient.ts';
 import { MagnoliaContextProvider } from './MagnoliaContextProvider.ts';
-import MetaProps from './MetaProps.ts';
+import PageProps from '../templates/pages/BaseProps.ts';
 import { inject, injectable } from 'tsyringe';
 import { type HeadlessConfigProviderI, MagnoliaApiEndpointsProvider, HEADLESS_CONFIG_PROVIDER_TOKEN } from '../config/ConfigProvider.ts';
 
-export interface Content extends MgnlContent {
-	cspHeader?: string;
-	meta: MetaProps;
-	theme?: string;
-}
-
 export enum ErrorType {
 	PAGE_NOT_FOUND = '404',
 	INTERNAL_SERVER_ERROR = '500',
@@ -28,7 +22,7 @@ export class MagnoliaPageRestClient {
 		this.apisProvider = configProvider.get().magnoliaApisProvider;
 	}
 
-	public async getErrorPageContent(url: URL, errorType: ErrorType): Promise<Content> {
+	public async getErrorPageContent(url: URL, errorType: ErrorType): Promise<PageProps> {
 		const magnoliaContext = this.magnoliaContextProvider.getMagnoliaContext(url);
 		const queryParams = new URLSearchParams();
 		queryParams.set('errorCode', errorType.toString());
@@ -37,7 +31,7 @@ export class MagnoliaPageRestClient {
 		return this.restClient.fetchMagnoliaBasicAuth(errorPagesApiUrl).then((response) => this.restClient.getJson(errorPagesApiUrl, response));
 	}
 
-	public async getPageContent(url: URL): Promise<Content> {
+	public async getPageContent(url: URL): Promise<PageProps> {
 		const magnoliaContext = this.magnoliaContextProvider.getMagnoliaContext(url);
 		const queryParams = new URLSearchParams(magnoliaContext.searchParams);
 		queryParams.delete('jwt');

package/src/helper/MetadataProvider.ts

@@ -2,7 +2,7 @@
 import type { OpenGraph } from 'next/dist/lib/metadata/types/opengraph-types';
 // @ts-expect-error: Next.js missing exports prevents ESM resolution with 'nodenext'.
 import type { Twitter } from 'next/dist/lib/metadata/types/twitter-types';
-import MetaProps, { OpenGraph as HeadlessOpenGraph } from './MetaProps.ts';
+import { MetaProps, OpenGraph as HeadlessOpenGraph } from '../templates/pages/BaseProps.ts';
 import { Metadata } from 'next';
 import { injectable } from 'tsyringe';
 

package/src/helper/_Index.ts

@@ -5,5 +5,4 @@ export * from './BrowserLanguageProvider.ts';
 export * from './Logger.ts';
 export * from './RestClient.ts';
 export * from './MetadataProvider.ts';
-export * from './MetaProps.ts';
 export * from './ThemeValidator.ts';

package/src/templates/_Dependencies.ts

@@ -2,8 +2,10 @@ import { DependencyContainer } from 'tsyringe';
 
 import { CombinedComponentMappingsProvider } from './ComponentMappingsProvider.ts';
 import { StaticErrorPage } from './pages/_error-static/ErrorStatic.tsx';
+import { EditablePage } from './pages/__magnolia-editable-page/EditablePage.tsx';
 
 export default function register(container: DependencyContainer) {
 	container.register(CombinedComponentMappingsProvider, { useClass: CombinedComponentMappingsProvider });
 	container.register(StaticErrorPage, { useClass: StaticErrorPage });
+	container.register(EditablePage, { useClass: EditablePage });
 }

package/src/templates/_Index.ts

@@ -1,7 +1,12 @@
 export * from './ComponentMappingsProvider.ts';
 export type { default as PageBaseProps } from './pages/BaseProps.ts';
+export * from './pages/__magnolia-editable-page/EditablePage.tsx';
+export type { default as EditablePageProps } from './pages/__magnolia-editable-page/EditablePageProps.ts';
 export type { default as AreaBaseProps } from './areas/BaseProps.ts';
 export * from './areas/__magnolia-editable-area/EditableArea.tsx';
+export type { default as EditableAreaProps } from './areas/__magnolia-editable-area/EditableAreaProps.ts';
 export type { default as ComponentBaseProps } from './components/BaseProps.ts';
+export * from './components/__magnolia-editable-component/EditableComponent.tsx';
+export type { default as EditableComponentProps } from './components/__magnolia-editable-component/EditableComponentProps.ts';
 export * from './pages/_error-static/ErrorStatic.tsx';
 export type { default as StaticErrorPageProps } from './pages/_error-static/ErrorStaticProps.ts';

package/src/templates/areas/BaseProps.ts

@@ -1,5 +1,3 @@
-type AreaItems = any;
-export default interface Props extends AreaItems {
-	'@name': string;
-	'@nodes': string[];
-}
+import { MgnlContent } from '@magnolia/frontend-helpers-base';
+
+export default interface Props extends MgnlContent {}

package/src/templates/areas/__magnolia-editable-area/EditableArea.tsx

@@ -1,27 +1,50 @@
-import { EditableArea as MagnoliaEditableArea } from '@magnolia/react-editor';
-import React, { ReactNode } from 'react';
+import { EditableArea as MagnoliaEditableArea, RefService } from '@magnolia/react-editor';
+import React, { ReactElement, ReactNode } from 'react';
 import EditableAreaProps from './EditableAreaProps.ts';
-import { ContentRendererService, MgnlContent } from '@magnolia/frontend-helpers-base';
+import { ContentRendererService, IMagnoliaContext, MgnlContent } from '@magnolia/frontend-helpers-base';
 import { EditableComponent } from '../../components/__magnolia-editable-component/EditableComponent.tsx';
 
-export function EditableArea(props: EditableAreaProps): ReactNode {
-	const { content, additionalContent, additionalComponentContent } = props;
-	const componentNodeMapping = content['@nodes'].map((nodeName: any) => [nodeName, merge(content[nodeName], additionalComponentContent)]);
-	const mergedContent = merge(merge(content, new Map(componentNodeMapping)), additionalContent);
+export class EditableAreaClass {
+	constructor(private readonly editableComponent: EditableComponent) {}
+
+	public render(props: EditableAreaProps): ReactNode {
+		const { content, additionalContent, additionalComponentContent } = props;
+		const mergedContent = this.merge(content, additionalContent);
+		const mergedComponentContents: MgnlContent[] = content?.['@nodes']?.map((nodeName: string): MgnlContent => this.merge(content[nodeName], additionalComponentContent)) || [];
+		const children: ReactElement[] = mergedComponentContents?.map((content: MgnlContent, index: number): ReactElement => this.renderComponent(content, index) as ReactElement);
+
+		return (
+			this.shouldRender(children.length > 0, props.renderEmpty) && (
+				<MagnoliaEditableArea {...props} content={mergedContent}>
+					{children}
+				</MagnoliaEditableArea>
+			)
+		);
+	}
 
-	const componentContents: MgnlContent[] = content?.['@nodes']?.map((nodeName: string) => content[nodeName] as MgnlContent) || [];
-	const children = componentContents?.map((item, index) => <EditableComponent key={ContentRendererService.buildKey(item)} content={item} index={index} />);
+	protected renderComponent(content: any, index: number): ReactNode {
+		return this.editableComponent.render({ key: ContentRendererService.buildKey(content), content: content, index: index });
+	}
 
-	return (
-		<MagnoliaEditableArea {...props} content={mergedContent}>
-			{children}
-		</MagnoliaEditableArea>
-	);
+	protected merge(...content: any[]): any {
+		return content.reduce((previousValue: any, currentValue: any): any => {
+			return {
+				...previousValue,
+				...currentValue,
+			};
+		});
+	}
+
+	protected shouldRender(hasChildren: boolean, renderEmpty?: boolean): boolean {
+		if (renderEmpty) {
+			return true;
+		}
+		const magnoliaContext = RefService.getMagnoliaContextRef<IMagnoliaContext>();
+		const isEditMode = magnoliaContext?.isMagnoliaEdit;
+		return isEditMode || hasChildren;
+	}
 }
 
-function merge(first: any, second: any): any {
-	return {
-		...first,
-		...second,
-	};
+export function EditableArea(props: EditableAreaProps): ReactNode {
+	return new EditableAreaClass(new EditableComponent()).render(props);
 }

package/src/templates/areas/__magnolia-editable-area/EditableAreaProps.ts

@@ -1,7 +1,8 @@
 import { ReactComponentLike, ReactNodeLike } from 'prop-types';
+import AreaProps from '../BaseProps.ts';
 
 export default interface EditableAreaProps {
-	content: any;
+	content: AreaProps;
 	parentTemplateId?: string;
 	className?: any;
 	elementType?: any;
@@ -9,4 +10,5 @@ export default interface EditableAreaProps {
 	children?: ReactNodeLike;
 	additionalContent?: any;
 	additionalComponentContent?: any;
+	renderEmpty?: boolean;
 }

package/src/templates/components/BaseProps.ts

@@ -1,3 +1,3 @@
-export default interface Props {
-	'mgnl:template': string;
-}
+import { MgnlContent } from '@magnolia/frontend-helpers-base';
+
+export default interface Props extends MgnlContent {}

package/src/templates/components/__magnolia-editable-component/EditableComponent.tsx

@@ -1,23 +1,28 @@
 import { EditableComponent as MagnoliaEditableComponent, RefService } from '@magnolia/react-editor';
 import React, { ReactNode } from 'react';
 import EditableComponentProps from './EditableComponentProps.ts';
-import { IMagnoliaContext } from '@magnolia/frontend-helpers-base';
+import { IMagnoliaContext, MgnlContent } from '@magnolia/frontend-helpers-base';
 import ErrorBoundary from '../../elements/_error/ErrorBoundary.tsx';
 
-export function EditableComponent(props: EditableComponentProps): ReactNode {
-	const { content, additionalContent } = props;
-	const magnoliaContext = RefService.getMagnoliaContextRef<IMagnoliaContext>();
+export class EditableComponent {
+	public render(props: EditableComponentProps): ReactNode {
+		const { content, additionalContent } = props;
+		const magnoliaContext: IMagnoliaContext = RefService.getMagnoliaContextRef<IMagnoliaContext>();
+		const mergedContent: MgnlContent = this.merge(content, additionalContent);
 
-	return (
-		<ErrorBoundary isEditMode={magnoliaContext.isMagnoliaEdit} throwNotEditMode={false} path={content!['@path']}>
-			<MagnoliaEditableComponent {...props} content={merge(content, additionalContent)} />
-		</ErrorBoundary>
-	);
-}
+		return (
+			<ErrorBoundary isEditMode={magnoliaContext.isMagnoliaEdit} throwNotEditMode={false} path={content!['@path']}>
+				<MagnoliaEditableComponent {...props} content={mergedContent} />
+			</ErrorBoundary>
+		);
+	}
 
-function merge(first: any, second: any): any {
-	return {
-		...first,
-		...second,
-	};
+	protected merge(...content: any[]): any {
+		return content.reduce((previousValue: any, currentValue: any): any => {
+			return {
+				...previousValue,
+				...currentValue,
+			};
+		});
+	}
 }

package/src/templates/components/__magnolia-editable-component/EditableComponentProps.ts

@@ -1,5 +1,8 @@
+import ComponentProps from '../BaseProps.ts';
+
 export default interface EditableComponentProps {
-	content: any;
+	key: string;
+	content: ComponentProps;
 	additionalContent?: any;
 	index: number;
 }

package/src/templates/elements/_error/ErrorBoundary.tsx

@@ -1,10 +1,10 @@
 'use client';
 
-import React, { ReactNode } from 'react';
-import Error from './ErrorElement.tsx';
+import React, { ReactNode, Suspense } from 'react';
+import ErrorElement from './ErrorElement.tsx';
 
 interface ErrorState {
-	error: Error;
+	error: Error | null;
 }
 
 interface ErrorProps {
@@ -26,8 +26,8 @@ export default class ErrorBoundary extends React.Component<ErrorProps, ErrorStat
 
 	render() {
 		if (this.state.error) {
-			return <Error editMode={this.props.isEditMode} throwNotEditMode={this.props.throwNotEditMode} path={this.props.path} msg={this.state.error.message} />;
+			return <ErrorElement editMode={this.props.isEditMode} throwNotEditMode={this.props.throwNotEditMode} path={this.props.path} msg={this.state.error.message} />;
 		}
-		return this.props.children;
+		return <Suspense fallback={null}>{this.props.children}</Suspense>;
 	}
 }

package/src/templates/pages/BaseProps.ts

@@ -1,4 +1,29 @@
-export default interface Props {
-	'mgnl:template': string;
-	theme: string;
+import { MgnlContent } from '@magnolia/frontend-helpers-base';
+
+export interface HrefLangLink {
+	language: string;
+	href: string;
+}
+
+export interface OpenGraph {
+	siteName?: string;
+	title: string;
+	description: string;
+	url: string;
+	image?: string;
+}
+
+export interface MetaProps {
+	seoTitle: string;
+	description: string;
+	keywords: string[];
+	robots?: string;
+	canonical: string;
+	openGraph: OpenGraph;
+	hrefLangLinks: HrefLangLink[];
+}
+
+export default interface Props extends MgnlContent {
+	meta: MetaProps;
+	theme?: string;
 }

package/src/templates/pages/__magnolia-editable-page/EditablePage.tsx

@@ -3,14 +3,18 @@ import React, { ReactNode } from 'react';
 import EditablePageProps from './EditablePageProps.ts';
 import { IMagnoliaContext } from '@magnolia/frontend-helpers-base';
 import ErrorBoundary from '../../elements/_error/ErrorBoundary.tsx';
+import { injectable } from 'tsyringe';
 
-export function EditablePage(props: EditablePageProps): ReactNode {
-	const { content } = props;
-	const magnoliaContext = RefService.getMagnoliaContextRef<IMagnoliaContext>();
+@injectable()
+export class EditablePage {
+	public render(props: EditablePageProps): ReactNode {
+		const { content } = props;
+		const magnoliaContext: IMagnoliaContext = RefService.getMagnoliaContextRef<IMagnoliaContext>();
 
-	return (
-		<ErrorBoundary isEditMode={magnoliaContext.isMagnoliaEdit} throwNotEditMode={true} path={content!['@path']}>
-			<MagnoliaEditablePage {...props} />
-		</ErrorBoundary>
-	);
+		return (
+			<ErrorBoundary isEditMode={magnoliaContext.isMagnoliaEdit} throwNotEditMode={true} path={content!['@path']}>
+				<MagnoliaEditablePage {...props} />
+			</ErrorBoundary>
+		);
+	}
 }

package/src/templates/pages/__magnolia-editable-page/EditablePageProps.ts

@@ -1,10 +1,11 @@
-import { IMagnoliaContext, MgnlContent, MgnlTemplateAnnotations } from '@magnolia/frontend-helpers-base';
+import { IMagnoliaContext, MgnlTemplateAnnotations } from '@magnolia/frontend-helpers-base';
 import { MagnoliaConfig } from '@magnolia/react-editor';
 import React from 'react';
+import PageProps from '../BaseProps.ts';
 
 export default interface EditablePageProps {
 	children?: React.ReactElement | React.ReactElement[] | null;
-	content: MgnlContent;
+	content: PageProps;
 	templateAnnotations: MgnlTemplateAnnotations;
 	config: MagnoliaConfig;
 	magnoliaContext: IMagnoliaContext;

package/src/helper/MetaProps.ts

@@ -1,23 +0,0 @@
-export interface HrefLangLink {
-	language: string;
-	href: string;
-}
-
-export interface OpenGraph {
-	siteName?: string;
-	title: string;
-	description: string;
-	url: string;
-	image?: string;
-}
-
-export default interface MetaProps {
-	seoTitle: string;
-	description: string;
-	keywords: string[];
-	robots?: string;
-	canonical: string;
-	openGraph: OpenGraph;
-	hrefLangLinks: HrefLangLink[];
-	theme: string;
-}