create-nextblock 0.16.1 → 0.16.2

package/templates/nextblock-template/components/Header.tsx

@@ -1,10 +1,10 @@
 // components/Header.tsx
-import type { Database } from '@nextblock-cms/db';
-import HeaderAuth from './header-auth';
-import LanguageSwitcher from './LanguageSwitcher';
-import ResponsiveNav from './ResponsiveNav';
-import { CartIcon } from '@nextblock-cms/ecommerce/components/CartIcon';
-import { CurrencySwitcher } from '@nextblock-cms/ecommerce/components/CurrencySwitcher';
+import type { Database } from '@nextblock-cms/db';
+import HeaderAuth from './header-auth';
+import LanguageSwitcher from './LanguageSwitcher';
+import ResponsiveNav from './ResponsiveNav';
+import { CartIcon } from '@nextblock-cms/ecommerce/components/CartIcon';
+import { CurrencySwitcher } from '@nextblock-cms/ecommerce/components/CurrencySwitcher';
 
 type NavigationItem = Database['public']['Tables']['navigation_items']['Row'];
 type Logo =
@@ -12,39 +12,39 @@ type Logo =
     media: (Database['public']['Tables']['media']['Row'] & { alt_text: string | null }) | null;
   };
 
-interface HeaderProps {
-  navItems: NavigationItem[];
-  canAccessCms: boolean;
-  isDraftModeEnabled: boolean;
-  logo: Logo | null;
-  currentPageData?: { slug: string; translation_group_id: string | null };
-  siteTitle: string;
-  isEcommerceActive?: boolean;
-}
+interface HeaderProps {
+  navItems: NavigationItem[];
+  canAccessCms: boolean;
+  isDraftModeEnabled: boolean;
+  logo: Logo | null;
+  currentPageData?: { slug: string; translation_group_id: string | null };
+  siteTitle: string;
+  isEcommerceActive?: boolean;
+}
 
 export default function Header({
-  navItems,
-  canAccessCms,
-  isDraftModeEnabled,
-  logo,
-  currentPageData,
-  siteTitle,
-  isEcommerceActive = false,
-}: HeaderProps) {
+  navItems,
+  canAccessCms,
+  isDraftModeEnabled,
+  logo,
+  currentPageData,
+  siteTitle,
+  isEcommerceActive = false,
+}: HeaderProps) {
   return (
     <ResponsiveNav
-      homeLinkHref="/"
-      navItems={navItems}
-      canAccessCms={canAccessCms}
-      cmsDashboardLinkHref="/cms/dashboard"
-      isDraftModeEnabled={isDraftModeEnabled}
-      renderHeaderAuth={() => <HeaderAuth />}
-      renderLanguageSwitcher={() => <LanguageSwitcher currentPageData={currentPageData} />}
-      renderCurrencySwitcher={isEcommerceActive ? () => <CurrencySwitcher /> : undefined}
-      logo={logo}
-      siteTitle={siteTitle}
-      renderCartIcon={isEcommerceActive ? () => <CartIcon /> : undefined}
-      isEcommerceActive={isEcommerceActive}
-    />
-  );
-}
+      homeLinkHref="/"
+      navItems={navItems}
+      canAccessCms={canAccessCms}
+      cmsDashboardLinkHref="/cms/dashboard"
+      isDraftModeEnabled={isDraftModeEnabled}
+      renderHeaderAuth={() => <HeaderAuth />}
+      renderLanguageSwitcher={() => <LanguageSwitcher currentPageData={currentPageData} />}
+      renderCurrencySwitcher={isEcommerceActive ? () => <CurrencySwitcher /> : undefined}
+      logo={logo}
+      siteTitle={siteTitle}
+      renderCartIcon={isEcommerceActive ? () => <CartIcon /> : undefined}
+      isEcommerceActive={isEcommerceActive}
+    />
+  );
+}

package/templates/nextblock-template/components/HtmlScriptExecutor.tsx

@@ -1,47 +1,47 @@
-"use client";
-
-import React, { useEffect, useRef } from "react";
-
-interface HtmlScriptExecutorProps {
-  html: string; // should contain one or more <script> tags
-}
-
-// Executes inline scripts in a string by converting them to blob URLs
-// Requires CSP: script-src includes blob:
-export const HtmlScriptExecutor: React.FC<HtmlScriptExecutorProps> = ({ html }) => {
-  const ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const root = ref.current;
-    if (!root) return;
-    root.innerHTML = html;
-
-    const created: string[] = [];
-    const scripts = Array.from(root.querySelectorAll("script"));
-
-    scripts.forEach((old) => {
-      const s = document.createElement("script");
-      for (const attr of Array.from(old.attributes)) s.setAttribute(attr.name, attr.value);
-      if (old.src) {
-        s.src = old.src;
-      } else {
-        const blob = new Blob([old.textContent || ""], { type: old.type || "text/javascript" });
-        const url = URL.createObjectURL(blob);
-        s.src = url;
-        s.async = false;
-        created.push(url);
-      }
-      old.parentNode?.insertBefore(s, old);
-      old.remove();
-    });
-
-    return () => {
-      created.forEach((u) => { try { URL.revokeObjectURL(u); } catch (error) { console.error('Failed to revoke blob URL:', error); } });
-    };
-  }, [html]);
-
-  return <div ref={ref} style={{ display: 'none' }} />;
-};
-
-export default HtmlScriptExecutor;
-
+"use client";
+
+import React, { useEffect, useRef } from "react";
+
+interface HtmlScriptExecutorProps {
+  html: string; // should contain one or more <script> tags
+}
+
+// Executes inline scripts in a string by converting them to blob URLs
+// Requires CSP: script-src includes blob:
+export const HtmlScriptExecutor: React.FC<HtmlScriptExecutorProps> = ({ html }) => {
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const root = ref.current;
+    if (!root) return;
+    root.innerHTML = html;
+
+    const created: string[] = [];
+    const scripts = Array.from(root.querySelectorAll("script"));
+
+    scripts.forEach((old) => {
+      const s = document.createElement("script");
+      for (const attr of Array.from(old.attributes)) s.setAttribute(attr.name, attr.value);
+      if (old.src) {
+        s.src = old.src;
+      } else {
+        const blob = new Blob([old.textContent || ""], { type: old.type || "text/javascript" });
+        const url = URL.createObjectURL(blob);
+        s.src = url;
+        s.async = false;
+        created.push(url);
+      }
+      old.parentNode?.insertBefore(s, old);
+      old.remove();
+    });
+
+    return () => {
+      created.forEach((u) => { try { URL.revokeObjectURL(u); } catch (error) { console.error('Failed to revoke blob URL:', error); } });
+    };
+  }, [html]);
+
+  return <div ref={ref} style={{ display: 'none' }} />;
+};
+
+export default HtmlScriptExecutor;
+

package/templates/nextblock-template/components/LanguageSwitcher.tsx

@@ -1,8 +1,8 @@
 // components/LanguageSwitcher.tsx
 'use client';
 
-import { useLanguage } from '../context/LanguageContext';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@nextblock-cms/ui';
+import { useLanguage } from '../context/LanguageContext';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@nextblock-cms/ui';
 import { useRouter, usePathname } from 'next/navigation';
 import { getContentTranslations, getContentMetadataBySlugAndLocale } from '../app/actions/languageActions';
 import { Language } from '../app/actions/languageActions';