create-nextblock 0.16.4 → 0.17.0

package/templates/nextblock-template/app/cms/settings/logos/components/SetActiveLogoButton.tsx

@@ -1,42 +1,42 @@
-"use client";
-
-import { DropdownMenuItem } from "@nextblock-cms/ui";
-import { CheckCircle2 } from "lucide-react";
-import { setActiveLogo } from "../actions";
-import { useTransition } from "react";
-import { toast } from "react-hot-toast";
-import { useRouter } from "next/navigation";
-
-interface SetActiveLogoButtonProps {
-  logoId: string;
-}
-
-export default function SetActiveLogoButton({ logoId }: SetActiveLogoButtonProps) {
-  const router = useRouter();
-  const [isPending, startTransition] = useTransition();
-
-  const handleSetActive = () => {
-    startTransition(async () => {
-      const result = await setActiveLogo(logoId);
-      if (result?.error) {
-        toast.error(`Error: ${result.error}`);
-      } else {
-        toast.success("Active logo updated");
-        router.refresh();
-      }
-    });
-  };
-
-  return (
-    <DropdownMenuItem
-      className="cursor-pointer"
-      // Keep the menu from closing before the transition starts.
-      onSelect={(e) => e.preventDefault()}
-      onClick={() => !isPending && handleSetActive()}
-      disabled={isPending}
-    >
-      <CheckCircle2 className="mr-2 h-4 w-4" />
-      {isPending ? "Setting active..." : "Set as active"}
-    </DropdownMenuItem>
-  );
-}
+"use client";
+
+import { DropdownMenuItem } from "@nextblock-cms/ui";
+import { CheckCircle2 } from "lucide-react";
+import { setActiveLogo } from "../actions";
+import { useTransition } from "react";
+import { toast } from "react-hot-toast";
+import { useRouter } from "next/navigation";
+
+interface SetActiveLogoButtonProps {
+  logoId: string;
+}
+
+export default function SetActiveLogoButton({ logoId }: SetActiveLogoButtonProps) {
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+
+  const handleSetActive = () => {
+    startTransition(async () => {
+      const result = await setActiveLogo(logoId);
+      if (result?.error) {
+        toast.error(`Error: ${result.error}`);
+      } else {
+        toast.success("Active logo updated");
+        router.refresh();
+      }
+    });
+  };
+
+  return (
+    <DropdownMenuItem
+      className="cursor-pointer"
+      // Keep the menu from closing before the transition starts.
+      onSelect={(e) => e.preventDefault()}
+      onClick={() => !isPending && handleSetActive()}
+      disabled={isPending}
+    >
+      <CheckCircle2 className="mr-2 h-4 w-4" />
+      {isPending ? "Setting active..." : "Set as active"}
+    </DropdownMenuItem>
+  );
+}

package/templates/nextblock-template/app/cms/settings/logos/components/SiteSeoSettingsForm.tsx

@@ -1,133 +1,133 @@
-'use client'
-
-import { useState, useTransition } from 'react'
-import { Button, Input, Label, Textarea } from '@nextblock-cms/ui'
-
-import { saveSiteSeoSettings, type SiteSeoSettings } from '../actions'
-
-interface SiteSeoSettingsFormProps {
-  initialSettings: SiteSeoSettings
-}
-
-const TITLE_RECOMMENDED_MAX = 60
-const DESCRIPTION_RECOMMENDED_MAX = 160
-
-export default function SiteSeoSettingsForm({ initialSettings }: SiteSeoSettingsFormProps) {
-  const [isPending, startTransition] = useTransition()
-  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
-  const [settings, setSettings] = useState<SiteSeoSettings>(() => ({
-    siteTitle: initialSettings.siteTitle ?? '',
-    siteDescription: initialSettings.siteDescription ?? '',
-    siteKeywords: initialSettings.siteKeywords ?? '',
-  }))
-
-  const handleSave = () => {
-    setMessage(null)
-    startTransition(async () => {
-      const result = await saveSiteSeoSettings(settings)
-
-      if (result?.error) {
-        setMessage({ type: 'error', text: result.error })
-        return
-      }
-
-      setMessage({ type: 'success', text: 'Site SEO settings updated successfully.' })
-    })
-  }
-
-  return (
-    <div className="space-y-6 rounded-xl border bg-background p-5">
-      <div className="space-y-1">
-        <h2 className="text-xl font-semibold">Site identity &amp; SEO</h2>
-        <p className="text-sm text-muted-foreground">
-          Used for the browser tab, search results, and social link previews (Open Graph / Twitter).
-          The site title is also appended to every page title and shown next to the logo.
-        </p>
-      </div>
-
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <Label htmlFor="seo-site-title">Site title</Label>
-          <span
-            className={`text-xs ${
-              settings.siteTitle.length > TITLE_RECOMMENDED_MAX
-                ? 'text-amber-600'
-                : 'text-muted-foreground'
-            }`}
-          >
-            {settings.siteTitle.length}/{TITLE_RECOMMENDED_MAX}
-          </span>
-        </div>
-        <Input
-          id="seo-site-title"
-          placeholder="NextBlock™ CMS"
-          value={settings.siteTitle}
-          onChange={(event) =>
-            setSettings((current) => ({ ...current, siteTitle: event.target.value }))
-          }
-        />
-        <p className="text-xs text-muted-foreground">
-          Example result: <span className="font-medium">Home | {settings.siteTitle || 'NextBlock™ CMS'}</span>
-        </p>
-      </div>
-
-      <div className="space-y-2">
-        <div className="flex items-center justify-between">
-          <Label htmlFor="seo-site-description">Default meta description</Label>
-          <span
-            className={`text-xs ${
-              settings.siteDescription.length > DESCRIPTION_RECOMMENDED_MAX
-                ? 'text-amber-600'
-                : 'text-muted-foreground'
-            }`}
-          >
-            {settings.siteDescription.length}/{DESCRIPTION_RECOMMENDED_MAX}
-          </span>
-        </div>
-        <Textarea
-          id="seo-site-description"
-          rows={3}
-          placeholder="A short, compelling summary of your site for search engines and social cards."
-          value={settings.siteDescription}
-          onChange={(event) =>
-            setSettings((current) => ({ ...current, siteDescription: event.target.value }))
-          }
-        />
-        <p className="text-xs text-muted-foreground">
-          Shown when a page has no description of its own. Aim for ~150–160 characters.
-        </p>
-      </div>
-
-      <div className="space-y-2">
-        <Label htmlFor="seo-site-keywords">Default keywords</Label>
-        <Input
-          id="seo-site-keywords"
-          placeholder="NextBlock, CMS, Next.js, Supabase"
-          value={settings.siteKeywords}
-          onChange={(event) =>
-            setSettings((current) => ({ ...current, siteKeywords: event.target.value }))
-          }
-        />
-        <p className="text-xs text-muted-foreground">Comma-separated. Used as the default meta keywords.</p>
-      </div>
-
-      {message ? (
-        <div
-          className={`rounded-lg border px-4 py-3 text-sm ${
-            message.type === 'success'
-              ? 'border-emerald-200 bg-emerald-50 text-emerald-700'
-              : 'border-red-200 bg-red-50 text-red-700'
-          }`}
-        >
-          {message.text}
-        </div>
-      ) : null}
-
-      <div className="flex justify-end">
-        <Button type="button" onClick={handleSave} disabled={isPending}>
-          {isPending ? 'Saving...' : 'Save SEO Settings'}
-        </Button>
-      </div>
-    </div>
-  )
-}
+'use client'
+
+import { useState, useTransition } from 'react'
+import { Button, Input, Label, Textarea } from '@nextblock-cms/ui'
+
+import { saveSiteSeoSettings, type SiteSeoSettings } from '../actions'
+
+interface SiteSeoSettingsFormProps {
+  initialSettings: SiteSeoSettings
+}
+
+const TITLE_RECOMMENDED_MAX = 60
+const DESCRIPTION_RECOMMENDED_MAX = 160
+
+export default function SiteSeoSettingsForm({ initialSettings }: SiteSeoSettingsFormProps) {
+  const [isPending, startTransition] = useTransition()
+  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
+  const [settings, setSettings] = useState<SiteSeoSettings>(() => ({
+    siteTitle: initialSettings.siteTitle ?? '',
+    siteDescription: initialSettings.siteDescription ?? '',
+    siteKeywords: initialSettings.siteKeywords ?? '',
+  }))
+
+  const handleSave = () => {
+    setMessage(null)
+    startTransition(async () => {
+      const result = await saveSiteSeoSettings(settings)
+
+      if (result?.error) {
+        setMessage({ type: 'error', text: result.error })
+        return
+      }
+
+      setMessage({ type: 'success', text: 'Site SEO settings updated successfully.' })
+    })
+  }
+
+  return (
+    <div className="space-y-6 rounded-xl border bg-background p-5">
+      <div className="space-y-1">
+        <h2 className="text-xl font-semibold">Site identity &amp; SEO</h2>
+        <p className="text-sm text-muted-foreground">
+          Used for the browser tab, search results, and social link previews (Open Graph / Twitter).
+          The site title is also appended to every page title and shown next to the logo.
+        </p>
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <Label htmlFor="seo-site-title">Site title</Label>
+          <span
+            className={`text-xs ${
+              settings.siteTitle.length > TITLE_RECOMMENDED_MAX
+                ? 'text-amber-600'
+                : 'text-muted-foreground'
+            }`}
+          >
+            {settings.siteTitle.length}/{TITLE_RECOMMENDED_MAX}
+          </span>
+        </div>
+        <Input
+          id="seo-site-title"
+          placeholder="NextBlock™ CMS"
+          value={settings.siteTitle}
+          onChange={(event) =>
+            setSettings((current) => ({ ...current, siteTitle: event.target.value }))
+          }
+        />
+        <p className="text-xs text-muted-foreground">
+          Example result: <span className="font-medium">Home | {settings.siteTitle || 'NextBlock™ CMS'}</span>
+        </p>
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex items-center justify-between">
+          <Label htmlFor="seo-site-description">Default meta description</Label>
+          <span
+            className={`text-xs ${
+              settings.siteDescription.length > DESCRIPTION_RECOMMENDED_MAX
+                ? 'text-amber-600'
+                : 'text-muted-foreground'
+            }`}
+          >
+            {settings.siteDescription.length}/{DESCRIPTION_RECOMMENDED_MAX}
+          </span>
+        </div>
+        <Textarea
+          id="seo-site-description"
+          rows={3}
+          placeholder="A short, compelling summary of your site for search engines and social cards."
+          value={settings.siteDescription}
+          onChange={(event) =>
+            setSettings((current) => ({ ...current, siteDescription: event.target.value }))
+          }
+        />
+        <p className="text-xs text-muted-foreground">
+          Shown when a page has no description of its own. Aim for ~150–160 characters.
+        </p>
+      </div>
+
+      <div className="space-y-2">
+        <Label htmlFor="seo-site-keywords">Default keywords</Label>
+        <Input
+          id="seo-site-keywords"
+          placeholder="NextBlock, CMS, Next.js, Supabase"
+          value={settings.siteKeywords}
+          onChange={(event) =>
+            setSettings((current) => ({ ...current, siteKeywords: event.target.value }))
+          }
+        />
+        <p className="text-xs text-muted-foreground">Comma-separated. Used as the default meta keywords.</p>
+      </div>
+
+      {message ? (
+        <div
+          className={`rounded-lg border px-4 py-3 text-sm ${
+            message.type === 'success'
+              ? 'border-emerald-200 bg-emerald-50 text-emerald-700'
+              : 'border-red-200 bg-red-50 text-red-700'
+          }`}
+        >
+          {message.text}
+        </div>
+      ) : null}
+
+      <div className="flex justify-end">
+        <Button type="button" onClick={handleSave} disabled={isPending}>
+          {isPending ? 'Saving...' : 'Save SEO Settings'}
+        </Button>
+      </div>
+    </div>
+  )
+}

package/templates/nextblock-template/app/cms/settings/privacy/page.tsx

@@ -1,27 +1,27 @@
-// app/cms/settings/privacy/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getPrivacySettings } from './actions';
-import PrivacyForm from './components/PrivacyForm';
-
-export default async function PrivacySettingsPage() {
-  const settings = await getPrivacySettings();
-
-  return (
-    <div className="max-w-4xl mx-auto">
-      <Card>
-        <CardHeader>
-          <CardTitle>Privacy &amp; Consent (Law 25 / CASL)</CardTitle>
-          <CardDescription>
-            Control the Quebec Law 25 consent banner and the corporate identity appended
-            to the CASL-compliant footer. Analytics tags (Google Tag Manager / GA4) are
-            configured under Settings &rarr; Google Analytics and download zero bytes until
-            a visitor opts in here.
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <PrivacyForm initialSettings={settings} />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+// app/cms/settings/privacy/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getPrivacySettings } from './actions';
+import PrivacyForm from './components/PrivacyForm';
+
+export default async function PrivacySettingsPage() {
+  const settings = await getPrivacySettings();
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <Card>
+        <CardHeader>
+          <CardTitle>Privacy &amp; Consent (Law 25 / CASL)</CardTitle>
+          <CardDescription>
+            Control the Quebec Law 25 consent banner and the corporate identity appended
+            to the CASL-compliant footer. Analytics tags (Google Tag Manager / GA4) are
+            configured under Settings &rarr; Google Analytics and download zero bytes until
+            a visitor opts in here.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <PrivacyForm initialSettings={settings} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/settings/registration/page.tsx

@@ -1,27 +1,27 @@
-// app/cms/settings/registration/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getRegistrationSettings } from './actions';
-import RegistrationForm from './components/RegistrationForm';
-
-export const dynamic = 'force-dynamic';
-
-export default async function RegistrationSettingsPage() {
-  const settings = await getRegistrationSettings();
-
-  return (
-    <div className="max-w-4xl mx-auto">
-      <Card>
-        <CardHeader>
-          <CardTitle>Sign-ups &amp; Registration</CardTitle>
-          <CardDescription>
-            Control how new public registrations are handled. Email verification requires a
-            configured SMTP server (Settings → Configuration → Email).
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <RegistrationForm initialSettings={settings} />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+// app/cms/settings/registration/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getRegistrationSettings } from './actions';
+import RegistrationForm from './components/RegistrationForm';
+
+export const dynamic = 'force-dynamic';
+
+export default async function RegistrationSettingsPage() {
+  const settings = await getRegistrationSettings();
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <Card>
+        <CardHeader>
+          <CardTitle>Sign-ups &amp; Registration</CardTitle>
+          <CardDescription>
+            Control how new public registrations are handled. Email verification requires a
+            configured SMTP server (Settings → Configuration → Email).
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <RegistrationForm initialSettings={settings} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/settings/security/page.tsx

@@ -1,33 +1,33 @@
-// app/cms/settings/security/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getSecurityPanelData } from './actions';
-import SecurityPanel from './components/SecurityPanel';
-
-export default async function SecuritySettingsPage() {
-  // The sandbox/demo runs on a single shared account, so per-account security (2FA,
-  // trusted devices, policy) is intentionally disabled there.
-  if (process.env.NEXT_PUBLIC_IS_SANDBOX === 'true') {
-    return (
-      <div className="max-w-4xl mx-auto">
-        <Card>
-          <CardHeader>
-            <CardTitle>Security &amp; 2FA</CardTitle>
-            <CardDescription>
-              Security settings are disabled in the sandbox/demo environment, which runs on a
-              shared account and resets daily. They are available in a real installation.
-            </CardDescription>
-          </CardHeader>
-          <CardContent />
-        </Card>
-      </div>
-    );
-  }
-
-  const data = await getSecurityPanelData();
-
-  return (
-    <div className="max-w-4xl mx-auto space-y-6">
-      <SecurityPanel data={data} />
-    </div>
-  );
-}
+// app/cms/settings/security/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getSecurityPanelData } from './actions';
+import SecurityPanel from './components/SecurityPanel';
+
+export default async function SecuritySettingsPage() {
+  // The sandbox/demo runs on a single shared account, so per-account security (2FA,
+  // trusted devices, policy) is intentionally disabled there.
+  if (process.env.NEXT_PUBLIC_IS_SANDBOX === 'true') {
+    return (
+      <div className="max-w-4xl mx-auto">
+        <Card>
+          <CardHeader>
+            <CardTitle>Security &amp; 2FA</CardTitle>
+            <CardDescription>
+              Security settings are disabled in the sandbox/demo environment, which runs on a
+              shared account and resets daily. They are available in a real installation.
+            </CardDescription>
+          </CardHeader>
+          <CardContent />
+        </Card>
+      </div>
+    );
+  }
+
+  const data = await getSecurityPanelData();
+
+  return (
+    <div className="max-w-4xl mx-auto space-y-6">
+      <SecurityPanel data={data} />
+    </div>
+  );
+}