create-nextblock 0.12.9 → 0.12.12

package/libs/utils/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../../libs/utils/tsconfig.json"
-}
+{
+  "extends": "../../../../libs/utils/tsconfig.json"
+}

package/package.json

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

package/project.json

@@ -1,19 +1,19 @@
-{
-  "name": "create-nextblock",
-  "projectType": "application",
-  "root": "apps/create-nextblock",
-  "sourceRoot": "apps/create-nextblock",
-  "targets": {
-    "lint": {
-      "executor": "@nx/eslint:lint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": [
-          "apps/create-nextblock/bin/**/*.js",
-          "apps/create-nextblock/scripts/**/*.js"
-        ]
-      }
-    }
-  },
-  "tags": []
-}
+{
+  "name": "create-nextblock",
+  "projectType": "application",
+  "root": "apps/create-nextblock",
+  "sourceRoot": "apps/create-nextblock",
+  "targets": {
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": [
+          "apps/create-nextblock/bin/**/*.js",
+          "apps/create-nextblock/scripts/**/*.js"
+        ]
+      }
+    }
+  },
+  "tags": []
+}

package/templates/nextblock-template/.browserslistrc

@@ -1,11 +1,11 @@
-chrome >= 109
-edge >= 109
-firefox >= 115
-safari >= 15.4
-ios_saf >= 15.4
-and_chr >= 109
-and_ff >= 115
-samsung >= 21
-opera >= 95
-not dead
-not op_mini all
+chrome >= 109
+edge >= 109
+firefox >= 115
+safari >= 15.4
+ios_saf >= 15.4
+and_chr >= 109
+and_ff >= 115
+samsung >= 21
+opera >= 95
+not dead
+not op_mini all

package/templates/nextblock-template/.dockerignore

@@ -1,23 +1,23 @@
-# Keep the build context lean; deps are reinstalled in the image and secrets stay out.
-node_modules
-.git
-.github
-.next
-out
-dist
-coverage
-tmp
-backup
-backups
-*.log
-npm-debug.log*
-
-# Secrets never enter the image (NEXT_PUBLIC_* arrive as build args).
-.env
-.env.*
-!.env.docker.example
-
-# Not needed inside the app image (mounted/used by other compose services instead).
-docker
-supabase/.branches
-supabase/.temp
+# Keep the build context lean; deps are reinstalled in the image and secrets stay out.
+node_modules
+.git
+.github
+.next
+out
+dist
+coverage
+tmp
+backup
+backups
+*.log
+npm-debug.log*
+
+# Secrets never enter the image (NEXT_PUBLIC_* arrive as build args).
+.env
+.env.*
+!.env.docker.example
+
+# Not needed inside the app image (mounted/used by other compose services instead).
+docker
+supabase/.branches
+supabase/.temp

package/templates/nextblock-template/README.md

@@ -1,34 +1,34 @@
-# apps/nextblock
-
-`apps/nextblock` is the canonical NextBlock™ application. It contains:
-
-- the public site
-- the authenticated CMS
-- checkout and webhook routes
-- cron routes
-- the route tree used as the source for the scaffold template
-
-If you are trying to understand current runtime behavior, start here before you
-look at generated template output.
-
-## Related Docs
-
-- [Project Overview](../../docs/01-PROJECT-OVERVIEW.md)
-- [Ecommerce Capabilities](../../docs/02-ECOMMERCE-CAPABILITIES.md)
-- [CMS and Editor](../../docs/03-CMS-AND-EDITOR.md)
-- [Database and Auth](../../docs/04-DATABASE-AND-AUTH.md)
-- [Developer Guide](../../docs/05-DEVELOPER-GUIDE.md)
-- [CLI and Scaffolding](../../docs/06-CLI-AND-SCAFFOLDING.md)
-
-## Common Workflows
-
-From the repo root:
-
-```bash
-npx nx serve nextblock
-npx nx build nextblock
-npx nx lint nextblock --skip-nx-cache
-```
-
-Use the root docs for architecture and workflow details instead of maintaining a
-second app-specific guide here.
+# apps/nextblock
+
+`apps/nextblock` is the canonical NextBlock™ application. It contains:
+
+- the public site
+- the authenticated CMS
+- checkout and webhook routes
+- cron routes
+- the route tree used as the source for the scaffold template
+
+If you are trying to understand current runtime behavior, start here before you
+look at generated template output.
+
+## Related Docs
+
+- [Project Overview](../../docs/01-PROJECT-OVERVIEW.md)
+- [Ecommerce Capabilities](../../docs/02-ECOMMERCE-CAPABILITIES.md)
+- [CMS and Editor](../../docs/03-CMS-AND-EDITOR.md)
+- [Database and Auth](../../docs/04-DATABASE-AND-AUTH.md)
+- [Developer Guide](../../docs/05-DEVELOPER-GUIDE.md)
+- [CLI and Scaffolding](../../docs/06-CLI-AND-SCAFFOLDING.md)
+
+## Common Workflows
+
+From the repo root:
+
+```bash
+npx nx serve nextblock
+npx nx build nextblock
+npx nx lint nextblock --skip-nx-cache
+```
+
+Use the root docs for architecture and workflow details instead of maintaining a
+second app-specific guide here.

package/templates/nextblock-template/app/(auth-pages)/layout.tsx

@@ -1,9 +1,9 @@
-export default async function Layout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <div className="max-w-7xl mx-auto flex flex-col gap-12 items-start mb-4">{children}</div>
-  );
-}
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="max-w-7xl mx-auto flex flex-col gap-12 items-start mb-4">{children}</div>
+  );
+}

package/templates/nextblock-template/app/(auth-pages)/post-sign-in/page.tsx

@@ -1,27 +1,27 @@
-import { createClient } from '@nextblock-cms/db/server';
-import { redirect } from 'next/navigation';
-import { resolvePostAuthRedirect } from '../../../lib/auth-redirects';
-
-export default async function PostSignIn({
-  searchParams,
-}: {
-  searchParams: Promise<{ redirect_to?: string }>;
-}) {
-  const params = await searchParams;
-  const supabase = createClient();
-  const {
-    data: { user },
-  } = await supabase.auth.getUser();
-
-  if (!user) {
-    redirect('/sign-in');
-  }
-
-  const { data: profile } = await supabase
-    .from('profiles')
-    .select('role, full_name')
-    .eq('id', user.id)
-    .single();
-
-  redirect(resolvePostAuthRedirect(profile ?? null, params.redirect_to));
-}
+import { createClient } from '@nextblock-cms/db/server';
+import { redirect } from 'next/navigation';
+import { resolvePostAuthRedirect } from '../../../lib/auth-redirects';
+
+export default async function PostSignIn({
+  searchParams,
+}: {
+  searchParams: Promise<{ redirect_to?: string }>;
+}) {
+  const params = await searchParams;
+  const supabase = createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) {
+    redirect('/sign-in');
+  }
+
+  const { data: profile } = await supabase
+    .from('profiles')
+    .select('role, full_name')
+    .eq('id', user.id)
+    .single();
+
+  redirect(resolvePostAuthRedirect(profile ?? null, params.redirect_to));
+}

package/templates/nextblock-template/app/(auth-pages)/sign-up/SignUpForm.tsx

@@ -1,141 +1,141 @@
-'use client';
-
-import { signUpAction } from "../../actions";
-import { FormMessage, Message } from "../../../components/form-message";
-import { SubmitButton } from "../../../components/submit-button";
-import { Button, Input, Label } from "@nextblock-cms/ui";
-import Link from "next/link";
-import { useTranslations } from "@nextblock-cms/utils";
-import { useSearchParams } from "next/navigation";
-import { GitHubLoginButton } from "../../../components/GitHubLoginButton";
-import { ArrowRight, CheckCircle2, Mail } from "lucide-react";
-
-import { SandboxCredentialsAlert } from "../../../components/SandboxCredentialsAlert";
-import { AuthBotProtection } from "../../../components/auth/AuthBotProtection";
-
-type BotProtectionProvider = 'none' | 'turnstile' | 'recaptcha';
-
-interface SignUpFormProps {
-  botProtection: { provider: BotProtectionProvider; siteKey: string };
-  scriptNonce?: string;
-}
-
-function getMessage(searchParams: URLSearchParams): Message | undefined {
-    if (searchParams.has('error')) {
-        const error = searchParams.get('error');
-        if (error) return { error };
-    }
-    if (searchParams.has('success')) {
-        const success = searchParams.get('success');
-        if (success) return { success };
-    }
-    if (searchParams.has('message')) {
-        const message = searchParams.get('message');
-        if (message) return { message };
-    }
-    return undefined;
-}
-
-export default function SignUpForm({ botProtection, scriptNonce }: SignUpFormProps) {
-  const { t } = useTranslations();
-  const searchParams = useSearchParams();
-  const formMessage = getMessage(searchParams);
-  const successKey = searchParams.get('success');
-
-  if (successKey) {
-    return (
-      <div className="flex-1 flex flex-col w-full max-w-160 mx-auto">
-        <div className="mb-4 flex h-11 w-11 items-center justify-center rounded-full bg-primary/10 text-primary">
-          <CheckCircle2 className="h-5 w-5" />
-        </div>
-        <p className="text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground">
-          {t('auth.signup_success_badge')}
-        </p>
-        <h1 className="mt-3 text-2xl font-medium">{t('auth.signup_success_title')}</h1>
-        <p className="mt-2 text-sm leading-6 text-muted-foreground">
-          {t(successKey)}
-        </p>
-
-        <div className="mt-8 rounded-lg border p-5">
-          <div className="flex items-start gap-3">
-            <div className="mt-0.5 rounded-full bg-muted p-2 text-muted-foreground">
-              <Mail className="h-4 w-4" />
-            </div>
-            <div className="space-y-3 text-sm text-muted-foreground">
-              <p>{t('auth.signup_success_step_confirm')}</p>
-              <p>{t('auth.signup_success_step_profile')}</p>
-              <p>{t('auth.signup_success_step_spam')}</p>
-            </div>
-          </div>
-        </div>
-
-        <div className="mt-6 flex flex-col gap-3 sm:flex-row">
-          <Button asChild>
-            <Link href="/sign-in">
-              {t('auth.back_to_sign_in')}
-              <ArrowRight className="ml-2 h-4 w-4" />
-            </Link>
-          </Button>
-          <Button asChild variant="outline">
-            <Link href="/sign-up">{t('auth.signup_use_different_email')}</Link>
-          </Button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex-1 flex flex-col w-full max-w-160 mx-auto">
-      <form className="flex flex-col">
-        <SandboxCredentialsAlert />
-        <h1 className="text-2xl font-medium">{t('sign_up')}</h1>
-        <p className="mt-2 text-sm leading-6 text-muted-foreground">
-          {t('auth.signup_form_description')}
-        </p>
-        <p className="text-sm text-foreground">
-          {t('already_have_account')}{" "}
-          <Link className="text-foreground font-medium underline" href="/sign-in">
-            {t('sign_in')}
-          </Link>
-        </p>
-
-        <div className="mt-8 flex flex-col gap-2">
-          <GitHubLoginButton t={t} redirectTo="/profile" />
-
-          <div className="relative py-2">
-            <div className="absolute inset-0 flex items-center">
-              <span className="w-full border-t" />
-            </div>
-            <div className="relative flex justify-center text-xs uppercase">
-              <span className="bg-background px-2 text-muted-foreground">
-                {t('or_continue_with') || "Or continue with"}
-              </span>
-            </div>
-          </div>
-
-          <div className="flex flex-col gap-2 [&>input]:mb-3">
-            <Label htmlFor="email">{t('email')}</Label>
-            <Input name="email" placeholder={t('you_at_example_com')} required />
-            <Label htmlFor="password">{t('password')}</Label>
-            <Input
-              type="password"
-              name="password"
-              placeholder={t('your_password')}
-              minLength={6}
-              required
-            />
-            <AuthBotProtection
-              provider={botProtection.provider}
-              siteKey={botProtection.siteKey}
-              scriptNonce={scriptNonce}
-            />
-            <SubmitButton formAction={signUpAction} pendingText={t('signing_up_pending')}>
-              {t('sign_up')}
-            </SubmitButton>
-            <FormMessage message={formMessage} />
-          </div>
-        </div>
-      </form>
-    </div>
-  );
-}
+'use client';
+
+import { signUpAction } from "../../actions";
+import { FormMessage, Message } from "../../../components/form-message";
+import { SubmitButton } from "../../../components/submit-button";
+import { Button, Input, Label } from "@nextblock-cms/ui";
+import Link from "next/link";
+import { useTranslations } from "@nextblock-cms/utils";
+import { useSearchParams } from "next/navigation";
+import { GitHubLoginButton } from "../../../components/GitHubLoginButton";
+import { ArrowRight, CheckCircle2, Mail } from "lucide-react";
+
+import { SandboxCredentialsAlert } from "../../../components/SandboxCredentialsAlert";
+import { AuthBotProtection } from "../../../components/auth/AuthBotProtection";
+
+type BotProtectionProvider = 'none' | 'turnstile' | 'recaptcha';
+
+interface SignUpFormProps {
+  botProtection: { provider: BotProtectionProvider; siteKey: string };
+  scriptNonce?: string;
+}
+
+function getMessage(searchParams: URLSearchParams): Message | undefined {
+    if (searchParams.has('error')) {
+        const error = searchParams.get('error');
+        if (error) return { error };
+    }
+    if (searchParams.has('success')) {
+        const success = searchParams.get('success');
+        if (success) return { success };
+    }
+    if (searchParams.has('message')) {
+        const message = searchParams.get('message');
+        if (message) return { message };
+    }
+    return undefined;
+}
+
+export default function SignUpForm({ botProtection, scriptNonce }: SignUpFormProps) {
+  const { t } = useTranslations();
+  const searchParams = useSearchParams();
+  const formMessage = getMessage(searchParams);
+  const successKey = searchParams.get('success');
+
+  if (successKey) {
+    return (
+      <div className="flex-1 flex flex-col w-full max-w-160 mx-auto">
+        <div className="mb-4 flex h-11 w-11 items-center justify-center rounded-full bg-primary/10 text-primary">
+          <CheckCircle2 className="h-5 w-5" />
+        </div>
+        <p className="text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground">
+          {t('auth.signup_success_badge')}
+        </p>
+        <h1 className="mt-3 text-2xl font-medium">{t('auth.signup_success_title')}</h1>
+        <p className="mt-2 text-sm leading-6 text-muted-foreground">
+          {t(successKey)}
+        </p>
+
+        <div className="mt-8 rounded-lg border p-5">
+          <div className="flex items-start gap-3">
+            <div className="mt-0.5 rounded-full bg-muted p-2 text-muted-foreground">
+              <Mail className="h-4 w-4" />
+            </div>
+            <div className="space-y-3 text-sm text-muted-foreground">
+              <p>{t('auth.signup_success_step_confirm')}</p>
+              <p>{t('auth.signup_success_step_profile')}</p>
+              <p>{t('auth.signup_success_step_spam')}</p>
+            </div>
+          </div>
+        </div>
+
+        <div className="mt-6 flex flex-col gap-3 sm:flex-row">
+          <Button asChild>
+            <Link href="/sign-in">
+              {t('auth.back_to_sign_in')}
+              <ArrowRight className="ml-2 h-4 w-4" />
+            </Link>
+          </Button>
+          <Button asChild variant="outline">
+            <Link href="/sign-up">{t('auth.signup_use_different_email')}</Link>
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex-1 flex flex-col w-full max-w-160 mx-auto">
+      <form className="flex flex-col">
+        <SandboxCredentialsAlert />
+        <h1 className="text-2xl font-medium">{t('sign_up')}</h1>
+        <p className="mt-2 text-sm leading-6 text-muted-foreground">
+          {t('auth.signup_form_description')}
+        </p>
+        <p className="text-sm text-foreground">
+          {t('already_have_account')}{" "}
+          <Link className="text-foreground font-medium underline" href="/sign-in">
+            {t('sign_in')}
+          </Link>
+        </p>
+
+        <div className="mt-8 flex flex-col gap-2">
+          <GitHubLoginButton t={t} redirectTo="/profile" />
+
+          <div className="relative py-2">
+            <div className="absolute inset-0 flex items-center">
+              <span className="w-full border-t" />
+            </div>
+            <div className="relative flex justify-center text-xs uppercase">
+              <span className="bg-background px-2 text-muted-foreground">
+                {t('or_continue_with') || "Or continue with"}
+              </span>
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-2 [&>input]:mb-3">
+            <Label htmlFor="email">{t('email')}</Label>
+            <Input name="email" placeholder={t('you_at_example_com')} required />
+            <Label htmlFor="password">{t('password')}</Label>
+            <Input
+              type="password"
+              name="password"
+              placeholder={t('your_password')}
+              minLength={6}
+              required
+            />
+            <AuthBotProtection
+              provider={botProtection.provider}
+              siteKey={botProtection.siteKey}
+              scriptNonce={scriptNonce}
+            />
+            <SubmitButton formAction={signUpAction} pendingText={t('signing_up_pending')}>
+              {t('sign_up')}
+            </SubmitButton>
+            <FormMessage message={formMessage} />
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}

package/templates/nextblock-template/app/(auth-pages)/sign-up/page.tsx

@@ -1,46 +1,46 @@
-import { Suspense } from "react";
-import { headers } from "next/headers";
-import { createClient } from "@nextblock-cms/db/server";
-import SignUpForm from "./SignUpForm";
-
-type BotProtectionProvider = 'none' | 'turnstile' | 'recaptcha';
-
-// Server wrapper: resolves the site-wide bot-protection provider + site key
-// (CMS → Settings → Bot Protection) and the CSP nonce, then hands them to the
-// interactive client form. Mirrors the read in components/BlockRenderer.tsx.
-export default async function SignUpPage() {
-  let scriptNonce = '';
-  try {
-    scriptNonce = (await headers()).get('x-nonce') || '';
-  } catch (e) {
-    console.error('[Bot Protection] Error loading CSP nonce on sign-up page:', e);
-  }
-
-  let botProtection: { provider: BotProtectionProvider; siteKey: string } = {
-    provider: 'none',
-    siteKey: '',
-  };
-  try {
-    const supabase = createClient();
-    const { data: publicSetting } = await supabase
-      .from('site_settings')
-      .select('value')
-      .eq('key', 'bot_protection_public')
-      .maybeSingle();
-    if (publicSetting?.value) {
-      const publicVal = publicSetting.value as Record<string, any>;
-      botProtection = {
-        provider: publicVal.provider || 'none',
-        siteKey: publicVal.siteKey || '',
-      };
-    }
-  } catch (e) {
-    console.error('[Bot Protection] Error loading settings on sign-up page:', e);
-  }
-
-  return (
-    <Suspense fallback={null}>
-      <SignUpForm botProtection={botProtection} scriptNonce={scriptNonce} />
-    </Suspense>
-  );
-}
+import { Suspense } from "react";
+import { headers } from "next/headers";
+import { createClient } from "@nextblock-cms/db/server";
+import SignUpForm from "./SignUpForm";
+
+type BotProtectionProvider = 'none' | 'turnstile' | 'recaptcha';
+
+// Server wrapper: resolves the site-wide bot-protection provider + site key
+// (CMS → Settings → Bot Protection) and the CSP nonce, then hands them to the
+// interactive client form. Mirrors the read in components/BlockRenderer.tsx.
+export default async function SignUpPage() {
+  let scriptNonce = '';
+  try {
+    scriptNonce = (await headers()).get('x-nonce') || '';
+  } catch (e) {
+    console.error('[Bot Protection] Error loading CSP nonce on sign-up page:', e);
+  }
+
+  let botProtection: { provider: BotProtectionProvider; siteKey: string } = {
+    provider: 'none',
+    siteKey: '',
+  };
+  try {
+    const supabase = createClient();
+    const { data: publicSetting } = await supabase
+      .from('site_settings')
+      .select('value')
+      .eq('key', 'bot_protection_public')
+      .maybeSingle();
+    if (publicSetting?.value) {
+      const publicVal = publicSetting.value as Record<string, any>;
+      botProtection = {
+        provider: publicVal.provider || 'none',
+        siteKey: publicVal.siteKey || '',
+      };
+    }
+  } catch (e) {
+    console.error('[Bot Protection] Error loading settings on sign-up page:', e);
+  }
+
+  return (
+    <Suspense fallback={null}>
+      <SignUpForm botProtection={botProtection} scriptNonce={scriptNonce} />
+    </Suspense>
+  );
+}