/**
* ViewRefine Configuration
* Customize how ViewRefine generates components for your project.
*/
import { defineConfig } from "viewrefine";
export default defineConfig({
// Target framework
framework: "react",
// TypeScript settings
typescript: {
strict: true,
generateTypes: true,
propsInterface: "auto",
},
// Styling configuration
styling: {
engine: "tailwindcss",
responsive: true,
darkMode: "class",
},
// Design token mapping
tokens: {
colors: "./tokens/colors.json",
typography: "./tokens/typography.json",
spacing: "./tokens/spacing.json",
},
// AI refinement options
refine: {
semanticHTML: true,
accessibility: "wcag-aa",
stateManagement: "hooks",
eslintCompliant: true,
maxNestingDepth: 4,
},
// Output settings
output: {
directory: "./src/components/refined",
naming: "PascalCase",
fileExtension: ".tsx",
indexFile: true,
},
});