create-nextblock 0.16.3 → 0.17.0

package/templates/nextblock-template/lib/visual-editing/edit-info.ts

@@ -1,94 +1,94 @@
-import "server-only";
-
-import type {
-  NextblockVisualEditInfo,
-  VisualEditAttributes,
-  VisualEditingBlockTarget,
-  VisualEditingDocumentContext,
-} from "./types";
-
-function getEditUrl(
-  documentType: VisualEditingDocumentContext["documentType"],
-  documentId: number | string,
-  baseUrl: string
-) {
-  const path = documentType === "product"
-    ? `/cms/products/${documentId}/edit`
-    : documentType === "page"
-      ? `/cms/pages/${documentId}/edit`
-      : `/cms/posts/${documentId}/edit`;
-  return `${baseUrl}${path}`;
-}
-
-export async function getRequestOrigin(): Promise<string | undefined> {
-  try {
-    const { headers } = require("next/headers");
-    const headersList = await headers();
-    const host = headersList.get("host");
-    const proto = headersList.get("x-forwarded-proto") || "https";
-    if (host) {
-      return `${proto}://${host}`;
-    }
-  } catch {
-    // Fallback for static builds/tests
-  }
-  return undefined;
-}
-
-export function buildVisualEditAttributes(
-  context: VisualEditingDocumentContext | undefined,
-  target: VisualEditingBlockTarget
-): VisualEditAttributes | undefined {
-  if (!context?.enabled) {
-    return undefined;
-  }
-
-  const baseUrl = 
-    process.env.NEXT_PUBLIC_URL || 
-    process.env.TARGET_URL || 
-    (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || 
-    "http://localhost:3000";
-
-  const pageOrigin = context?.pageOrigin || (process.env.VERCEL_URL
-    ? `https://${process.env.VERCEL_URL}`
-    : (process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || "http://localhost:3000"));
-
-  let origin = pageOrigin.replace(/\/+$/, "");
-  try {
-    if (origin.startsWith("http://") || origin.startsWith("https://")) {
-      origin = new URL(origin).hostname;
-    }
-  } catch {
-    // Fallback
-  }
-
-  const payload: NextblockVisualEditInfo = {
-    origin,
-    baseUrl: baseUrl,
-    editUrl: getEditUrl(context.documentType, context.documentId, baseUrl),
-    data: {
-      parentType: context.documentType,
-      parentId: context.documentId,
-      slug: context.slug,
-      languageId: context.languageId,
-      draftId: context.draftId ?? null,
-      target,
-    },
-  };
-
-  const projectId = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID;
-  if (projectId) {
-    payload.projectId = projectId;
-  }
-
-  const workspaceId = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID;
-  if (workspaceId) {
-    payload.workspaceId = workspaceId;
-  }
-
-  return {
-    "data-vercel-edit-info": JSON.stringify(payload),
-    "data-vercel-edit-target": JSON.stringify(target),
-    "data-nextblock-visual-edit": `${target.kind}:${target.blockType}`,
-  };
-}
+import "server-only";
+
+import type {
+  NextblockVisualEditInfo,
+  VisualEditAttributes,
+  VisualEditingBlockTarget,
+  VisualEditingDocumentContext,
+} from "./types";
+
+function getEditUrl(
+  documentType: VisualEditingDocumentContext["documentType"],
+  documentId: number | string,
+  baseUrl: string
+) {
+  const path = documentType === "product"
+    ? `/cms/products/${documentId}/edit`
+    : documentType === "page"
+      ? `/cms/pages/${documentId}/edit`
+      : `/cms/posts/${documentId}/edit`;
+  return `${baseUrl}${path}`;
+}
+
+export async function getRequestOrigin(): Promise<string | undefined> {
+  try {
+    const { headers } = require("next/headers");
+    const headersList = await headers();
+    const host = headersList.get("host");
+    const proto = headersList.get("x-forwarded-proto") || "https";
+    if (host) {
+      return `${proto}://${host}`;
+    }
+  } catch {
+    // Fallback for static builds/tests
+  }
+  return undefined;
+}
+
+export function buildVisualEditAttributes(
+  context: VisualEditingDocumentContext | undefined,
+  target: VisualEditingBlockTarget
+): VisualEditAttributes | undefined {
+  if (!context?.enabled) {
+    return undefined;
+  }
+
+  const baseUrl = 
+    process.env.NEXT_PUBLIC_URL || 
+    process.env.TARGET_URL || 
+    (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || 
+    "http://localhost:3000";
+
+  const pageOrigin = context?.pageOrigin || (process.env.VERCEL_URL
+    ? `https://${process.env.VERCEL_URL}`
+    : (process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || "http://localhost:3000"));
+
+  let origin = pageOrigin.replace(/\/+$/, "");
+  try {
+    if (origin.startsWith("http://") || origin.startsWith("https://")) {
+      origin = new URL(origin).hostname;
+    }
+  } catch {
+    // Fallback
+  }
+
+  const payload: NextblockVisualEditInfo = {
+    origin,
+    baseUrl: baseUrl,
+    editUrl: getEditUrl(context.documentType, context.documentId, baseUrl),
+    data: {
+      parentType: context.documentType,
+      parentId: context.documentId,
+      slug: context.slug,
+      languageId: context.languageId,
+      draftId: context.draftId ?? null,
+      target,
+    },
+  };
+
+  const projectId = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID;
+  if (projectId) {
+    payload.projectId = projectId;
+  }
+
+  const workspaceId = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID;
+  if (workspaceId) {
+    payload.workspaceId = workspaceId;
+  }
+
+  return {
+    "data-vercel-edit-info": JSON.stringify(payload),
+    "data-vercel-edit-target": JSON.stringify(target),
+    "data-nextblock-visual-edit": `${target.kind}:${target.blockType}`,
+  };
+}

package/templates/nextblock-template/lib/visual-editing/product-drafts.test.ts

@@ -1,81 +1,81 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("server-only", () => ({}));
-vi.mock("next/cache", () => ({
-  revalidatePath: vi.fn(),
-}));
-vi.mock("@nextblock-cms/db/server", () => ({
-  createClient: vi.fn(),
-  getServiceRoleSupabaseClient: vi.fn(),
-  getSsgSupabaseClient: vi.fn(),
-}));
-
-import {
-  applyProductDraftToProductRecord,
-  assertValidProductFieldRequest,
-} from "./product-drafts";
-import type { VisualEditingProductFieldRequest } from "./types";
-
-const productId = "123e4567-e89b-12d3-a456-426614174000";
-
-describe("product visual editing drafts", () => {
-  it("validates product field draft targets", () => {
-    const request: VisualEditingProductFieldRequest = {
-      parentType: "product",
-      parentId: productId,
-      target: {
-        kind: "product-field",
-        field: "description_json",
-        input: "tiptap",
-        label: "Product description",
-      },
-    };
-
-    expect(() => assertValidProductFieldRequest(request)).not.toThrow();
-  });
-
-  it("rejects product title targets that use the wrong editor input", () => {
-    const request: VisualEditingProductFieldRequest = {
-      parentType: "product",
-      parentId: productId,
-      target: {
-        kind: "product-field",
-        field: "title",
-        input: "tiptap",
-        label: "Product title",
-      },
-    };
-
-    expect(() => assertValidProductFieldRequest(request)).toThrow(
-      "Invalid product field editor."
-    );
-  });
-
-  it("overlays visible storefront product fields from a draft snapshot", () => {
-    const product = {
-      id: productId,
-      title: "Published title",
-      slug: "published-product",
-      short_description: "Published short copy",
-      description_json: { type: "doc", content: [] },
-      price: 100,
-    };
-    const draft = {
-      id: 1,
-      product_id: productId,
-      author_id: "user-1",
-      meta: {
-        title: "Draft title",
-        short_description: "Draft short copy",
-      },
-      created_at: "2026-01-01T00:00:00.000Z",
-      updated_at: "2026-01-01T00:00:00.000Z",
-    };
-
-    expect(applyProductDraftToProductRecord(product, draft)).toMatchObject({
-      title: "Draft title",
-      short_description: "Draft short copy",
-      price: 100,
-    });
-  });
-});
+import { describe, expect, it, vi } from "vitest";
+
+vi.mock("server-only", () => ({}));
+vi.mock("next/cache", () => ({
+  revalidatePath: vi.fn(),
+}));
+vi.mock("@nextblock-cms/db/server", () => ({
+  createClient: vi.fn(),
+  getServiceRoleSupabaseClient: vi.fn(),
+  getSsgSupabaseClient: vi.fn(),
+}));
+
+import {
+  applyProductDraftToProductRecord,
+  assertValidProductFieldRequest,
+} from "./product-drafts";
+import type { VisualEditingProductFieldRequest } from "./types";
+
+const productId = "123e4567-e89b-12d3-a456-426614174000";
+
+describe("product visual editing drafts", () => {
+  it("validates product field draft targets", () => {
+    const request: VisualEditingProductFieldRequest = {
+      parentType: "product",
+      parentId: productId,
+      target: {
+        kind: "product-field",
+        field: "description_json",
+        input: "tiptap",
+        label: "Product description",
+      },
+    };
+
+    expect(() => assertValidProductFieldRequest(request)).not.toThrow();
+  });
+
+  it("rejects product title targets that use the wrong editor input", () => {
+    const request: VisualEditingProductFieldRequest = {
+      parentType: "product",
+      parentId: productId,
+      target: {
+        kind: "product-field",
+        field: "title",
+        input: "tiptap",
+        label: "Product title",
+      },
+    };
+
+    expect(() => assertValidProductFieldRequest(request)).toThrow(
+      "Invalid product field editor."
+    );
+  });
+
+  it("overlays visible storefront product fields from a draft snapshot", () => {
+    const product = {
+      id: productId,
+      title: "Published title",
+      slug: "published-product",
+      short_description: "Published short copy",
+      description_json: { type: "doc", content: [] },
+      price: 100,
+    };
+    const draft = {
+      id: 1,
+      product_id: productId,
+      author_id: "user-1",
+      meta: {
+        title: "Draft title",
+        short_description: "Draft short copy",
+      },
+      created_at: "2026-01-01T00:00:00.000Z",
+      updated_at: "2026-01-01T00:00:00.000Z",
+    };
+
+    expect(applyProductDraftToProductRecord(product, draft)).toMatchObject({
+      title: "Draft title",
+      short_description: "Draft short copy",
+      price: 100,
+    });
+  });
+});

package/templates/nextblock-template/lib/zod-config.ts

@@ -1,5 +1,5 @@
-import { z } from 'zod';
-
-z.config({ jitless: true });
-
-export { z };
+import { z } from 'zod';
+
+z.config({ jitless: true });
+
+export { z };

package/templates/nextblock-template/next-env.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 import "./.next/dev/types/routes.d.ts";
+import "./.next/dev/types/root-params.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/nextblock-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/template",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "The open-source, full-stack AI-native CMS for Next.js 16, Supabase, and Tailwind CSS.",
   "keywords": [
     "cms",