Codegen

import {  traverseSpec,  collectUsedComponents,  collectStatePaths,  collectActions,} from "@json-render/codegen";
// Walk the spec depth-firsttraverseSpec(spec, (element, key, depth, parent) => {  console.log(`${" ".repeat(depth * 2)}${key}: ${element.type}`);});
// Get all component types usedconst components = collectUsedComponents(spec);// Set { "Card", "Metric", "Button" }
// Get all state paths referencedconst statePaths = collectStatePaths(spec);// Set { "analytics/revenue", "user/name" }
// Get all action namesconst actions = collectActions(spec);// Set { "submit_form", "refresh_data" }

import {  serializePropValue,  serializeProps,  escapeString,  type SerializeOptions,} from "@json-render/codegen";
// Serialize a single valueserializePropValue("hello");// { value: '"hello"', needsBraces: false }
serializePropValue({ $state: "/user/name" });// { value: '{ $state: "/user/name" }', needsBraces: true }
// Serialize props for JSXserializeProps({ title: "Dashboard", columns: 3, disabled: true });// 'title="Dashboard" columns={3} disabled'
// Escape strings for codeescapeString('hello "world"');// 'hello \"world\"'

interface SerializeOptions {  quotes?: "single" | "double";  indent?: number;}

import type { GeneratedFile, CodeGenerator } from "@json-render/codegen";
const myGenerator: CodeGenerator = {  generate(spec) {    return [      { path: "package.json", content: "..." },      { path: "app/page.tsx", content: "..." },    ];  },};

import {  collectUsedComponents,  collectStatePaths,  traverseSpec,  serializeProps,  type GeneratedFile,} from "@json-render/codegen";import type { Spec } from "@json-render/core";
export function generateNextJSProject(spec: Spec): GeneratedFile[] {  const files: GeneratedFile[] = [];  const components = collectUsedComponents(spec);  // Generate package.json, component files, main page...  return files;}