create-nextblock 0.2.44 → 0.2.45

package/package.json

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

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.22",
+  "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",