create-nextblock 0.16.1 → 0.16.2

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

@@ -1,70 +1,70 @@
-"use client";
-
-import { useEffect, useState, type ComponentType } from "react";
-
-interface DeferredGoogleTagManagerProps {
-  gtmId?: string;
-  nonce?: string;
-}
-
-const interactionEvents: Array<keyof WindowEventMap> = [
-  "pointerdown",
-  "keydown",
-  "scroll",
-  "touchstart",
-];
-
-type GoogleTagManagerComponent = ComponentType<{
-  gtmId: string;
-  nonce?: string;
-}>;
-
-export function DeferredGoogleTagManager({
-  gtmId,
-  nonce,
-}: DeferredGoogleTagManagerProps) {
-  const [GoogleTagManager, setGoogleTagManager] =
-    useState<GoogleTagManagerComponent | null>(null);
-
-  useEffect(() => {
-    if (!gtmId) {
-      return;
-    }
-
-    let isMounted = true;
-
-    function removeListeners() {
-      interactionEvents.forEach((eventName) => {
-        window.removeEventListener(eventName, enableGtm);
-      });
-    }
-
-    function enableGtm() {
-      removeListeners();
-
-      void import("@next/third-parties/google").then(({ GoogleTagManager }) => {
-        if (isMounted) {
-          setGoogleTagManager(() => GoogleTagManager as GoogleTagManagerComponent);
-        }
-      });
-    }
-
-    interactionEvents.forEach((eventName) => {
-      window.addEventListener(eventName, enableGtm, {
-        once: true,
-        passive: true,
-      });
-    });
-
-    return () => {
-      isMounted = false;
-      removeListeners();
-    };
-  }, [gtmId]);
-
-  if (!gtmId || !GoogleTagManager) {
-    return null;
-  }
-
-  return <GoogleTagManager gtmId={gtmId} nonce={nonce} />;
-}
+"use client";
+
+import { useEffect, useState, type ComponentType } from "react";
+
+interface DeferredGoogleTagManagerProps {
+  gtmId?: string;
+  nonce?: string;
+}
+
+const interactionEvents: Array<keyof WindowEventMap> = [
+  "pointerdown",
+  "keydown",
+  "scroll",
+  "touchstart",
+];
+
+type GoogleTagManagerComponent = ComponentType<{
+  gtmId: string;
+  nonce?: string;
+}>;
+
+export function DeferredGoogleTagManager({
+  gtmId,
+  nonce,
+}: DeferredGoogleTagManagerProps) {
+  const [GoogleTagManager, setGoogleTagManager] =
+    useState<GoogleTagManagerComponent | null>(null);
+
+  useEffect(() => {
+    if (!gtmId) {
+      return;
+    }
+
+    let isMounted = true;
+
+    function removeListeners() {
+      interactionEvents.forEach((eventName) => {
+        window.removeEventListener(eventName, enableGtm);
+      });
+    }
+
+    function enableGtm() {
+      removeListeners();
+
+      void import("@next/third-parties/google").then(({ GoogleTagManager }) => {
+        if (isMounted) {
+          setGoogleTagManager(() => GoogleTagManager as GoogleTagManagerComponent);
+        }
+      });
+    }
+
+    interactionEvents.forEach((eventName) => {
+      window.addEventListener(eventName, enableGtm, {
+        once: true,
+        passive: true,
+      });
+    });
+
+    return () => {
+      isMounted = false;
+      removeListeners();
+    };
+  }, [gtmId]);
+
+  if (!gtmId || !GoogleTagManager) {
+    return null;
+  }
+
+  return <GoogleTagManager gtmId={gtmId} nonce={nonce} />;
+}

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

@@ -1,69 +1,69 @@
-"use client";
-
-import { useEffect, useState, type ComponentType } from "react";
-
-type SpeedInsightsComponent = ComponentType<Record<string, never>>;
-type IdleCallbackHandle = number;
-type IdleCapableWindow = Window &
-  typeof globalThis & {
-    requestIdleCallback?: (
-      callback: IdleRequestCallback,
-      options?: IdleRequestOptions
-    ) => IdleCallbackHandle;
-    cancelIdleCallback?: (handle: IdleCallbackHandle) => void;
-  };
-
-export function DeferredSpeedInsights() {
-  const [SpeedInsights, setSpeedInsights] =
-    useState<SpeedInsightsComponent | null>(null);
-
-  useEffect(() => {
-    const browserWindow = window as IdleCapableWindow;
-    let isMounted = true;
-    let idleCallbackId: IdleCallbackHandle | null = null;
-    let timeoutId: ReturnType<typeof globalThis.setTimeout> | null = null;
-
-    function loadSpeedInsights() {
-      void import("@vercel/speed-insights/next").then(({ SpeedInsights }) => {
-        if (isMounted) {
-          setSpeedInsights(() => SpeedInsights as SpeedInsightsComponent);
-        }
-      });
-    }
-
-    function scheduleLoad() {
-      if (typeof browserWindow.requestIdleCallback === "function") {
-        idleCallbackId = browserWindow.requestIdleCallback(loadSpeedInsights, {
-          timeout: 3_000,
-        });
-        return;
-      }
-
-      timeoutId = globalThis.setTimeout(loadSpeedInsights, 1_500);
-    }
-
-    if (document.readyState === "complete") {
-      scheduleLoad();
-    } else {
-      window.addEventListener("load", scheduleLoad, { once: true });
-    }
-
-    return () => {
-      isMounted = false;
-      window.removeEventListener("load", scheduleLoad);
-
-      if (
-        idleCallbackId !== null &&
-        typeof browserWindow.cancelIdleCallback === "function"
-      ) {
-        browserWindow.cancelIdleCallback(idleCallbackId);
-      }
-
-      if (timeoutId !== null) {
-        globalThis.clearTimeout(timeoutId);
-      }
-    };
-  }, []);
-
-  return SpeedInsights ? <SpeedInsights /> : null;
-}
+"use client";
+
+import { useEffect, useState, type ComponentType } from "react";
+
+type SpeedInsightsComponent = ComponentType<Record<string, never>>;
+type IdleCallbackHandle = number;
+type IdleCapableWindow = Window &
+  typeof globalThis & {
+    requestIdleCallback?: (
+      callback: IdleRequestCallback,
+      options?: IdleRequestOptions
+    ) => IdleCallbackHandle;
+    cancelIdleCallback?: (handle: IdleCallbackHandle) => void;
+  };
+
+export function DeferredSpeedInsights() {
+  const [SpeedInsights, setSpeedInsights] =
+    useState<SpeedInsightsComponent | null>(null);
+
+  useEffect(() => {
+    const browserWindow = window as IdleCapableWindow;
+    let isMounted = true;
+    let idleCallbackId: IdleCallbackHandle | null = null;
+    let timeoutId: ReturnType<typeof globalThis.setTimeout> | null = null;
+
+    function loadSpeedInsights() {
+      void import("@vercel/speed-insights/next").then(({ SpeedInsights }) => {
+        if (isMounted) {
+          setSpeedInsights(() => SpeedInsights as SpeedInsightsComponent);
+        }
+      });
+    }
+
+    function scheduleLoad() {
+      if (typeof browserWindow.requestIdleCallback === "function") {
+        idleCallbackId = browserWindow.requestIdleCallback(loadSpeedInsights, {
+          timeout: 3_000,
+        });
+        return;
+      }
+
+      timeoutId = globalThis.setTimeout(loadSpeedInsights, 1_500);
+    }
+
+    if (document.readyState === "complete") {
+      scheduleLoad();
+    } else {
+      window.addEventListener("load", scheduleLoad, { once: true });
+    }
+
+    return () => {
+      isMounted = false;
+      window.removeEventListener("load", scheduleLoad);
+
+      if (
+        idleCallbackId !== null &&
+        typeof browserWindow.cancelIdleCallback === "function"
+      ) {
+        browserWindow.cancelIdleCallback(idleCallbackId);
+      }
+
+      if (timeoutId !== null) {
+        globalThis.clearTimeout(timeoutId);
+      }
+    };
+  }, []);
+
+  return SpeedInsights ? <SpeedInsights /> : null;
+}

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

@@ -1,33 +1,33 @@
-import Link from 'next/link';
-import type { Database } from '@nextblock-cms/db';
-
-type NavigationItem = Database['public']['Tables']['navigation_items']['Row'];
-
-interface FooterNavigationProps {
-  navItems: NavigationItem[];
-}
-
-export default function FooterNavigation({ navItems }: FooterNavigationProps) {
-  if (navItems.length === 0) {
-    return null;
-  }
-
-  const renderNavItems = (items: NavigationItem[]) =>
-    items
-      .filter((item) => !item.parent_id)
-      .map((item) => (
-        <Link
-          key={item.id}
-          href={item.url}
-          className="text-sm text-muted-foreground hover:text-foreground hover:underline px-2 py-1"
-        >
-          {item.label}
-        </Link>
-      ));
-
-  return (
-    <nav className="flex flex-wrap justify-center items-center gap-x-4 gap-y-2" aria-label="Footer navigation">
-      {renderNavItems(navItems)}
-    </nav>
-  );
+import Link from 'next/link';
+import type { Database } from '@nextblock-cms/db';
+
+type NavigationItem = Database['public']['Tables']['navigation_items']['Row'];
+
+interface FooterNavigationProps {
+  navItems: NavigationItem[];
+}
+
+export default function FooterNavigation({ navItems }: FooterNavigationProps) {
+  if (navItems.length === 0) {
+    return null;
+  }
+
+  const renderNavItems = (items: NavigationItem[]) =>
+    items
+      .filter((item) => !item.parent_id)
+      .map((item) => (
+        <Link
+          key={item.id}
+          href={item.url}
+          className="text-sm text-muted-foreground hover:text-foreground hover:underline px-2 py-1"
+        >
+          {item.label}
+        </Link>
+      ));
+
+  return (
+    <nav className="flex flex-wrap justify-center items-center gap-x-4 gap-y-2" aria-label="Footer navigation">
+      {renderNavItems(navItems)}
+    </nav>
+  );
 }