@majordigital/create-acorn 1.2.1 → 1.3.1

package/storyblok/storyblok-api/src/lib/storyblok/seoMetadata.ts

@@ -0,0 +1,124 @@
+import type { Metadata } from 'next';
+
+import { siteConfig } from '@/lib/config';
+
+interface StoryblokSeoComponent {
+	title: string;
+	description: string;
+	og_title: string;
+	og_description: string;
+	og_image: string;
+	twitter_title: string;
+	twitter_description: string;
+	twitter_image: string;
+	no_index?: boolean;
+	no_follow?: boolean;
+}
+
+interface StoryblokSeoFallback {
+	title?: string;
+	description?: string;
+}
+
+interface Config {
+	slug?: string;
+	twitterCreator?: string;
+	googleVerificationId?: string;
+	siteName?: string;
+	fallback?: StoryblokSeoFallback;
+}
+
+export const getStoryblokSeoData = (
+	data: StoryblokSeoComponent | null,
+	config: Config
+): Metadata => {
+	if (!config && !data) {
+		return {};
+	}
+
+	const { googleVerificationId, slug, twitterCreator, siteName, fallback } =
+		config || {};
+
+	const fallbackTitle = fallback?.title || '';
+	const fallbackDescription = fallback?.description || '';
+
+	const fallbackMetadata = {
+		metadataBase: new URL(
+			process.env.NEXT_PUBLIC_APP_URL || siteConfig.url
+		),
+		title: fallbackTitle,
+		description: fallbackDescription,
+		alternates: {
+			canonical: slug === 'home' ? '/' : slug,
+		},
+		openGraph: {
+			title: fallbackTitle,
+			description: fallbackDescription,
+			url: slug,
+			siteName,
+			type: 'website',
+		},
+		twitter: {
+			card: 'summary_large_image',
+			title: fallbackTitle,
+			description: fallbackDescription,
+			site: twitterCreator,
+			creator: twitterCreator,
+		},
+		...(googleVerificationId && {
+			verification: {
+				google: `google-site-verification=${googleVerificationId}`,
+			},
+		}),
+	};
+
+	if (!data) {
+		return fallbackMetadata;
+	}
+
+	const {
+		title,
+		description,
+		og_title,
+		og_description,
+		og_image,
+		twitter_title,
+		twitter_description,
+		twitter_image,
+	} = data;
+
+	const customMetaData = {
+		title: title || fallbackTitle,
+		description: description || fallbackDescription,
+		openGraph: {
+			title: og_title || title || fallbackTitle,
+			description: og_description || description || fallbackDescription,
+			url: slug,
+			siteName,
+			...(og_image && {
+				images: {
+					url: og_image,
+				},
+			}),
+			type: 'website',
+		},
+		twitter: {
+			card: 'summary_large_image',
+			title: twitter_title || og_title || title || fallbackTitle,
+			description:
+				twitter_description ||
+				og_description ||
+				description ||
+				fallbackDescription,
+			site: twitterCreator,
+			creator: twitterCreator,
+			...(twitter_image && {
+				images: {
+					url: twitter_image || og_image,
+				},
+			}),
+		},
+	};
+
+	return { ...fallbackMetadata, ...customMetaData };
+};

package/storyblok/storyblok-api/src/lib/storyblok/types.ts

@@ -0,0 +1,48 @@
+import type { ISbStoriesParams, ISbStoryData } from '@storyblok/react';
+
+import type { BreadcrumbItemProps } from './fetch/fetchBreadcrumbs';
+
+export interface Paths {
+	slug: string[];
+}
+
+export interface ICustomSbStoryData extends Omit<ISbStoryData, 'breadcrumbs'> {
+	breadcrumbs?: BreadcrumbItemProps[];
+}
+
+export interface ICustomSbStoriesParams extends ISbStoriesParams {
+	limit?: number;
+}
+
+export interface StoryblokLinkObject {
+	id: number;
+	uuid: string;
+	slug: string;
+	path: string;
+	parent_id: number;
+	name: string;
+	is_folder: boolean;
+	published: boolean;
+	is_startpage: boolean;
+	position: number;
+	real_path: string;
+	published_at?: string;
+	created_at?: string;
+	updated_at?: string;
+	alternates?: {
+		path: string;
+		name: string;
+		lang: string;
+		published: boolean;
+		translated_slug: string;
+	}[];
+}
+export interface StoryblokServiceDefaults {
+	draftMode?: boolean;
+}
+
+export interface StoryblokServiceStory extends StoryblokServiceDefaults {
+	slug: string;
+}
+
+export type DateFormat = 'monthDay' | 'monthYear' | 'dayMonthYear';

package/storyblok/storyblok-api/src/lib/storyblok/utils/previewTokenValidator.ts

@@ -0,0 +1,14 @@
+import crypto from 'node:crypto';
+
+export const verifyPreviewToken = (token: string, timestamp: string) => {
+	const validationString = `${process.env.STORYBLOK_SPACE_ID}:${process.env.STORYBLOK_PREVIEW_TOKEN}:${timestamp}`;
+	const validationToken = crypto
+		.createHash('sha1')
+		.update(validationString)
+		.digest('hex');
+
+	return (
+		token === validationToken &&
+		parseInt(timestamp, 10) > Math.floor(Date.now() / 1000) - 3600
+	);
+};

package/storyblok/storyblok-api/src/ui/FallbackComponent.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import { storyblokEditable } from '@storyblok/react';
+
+const StoryblokFallback = ({ blok }: { blok?: Record<string, any> }) => {
+	return (
+		blok && (
+			<div
+				className="my-4 rounded-lg border border-red-400 bg-red-50 p-4 text-red-700"
+				{...storyblokEditable(blok)}
+			>
+				<div className="font-semibold">
+					⚠️ Missing component: {blok.component}
+				</div>
+
+				<pre className="mt-2 max-h-36 overflow-x-auto rounded bg-red-100 p-2 font-mono text-red-900 text-xs">
+					{JSON.stringify(blok, null, 2)}
+				</pre>
+			</div>
+		)
+	);
+};
+
+export default StoryblokFallback;