create-nextblock 0.2.43 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextblock",
-  "version": "0.2.43",
+  "version": "0.2.45",
   "description": "",
   "main": "index.js",
   "bin": {

package/templates/nextblock-template/app/[slug]/page.tsx

@@ -6,7 +6,6 @@ import type { Metadata } from 'next';
 import PageClientContent from "./PageClientContent";
 import { getPageDataBySlug } from "./page.utils";
 import BlockRenderer from "../../components/BlockRenderer";
-import type { HeroBlockContent } from '../../lib/blocks/blockRegistry';
 import { cookies, headers } from "next/headers";
 
 export const dynamicParams = true;
@@ -147,31 +146,13 @@ export default async function DynamicPage({ params: paramsPromise }: PageProps)
     }
   }
 
-  let lcpImageUrl: string | null = null;
-  const r2BaseUrl = process.env.NEXT_PUBLIC_R2_BASE_URL || "";
-
-  if (pageData && pageData.blocks && r2BaseUrl) {
-    const heroBlock = pageData.blocks.find(block => block.block_type === 'hero');
-    if (heroBlock) {
-      const heroContent = heroBlock.content as unknown as HeroBlockContent;
-      if (
-        heroContent.background &&
-        heroContent.background.type === "image" &&
-        heroContent.background.image &&
-        heroContent.background.image.object_key
-      ) {
-        lcpImageUrl = `${r2BaseUrl}/${heroContent.background.image.object_key}`;
-      }
-    }
-  }
+
 
   const pageBlocks = pageData ? <BlockRenderer blocks={pageData.blocks} languageId={pageData.language_id} /> : null;
 
   return (
     <>
-      {lcpImageUrl && (
-        <link rel="preload" as="image" href={lcpImageUrl} />
-      )}
+
       <PageClientContent initialPageData={pageData} currentSlug={params.slug} translatedSlugs={translatedSlugs}>
         {pageBlocks}
       </PageClientContent>

package/templates/nextblock-template/app/providers.tsx

@@ -32,6 +32,7 @@ export function Providers({ children, ...props }: { children: React.ReactNode;[k
               enableSystem
               disableTransitionOnChange
               nonce={nonce}
+              themes={['light', 'dark', 'vibrant']}
             >
               {children}
             </ThemeProvider>

package/templates/nextblock-template/components/blocks/renderers/ClientTextBlockRenderer.tsx

@@ -16,6 +16,11 @@ const ClientTextBlockRenderer: React.FC<ClientTextBlockRendererProps> = ({ conte
   const options: HTMLReactParserOptions = {
     replace: (domNode) => {
       if (domNode instanceof Element && domNode.attribs) {
+        if (domNode.attribs['fetchpriority']) {
+          domNode.attribs['fetchPriority'] = domNode.attribs['fetchpriority'];
+          delete domNode.attribs['fetchpriority'];
+        }
+
         if (domNode.attribs['data-alert-widget'] !== undefined) {
           const {
             'data-type': type,

package/templates/nextblock-template/components/theme-switcher.tsx

@@ -8,13 +8,15 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuTrigger,
 } from "@nextblock-cms/ui";
-import { Laptop, Moon, Sun } from "lucide-react";
+import { Laptop, Moon, Sun, Zap } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
+import { useTranslations } from "@nextblock-cms/utils";
 
 const ThemeSwitcher = () => {
   const [mounted, setMounted] = useState(false);
   const { theme, setTheme } = useTheme();
+  const { t } = useTranslations();
 
   // useEffect only runs on the client, so now we can safely show the UI
   useEffect(() => {
@@ -30,7 +32,7 @@ const ThemeSwitcher = () => {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="ghost" size={"sm"} aria-label="Theme Switcher">
+        <Button variant="ghost" size={"sm"} aria-label={t('theme_switcher')}>
           {theme === "light" ? (
             <Sun
               key="light"
@@ -43,6 +45,12 @@ const ThemeSwitcher = () => {
               size={ICON_SIZE}
               className={"text-muted-foreground"}
             />
+          ) : theme === "vibrant" ? (
+            <Zap
+              key="vibrant"
+              size={ICON_SIZE}
+              className={"text-muted-foreground"}
+            />
           ) : (
             <Laptop
               key="system"
@@ -59,15 +67,19 @@ const ThemeSwitcher = () => {
         >
           <DropdownMenuRadioItem className="flex gap-2" value="light">
             <Sun size={ICON_SIZE} className="text-muted-foreground" />{" "}
-            <span>Light</span>
+            <span>{t('theme_light')}</span>
           </DropdownMenuRadioItem>
           <DropdownMenuRadioItem className="flex gap-2" value="dark">
             <Moon size={ICON_SIZE} className="text-muted-foreground" />{" "}
-            <span>Dark</span>
+            <span>{t('theme_dark')}</span>
+          </DropdownMenuRadioItem>
+          <DropdownMenuRadioItem className="flex gap-2" value="vibrant">
+            <Zap size={ICON_SIZE} className="text-muted-foreground" />{" "}
+            <span>{t('theme_vibrant')}</span>
           </DropdownMenuRadioItem>
           <DropdownMenuRadioItem className="flex gap-2" value="system">
             <Laptop size={ICON_SIZE} className="text-muted-foreground" />{" "}
-            <span>System</span>
+            <span>{t('theme_system')}</span>
           </DropdownMenuRadioItem>
         </DropdownMenuRadioGroup>
       </DropdownMenuContent>

package/templates/nextblock-template/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/nextblock-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/template",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "private": true,
   "scripts": {
     "dev": "next dev",

package/templates/nextblock-template/tailwind.config.js

@@ -3,19 +3,17 @@ const { join } = require('path');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [require('../../tailwind.config.js')],
+  presets: [require('../../libs/ui/tailwind.config.js')],
   content: (() => {
     const projectGlobs = [
       join(
         __dirname,
-        '{src,pages,components,app,lib}/**/*!(*.stories|*.spec).{ts,tsx,js,jsx,md,mdx,html}'
+        '{src,pages,components,app,lib}/**/*!(*.stories|*.spec).{ts,tsx,js,jsx,md,mdx,html}',
       ),
     ];
     const libsDir = join(__dirname, '../../libs');
     if (existsSync(libsDir)) {
-      projectGlobs.push(
-        join(libsDir, '**/*.{ts,tsx,js,jsx,md,mdx,html,sql}')
-      );
+      projectGlobs.push(join(libsDir, '**/*.{ts,tsx,js,jsx,md,mdx,html,sql}'));
     }
     return projectGlobs;
   })(),

package/templates/nextblock-template/tsconfig.json

@@ -38,7 +38,7 @@
     "next-env.d.ts",
     ".next/types/**/*.ts",
     "../../dist/apps/nextblock/.next/types/**/*.ts",
-    "../../tailwind.config.js"
+    "../../libs/ui/tailwind.config.js"
   ],
   "exclude": [
     "node_modules",