create-nextblock 0.12.9 → 0.12.12

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

@@ -1,29 +1,29 @@
-import { createClient, verifyPackageOnline } from "@nextblock-cms/db/server";
-import { redirect } from "next/navigation";
-
-import { BackupRestoreWorkspace } from "./BackupRestoreWorkspace";
-
-export default async function BackupRestorePage() {
-  const supabase = createClient();
-  const {
-    data: { user },
-  } = await supabase.auth.getUser();
-
-  if (!user) {
-    redirect("/sign-in?redirect=/cms/settings/backup-restore");
-  }
-
-  const { data: profile } = await supabase
-    .from("profiles")
-    .select("role")
-    .eq("id", user.id)
-    .single();
-
-  if (profile?.role !== "ADMIN") {
-    redirect("/unauthorized?reason=admin_required");
-  }
-
-  const isEcommerceActive = await verifyPackageOnline("ecommerce").catch(() => false);
-
-  return <BackupRestoreWorkspace isEcommerceActive={isEcommerceActive} />;
-}
+import { createClient, verifyPackageOnline } from "@nextblock-cms/db/server";
+import { redirect } from "next/navigation";
+
+import { BackupRestoreWorkspace } from "./BackupRestoreWorkspace";
+
+export default async function BackupRestorePage() {
+  const supabase = createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) {
+    redirect("/sign-in?redirect=/cms/settings/backup-restore");
+  }
+
+  const { data: profile } = await supabase
+    .from("profiles")
+    .select("role")
+    .eq("id", user.id)
+    .single();
+
+  if (profile?.role !== "ADMIN") {
+    redirect("/unauthorized?reason=admin_required");
+  }
+
+  const isEcommerceActive = await verifyPackageOnline("ecommerce").catch(() => false);
+
+  return <BackupRestoreWorkspace isEcommerceActive={isEcommerceActive} />;
+}

package/templates/nextblock-template/app/cms/settings/bot-protection/actions.ts

@@ -1,93 +1,93 @@
-// app/cms/settings/bot-protection/actions.ts
-'use server';
-
-import { createClient } from '@nextblock-cms/db/server';
-import { revalidatePath } from 'next/cache';
-
-export type BotProtectionSettings = {
-  provider: 'none' | 'turnstile' | 'recaptcha';
-  siteKey: string;
-  secretKey?: string;
-};
-
-export async function getBotProtectionSettings(): Promise<BotProtectionSettings> {
-  const supabase = createClient();
-
-  // Fetch public settings
-  const { data: publicData } = await supabase
-    .from('site_settings')
-    .select('value')
-    .eq('key', 'bot_protection_public')
-    .maybeSingle();
-
-  // Fetch secret settings (only accessible by ADMIN role due to our RLS policy)
-  const { data: secretData } = await supabase
-    .from('site_settings')
-    .select('value')
-    .eq('key', 'bot_protection_secret')
-    .maybeSingle();
-
-  const publicVal = (publicData?.value || {}) as Record<string, any>;
-  const secretVal = (secretData?.value || {}) as Record<string, any>;
-
-  return {
-    provider: (publicVal.provider as any) || 'none',
-    siteKey: publicVal.siteKey || '',
-    secretKey: secretVal.secretKey || '',
-  };
-}
-
-export async function updateBotProtectionSettings(formData: FormData) {
-  const supabase = createClient();
-
-  // Verify auth and role
-  const { data: { user } } = await supabase.auth.getUser();
-  if (!user) {
-    throw new Error('You must be logged in to update settings.');
-  }
-
-  const { data: profile, error: profileError } = await supabase
-    .from('profiles')
-    .select('role')
-    .eq('id', user.id)
-    .single();
-
-  if (profileError || !profile || profile.role !== 'ADMIN') {
-    throw new Error('You do not have permission to perform this action.');
-  }
-
-  const provider = formData.get('provider') as 'none' | 'turnstile' | 'recaptcha';
-  const siteKey = formData.get('siteKey') as string;
-  const secretKey = formData.get('secretKey') as string;
-
-  // Update public settings (provider and siteKey)
-  const { error: publicError } = await supabase
-    .from('site_settings')
-    .upsert({
-      key: 'bot_protection_public',
-      value: { provider, siteKey },
-    });
-
-  if (publicError) {
-    console.error('Error updating public bot protection settings:', publicError);
-    throw new Error('Failed to update bot protection settings.');
-  }
-
-  // Update secret settings (secretKey)
-  const { error: secretError } = await supabase
-    .from('site_settings')
-    .upsert({
-      key: 'bot_protection_secret',
-      value: { secretKey },
-    });
-
-  if (secretError) {
-    console.error('Error updating secret bot protection settings:', secretError);
-    throw new Error('Failed to update bot protection secrets.');
-  }
-
-  // Revalidate root layout so scripts update instantly
-  revalidatePath('/', 'layout');
-
-  return { success: true, message: 'Bot protection settings updated successfully.' };
-}
+// app/cms/settings/bot-protection/actions.ts
+'use server';
+
+import { createClient } from '@nextblock-cms/db/server';
+import { revalidatePath } from 'next/cache';
+
+export type BotProtectionSettings = {
+  provider: 'none' | 'turnstile' | 'recaptcha';
+  siteKey: string;
+  secretKey?: string;
+};
+
+export async function getBotProtectionSettings(): Promise<BotProtectionSettings> {
+  const supabase = createClient();
+
+  // Fetch public settings
+  const { data: publicData } = await supabase
+    .from('site_settings')
+    .select('value')
+    .eq('key', 'bot_protection_public')
+    .maybeSingle();
+
+  // Fetch secret settings (only accessible by ADMIN role due to our RLS policy)
+  const { data: secretData } = await supabase
+    .from('site_settings')
+    .select('value')
+    .eq('key', 'bot_protection_secret')
+    .maybeSingle();
+
+  const publicVal = (publicData?.value || {}) as Record<string, any>;
+  const secretVal = (secretData?.value || {}) as Record<string, any>;
+
+  return {
+    provider: (publicVal.provider as any) || 'none',
+    siteKey: publicVal.siteKey || '',
+    secretKey: secretVal.secretKey || '',
+  };
+}
+
+export async function updateBotProtectionSettings(formData: FormData) {
+  const supabase = createClient();
+
+  // Verify auth and role
+  const { data: { user } } = await supabase.auth.getUser();
+  if (!user) {
+    throw new Error('You must be logged in to update settings.');
+  }
+
+  const { data: profile, error: profileError } = await supabase
+    .from('profiles')
+    .select('role')
+    .eq('id', user.id)
+    .single();
+
+  if (profileError || !profile || profile.role !== 'ADMIN') {
+    throw new Error('You do not have permission to perform this action.');
+  }
+
+  const provider = formData.get('provider') as 'none' | 'turnstile' | 'recaptcha';
+  const siteKey = formData.get('siteKey') as string;
+  const secretKey = formData.get('secretKey') as string;
+
+  // Update public settings (provider and siteKey)
+  const { error: publicError } = await supabase
+    .from('site_settings')
+    .upsert({
+      key: 'bot_protection_public',
+      value: { provider, siteKey },
+    });
+
+  if (publicError) {
+    console.error('Error updating public bot protection settings:', publicError);
+    throw new Error('Failed to update bot protection settings.');
+  }
+
+  // Update secret settings (secretKey)
+  const { error: secretError } = await supabase
+    .from('site_settings')
+    .upsert({
+      key: 'bot_protection_secret',
+      value: { secretKey },
+    });
+
+  if (secretError) {
+    console.error('Error updating secret bot protection settings:', secretError);
+    throw new Error('Failed to update bot protection secrets.');
+  }
+
+  // Revalidate root layout so scripts update instantly
+  revalidatePath('/', 'layout');
+
+  return { success: true, message: 'Bot protection settings updated successfully.' };
+}

package/templates/nextblock-template/app/cms/settings/bot-protection/components/BotProtectionForm.tsx

@@ -1,129 +1,129 @@
-'use client';
-
-import { useState, useTransition, useRef } from 'react';
-import { Label } from '@nextblock-cms/ui';
-import { Input } from '@nextblock-cms/ui';
-import { Button } from '@nextblock-cms/ui';
-import { Alert, AlertDescription, Spinner } from '@nextblock-cms/ui';
-import { Message } from '../../../../../components/form-message';
-import { useHotkeys } from '../../../../../hooks/use-hotkeys';
-import { BotProtectionSettings, updateBotProtectionSettings } from '../actions';
-
-interface BotProtectionFormProps {
-  initialSettings: BotProtectionSettings;
-}
-
-export default function BotProtectionForm({ initialSettings }: BotProtectionFormProps) {
-  const [isPending, startTransition] = useTransition();
-  const [message, setMessage] = useState<Message | null>(null);
-  
-  const [provider, setProvider] = useState<'none' | 'turnstile' | 'recaptcha'>(initialSettings.provider);
-  const [siteKey, setSiteKey] = useState<string>(initialSettings.siteKey);
-  const [secretKey, setSecretKey] = useState<string>(initialSettings.secretKey || '');
-
-  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    setMessage(null);
-
-    const formData = new FormData();
-    formData.append('provider', provider);
-    formData.append('siteKey', siteKey);
-    formData.append('secretKey', secretKey);
-
-    startTransition(async () => {
-      try {
-        const result = await updateBotProtectionSettings(formData);
-        if (result.success) {
-          setMessage({ success: result.message });
-        } else {
-          setMessage({ error: 'An unexpected error occurred.' });
-        }
-      } catch (error) {
-        setMessage({ error: error instanceof Error ? error.message : 'An unknown error occurred.' });
-      }
-    });
-  };
-
-  const formRef = useRef<HTMLFormElement>(null);
-  useHotkeys('ctrl+s', () => formRef.current?.requestSubmit());
-
-  return (
-    <form ref={formRef} onSubmit={handleSubmit} className="space-y-6">
-      <div className="space-y-4">
-        <div className="space-y-2">
-          <Label htmlFor="provider">Protection Provider</Label>
-          <select
-            id="provider"
-            name="provider"
-            value={provider}
-            onChange={(e) => setProvider(e.target.value as any)}
-            className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
-          >
-            <option value="none">None (Honeypot Only)</option>
-            <option value="turnstile">Cloudflare Turnstile (Recommended)</option>
-            <option value="recaptcha">Google reCAPTCHA v3</option>
-          </select>
-          <p className="text-xs text-slate-500">
-            NextBlock always renders a hidden Honeypot field in form blocks by default. Setting a provider adds an additional cryptographic verification layer.
-          </p>
-        </div>
-
-        {provider !== 'none' && (
-          <>
-            <div className="space-y-2">
-              <Label htmlFor="siteKey">
-                {provider === 'turnstile' ? 'Turnstile Site Key' : 'reCAPTCHA Site Key'}
-              </Label>
-              <Input
-                id="siteKey"
-                name="siteKey"
-                value={siteKey}
-                onChange={(e) => setSiteKey(e.target.value)}
-                placeholder={provider === 'turnstile' ? 'e.g., 0x4AAAAAAAB...' : 'e.g., 6LdGP...'}
-                required
-              />
-              <p className="text-xs text-slate-500">
-                The public key used to initialize the widget or API script on the client side.
-              </p>
-            </div>
-
-            <div className="space-y-2">
-              <Label htmlFor="secretKey">
-                {provider === 'turnstile' ? 'Turnstile Secret Key' : 'reCAPTCHA Secret Key'}
-              </Label>
-              <Input
-                id="secretKey"
-                name="secretKey"
-                type="password"
-                value={secretKey}
-                onChange={(e) => setSecretKey(e.target.value)}
-                placeholder="••••••••••••••••••••••••••••••••"
-                required
-              />
-              <p className="text-xs text-slate-500">
-                The private key used to sign server-to-server validation requests. Stored securely on the server.
-              </p>
-            </div>
-          </>
-        )}
-      </div>
-
-      <div className="flex items-center gap-4">
-        <Button type="submit" disabled={isPending}>
-          {isPending ? (
-            <>
-              <Spinner className="mr-2 h-4 w-4 animate-spin" /> Saving...
-            </>
-          ) : (
-            'Save Settings'
-          )}
-        </Button>
-        {message && (
-          <Alert variant={'success' in message ? 'success' : 'destructive'} className="py-2 px-4 w-auto inline-flex items-center">
-             <AlertDescription>{'success' in message ? (message as any).success : (message as any).error}</AlertDescription>
-          </Alert>
-        )}
-      </div>
-    </form>
-  );
-}
+'use client';
+
+import { useState, useTransition, useRef } from 'react';
+import { Label } from '@nextblock-cms/ui';
+import { Input } from '@nextblock-cms/ui';
+import { Button } from '@nextblock-cms/ui';
+import { Alert, AlertDescription, Spinner } from '@nextblock-cms/ui';
+import { Message } from '../../../../../components/form-message';
+import { useHotkeys } from '../../../../../hooks/use-hotkeys';
+import { BotProtectionSettings, updateBotProtectionSettings } from '../actions';
+
+interface BotProtectionFormProps {
+  initialSettings: BotProtectionSettings;
+}
+
+export default function BotProtectionForm({ initialSettings }: BotProtectionFormProps) {
+  const [isPending, startTransition] = useTransition();
+  const [message, setMessage] = useState<Message | null>(null);
+  
+  const [provider, setProvider] = useState<'none' | 'turnstile' | 'recaptcha'>(initialSettings.provider);
+  const [siteKey, setSiteKey] = useState<string>(initialSettings.siteKey);
+  const [secretKey, setSecretKey] = useState<string>(initialSettings.secretKey || '');
+
+  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    setMessage(null);
+
+    const formData = new FormData();
+    formData.append('provider', provider);
+    formData.append('siteKey', siteKey);
+    formData.append('secretKey', secretKey);
+
+    startTransition(async () => {
+      try {
+        const result = await updateBotProtectionSettings(formData);
+        if (result.success) {
+          setMessage({ success: result.message });
+        } else {
+          setMessage({ error: 'An unexpected error occurred.' });
+        }
+      } catch (error) {
+        setMessage({ error: error instanceof Error ? error.message : 'An unknown error occurred.' });
+      }
+    });
+  };
+
+  const formRef = useRef<HTMLFormElement>(null);
+  useHotkeys('ctrl+s', () => formRef.current?.requestSubmit());
+
+  return (
+    <form ref={formRef} onSubmit={handleSubmit} className="space-y-6">
+      <div className="space-y-4">
+        <div className="space-y-2">
+          <Label htmlFor="provider">Protection Provider</Label>
+          <select
+            id="provider"
+            name="provider"
+            value={provider}
+            onChange={(e) => setProvider(e.target.value as any)}
+            className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+          >
+            <option value="none">None (Honeypot Only)</option>
+            <option value="turnstile">Cloudflare Turnstile (Recommended)</option>
+            <option value="recaptcha">Google reCAPTCHA v3</option>
+          </select>
+          <p className="text-xs text-slate-500">
+            NextBlock always renders a hidden Honeypot field in form blocks by default. Setting a provider adds an additional cryptographic verification layer.
+          </p>
+        </div>
+
+        {provider !== 'none' && (
+          <>
+            <div className="space-y-2">
+              <Label htmlFor="siteKey">
+                {provider === 'turnstile' ? 'Turnstile Site Key' : 'reCAPTCHA Site Key'}
+              </Label>
+              <Input
+                id="siteKey"
+                name="siteKey"
+                value={siteKey}
+                onChange={(e) => setSiteKey(e.target.value)}
+                placeholder={provider === 'turnstile' ? 'e.g., 0x4AAAAAAAB...' : 'e.g., 6LdGP...'}
+                required
+              />
+              <p className="text-xs text-slate-500">
+                The public key used to initialize the widget or API script on the client side.
+              </p>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="secretKey">
+                {provider === 'turnstile' ? 'Turnstile Secret Key' : 'reCAPTCHA Secret Key'}
+              </Label>
+              <Input
+                id="secretKey"
+                name="secretKey"
+                type="password"
+                value={secretKey}
+                onChange={(e) => setSecretKey(e.target.value)}
+                placeholder="••••••••••••••••••••••••••••••••"
+                required
+              />
+              <p className="text-xs text-slate-500">
+                The private key used to sign server-to-server validation requests. Stored securely on the server.
+              </p>
+            </div>
+          </>
+        )}
+      </div>
+
+      <div className="flex items-center gap-4">
+        <Button type="submit" disabled={isPending}>
+          {isPending ? (
+            <>
+              <Spinner className="mr-2 h-4 w-4 animate-spin" /> Saving...
+            </>
+          ) : (
+            'Save Settings'
+          )}
+        </Button>
+        {message && (
+          <Alert variant={'success' in message ? 'success' : 'destructive'} className="py-2 px-4 w-auto inline-flex items-center">
+             <AlertDescription>{'success' in message ? (message as any).success : (message as any).error}</AlertDescription>
+          </Alert>
+        )}
+      </div>
+    </form>
+  );
+}

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

@@ -1,24 +1,24 @@
-// app/cms/settings/bot-protection/page.tsx
-import { getBotProtectionSettings } from './actions';
-import BotProtectionForm from './components/BotProtectionForm';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-
-export default async function BotProtectionSettingsPage() {
-  const settings = await getBotProtectionSettings();
-
-  return (
-    <div className="max-w-4xl mx-auto">
-      <Card>
-        <CardHeader>
-          <CardTitle>Bot Protection Settings</CardTitle>
-          <CardDescription>
-            Configure bot and spam protection settings for all form blocks on your site. NextBlock supports lightweight Honeypots, Google reCAPTCHA v3, and Cloudflare Turnstile.
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <BotProtectionForm initialSettings={settings} />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+// app/cms/settings/bot-protection/page.tsx
+import { getBotProtectionSettings } from './actions';
+import BotProtectionForm from './components/BotProtectionForm';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+
+export default async function BotProtectionSettingsPage() {
+  const settings = await getBotProtectionSettings();
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <Card>
+        <CardHeader>
+          <CardTitle>Bot Protection Settings</CardTitle>
+          <CardDescription>
+            Configure bot and spam protection settings for all form blocks on your site. NextBlock supports lightweight Honeypots, Google reCAPTCHA v3, and Cloudflare Turnstile.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <BotProtectionForm initialSettings={settings} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}