@majordigital/create-acorn 1.3.4 → 1.3.6

package/bin/create-acorn.mjs

@@ -234,10 +234,8 @@ async function setupStoryblok(projectName) {
   // Install Storyblok dependencies
   console.log('Installing Storyblok dependencies...');
   await runCommand('npm', ['install', '--legacy-peer-deps',
-    '@storyblok/react', '@storyblok/js', 'storyblok-js-client'
-  ]);
-  await runCommand('npm', ['install', '--save-dev', '--legacy-peer-deps',
-    'storyblok', 'storyblok-generate-ts'
+    '@storyblok/react', '@storyblok/js', 'storyblok-js-client',
+    'storyblok', 'storyblok-generate-ts', 'storyblok-rich-text-react-renderer'
   ]);
   console.log('');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majordigital/create-acorn",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "Interactive scaffold for Acorn with Storyblok/Prismic/DatoCMS, TypeScript, and Tailwind.",
   "bin": {
     "create-acorn": "bin/create-acorn.mjs",

package/storyblok/storyblok-api/package.json

@@ -11,5 +11,6 @@
 		"storyblok": "^4.6.13",
 		"storyblok-generate-ts": "^2.2.0",
 		"storyblok-js-client": "^7.1.4",
+		"storyblok-rich-text-react-renderer": "^3.0.1"
 	}
 }

package/storyblok/storyblok-api/src/lib/storyblok/fetch/fetchIcons.ts

@@ -1,23 +1,19 @@
-import type { StoryblokStory } from 'storyblok-generate-ts';
-
-import { getStoryblokApi } from '@/lib/storyblok';
-import snapshot from '@/snapshot/icons.json';
-import type { PageIcon } from '@/types/components';
-
-import type { ICustomSbStoriesParams } from '../types';
+import type { PageStoryblok } from ".storyblok/types/338885/storyblok-components";
+import { getStoryblokApi } from "@/lib/storyblok";
+import snapshot from "@/snapshot/icons.json";
+import type { PageIcon } from "@/types/components";
+import type { ICustomSbStoriesParams, StoryblokServiceStory } from "../types";
 import {
 	DEFAULT_EXCLUDING_FIELDS,
 	DEFAULT_REVALIDATE,
 	MAX_STORIES_PER_PAGE,
-} from './config';
-
-import type { PageStoryblok } from '.storyblok/types/338885/storyblok-components';
+} from "./config";
 
 /**
  * Maps Storyblok icon stories to PageIcon objects for UI use.
  */
 export const mapIcons = (
-	icons: ReadonlyArray<StoryblokStory<PageStoryblok>>
+	icons: ReadonlyArray<StoryblokServiceStory<PageStoryblok>>,
 ): PageIcon[] => {
 	if (!icons || icons.length === 0) return [];
 
@@ -35,7 +31,7 @@ export const mapIcons = (
 				id: String(id),
 				url: filename,
 				url_small: filenameSmall,
-				alt: alt || title || '',
+				alt: alt || title || "",
 				slug,
 			};
 		})
@@ -47,14 +43,14 @@ export const mapIcons = (
  */
 export const fetchIcons = async (): Promise<PageIcon[]> => {
 	// 1) Production build → static snapshot (fast, zero API hits)
-	if (process.env.NODE_ENV === 'production') {
+	if (process.env.NODE_ENV === "production") {
 		return snapshot as PageIcon[];
 	}
 
 	// 2) Filter for icons that actually have an image set
-	const filter_query: NonNullable<ICustomSbStoriesParams['filter_query']> = {
-		hide_from_search: { in: 'false' },
-		'icon.filename': { is: 'not_empty' },
+	const filter_query: NonNullable<ICustomSbStoriesParams["filter_query"]> = {
+		hide_from_search: { in: "false" },
+		"icon.filename": { is: "not_empty" },
 	};
 
 	// 3) Build base params (published, with cv)
@@ -62,8 +58,8 @@ export const fetchIcons = async (): Promise<PageIcon[]> => {
 	const storyblokApi = getStoryblokApi();
 
 	const baseParams = {
-		version: 'published' as const,
-		content_type: 'page',
+		version: "published" as const,
+		content_type: "page",
 		filter_query,
 		excluding_fields: DEFAULT_EXCLUDING_FIELDS,
 		per_page,
@@ -71,7 +67,7 @@ export const fetchIcons = async (): Promise<PageIcon[]> => {
 
 	// 4) First page (direct API call)
 	const firstParams = { ...baseParams, page: 1 };
-	const first = await storyblokApi.get('cdn/stories', firstParams, {
+	const first = await storyblokApi.get("cdn/stories", firstParams, {
 		next: {
 			revalidate: DEFAULT_REVALIDATE,
 		},
@@ -88,21 +84,20 @@ export const fetchIcons = async (): Promise<PageIcon[]> => {
 			: await Promise.all(
 					Array.from({ length: maxPage - 1 }, (_, idx) => {
 						const pageParams = { ...baseParams, page: 2 + idx };
-						return storyblokApi.get('cdn/stories', pageParams, {
+						return storyblokApi.get("cdn/stories", pageParams, {
 							next: {
 								revalidate: DEFAULT_REVALIDATE,
 							},
 						});
-					})
+					}),
 				);
 
 	// 6) Combine and map to PageIcon[]
 	const allStoriesRaw = [
 		firstStories,
-		...rest.flatMap(r => r.data?.stories ?? []),
+		...rest.flatMap((r) => r.data?.stories ?? []),
 	];
-	const iconStories =
-		allStoriesRaw as unknown as StoryblokStory<PageStoryblok>[];
+	const iconStories = allStoriesRaw as unknown as StoryblokServiceStory<PageStoryblok>[];
 
 	return mapIcons(iconStories);
 };

package/template/tsconfig.json

@@ -44,7 +44,7 @@
 		},
 
 		// Next.js Project Configuration
-		"jsx": "preserve",
+		"jsx": "react-jsx",
 		"incremental": true,
 		"noEmit": true,
 		"outDir": "out",
@@ -64,6 +64,7 @@
 		"**/*.tsx",
 		".storybook/*.ts",
 		".next/types/**/*.ts",
+		".next/dev/types/**/*.ts",
 		"**/*.mts"
 	]
 }