@nextsparkjs/core 0.1.0-beta.134 → 0.1.0-beta.136

package/dist/components/public/pageBuilder/PageRenderer.d.ts

@@ -2,12 +2,11 @@
  * PageRenderer Component
  *
  * Renders pages from the Page Builder by iterating over blocks
- * and loading block components from the SSR registry.
+ * and directly loading block components from the SSR registry.
  *
- * Block components are loaded via next/dynamic (ssr: true) for per-block
- * code splitting. Each block gets its own JS chunk — only blocks used on
- * the page have their JS loaded by the browser. SSR renders full HTML
- * so content is visible without client JS (SEO-safe).
+ * Uses direct imports (BLOCK_COMPONENTS_SSR) for synchronous hydration.
+ * This ensures zero CLS — HTML is fully visible and stable without
+ * waiting for async chunk resolution on the client.
  *
  * @module core/components/public/pageBuilder
  */

package/dist/components/public/pageBuilder/PageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAsC1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+BvD"}
+{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAiC1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+BvD"}

package/dist/components/public/pageBuilder/PageRenderer.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense } from "react";
 import { getBlockComponentSSR, normalizeBlockProps } from "../../../lib/blocks/loader.js";
 function BlockError({ blockSlug }) {
   return /* @__PURE__ */ jsx("div", { className: "w-full py-12 px-4 bg-destructive/10 border border-destructive/20 rounded", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto text-center", children: [
@@ -17,7 +16,7 @@ function BlockRenderer({ block }) {
     return /* @__PURE__ */ jsx(BlockError, { blockSlug: block.blockSlug });
   }
   const normalizedProps = normalizeBlockProps(block.props);
-  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(BlockComponent, { ...normalizedProps }) });
+  return /* @__PURE__ */ jsx(BlockComponent, { ...normalizedProps });
 }
 function PageRenderer({ page }) {
   const blocks = Array.isArray(page.blocks) ? page.blocks : [];

package/dist/styles/classes.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-04-07T15:29:52.891Z",
+  "generated": "2026-04-07T17:31:21.161Z",
   "totalClasses": 1078,
   "classes": [
     "!text-2xl",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextsparkjs/core",
-  "version": "0.1.0-beta.134",
+  "version": "0.1.0-beta.136",
   "description": "NextSpark - The complete SaaS framework for Next.js",
   "license": "MIT",
   "author": "NextSpark <hello@nextspark.dev>",
@@ -462,7 +462,7 @@
     "tailwind-merge": "^3.3.1",
     "uuid": "^13.0.0",
     "zod": "^4.1.5",
-    "@nextsparkjs/testing": "0.1.0-beta.134"
+    "@nextsparkjs/testing": "0.1.0-beta.136"
   },
   "scripts": {
     "postinstall": "node scripts/postinstall.mjs || true",

package/scripts/build/registry/generators/block-registry.mjs

@@ -47,10 +47,6 @@ export const BLOCK_CATEGORIES: string[] = []
 
 export const BLOCK_COMPONENTS: Record<string, React.LazyExoticComponent<React.ComponentType<unknown>>> = {}
 
-/**
- * Direct-imported block components for SSR rendering
- * No React.lazy, no Suspense — HTML is fully visible without JS
- */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const BLOCK_COMPONENTS_SSR: Record<string, React.ComponentType<any>> = {}
 
@@ -64,22 +60,23 @@ export const BLOCK_METADATA = {
 `
   }
 
-  // Import field definitions and examples (if they exist)
+  // Import field definitions, examples, and components
   const imports = []
+  const ssrImports = []
 
   blocks.forEach(block => {
     const slugVar = block.slug.replace(/-/g, '_')
 
-    // Always import field definitions
     imports.push(`import { fieldDefinitions as ${slugVar}_fields } from '${block.paths.fields}'`)
+    ssrImports.push(`import { default as ${slugVar}_component } from '${block.paths.component}'`)
 
-    // Conditionally import examples if they exist
     if (block.hasExamples) {
       imports.push(`import { examples as ${slugVar}_examples } from '${block.paths.examples}'`)
     }
   })
 
   const fieldImports = imports.join('\n')
+  const ssrComponentImports = ssrImports.join('\n')
 
   const registryEntries = blocks.map(block => {
     const slugVar = block.slug.replace(/-/g, '_')
@@ -127,11 +124,13 @@ export const BLOCK_METADATA = {
  */
 
 import React from 'react'
-import dynamic from 'next/dynamic'
 import type { BlockConfig, BlockCategory } from '${convertCorePath('@/core/types', outputFilePath, config)}'
 
 ${fieldImports}
 
+// Direct component imports for SSR — zero CLS, synchronous hydration
+${ssrComponentImports}
+
 export const BLOCK_REGISTRY: Record<string, BlockConfig> = {
 ${registryEntries}
 }
@@ -139,9 +138,8 @@ ${registryEntries}
 export const BLOCK_CATEGORIES: BlockCategory[] = [${categories.map(c => `'${c}'`).join(', ')}]
 
 /**
- * Lazy-loaded block components for runtime rendering
- * Each component is wrapped with React.lazy for code-splitting
- * Uses Object.values to get the first exported component (handles varying naming conventions)
+ * Lazy-loaded block components for client-side rendering (admin UI, block picker).
+ * Each component is wrapped with React.lazy for code-splitting.
  */
 export const BLOCK_COMPONENTS: Record<string, React.LazyExoticComponent<React.ComponentType<any>>> = {
 ${blocks.map(block => {
@@ -150,14 +148,15 @@ ${blocks.map(block => {
 }
 
 /**
- * Code-split block components for SSR rendering via next/dynamic.
- * Each block is a separate JS chunk — only blocks used on the page are loaded.
- * SSR is enabled (default) so HTML is fully visible without client JS.
+ * Direct-imported block components for SSR rendering.
+ * Static imports ensure synchronous hydration — zero CLS.
+ * HTML is fully visible without client JS (SEO-safe, no-JS compatible).
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const BLOCK_COMPONENTS_SSR: Record<string, React.ComponentType<any>> = {
 ${blocks.map(block => {
-    return `  '${block.slug}': dynamic(() => import('${block.paths.component}'), { ssr: true })`
+    const slugVar = block.slug.replace(/-/g, '_')
+    return `  '${block.slug}': ${slugVar}_component`
   }).join(',\n')}
 }