@codeyam/codeyam-cli 0.1.0-staging.1 → 0.1.0-staging.da5baf5

package/analyzer-template/packages/analyze/src/lib/files/analyzeChange.ts

@@ -16,7 +16,12 @@ import { AI } from '~codeyam/ai';
 import extractDiffLines from './extractDiffLines';
 import analyzeCodeChange from './analyzeCodeChange';
 import relevantDiffPart from './relevantDiffPart';
-import { awsLog, awsLogDebugLevel, pushAnalysisError } from '~codeyam/utils';
+import {
+  awsLog,
+  awsLogDebugLevel,
+  pushAnalysisError,
+  Semaphore,
+} from '~codeyam/utils';
 
 export interface AnalyzeChangeArgs {
   previousAnalysis: Analysis;
@@ -29,6 +34,8 @@ export interface AnalyzeChangeArgs {
   steps?: string[];
   updateProgress?: (detail: string) => void;
   model: AI.Model;
+  /** Semaphore to serialize CPU-intensive Structure phase */
+  structureSemaphore?: Semaphore;
 }
 
 export default async function analyzeChange({
@@ -42,6 +49,7 @@ export default async function analyzeChange({
   steps,
   updateProgress,
   model,
+  structureSemaphore,
 }: AnalyzeChangeArgs) {
   analysis.entity = entity;
   awsLog('CodeYam: Analyzing change entity', {
@@ -79,24 +87,35 @@ export default async function analyzeChange({
       });
     }
 
+    // Structure phase: CPU-intensive, serialize via semaphore if provided
     if (!steps || steps.includes(Step.Structure)) {
-      awsLogDebugLevel(
-        1,
-        `Merging dependent data structures for ${entity.name}...`,
-      );
+      if (structureSemaphore) {
+        await structureSemaphore.acquire();
+      }
+      try {
+        awsLogDebugLevel(
+          1,
+          `Merging dependent data structures for ${entity.name}...`,
+        );
 
-      const { step: dataStructureStep } = await recordStep(
-        'generateDataStructure',
-        () =>
-          generateDataStructure({
-            entity,
-            dependentAnalyses,
-            analysis,
-          }),
-      );
-      analysis.status.steps.push(dataStructureStep);
+        const { step: dataStructureStep } = await recordStep(
+          'generateDataStructure',
+          () =>
+            generateDataStructure({
+              entity,
+              dependentAnalyses,
+              analysis,
+            }),
+        );
+        analysis.status.steps.push(dataStructureStep);
+      } finally {
+        if (structureSemaphore) {
+          structureSemaphore.release();
+        }
+      }
     }
 
+    // KeyAttributes phase: I/O-bound LLM call, can run in parallel with other entities' Structure
     if (!steps || steps.includes(Step.KeyAttributes)) {
       awsLogDebugLevel(1, `Determining key attributes for ${entity.name}...`);
 

package/analyzer-template/packages/analyze/src/lib/files/analyzeEntity.ts

@@ -31,7 +31,12 @@ import relevantDiffPart from './relevantDiffPart';
 import { Step } from './enums/steps';
 import { ImmutableAnalysisContext } from '../analysisContext';
 import generateAnalyzedTreeSha from './analyze/generateAnalyzedTreeSha';
-import { awsLog, awsLogDebugLevel, pushAnalysisError } from '~codeyam/utils';
+import {
+  awsLog,
+  awsLogDebugLevel,
+  pushAnalysisError,
+  Semaphore,
+} from '~codeyam/utils';
 
 export interface AnalyzeEntityArgs {
   project: Project;
@@ -50,6 +55,8 @@ export interface AnalyzeEntityArgs {
   forceAll?: boolean;
   updateProgress?: (detail: string) => void;
   modelString?: string;
+  /** Semaphore to serialize CPU-intensive Structure phase */
+  structureSemaphore?: Semaphore;
 }
 
 /**
@@ -77,6 +84,7 @@ export default async function analyzeEntity({
   forceAll,
   updateProgress,
   modelString,
+  structureSemaphore,
 }: AnalyzeEntityArgs): Promise<{
   analysis: Analysis;
   dependentAnalyses?: ReadonlyAnalysisMap;
@@ -476,6 +484,7 @@ export default async function analyzeEntity({
             steps,
             updateProgress,
             model,
+            structureSemaphore,
           })
         : analyzeInitial({
             analysis,
@@ -485,6 +494,7 @@ export default async function analyzeEntity({
             steps,
             updateProgress,
             model,
+            structureSemaphore,
           }),
     ]);
 
@@ -498,8 +508,12 @@ export default async function analyzeEntity({
     analysis = analysisResult.analysis;
 
     analysis.completedAt = new Date().toISOString();
-    // Don't set analyzedTreeSha when ONLY_DATA_STRUCTURE=true, so full analysis can re-analyze later
-    if (process.env.ONLY_DATA_STRUCTURE !== 'true') {
+    // Don't set analyzedTreeSha when:
+    // 1. ONLY_DATA_STRUCTURE=true - so full analysis can re-analyze later
+    // 2. analyzeAsDependency=true - dependency analyses only generate Structure+KeyAttributes,
+    //    not scenarios. Leaving analyzedTreeSha unset allows partial analysis detection to work
+    //    when the entity is later analyzed directly.
+    if (process.env.ONLY_DATA_STRUCTURE !== 'true' && !analyzeAsDependency) {
       analysis.analyzedTreeSha = generateAnalyzedTreeSha(analysis);
     }
   } catch (error) {

package/analyzer-template/packages/analyze/src/lib/files/analyzeInitial.ts

@@ -12,7 +12,12 @@ import {
   type ReadonlyAnalysisMap,
 } from '~codeyam/types';
 import { upsertAnalysesWithScenarios } from '~codeyam/supabase';
-import { awsLog, awsLogDebugLevel, pushAnalysisError } from '~codeyam/utils';
+import {
+  awsLog,
+  awsLogDebugLevel,
+  pushAnalysisError,
+  Semaphore,
+} from '~codeyam/utils';
 import generateKeyAttributes from './scenarios/generateKeyAttributes';
 
 export interface AnalyzeInitialArgs {
@@ -23,6 +28,8 @@ export interface AnalyzeInitialArgs {
   steps?: string[];
   updateProgress?: (detail: string) => void;
   model: AI.Model;
+  /** Semaphore to serialize CPU-intensive Structure phase */
+  structureSemaphore?: Semaphore;
 }
 
 export default async function analyzeInitial({
@@ -33,6 +40,7 @@ export default async function analyzeInitial({
   steps,
   updateProgress,
   model,
+  structureSemaphore,
 }: AnalyzeInitialArgs) {
   analysis.entity = entity;
   awsLog('CodeYam: Analyzing initial entity', {
@@ -47,22 +55,32 @@ export default async function analyzeInitial({
   });
 
   try {
+    // Structure phase: CPU-intensive, serialize via semaphore if provided
     if (!steps || steps.includes(Step.Structure)) {
-      awsLogDebugLevel(
-        1,
-        `Merging dependent data structures for ${entity.name}...`,
-      );
-
-      const { step: dataStructureStep } = await recordStep(
-        'generateDataStructure',
-        () =>
-          generateDataStructure({
-            entity,
-            dependentAnalyses,
-            analysis,
-          }),
-      );
-      analysis.status.steps.push(dataStructureStep);
+      if (structureSemaphore) {
+        await structureSemaphore.acquire();
+      }
+      try {
+        awsLogDebugLevel(
+          1,
+          `Merging dependent data structures for ${entity.name}...`,
+        );
+
+        const { step: dataStructureStep } = await recordStep(
+          'generateDataStructure',
+          () =>
+            generateDataStructure({
+              entity,
+              dependentAnalyses,
+              analysis,
+            }),
+        );
+        analysis.status.steps.push(dataStructureStep);
+      } finally {
+        if (structureSemaphore) {
+          structureSemaphore.release();
+        }
+      }
     }
 
     // Short-circuit for test mocking: only generate data structure, skip key attributes and scenarios
@@ -73,6 +91,7 @@ export default async function analyzeInitial({
       return { analysis };
     }
 
+    // KeyAttributes phase: I/O-bound LLM call, can run in parallel with other entities' Structure
     if (!steps || steps.includes(Step.KeyAttributes)) {
       awsLogDebugLevel(1, `Determining key attributes for ${entity.name}...`);
 

package/analyzer-template/packages/analyze/src/lib/files/scenarios/generateDataStructure.ts

@@ -54,8 +54,14 @@ export default function generateDataStructure({
     const nonMockedDependentAnalyses: ReadonlyAnalysisMap =
       allImportedExports.reduce((acc, importedExport) => {
         if (importedExport.isMocked) return acc;
+        // Use resolvedFilePath when available (for re-exports from index files)
+        // to find the actual analysis of the component
+        const lookupPath =
+          ('resolvedFilePath' in importedExport &&
+            importedExport.resolvedFilePath) ||
+          importedExport.filePath;
         const relevantDependencyAnalysis =
-          dependentAnalyses[importedExport.filePath]?.[importedExport.name];
+          dependentAnalyses[lookupPath]?.[importedExport.name];
 
         if (!relevantDependencyAnalysis) {
           // console.info(

package/analyzer-template/packages/analyze/src/lib/files/scenarios/generateKeyAttributes.ts

@@ -8,6 +8,7 @@ import measureAndReportExecutionTime from '../../utils/measureAndReportExecution
 import { AI, generateEntityKeyAttributes } from '~codeyam/ai';
 import { awsLog } from '~codeyam/utils';
 import { gatherRelevantDependentKeyAttributes } from '~codeyam/ai';
+import { gatherDataForMocks } from './generateScenarioData';
 
 export interface GenerateEntityKeyAttributesArgs {
   entity: Entity;
@@ -28,7 +29,14 @@ export default async function generateKeyAttributes({
 }: GenerateEntityKeyAttributesArgs): Promise<void> {
   if (!['visual', 'library'].includes(entity.entityType)) return;
 
-  const structure = { ...analysis.metadata.scenariosDataStructure };
+  // Merge direct dataForMocks with recursively gathered data from dependencies
+  const structure = {
+    arguments: analysis.metadata.scenariosDataStructure?.arguments ?? [],
+    dataForMocks: {
+      ...(analysis.metadata.scenariosDataStructure?.dataForMocks ?? {}),
+      ...gatherDataForMocks(analysis, dependentAnalyses),
+    },
+  };
 
   awsLog(`🔮 Generating ${error ? 'error ' : ''}scenarios for`, {
     filePath: entity.filePath,

package/analyzer-template/packages/analyze/src/lib/files/scenarios/generateScenarioData.ts

@@ -104,8 +104,13 @@ export function gatherDataForMocks(
       // regardless of whether we found a relevantKey above.
       // This ensures transitive dependencies are included.
       // For example: Activity -> CurrentActivityTab -> useLastLogLine
+      // Use resolvedFilePath when available (for re-exports from index files)
+      const lookupPath =
+        ('resolvedFilePath' in importedExport &&
+          importedExport.resolvedFilePath) ||
+        importedExport.filePath;
       const dependentAnalysis =
-        dependentAnalyses?.[importedExport.filePath]?.[importedExport.name];
+        dependentAnalyses?.[lookupPath]?.[importedExport.name];
 
       if (dependentAnalysis && !analysesGathered.has(dependentAnalysis.id)) {
         analysesGathered.add(dependentAnalysis.id);

package/analyzer-template/packages/analyze/src/lib/files/scenarios/generateScenarios.ts

@@ -7,6 +7,7 @@ import {
 import measureAndReportExecutionTime from '../../utils/measureAndReportExecutionTime';
 import { AI, generateEntityScenarios } from '~codeyam/ai';
 import { awsLog } from '~codeyam/utils';
+import { gatherDataForMocks } from './generateScenarioData';
 
 export interface GenerateScenariosArgs {
   entity: Entity;
@@ -27,7 +28,14 @@ export default async function generateScenarios({
 }: GenerateScenariosArgs): Promise<void> {
   if (!['visual', 'library'].includes(entity.entityType)) return;
 
-  const structure = { ...analysis.metadata.scenariosDataStructure };
+  // Merge direct dataForMocks with recursively gathered data from dependencies
+  const structure = {
+    arguments: analysis.metadata.scenariosDataStructure?.arguments ?? [],
+    dataForMocks: {
+      ...(analysis.metadata.scenariosDataStructure?.dataForMocks ?? {}),
+      ...gatherDataForMocks(analysis, dependentAnalyses),
+    },
+  };
 
   awsLog(`🔮 Generating ${error ? 'error ' : ''}scenarios for`, {
     filePath: entity.filePath,

package/analyzer-template/packages/analyze/src/lib/files/scenarios/mergeInDependentDataStructure.ts

@@ -696,13 +696,23 @@ export default function mergeInDependentDataStructure({
     });
 
     // First, normalize any returnValue. paths that were written by equivalency processing
-    // to the standard functionName().functionCallReturnValue. format
+    // to the standard functionName().functionCallReturnValue. format.
+    // Also delete returnValue[] artifact paths that don't represent actual array structure.
     const pathsToNormalize: [string, string][] = [];
+    const pathsToDelete: string[] = [];
     for (const path in depSchema.returnValueSchema) {
       if (path === 'returnValue' || path.startsWith('returnValue.')) {
         pathsToNormalize.push([path, depSchema.returnValueSchema[path]]);
+      } else if (path.match(/^returnValue\[\d*\]/)) {
+        // Delete returnValue[] and returnValue[n] paths - these are artifacts from
+        // equivalency processing and don't represent the actual structure of mocked dependencies.
+        // The correct structure comes from srcSchema (dependencySchemas).
+        pathsToDelete.push(path);
       }
     }
+    for (const path of pathsToDelete) {
+      delete depSchema.returnValueSchema[path];
+    }
     for (const [path, value] of pathsToNormalize) {
       delete depSchema.returnValueSchema[path];
       const normalizedPath =
@@ -734,9 +744,8 @@ export default function mergeInDependentDataStructure({
                 `${dependency.name}().functionCallReturnValue.`,
               );
 
-        if (!(normalizedPath in depSchema.returnValueSchema)) {
-          depSchema.returnValueSchema[normalizedPath] = value;
-        }
+        // Always write srcSchema values - they take precedence over equivalency-derived values
+        depSchema.returnValueSchema[normalizedPath] = value;
         continue;
       }
 
@@ -744,9 +753,8 @@ export default function mergeInDependentDataStructure({
       // These are needed for constructMockCode to build the proper mock data hierarchy
       // Example: supabase.auth.getSession().functionCallReturnValue.data.session
       if (path.includes('.functionCallReturnValue')) {
-        if (!(path in depSchema.returnValueSchema)) {
-          depSchema.returnValueSchema[path] = value;
-        }
+        // Always write srcSchema values - they take precedence over equivalency-derived values
+        depSchema.returnValueSchema[path] = value;
         continue;
       }
 

package/analyzer-template/packages/aws/package.json

@@ -11,10 +11,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@aws-sdk/client-codebuild": "^3.940.0",
+    "@aws-sdk/client-codebuild": "^3.948.0",
     "@aws-sdk/client-cloudwatch-logs": "^3.940.0",
     "@aws-sdk/client-dynamodb": "^3.899.0",
-    "@aws-sdk/client-ecr": "^3.946.0",
+    "@aws-sdk/client-ecr": "^3.948.0",
     "@aws-sdk/client-ecs": "^3.937.0",
     "@aws-sdk/client-s3": "^3.899.0",
     "@aws-sdk/client-sqs": "^3.940.0",

package/analyzer-template/packages/generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts

@@ -39,7 +39,6 @@ export default function componentScenarioPageNext({
   type ReactNode,
   type ChangeEvent
 } from 'react';
-import Head from 'next/head';
 ${analysis.scenarios?.length > 0 && `import { scenarios } from "${relativeMocksDir}/MockData_${safeFileName(scenario.name)}";`}
 ${getComponentImportStatement({
   file,
@@ -58,17 +57,7 @@ ${getComponentImportStatement({
 // Inject image interception code at module level to run before any rendering
 ${getImageReplacementCode()}
 
-
-const NextHead = () => {
-  return (
-    <Head>
-      <title>${fileName}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}</title>
-      <meta name="description" content="This is a demo of the ${fileName} component" />
-    </Head>
-  )
-};
-
-function Scenario({ name, width, children }: { name: string, width: string, children: ReactNode }) {
+function Scenario({ name, width, height, children }: { name: string, width: string, height: string, children: ReactNode }) {
   
   useEffect(() => {
     if (typeof window === 'undefined') return;
@@ -89,14 +78,14 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
       return Math.max(100, bodyHeight, htmlHeight, scrollHeight);
     }
 
-    const height = calculateHeight();
-    parent.postMessage({ type: 'codeyam-resize', name, height }, '*');
+    const calculatedHeight = calculateHeight();
+    parent.postMessage({ type: 'codeyam-resize', name, height: calculatedHeight }, '*');
 
     const eventListener = (event) => {
       if (event.data.name === name) {
         if (event.data.type === 'codeyam-respond') {
-          const height = calculateHeight();
-          parent.postMessage({ type: 'codeyam-resize', name, height }, '*');
+          const calculatedHeight = calculateHeight();
+          parent.postMessage({ type: 'codeyam-resize', name, height: calculatedHeight }, '*');
         }
       }
     };
@@ -108,9 +97,9 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
   return (
     <div className='w-full flex items-center justify-center'>
       <div id='component' style={{
-        width: width,
-        minWidth: width,
-        maxWidth: width,
+        minWidth: width !== 'auto' ? \`min(\${width}, 100vw)\` : undefined,
+        height: height !== 'auto' ? height : undefined,
+        minHeight: height !== 'auto' ? height : undefined,
         display: 'block',
         padding: '6px'
       }}>
@@ -121,13 +110,31 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
 }
 
 export default function Index() {
+  const [searchParams] = useState(() =>
+    typeof window !== 'undefined'
+      ? new URLSearchParams(window.location.search)
+      : new URLSearchParams()
+  );
+  const widthOverride = searchParams.get('width');
+  const heightOverride = searchParams.get('height') || 'auto';
+
+  useEffect(() => {
+    document.title = "${fileName}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}";
+    let metaDesc = document.querySelector('meta[name="description"]');
+    if (!metaDesc) {
+      metaDesc = document.createElement('meta');
+      metaDesc.setAttribute('name', 'description');
+      document.head.appendChild(metaDesc);
+    }
+    metaDesc.setAttribute('content', "This is a demo of the ${fileName} component");
+  }, []);
+
   ${getIFrameMessageListenerCode({ scenarioName: scenario.name })}
   ${getNextJsErrorClosingCode()}
 
   return (
     <div className='flex flex-col justify-center items-center h-screen' data-version={version}>
-      <NextHead />
-      ${scenarioComponent(entity, analysis, scenario)}
+      ${scenarioComponent(entity, analysis, scenario, { useOverrides: true })}
     </div>
   );
 }`;

package/analyzer-template/packages/generate/src/lib/componentScenarioPage/componentScenarioPageRemix.ts

@@ -18,8 +18,6 @@ export default function componentScenarioPageRemix(
   mocksDir: string,
 ) {
   return `import { ReactNode, useEffect, useCallback, useState } from 'react';
-import type { MetaFunction } from "@remix-run/node";
-import { useSearchParams } from "@remix-run/react";
 ${analysis.scenarios?.length > 0 && `import { scenarios } from "${mocksDir}/MockData_${safeFileName(scenario.name)}";`}
 ${getComponentImportStatement({
   file,
@@ -38,13 +36,6 @@ ${getComponentImportStatement({
 // Inject image interception code at module level to run before any rendering
 ${getImageReplacementCode()}
 
-export const meta: MetaFunction = () => {
-  return [
-    { title: "${file.name}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}" },
-    { name: "description", content: "This is a demo of the ${file.name} component under the scenario: ${escapeQuotes(scenario.description)}" },
-  ];
-};
-
 function Scenario({ name, width, height, children }: { name: string, width: string, height: string, children: ReactNode }) {
 
   useEffect(() => {
@@ -85,7 +76,7 @@ function Scenario({ name, width, height, children }: { name: string, width: stri
   return (
     <div className='w-full flex items-center justify-center'>
       <div id='component' style={{
-        minWidth: \`min(\${width}, 100vw)\`,
+        minWidth: width !== 'auto' ? \`min(\${width}, 100vw)\` : undefined,
         height: height !== 'auto' ? height : undefined,
         minHeight: height !== 'auto' ? height : undefined,
         display: 'block',
@@ -98,9 +89,25 @@ function Scenario({ name, width, height, children }: { name: string, width: stri
 }
 
 export default function Index() {
-  const [searchParams] = useSearchParams();
+  const [searchParams] = useState(() =>
+    typeof window !== 'undefined'
+      ? new URLSearchParams(window.location.search)
+      : new URLSearchParams()
+  );
   const widthOverride = searchParams.get('width');
   const heightOverride = searchParams.get('height') || 'auto';
+
+  useEffect(() => {
+    document.title = "${file.name}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}";
+    let metaDesc = document.querySelector('meta[name="description"]');
+    if (!metaDesc) {
+      metaDesc = document.createElement('meta');
+      metaDesc.setAttribute('name', 'description');
+      document.head.appendChild(metaDesc);
+    }
+    metaDesc.setAttribute('content', "This is a demo of the ${file.name} component under the scenario: ${escapeQuotes(scenario.description)}");
+  }, []);
+
   ${getIFrameMessageListenerCode({ scenarioName: scenario.name })}
 
   return (

package/analyzer-template/packages/generate/src/lib/scenarioComponent.ts

@@ -2,6 +2,9 @@ import type { Analysis, Entity, Scenario } from '~codeyam/types';
 import { safeFileName } from '~codeyam/utils';
 import handleWrappers from './handleWrappers';
 
+// Escape double quotes for use in JavaScript string literals
+const escapeForJsString = (s: string): string => s.replace(/"/g, '\\"');
+
 const dimensionString = (dimension?: string | number) => {
   if (!dimension) return 'auto';
   if (typeof dimension === 'string') {
@@ -83,9 +86,9 @@ export default function scenarioComponent(
               .map((name) =>
                 isNaN(parseInt(name))
                   ? name.endsWith(')')
-                    ? `${name.split('(')[0]}={() => _getScenarioProps({ argumentIndex: 0, propName: "${name}" }) as any}`
-                    : `${name}={_getScenarioProps({ argumentIndex: 0, propName: "${name}" }) as any}`
-                  : `positionalArgument_${name}={_getScenarioProps({ argumentIndex: 0, propName: "positionalArgument_${name}" }) as any}`,
+                    ? `${name.split('(')[0]}={() => _getScenarioProps({ argumentIndex: 0, propName: "${escapeForJsString(name)}" }) as any}`
+                    : `${name}={_getScenarioProps({ argumentIndex: 0, propName: "${escapeForJsString(name)}" }) as any}`
+                  : `positionalArgument_${name}={_getScenarioProps({ argumentIndex: 0, propName: "positionalArgument_${escapeForJsString(name)}" }) as any}`,
               )
               .join(argsSpacing)}\n      >`
           : `>`;

package/analyzer-template/packages/github/dist/generate/src/lib/componentScenarioPage/componentScenarioPageNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentScenarioPageNext.d.ts","sourceRoot":"","sources":["../../../../../../generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW5E,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,UA0GA"}
+{"version":3,"file":"componentScenarioPageNext.d.ts","sourceRoot":"","sources":["../../../../../../generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW5E,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,UAiHA"}

package/analyzer-template/packages/github/dist/generate/src/lib/componentScenarioPage/componentScenarioPageNext.js

@@ -19,7 +19,6 @@ export default function componentScenarioPageNext({ file, entity, analysis, curr
   type ReactNode,
   type ChangeEvent
 } from 'react';
-import Head from 'next/head';
 ${analysis.scenarios?.length > 0 && `import { scenarios } from "${relativeMocksDir}/MockData_${safeFileName(scenario.name)}";`}
 ${getComponentImportStatement({
         file,
@@ -37,17 +36,7 @@ ${getComponentImportStatement({
 // Inject image interception code at module level to run before any rendering
 ${getImageReplacementCode()}
 
-
-const NextHead = () => {
-  return (
-    <Head>
-      <title>${fileName}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}</title>
-      <meta name="description" content="This is a demo of the ${fileName} component" />
-    </Head>
-  )
-};
-
-function Scenario({ name, width, children }: { name: string, width: string, children: ReactNode }) {
+function Scenario({ name, width, height, children }: { name: string, width: string, height: string, children: ReactNode }) {
   
   useEffect(() => {
     if (typeof window === 'undefined') return;
@@ -68,14 +57,14 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
       return Math.max(100, bodyHeight, htmlHeight, scrollHeight);
     }
 
-    const height = calculateHeight();
-    parent.postMessage({ type: 'codeyam-resize', name, height }, '*');
+    const calculatedHeight = calculateHeight();
+    parent.postMessage({ type: 'codeyam-resize', name, height: calculatedHeight }, '*');
 
     const eventListener = (event) => {
       if (event.data.name === name) {
         if (event.data.type === 'codeyam-respond') {
-          const height = calculateHeight();
-          parent.postMessage({ type: 'codeyam-resize', name, height }, '*');
+          const calculatedHeight = calculateHeight();
+          parent.postMessage({ type: 'codeyam-resize', name, height: calculatedHeight }, '*');
         }
       }
     };
@@ -87,9 +76,9 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
   return (
     <div className='w-full flex items-center justify-center'>
       <div id='component' style={{
-        width: width,
-        minWidth: width,
-        maxWidth: width,
+        minWidth: width !== 'auto' ? \`min(\${width}, 100vw)\` : undefined,
+        height: height !== 'auto' ? height : undefined,
+        minHeight: height !== 'auto' ? height : undefined,
         display: 'block',
         padding: '6px'
       }}>
@@ -100,13 +89,31 @@ function Scenario({ name, width, children }: { name: string, width: string, chil
 }
 
 export default function Index() {
+  const [searchParams] = useState(() =>
+    typeof window !== 'undefined'
+      ? new URLSearchParams(window.location.search)
+      : new URLSearchParams()
+  );
+  const widthOverride = searchParams.get('width');
+  const heightOverride = searchParams.get('height') || 'auto';
+
+  useEffect(() => {
+    document.title = "${fileName}: ${escapeQuotes(scenario.name)} CodeYam Demo v${VERSION}";
+    let metaDesc = document.querySelector('meta[name="description"]');
+    if (!metaDesc) {
+      metaDesc = document.createElement('meta');
+      metaDesc.setAttribute('name', 'description');
+      document.head.appendChild(metaDesc);
+    }
+    metaDesc.setAttribute('content', "This is a demo of the ${fileName} component");
+  }, []);
+
   ${getIFrameMessageListenerCode({ scenarioName: scenario.name })}
   ${getNextJsErrorClosingCode()}
 
   return (
     <div className='flex flex-col justify-center items-center h-screen' data-version={version}>
-      <NextHead />
-      ${scenarioComponent(entity, analysis, scenario)}
+      ${scenarioComponent(entity, analysis, scenario, { useOverrides: true })}
     </div>
   );
 }`;

package/analyzer-template/packages/github/dist/generate/src/lib/componentScenarioPage/componentScenarioPageNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentScenarioPageNext.js","sourceRoot":"","sources":["../../../../../../generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GASjB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO;;;;;;;;;;;;EAYP,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,8BAA8B,gBAAgB,aAAa,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI;EAC5H,2BAA2B,CAAC;QAC5B,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,OAAO;QACP,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EACT,MAAM,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC7D,MAAM,CAAC,UAAU,KAAK,SAAS;KAClC,CAAC;;;EAGA,uBAAuB,EAAE;;;;;;eAMZ,QAAQ,KAAK,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,OAAO;gEAChB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DpE,4BAA4B,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC7D,yBAAyB,EAAE;;;;;QAKvB,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;EAGnD,CAAC;AACH,CAAC"}
+{"version":3,"file":"componentScenarioPageNext.js","sourceRoot":"","sources":["../../../../../../generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GASjB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO;;;;;;;;;;;EAWP,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,8BAA8B,gBAAgB,aAAa,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI;EAC5H,2BAA2B,CAAC;QAC5B,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,OAAO;QACP,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EACT,MAAM,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC7D,MAAM,CAAC,UAAU,KAAK,SAAS;KAClC,CAAC;;;EAGA,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgEH,QAAQ,KAAK,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,OAAO;;;;;;;8DAO3B,QAAQ;;;IAGlE,4BAA4B,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC7D,yBAAyB,EAAE;;;;QAIvB,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;;;EAG3E,CAAC;AACH,CAAC"}