create-nextblock 0.16.3 → 0.17.0

package/templates/nextblock-template/scripts/validate-editor-block-schema.ts

@@ -1,112 +1,112 @@
-/* eslint-disable @nx/enforce-module-boundaries */
-import dotenv from 'dotenv';
-import { createClient } from '@supabase/supabase-js';
-import { toJSONSchema } from 'zod';
-import {
-  editorBlockDocumentSchema,
-  editorGeneratedBlockDocumentSchema,
-  getEditorBlocksJsonSchema,
-} from '../../../libs/utils/src/lib/editor-blocks';
-
-dotenv.config({ path: '.env.local' });
-
-const seededProductDescriptionSample = {
-  type: 'doc',
-  content: [
-    {
-      type: 'heading',
-      attrs: { level: 2 },
-      content: [{ type: 'text', text: 'Studio uniform for shipping days' }],
-    },
-    {
-      type: 'paragraph',
-      content: [
-        {
-          type: 'text',
-          text: 'The NextBlock Studio Tee is cut from premium heavyweight cotton.',
-        },
-      ],
-    },
-    {
-      type: 'bulletList',
-      content: [
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              content: [{ type: 'text', text: 'Heavyweight cotton feel.' }],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};
-
-async function readDatabaseSample() {
-  const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
-  const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
-
-  if (!supabaseUrl || !serviceRoleKey) {
-    return null;
-  }
-
-  const supabase = createClient(supabaseUrl, serviceRoleKey, {
-    auth: {
-      autoRefreshToken: false,
-      persistSession: false,
-    },
-  });
-
-  const { data, error } = await supabase
-    .from('products')
-    .select('id, slug, description_json')
-    .not('description_json', 'is', null)
-    .limit(1)
-    .maybeSingle();
-
-  if (error) {
-    throw new Error(`Failed to read product description_json sample: ${error.message}`);
-  }
-
-  return data;
-}
-
-async function main() {
-  if (process.argv.includes('--generated-schema-diagnostics')) {
-    const jsonSchema = toJSONSchema(editorGeneratedBlockDocumentSchema, {
-      cycles: 'ref',
-      reused: 'ref',
-      target: 'draft-07',
-    });
-    const schemaText = JSON.stringify(jsonSchema);
-    console.log(`Generated schema propertyNames occurrences=${schemaText.match(/propertyNames/g)?.length || 0}`);
-    console.log(`Generated schema size=${schemaText.length}`);
-    const propertyNamesIndex = schemaText.indexOf('propertyNames');
-    if (propertyNamesIndex >= 0) {
-      console.log(schemaText.slice(Math.max(0, propertyNamesIndex - 240), propertyNamesIndex + 240));
-    }
-    return;
-  }
-
-  const databaseSample = await readDatabaseSample();
-  const sample = databaseSample?.description_json || seededProductDescriptionSample;
-  const parsed = editorBlockDocumentSchema.parse(sample);
-  const jsonSchema = getEditorBlocksJsonSchema();
-
-  console.log('Editor block schema validation succeeded.');
-  console.log(
-    databaseSample
-      ? `Sample source=products.description_json slug=${databaseSample.slug}`
-      : 'Sample source=seeded product description fallback'
-  );
-  console.log(`Root type=${parsed.type}`);
-  console.log(`Top-level blocks=${parsed.content?.length || 0}`);
-  console.log(`JSON Schema keys=${Object.keys(jsonSchema as Record<string, unknown>).join(',')}`);
-}
-
-main().catch((error) => {
-  console.error(error instanceof Error ? error.message : error);
-  process.exitCode = 1;
-});
+/* eslint-disable @nx/enforce-module-boundaries */
+import dotenv from 'dotenv';
+import { createClient } from '@supabase/supabase-js';
+import { toJSONSchema } from 'zod';
+import {
+  editorBlockDocumentSchema,
+  editorGeneratedBlockDocumentSchema,
+  getEditorBlocksJsonSchema,
+} from '../../../libs/utils/src/lib/editor-blocks';
+
+dotenv.config({ path: '.env.local' });
+
+const seededProductDescriptionSample = {
+  type: 'doc',
+  content: [
+    {
+      type: 'heading',
+      attrs: { level: 2 },
+      content: [{ type: 'text', text: 'Studio uniform for shipping days' }],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'The NextBlock Studio Tee is cut from premium heavyweight cotton.',
+        },
+      ],
+    },
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Heavyweight cotton feel.' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+async function readDatabaseSample() {
+  const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
+  const serviceRoleKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
+
+  if (!supabaseUrl || !serviceRoleKey) {
+    return null;
+  }
+
+  const supabase = createClient(supabaseUrl, serviceRoleKey, {
+    auth: {
+      autoRefreshToken: false,
+      persistSession: false,
+    },
+  });
+
+  const { data, error } = await supabase
+    .from('products')
+    .select('id, slug, description_json')
+    .not('description_json', 'is', null)
+    .limit(1)
+    .maybeSingle();
+
+  if (error) {
+    throw new Error(`Failed to read product description_json sample: ${error.message}`);
+  }
+
+  return data;
+}
+
+async function main() {
+  if (process.argv.includes('--generated-schema-diagnostics')) {
+    const jsonSchema = toJSONSchema(editorGeneratedBlockDocumentSchema, {
+      cycles: 'ref',
+      reused: 'ref',
+      target: 'draft-07',
+    });
+    const schemaText = JSON.stringify(jsonSchema);
+    console.log(`Generated schema propertyNames occurrences=${schemaText.match(/propertyNames/g)?.length || 0}`);
+    console.log(`Generated schema size=${schemaText.length}`);
+    const propertyNamesIndex = schemaText.indexOf('propertyNames');
+    if (propertyNamesIndex >= 0) {
+      console.log(schemaText.slice(Math.max(0, propertyNamesIndex - 240), propertyNamesIndex + 240));
+    }
+    return;
+  }
+
+  const databaseSample = await readDatabaseSample();
+  const sample = databaseSample?.description_json || seededProductDescriptionSample;
+  const parsed = editorBlockDocumentSchema.parse(sample);
+  const jsonSchema = getEditorBlocksJsonSchema();
+
+  console.log('Editor block schema validation succeeded.');
+  console.log(
+    databaseSample
+      ? `Sample source=products.description_json slug=${databaseSample.slug}`
+      : 'Sample source=seeded product description fallback'
+  );
+  console.log(`Root type=${parsed.type}`);
+  console.log(`Top-level blocks=${parsed.content?.length || 0}`);
+  console.log(`JSON Schema keys=${Object.keys(jsonSchema as Record<string, unknown>).join(',')}`);
+}
+
+main().catch((error) => {
+  console.error(error instanceof Error ? error.message : error);
+  process.exitCode = 1;
+});

package/templates/nextblock-template/scripts/verify-cortex-ai-build-widget.tsx

@@ -1,98 +1,98 @@
-import dotenv from 'dotenv';
-import React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-
-import { DynamicLayoutEngine } from '../components/renderers/DynamicLayoutEngine';
-import {
-  buildCortexWidgetDefinitionInsertPayload,
-  buildCortexProfileCardVerificationDefinition,
-  validateCortexWidgetDefinitionOutput,
-} from '@nextblock-cms/cortex';
-
-dotenv.config({ path: '.env.local' });
-
-const args = process.argv.slice(2);
-const prompt =
-  args.filter((arg) => !arg.startsWith('--')).join(' ') ||
-  'Synthesize a multi-tier profile card with an inner flex column housing an R2 picture asset slot and a customer list relation link.';
-
-function renderVerificationHtml(definition: ReturnType<typeof validateCortexWidgetDefinitionOutput>) {
-  return renderToStaticMarkup(
-    <DynamicLayoutEngine
-      definition={{
-        fields: definition.fields,
-        id: '77777777-7777-4777-8777-777777777777',
-        layout_schema: definition.layout_schema,
-        name: definition.name,
-        slug: definition.slug,
-      }}
-      data={{
-        customer_list: ['profile-1', 'profile-2'],
-        profile_name: 'Ada Lovelace',
-        profile_photo: {
-          alt: 'Ada Lovelace profile photo',
-          object_key: 'cortex/profile-card/ada.webp',
-          url: 'https://cdn.nextblock.dev/cortex/profile-card/ada.webp',
-        },
-        profile_role: 'Principal Architect',
-        profile_summary:
-          '<p>Builds multi-tier product systems with direct media and live relation data.</p>',
-        resolved_relations: {
-          customer_list: [
-            {
-              record: { full_name: 'Analytical Engine Society', id: 'profile-1' },
-              table: 'profiles',
-              value: 'profile-1',
-            },
-            {
-              record: { full_name: 'Difference Labs', id: 'profile-2' },
-              table: 'profiles',
-              value: 'profile-2',
-            },
-          ],
-        },
-      }}
-    />
-  );
-}
-
-async function main() {
-  const definition = validateCortexWidgetDefinitionOutput(
-    buildCortexProfileCardVerificationDefinition()
-  );
-  const payload = buildCortexWidgetDefinitionInsertPayload(definition);
-  const html = renderVerificationHtml(definition);
-
-  console.log(
-    JSON.stringify(
-      {
-        atomicInsert: {
-          payload,
-          status: 'validated-payload',
-        },
-        fieldTypes: definition.fields.map((field) => ({
-          key: field.key,
-          type: field.type,
-        })),
-        prompt,
-        renderChecks: {
-          containsCustomerRelations:
-            html.includes('Analytical Engine Society') && html.includes('Difference Labs'),
-          containsImageSlot: html.includes('cortex/profile-card/ada.webp'),
-          containsNestedTailwind:
-            html.includes('flex flex-col gap-6 md:flex-row') &&
-            html.includes('flex min-w-0 flex-1 flex-col gap-4'),
-          htmlLength: html.length,
-        },
-        slug: definition.slug,
-      },
-      null,
-      2
-    )
-  );
-}
-
-main().catch((error) => {
-  console.error(error instanceof Error ? error.message : error);
-  process.exitCode = 1;
-});
+import dotenv from 'dotenv';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import { DynamicLayoutEngine } from '../components/renderers/DynamicLayoutEngine';
+import {
+  buildCortexWidgetDefinitionInsertPayload,
+  buildCortexProfileCardVerificationDefinition,
+  validateCortexWidgetDefinitionOutput,
+} from '@nextblock-cms/cortex';
+
+dotenv.config({ path: '.env.local' });
+
+const args = process.argv.slice(2);
+const prompt =
+  args.filter((arg) => !arg.startsWith('--')).join(' ') ||
+  'Synthesize a multi-tier profile card with an inner flex column housing an R2 picture asset slot and a customer list relation link.';
+
+function renderVerificationHtml(definition: ReturnType<typeof validateCortexWidgetDefinitionOutput>) {
+  return renderToStaticMarkup(
+    <DynamicLayoutEngine
+      definition={{
+        fields: definition.fields,
+        id: '77777777-7777-4777-8777-777777777777',
+        layout_schema: definition.layout_schema,
+        name: definition.name,
+        slug: definition.slug,
+      }}
+      data={{
+        customer_list: ['profile-1', 'profile-2'],
+        profile_name: 'Ada Lovelace',
+        profile_photo: {
+          alt: 'Ada Lovelace profile photo',
+          object_key: 'cortex/profile-card/ada.webp',
+          url: 'https://cdn.nextblock.dev/cortex/profile-card/ada.webp',
+        },
+        profile_role: 'Principal Architect',
+        profile_summary:
+          '<p>Builds multi-tier product systems with direct media and live relation data.</p>',
+        resolved_relations: {
+          customer_list: [
+            {
+              record: { full_name: 'Analytical Engine Society', id: 'profile-1' },
+              table: 'profiles',
+              value: 'profile-1',
+            },
+            {
+              record: { full_name: 'Difference Labs', id: 'profile-2' },
+              table: 'profiles',
+              value: 'profile-2',
+            },
+          ],
+        },
+      }}
+    />
+  );
+}
+
+async function main() {
+  const definition = validateCortexWidgetDefinitionOutput(
+    buildCortexProfileCardVerificationDefinition()
+  );
+  const payload = buildCortexWidgetDefinitionInsertPayload(definition);
+  const html = renderVerificationHtml(definition);
+
+  console.log(
+    JSON.stringify(
+      {
+        atomicInsert: {
+          payload,
+          status: 'validated-payload',
+        },
+        fieldTypes: definition.fields.map((field) => ({
+          key: field.key,
+          type: field.type,
+        })),
+        prompt,
+        renderChecks: {
+          containsCustomerRelations:
+            html.includes('Analytical Engine Society') && html.includes('Difference Labs'),
+          containsImageSlot: html.includes('cortex/profile-card/ada.webp'),
+          containsNestedTailwind:
+            html.includes('flex flex-col gap-6 md:flex-row') &&
+            html.includes('flex min-w-0 flex-1 flex-col gap-4'),
+          htmlLength: html.length,
+        },
+        slug: definition.slug,
+      },
+      null,
+      2
+    )
+  );
+}
+
+main().catch((error) => {
+  console.error(error instanceof Error ? error.message : error);
+  process.exitCode = 1;
+});

package/templates/nextblock-template/scripts/verify-cortex-ai-generate-blocks.ts

@@ -1,62 +1,62 @@
-import dotenv from 'dotenv';
-
-import { generateEditorHtmlFragment } from '@nextblock-cms/cortex';
-
-dotenv.config({ path: '.env.local' });
-
-const args = process.argv.slice(2);
-const modelFlag = args.find((arg) => arg.startsWith('--model='));
-const prompt =
-  args.filter((arg) => !arg.startsWith('--model=')).join(' ') ||
-  'Generate a 3-tier pricing table';
-const modelId = modelFlag?.slice('--model='.length);
-
-async function main() {
-  const result = await generateEditorHtmlFragment({
-    fallbackModelIds: modelId ? [] : undefined,
-    modelId,
-    prompt,
-  });
-  const hasTable = /<table\b/i.test(result.html);
-
-  console.log(result.html);
-  console.error(
-    JSON.stringify(
-      {
-        attempts: result.attempts.map((attempt) => ({
-          modelId: attempt.modelId,
-          status: attempt.status,
-        })),
-        credentialSource: result.credentialSource,
-        hasTable,
-        modelId: result.modelId,
-        outputCharacters: result.html.length,
-      },
-      null,
-      2
-    )
-  );
-}
-
-main().catch((error) => {
-  if (error && typeof error === 'object' && 'attempts' in error) {
-    console.error(JSON.stringify((error as { attempts: unknown }).attempts, null, 2));
-  }
-  if (error && typeof error === 'object' && 'cause' in error) {
-    const cause = (error as { cause?: { cause?: unknown; message?: string; text?: string } }).cause;
-    console.error(
-      JSON.stringify(
-        {
-          cause: cause?.message,
-          causeCause:
-            cause?.cause instanceof Error ? cause.cause.message : String(cause?.cause || ''),
-          text: cause?.text,
-        },
-        null,
-        2
-      )
-    );
-  }
-  console.error(error instanceof Error ? error.message : error);
-  process.exitCode = 1;
-});
+import dotenv from 'dotenv';
+
+import { generateEditorHtmlFragment } from '@nextblock-cms/cortex';
+
+dotenv.config({ path: '.env.local' });
+
+const args = process.argv.slice(2);
+const modelFlag = args.find((arg) => arg.startsWith('--model='));
+const prompt =
+  args.filter((arg) => !arg.startsWith('--model=')).join(' ') ||
+  'Generate a 3-tier pricing table';
+const modelId = modelFlag?.slice('--model='.length);
+
+async function main() {
+  const result = await generateEditorHtmlFragment({
+    fallbackModelIds: modelId ? [] : undefined,
+    modelId,
+    prompt,
+  });
+  const hasTable = /<table\b/i.test(result.html);
+
+  console.log(result.html);
+  console.error(
+    JSON.stringify(
+      {
+        attempts: result.attempts.map((attempt) => ({
+          modelId: attempt.modelId,
+          status: attempt.status,
+        })),
+        credentialSource: result.credentialSource,
+        hasTable,
+        modelId: result.modelId,
+        outputCharacters: result.html.length,
+      },
+      null,
+      2
+    )
+  );
+}
+
+main().catch((error) => {
+  if (error && typeof error === 'object' && 'attempts' in error) {
+    console.error(JSON.stringify((error as { attempts: unknown }).attempts, null, 2));
+  }
+  if (error && typeof error === 'object' && 'cause' in error) {
+    const cause = (error as { cause?: { cause?: unknown; message?: string; text?: string } }).cause;
+    console.error(
+      JSON.stringify(
+        {
+          cause: cause?.message,
+          causeCause:
+            cause?.cause instanceof Error ? cause.cause.message : String(cause?.cause || ''),
+          text: cause?.text,
+        },
+        null,
+        2
+      )
+    );
+  }
+  console.error(error instanceof Error ? error.message : error);
+  process.exitCode = 1;
+});