create-nextblock 0.2.77 → 0.8.0

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

@@ -0,0 +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;
+});

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

@@ -0,0 +1,100 @@
+import dotenv from 'dotenv';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import { DynamicLayoutEngine } from '../components/renderers/DynamicLayoutEngine';
+import {
+  buildCortexProfileCardVerificationDefinition,
+  validateCortexWidgetDefinitionOutput,
+} from '../lib/cortex-widget-schema';
+import {
+  buildCortexWidgetDefinitionInsertPayload,
+} from '../lib/cortex-widget-registry';
+
+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

@@ -0,0 +1,62 @@
+import dotenv from 'dotenv';
+
+import { generateEditorHtmlFragment } from '../lib/ai-block-generation';
+
+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;
+});