react-code-smell-detector 1.4.2 → 1.5.0

package/dist/cli.js

@@ -13,12 +13,16 @@ import { initializeBaseline, recordBaseline, formatTrendReport } from './baselin
 import { sendWebhookNotification, getWebhookConfig } from './webhooks.js';
 import { generateDependencyGraphHTML } from './graphGenerator.js';
 import { generateBundleReport } from './bundleAnalyzer.js';
+import { runInteractiveFix, previewFixes } from './interactiveFixer.js';
+import { generatePRComment, postPRComment, parseGitHubInfo, getPRNumber } from './prComments.js';
+import { loadBudget, checkBudget, formatBudgetReport, createBudgetConfig } from './performanceBudget.js';
+import { writeComponentDocs } from './docGenerator.js';
 import fs from 'fs/promises';
 const program = new Command();
 program
     .name('react-smell')
     .description('Detect code smells in React projects')
-    .version('1.3.0')
+    .version('1.5.0')
     .argument('[directory]', 'Directory to analyze', '.')
     .option('-f, --format <format>', 'Output format: console, json, markdown, html', 'console')
     .option('-s, --snippets', 'Show code snippets in output', false)
@@ -43,6 +47,13 @@ program
     .option('--graph-format <format>', 'Graph output format: svg, html', 'html')
     .option('--bundle', 'Analyze bundle size impact per component', false)
     .option('--rules <file>', 'Custom rules configuration file')
+    .option('--fix-interactive', 'Interactive fix mode: review and apply fixes one by one')
+    .option('--fix-preview', 'Preview fixable issues without applying')
+    .option('--pr-comment', 'Generate PR comment (for GitHub Actions)')
+    .option('--budget', 'Check against performance budget')
+    .option('--budget-config <file>', 'Path to budget config file')
+    .option('--docs', 'Generate component documentation')
+    .option('--docs-format <format>', 'Documentation format: markdown, html, json', 'markdown')
     .action(async (directory, options) => {
     const rootDir = path.resolve(process.cwd(), directory);
     // Check if directory exists
@@ -166,6 +177,59 @@ program
                 console.log(chalk.yellow('\nNo auto-fixable issues found\n'));
             }
         }
+        // Interactive fix mode
+        if (options.fixInteractive) {
+            const allSmells = result.files.flatMap(f => f.smells);
+            await runInteractiveFix({ smells: allSmells, rootDir, showDiff: true });
+        }
+        // Fix preview mode
+        if (options.fixPreview) {
+            const allSmells = result.files.flatMap(f => f.smells);
+            previewFixes(allSmells, rootDir);
+        }
+        // Performance budget check
+        if (options.budget) {
+            const budget = await loadBudget(options.budgetConfig);
+            const budgetResult = checkBudget(result, budget);
+            console.log(formatBudgetReport(budgetResult));
+            if (!budgetResult.passed && options.ci) {
+                process.exit(1);
+            }
+        }
+        // Generate documentation
+        if (options.docs) {
+            const docsPath = await writeComponentDocs(result, rootDir, {
+                format: options.docsFormat || 'markdown',
+                includeSmells: true,
+                includeMetrics: true,
+                groupByFolder: true,
+            });
+            console.log(chalk.green(`✓ Component documentation written to ${docsPath}`));
+        }
+        // PR comment generation (for GitHub Actions)
+        if (options.prComment) {
+            const comment = generatePRComment(result, rootDir);
+            // Try to post to GitHub if in Actions environment
+            const ghToken = process.env.GITHUB_TOKEN;
+            const ghInfo = parseGitHubInfo();
+            const prNumber = getPRNumber();
+            if (ghToken && ghInfo && prNumber) {
+                const posted = await postPRComment({
+                    token: ghToken,
+                    owner: ghInfo.owner,
+                    repo: ghInfo.repo,
+                    prNumber,
+                }, comment);
+                if (posted) {
+                    console.log(chalk.green('✓ PR comment posted successfully'));
+                }
+            }
+            else {
+                // Output comment to console/file for manual use
+                console.log(chalk.cyan('\n📝 PR Comment (copy to GitHub):\n'));
+                console.log(comment);
+            }
+        }
         let output;
         if (options.format === 'html') {
             output = generateHTMLReport(result, rootDir);
@@ -285,4 +349,45 @@ program
         console.log(chalk.green('✓ Created .smellrc.json'));
     }
 });
+// Init budget command
+program
+    .command('init-budget')
+    .description('Create a performance budget configuration file')
+    .action(async () => {
+    try {
+        const budgetPath = await createBudgetConfig();
+        console.log(chalk.green(`✓ Created performance budget config at ${budgetPath}`));
+    }
+    catch (error) {
+        console.error(chalk.red(`Error: ${error.message}`));
+        process.exit(1);
+    }
+});
+// Generate docs command
+program
+    .command('docs')
+    .description('Generate component documentation')
+    .argument('[directory]', 'Directory to analyze', '.')
+    .option('-f, --format <format>', 'Output format: markdown, html, json', 'markdown')
+    .option('-o, --output <dir>', 'Output directory')
+    .action(async (directory, options) => {
+    const rootDir = path.resolve(process.cwd(), directory);
+    const spinner = ora('Generating documentation...').start();
+    try {
+        const result = await analyzeProject({ rootDir });
+        spinner.stop();
+        const docsPath = await writeComponentDocs(result, rootDir, {
+            format: options.format,
+            outputDir: options.output,
+            includeSmells: true,
+            includeMetrics: true,
+            groupByFolder: true,
+        });
+        console.log(chalk.green(`✓ Documentation written to ${docsPath}`));
+    }
+    catch (error) {
+        spinner.fail(`Documentation generation failed: ${error.message}`);
+        process.exit(1);
+    }
+});
 program.parse();

package/dist/detectors/index.d.ts

@@ -20,4 +20,5 @@ export { detectComplexity } from './complexity.js';
 export { detectMemoryLeaks } from './memoryLeak.js';
 export { detectImportIssues, analyzeImports } from './imports.js';
 export { detectUnusedCode } from './unusedCode.js';
+export { detectServerComponentIssues, detectAsyncComponentIssues } from './serverComponents.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/detectors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/detectors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/detectors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/detectors/index.js

@@ -23,3 +23,5 @@ export { detectComplexity } from './complexity.js';
 export { detectMemoryLeaks } from './memoryLeak.js';
 export { detectImportIssues, analyzeImports } from './imports.js';
 export { detectUnusedCode } from './unusedCode.js';
+// Server Components (React 19)
+export { detectServerComponentIssues, detectAsyncComponentIssues } from './serverComponents.js';

package/dist/detectors/serverComponents.d.ts

@@ -0,0 +1,11 @@
+import { ParsedComponent } from '../parser/index.js';
+import { CodeSmell, DetectorConfig } from '../types/index.js';
+/**
+ * Detect React 19 Server/Client component boundary issues
+ */
+export declare function detectServerComponentIssues(component: ParsedComponent, filePath: string, sourceCode: string, config: DetectorConfig, imports?: string[]): CodeSmell[];
+/**
+ * Detect proper async component patterns in React 19
+ */
+export declare function detectAsyncComponentIssues(component: ParsedComponent, filePath: string, sourceCode: string, config: DetectorConfig): CodeSmell[];
+//# sourceMappingURL=serverComponents.d.ts.map

package/dist/detectors/serverComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serverComponents.d.ts","sourceRoot":"","sources":["../../src/detectors/serverComponents.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAqC9D;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE,MAAM,EAAO,GACrB,SAAS,EAAE,CA+Jb;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,GACrB,SAAS,EAAE,CAmCb"}

package/dist/detectors/serverComponents.js

@@ -0,0 +1,222 @@
+import * as t from '@babel/types';
+// Hooks that are not allowed in Server Components
+const CLIENT_ONLY_HOOKS = [
+    'useState',
+    'useReducer',
+    'useEffect',
+    'useLayoutEffect',
+    'useInsertionEffect',
+    'useRef',
+    'useImperativeHandle',
+    'useSyncExternalStore',
+    'useTransition',
+    'useDeferredValue',
+    'useOptimistic',
+    'useFormStatus',
+    'useActionState',
+];
+// Browser-only APIs
+const BROWSER_APIS = [
+    'window',
+    'document',
+    'localStorage',
+    'sessionStorage',
+    'navigator',
+    'location',
+    'history',
+    'alert',
+    'confirm',
+    'prompt',
+    'fetch', // Can be used in Server Components but behaves differently
+];
+// Event handler props (indicate client interactivity)
+const EVENT_HANDLER_PATTERN = /^on[A-Z]/;
+/**
+ * Detect React 19 Server/Client component boundary issues
+ */
+export function detectServerComponentIssues(component, filePath, sourceCode, config, imports = []) {
+    if (!config.checkServerComponents)
+        return [];
+    const smells = [];
+    const lines = sourceCode.split('\n');
+    // Check if file has 'use client' or 'use server' directive
+    const hasUseClient = lines.some(line => /^['"]use client['"];?\s*$/.test(line.trim()));
+    const hasUseServer = lines.some(line => /^['"]use server['"];?\s*$/.test(line.trim()));
+    // Detect if this is a Server Component (no 'use client' directive in app/ directory)
+    const isInAppDir = filePath.includes('/app/') || filePath.includes('\\app\\');
+    const isServerComponent = isInAppDir && !hasUseClient;
+    if (isServerComponent) {
+        // Check for client-only hooks in Server Components
+        const clientHooksUsed = [];
+        for (const hookName of CLIENT_ONLY_HOOKS) {
+            const hooks = component.hooks[hookName];
+            if (hooks && hooks.length > 0) {
+                clientHooksUsed.push(hookName);
+            }
+        }
+        // Also traverse for any hook calls
+        component.path.traverse({
+            CallExpression(path) {
+                const callee = path.node.callee;
+                if (t.isIdentifier(callee) && CLIENT_ONLY_HOOKS.includes(callee.name)) {
+                    if (!clientHooksUsed.includes(callee.name)) {
+                        clientHooksUsed.push(callee.name);
+                    }
+                }
+            },
+        });
+        if (clientHooksUsed.length > 0) {
+            smells.push({
+                type: 'server-component-hooks',
+                severity: 'error',
+                message: `Server Component "${component.name}" uses client-only hooks: ${clientHooksUsed.join(', ')}`,
+                file: filePath,
+                line: component.startLine,
+                column: 0,
+                suggestion: `Add 'use client' directive at the top of the file, or move stateful logic to a Client Component.`,
+            });
+        }
+        // Check for event handlers in JSX (onClick, onChange, etc.)
+        const eventHandlers = [];
+        component.path.traverse({
+            JSXAttribute(path) {
+                if (t.isJSXIdentifier(path.node.name)) {
+                    const name = path.node.name.name;
+                    if (EVENT_HANDLER_PATTERN.test(name)) {
+                        if (!eventHandlers.includes(name)) {
+                            eventHandlers.push(name);
+                        }
+                    }
+                }
+            },
+        });
+        if (eventHandlers.length > 0) {
+            smells.push({
+                type: 'server-component-events',
+                severity: 'error',
+                message: `Server Component "${component.name}" uses event handlers: ${eventHandlers.join(', ')}`,
+                file: filePath,
+                line: component.startLine,
+                column: 0,
+                suggestion: `Add 'use client' directive or extract interactive elements to a Client Component.`,
+            });
+        }
+        // Check for browser APIs usage
+        const browserApisUsed = [];
+        component.path.traverse({
+            Identifier(path) {
+                const name = path.node.name;
+                if (BROWSER_APIS.includes(name)) {
+                    // Make sure it's not a property access like obj.window
+                    if (!t.isMemberExpression(path.parent) || !t.isIdentifier(path.parent.property) || path.parent.object === path.node) {
+                        if (!browserApisUsed.includes(name)) {
+                            browserApisUsed.push(name);
+                        }
+                    }
+                }
+            },
+        });
+        if (browserApisUsed.length > 0) {
+            smells.push({
+                type: 'server-component-browser-api',
+                severity: 'warning',
+                message: `Server Component "${component.name}" may use browser APIs: ${browserApisUsed.join(', ')}`,
+                file: filePath,
+                line: component.startLine,
+                column: 0,
+                suggestion: `Browser APIs are not available in Server Components. Move to a Client Component or use conditional checks.`,
+            });
+        }
+    }
+    // Check for 'use server' in client components (async actions)
+    if (hasUseClient && hasUseServer) {
+        smells.push({
+            type: 'mixed-directives',
+            severity: 'error',
+            message: `File has both 'use client' and 'use server' directives`,
+            file: filePath,
+            line: 1,
+            column: 0,
+            suggestion: `A file can only be either a Client Component or contain Server Actions, not both. Separate them into different files.`,
+        });
+    }
+    // Check for async component without 'use server' actions (they should be in Server Components)
+    if (!isServerComponent && !hasUseServer) {
+        let hasAsyncServerAction = false;
+        component.path.traverse({
+            FunctionDeclaration(path) {
+                if (path.node.async) {
+                    // Check if body starts with 'use server'
+                    const body = path.node.body;
+                    if (body.directives?.some(d => d.value.value === 'use server')) {
+                        hasAsyncServerAction = true;
+                    }
+                }
+            },
+            ArrowFunctionExpression(path) {
+                if (path.node.async && t.isBlockStatement(path.node.body)) {
+                    const directives = path.node.body.directives;
+                    if (directives?.some(d => d.value.value === 'use server')) {
+                        hasAsyncServerAction = true;
+                    }
+                }
+            },
+        });
+        // This is fine - Server Actions can be defined inline with 'use server' inside
+    }
+    // Check for passing server actions incorrectly to client components
+    // (This is complex to detect statically, so we provide guidance)
+    // Check for importing Server Component into Client Component (potential issue)
+    if (hasUseClient) {
+        // Look for imports that might be Server Components
+        const serverComponentImports = imports.filter(imp => {
+            // Heuristic: imports from app/ directory without 'use client'
+            return imp.includes('/app/') && !imp.includes('.client');
+        });
+        // Can't definitively detect, but can warn about patterns
+    }
+    return smells;
+}
+/**
+ * Detect proper async component patterns in React 19
+ */
+export function detectAsyncComponentIssues(component, filePath, sourceCode, config) {
+    if (!config.checkServerComponents)
+        return [];
+    const smells = [];
+    const lines = sourceCode.split('\n');
+    const hasUseClient = lines.some(line => /^['"]use client['"];?\s*$/.test(line.trim()));
+    // Check if component is async
+    let isAsync = false;
+    const node = component.path.node;
+    if (t.isFunctionDeclaration(node) || t.isFunctionExpression(node) || t.isArrowFunctionExpression(node)) {
+        isAsync = node.async || false;
+    }
+    // Async components in Client Components are not allowed
+    if (isAsync && hasUseClient) {
+        smells.push({
+            type: 'async-client-component',
+            severity: 'error',
+            message: `Client Component "${component.name}" is async, which is not supported`,
+            file: filePath,
+            line: component.startLine,
+            column: 0,
+            suggestion: `Remove async from the component. Use useEffect or React Query for data fetching in Client Components.`,
+        });
+    }
+    // Check for proper Suspense usage with async Server Components
+    if (isAsync && !hasUseClient) {
+        // Good pattern - async Server Component
+        // Could check if parent has Suspense boundary, but that requires cross-file analysis
+    }
+    return smells;
+}
+/**
+ * Get code snippet for context
+ */
+function getCodeSnippet(sourceCode, line) {
+    const lines = sourceCode.split('\n');
+    const startLine = Math.max(0, line - 2);
+    const endLine = Math.min(lines.length, line + 1);
+    return lines.slice(startLine, endLine).join('\n');
+}

package/dist/docGenerator.d.ts

@@ -0,0 +1,37 @@
+import { AnalysisResult, CodeSmell } from './types/index.js';
+export interface DocGeneratorOptions {
+    format: 'markdown' | 'html' | 'json';
+    outputDir?: string;
+    includeSmells?: boolean;
+    includeMetrics?: boolean;
+    groupByFolder?: boolean;
+}
+export interface ComponentDoc {
+    name: string;
+    file: string;
+    relativePath: string;
+    lineCount: number;
+    props: string[];
+    hooks: {
+        useState: number;
+        useEffect: number;
+        useMemo: number;
+        useCallback: number;
+        useRef: number;
+        custom: string[];
+    };
+    smells: CodeSmell[];
+    metrics: {
+        complexity: string;
+        maintainability: string;
+    };
+}
+/**
+ * Generate documentation from component analysis
+ */
+export declare function generateComponentDocs(result: AnalysisResult, rootDir: string, options?: DocGeneratorOptions): Promise<string>;
+/**
+ * Write documentation to file
+ */
+export declare function writeComponentDocs(result: AnalysisResult, rootDir: string, options: DocGeneratorOptions): Promise<string>;
+//# sourceMappingURL=docGenerator.d.ts.map

package/dist/docGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docGenerator.d.ts","sourceRoot":"","sources":["../src/docGenerator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE1F,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED;;GAEG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,mBAA4C,GACpD,OAAO,CAAC,MAAM,CAAC,CAYjB;AAqTD;;GAEG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,mBAAmB,GAC3B,OAAO,CAAC,MAAM,CAAC,CAYjB"}