@bravostudioai/react 0.1.15 → 0.1.16

package/dist/codegen/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sources":["../../src/codegen/generator.ts"],"sourcesContent":["import {\n  ComponentInfo,\n  SliderInfo,\n  InputGroupInfo,\n  FormInfo,\n  SelectInputInfo,\n  ActionButtonInfo,\n} from \"./types\";\nimport {\n  getComponentPropType,\n  getComponentPropName,\n  sanitizePropName,\n} from \"./parser\";\n\nexport interface ComponentMetadata {\n  props: string[];\n  events: string[];\n  jsx: string;\n}\n\nexport function generateComponentCode(\n  appId: string,\n  pageId: string,\n  componentName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[],\n  isProduction: boolean = false\n): string {\n  // Generate prop types\n  const propTypes: string[] = [];\n  const controlPropTypes: string[] = [];\n  const inputGroupPropTypes: string[] = [];\n  const formPropTypes: string[] = [];\n  const selectInputPropTypes: string[] = [];\n  const actionButtonPropTypes: string[] = [];\n\n  // Add standalone component props\n  standaloneComponents.forEach((comp) => {\n    propTypes.push(`  ${comp.propName}?: ${comp.propType};`);\n  });\n\n  // Add input group props\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    inputGroupPropTypes.push(`  ${propName}?: string;`);\n    inputGroupPropTypes.push(\n      `  on${propName[0].toUpperCase()}${propName.slice(\n        1\n      )}Change?: (value: string) => void;`\n    );\n  });\n\n  // Generate form data interfaces and props\n  const formDataInterfaces: string[] = [];\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}FormData`;\n\n    // Generate interface for form data with human-readable property names\n    const formDataProps: string[] = [];\n    form.inputs.forEach((input) => {\n      const inputPropName = input.propName; // Use qualified prop name\n      const inputType = getComponentPropType(input.type, input.name);\n      formDataProps.push(`  ${inputPropName}: ${inputType};`);\n    });\n\n    formDataInterfaces.push(`export interface ${formDataTypeName} {\n${formDataProps.join(\"\\n\")}\n}`);\n\n    // Add the callback prop with proper typing\n    formPropTypes.push(\n      `  on${formPropName[0].toUpperCase()}${formPropName.slice(\n        1\n      )}Submit?: (formData: ${formDataTypeName}) => void;`\n    );\n  });\n\n  // Add standalone select input props (controlled value + onChange + options)\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    selectInputPropTypes.push(`  ${propName}?: string;`);\n    selectInputPropTypes.push(\n      `  ${propName}Options?: Array<string | { value: string; label: string }>;`\n    );\n    selectInputPropTypes.push(\n      `  on${capitalizedPropName}Change?: (value: string) => void;`\n    );\n  });\n\n  // Add action button props (onClick)\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    actionButtonPropTypes.push(`  on${capitalizedPropName}Click?: () => void;`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n      const itemTypeName = `${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item`;\n      propTypes.push(`  ${container.propName}: ${itemTypeName}[];`);\n    }\n\n    // Add control props for each slider/repeating container\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    controlPropTypes.push(`  ${sliderPropName}CurrentIndex?: number;`);\n    controlPropTypes.push(\n      `  on${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n        1\n      )}IndexChange?: (index: number) => void;`\n    );\n  });\n\n  const allPropTypes = [\n    ...propTypes,\n    ...controlPropTypes,\n    ...inputGroupPropTypes,\n    ...formPropTypes,\n    ...selectInputPropTypes,\n    ...actionButtonPropTypes,\n  ];\n  const hasProps = allPropTypes.length > 0;\n  const propsInterface = hasProps\n    ? `export interface ${componentName}Props {\n${allPropTypes.join(\"\\n\")}\n}`\n    : \"\";\n\n  const itemTypes = sliders\n    .filter((s) => s.arrayContainer && s.arrayContainer.components.length > 0)\n    .map((slider) => {\n      const container = slider.arrayContainer!;\n      const itemTypeName = `${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item`;\n      const itemProps = container.components\n        .map((comp) => {\n          return `  ${comp.propName}: ${comp.propType};`;\n        })\n        .join(\"\\n\");\n      return `export interface ${itemTypeName} {\n${itemProps}\n}`;\n    })\n    .join(\"\\n\\n\");\n\n  const formDataTypes = formDataInterfaces.join(\"\\n\\n\");\n\n  // Generate data mapping\n  const dataMapping: string[] = [];\n  const controlMapping: string[] = [];\n\n  // Add standalone component mappings\n  standaloneComponents.forEach((comp) => {\n    const propKey = getComponentPropName(comp.type);\n    dataMapping.push(`    // ${comp.name}\n    ...(props.${comp.propName} !== undefined && { \"${comp.id}\": { ${propKey}: props.${comp.propName} } as any }),`);\n  });\n\n  // Add select input mappings (for controlled values and options)\n  selectInputs.forEach((input) => {\n    dataMapping.push(`    // ${input.name}\n    ...((props.${input.propName} !== undefined || props.${input.propName}Options !== undefined) && { \n      \"${input.id}\": { \n        ...(props.${input.propName} !== undefined && { value: props.${input.propName} }),\n        ...(props.${input.propName}Options !== undefined && { options: props.${input.propName}Options }),\n      } as any \n    }),`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n      const itemMapping = container.components\n        .map((comp) => {\n          const propKey = getComponentPropName(comp.type);\n          return `        // ${comp.name}\n        \"${comp.id}\": {\n          ${propKey}: item.${comp.propName},\n        }`;\n        })\n        .join(\",\\n\");\n\n      dataMapping.push(`    // ${container.name}\n    \"${container.id}\": props.${container.propName}.map((item) => ({\n${itemMapping}\n      })),`);\n    }\n\n    // Generate control mapping for each slider\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    const controlEntry: string[] = [];\n    if (slider.id) {\n      controlEntry.push(`      // ${slider.name}`);\n      controlEntry.push(`      \"${slider.id}\": {`);\n      controlEntry.push(\n        `        currentIndex: props.${sliderPropName}CurrentIndex,`\n      );\n      controlEntry.push(`        onIndexChange: props.on${controlPropName},`);\n      controlEntry.push(`      }`);\n    }\n    if (controlEntry.length > 0) {\n      controlMapping.push(controlEntry.join(\"\\n\"));\n    }\n  });\n\n  const repeatingContainerControlsCode =\n    controlMapping.length > 0\n      ? `\\n      repeatingContainerControls={{\n${controlMapping.join(\",\\n\")}\n      }}`\n      : \"\";\n\n  // Generate input group mappings\n  const inputGroupMapping: string[] = [];\n  const inputGroupHandlers: string[] = [];\n\n  // Start action handler if we have input groups, forms, select inputs, or action buttons\n  if (\n    inputGroups.length > 0 ||\n    forms.length > 0 ||\n    selectInputs.length > 0 ||\n    actionButtons.length > 0\n  ) {\n    inputGroupHandlers.push(`  const handleAction = (payload: any) => {`);\n    inputGroupHandlers.push(`    const { action } = payload?.bravo || {};`);\n    inputGroupHandlers.push(``);\n\n    // Add select input handling\n    if (selectInputs.length > 0) {\n      inputGroupHandlers.push(`    // Handle select input changes`);\n      inputGroupHandlers.push(\n        `    if (action?.action === \"input-change\" || action?.action === \"select-change\") {`\n      );\n      inputGroupHandlers.push(`      const nodeId = action?.nodeId;`);\n      inputGroupHandlers.push(`      const value = action?.params?.value;`);\n      inputGroupHandlers.push(``);\n\n      selectInputs.forEach((input) => {\n        const propName = input.propName;\n        const capitalizedPropName =\n          propName[0].toUpperCase() + propName.slice(1);\n        const handlerPropName = `on${capitalizedPropName}Change`;\n        inputGroupHandlers.push(`      // ${input.name}`);\n        inputGroupHandlers.push(\n          `      if (nodeId === \"${input.id}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}(value);`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add action button handling\n    if (actionButtons.length > 0) {\n      inputGroupHandlers.push(`    // Handle button clicks`);\n      inputGroupHandlers.push(\n        `    if (action?.action === \"remote\" || action?.action === \"tap\" || action?.action === \"link\") {`\n      );\n      inputGroupHandlers.push(`      const nodeId = action?.nodeId;`);\n      inputGroupHandlers.push(``);\n\n      actionButtons.forEach((button) => {\n        const propName = button.propName;\n        const capitalizedPropName =\n          propName[0].toUpperCase() + propName.slice(1);\n        const handlerPropName = `on${capitalizedPropName}Click`;\n        inputGroupHandlers.push(`      // ${button.name}`);\n        inputGroupHandlers.push(\n          `      if (nodeId === \"${button.id}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}();`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add input group handling\n    if (inputGroups.length > 0) {\n      inputGroupHandlers.push(\n        `    if (action?.action === \"input-group-change\") {`\n      );\n      inputGroupHandlers.push(\n        `      const { groupName, value } = action.params;`\n      );\n\n      inputGroups.forEach((group) => {\n        const propName = sanitizePropName(group.groupName);\n        const handlerPropName = `on${propName[0].toUpperCase()}${propName.slice(\n          1\n        )}Change`;\n        inputGroupHandlers.push(\n          `      if (groupName === \"${group.groupName}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}(value);`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add form submission handling\n    if (forms.length > 0) {\n      inputGroupHandlers.push(`    if (action?.action === \"submit\") {`);\n      inputGroupHandlers.push(`      // Get form inputs from Encore state`);\n      inputGroupHandlers.push(\n        `      const formInputs = useEncoreState.getState().formInputs[\"${pageId}\"] || {};`\n      );\n      inputGroupHandlers.push(`      const submitNodeId = action?.nodeId;`);\n      inputGroupHandlers.push(``);\n\n      forms.forEach((form, index) => {\n        const formPropName = sanitizePropName(form.formName);\n        const handlerPropName = `on${formPropName[0].toUpperCase()}${formPropName.slice(\n          1\n        )}Submit`;\n\n        if (index > 0) {\n          inputGroupHandlers.push(``);\n        }\n        inputGroupHandlers.push(\n          `      // Form: ${form.formName} (${form.formId})`\n        );\n        // Check if this form's submit button was clicked (if submitButtonId is available)\n        if (form.submitButtonId) {\n          inputGroupHandlers.push(\n            `      if (submitNodeId === \"${form.submitButtonId}\" && props.${handlerPropName}) {`\n          );\n        } else if (forms.length === 1) {\n          // If only one form, don't check submit button ID\n          inputGroupHandlers.push(`      if (props.${handlerPropName}) {`);\n        } else {\n          // Multiple forms but no submit button ID - check all\n          inputGroupHandlers.push(`      if (props.${handlerPropName}) {`);\n        }\n        inputGroupHandlers.push(`        // Extract form inputs for this form`);\n        const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n          1\n        )}FormData`;\n        inputGroupHandlers.push(\n          `        const formData: ${formDataTypeName} = {`\n        );\n        const formDataEntries: string[] = [];\n        form.inputs.forEach((input) => {\n          const inputPropName = input.propName; // Use qualified prop name\n          formDataEntries.push(\n            `          ${inputPropName}: formInputs[\"${input.id}\"]`\n          );\n        });\n        inputGroupHandlers.push(formDataEntries.join(\",\\n\"));\n        inputGroupHandlers.push(`        };`);\n        inputGroupHandlers.push(`        props.${handlerPropName}(formData);`);\n        inputGroupHandlers.push(\n          `        // Note: Default form submission will still proceed after callback`\n        );\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n    }\n\n    inputGroupHandlers.push(`  };`);\n  }\n\n  // Generate input groups code\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    inputGroupMapping.push(\n      `    ...(props.${propName} !== undefined && { ${propName}: props.${propName} }),`\n    );\n  });\n\n  const inputGroupsCode =\n    inputGroupMapping.length > 0\n      ? `\\n      inputGroups={{\n${inputGroupMapping.join(\"\\n\")}\n      }}`\n      : \"\";\n\n  const onActionCode =\n    inputGroupHandlers.length > 0 ? `\\n      onAction={handleAction}` : \"\";\n\n  const propsParameter = hasProps ? `props: ${componentName}Props` : \"\";\n  const propsInterfaceSection = propsInterface ? `${propsInterface}\\n\\n` : \"\";\n\n  return `/**\n * ${componentName}\n * \n * Wrapper component for Encore Studio app.\n * See README.md for detailed documentation.\n */\n\nimport { EncoreApp${\n    forms.length > 0 ? \", useEncoreState\" : \"\"\n  } } from \"@bravostudioai/react\";\n${isProduction ? `import productionData from \"./data.json\";` : \"\"}\n\n${itemTypes ? `${itemTypes}\\n\\n` : \"\"}${\n    formDataTypes ? `${formDataTypes}\\n\\n` : \"\"\n  }${propsInterfaceSection}export function ${componentName}(${propsParameter}) {\n${inputGroupHandlers.length > 0 ? inputGroupHandlers.join(\"\\n\") : \"\"}\n  return (\n    <EncoreApp\n      appId=\"${appId}\"\n      pageId=\"${pageId}\"\n      ${\n        isProduction\n          ? `appDefinition={productionData.app}\n      pageDefinition={productionData.page}\n      componentCode={productionData.componentCode}`\n          : \"\"\n      }\n      data={{\n${dataMapping.join(\"\\n\")}\n      }}${repeatingContainerControlsCode}${inputGroupsCode}${onActionCode}\n    />\n  );\n}\n\nexport default ${componentName};\n`;\n}\n\nexport function generateReadme(\n  appId: string,\n  pageId: string,\n  appName: string,\n  pageName: string,\n  componentName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[]\n): string {\n  const componentDocs: string[] = [];\n  const controlDocs: string[] = [];\n  const selectInputDocs: string[] = [];\n  const actionButtonDocs: string[] = [];\n\n  // Add standalone component documentation\n  standaloneComponents.forEach((comp) => {\n    componentDocs.push(`### \\`${comp.propName}\\` (${comp.propType}, optional)\n\n${comp.name} (${comp.type}) - Component ID: ${comp.id}`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n\n      // Generate component documentation\n      const compDocs = container.components\n        .map((comp) => {\n          return `- \\`${comp.propName}\\` (${comp.propType}): ${comp.name} (${comp.type}) - Component ID: ${comp.id}`;\n        })\n        .join(\"\\n\");\n\n      componentDocs.push(`### \\`${\n        container.propName\n      }\\` (${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item[])\n\nArray of items for \"${container.name}\" container (ID: ${container.id})\n\n**Properties:**\n\n${compDocs}`);\n    }\n\n    // Generate control documentation for each slider/repeating container\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    controlDocs.push(`### \\`${sliderPropName}CurrentIndex\\` (number, optional)\n\nControls the currently visible slide/index for the \"${slider.name}\" container (ID: ${slider.id}).\n\nWhen provided, the slider operates in controlled mode - the parent component controls which slide is displayed. When not provided, the slider manages its own state.\n\n### \\`on${controlPropName}\\` ((index: number) => void, optional)\n\nCallback fired when the user navigates to a different slide. Called with the new slide index (0-based).\n\nThis event fires whenever the slide changes, whether by user interaction, automatic advancement, or programmatic control.`);\n  });\n\n  const dataPropsSection =\n    componentDocs.length > 0\n      ? componentDocs.join(\"\\n\\n\")\n      : \"This component currently has no data-bound props.\";\n\n  const controlPropsSection =\n    controlDocs.length > 0\n      ? `## Control Props\n\nThese props allow you to imperatively control repeating containers (sliders, lists, etc.) and receive notifications when the current index changes.\n\n${controlDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate input group documentation\n  const inputGroupDocs: string[] = [];\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    const handlerPropName = `on${propName[0].toUpperCase()}${propName.slice(\n      1\n    )}Change`;\n    const elementsList = group.elements\n      .map((el) => `- \"${el.name}\"`)\n      .join(\"\\n\");\n\n    inputGroupDocs.push(`### \\`${propName}\\` (string, optional)\n\nSets which element is active in the \"${group.groupName}\" input group (type: ${group.groupType}).\n\n**Available elements:**\n${elementsList}\n\n### \\`${handlerPropName}\\` ((value: string) => void, optional)\n\nCallback fired when the user selects a different element in the \"${group.groupName}\" input group. Called with the name of the selected element.`);\n  });\n\n  const inputGroupPropsSection =\n    inputGroupDocs.length > 0\n      ? `## Input Group Props\n\nThese props allow you to control input groups (radio button-like behavior) and receive notifications when the selection changes.\n\n${inputGroupDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate form documentation\n  const formDocs: string[] = [];\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    const handlerPropName = `on${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}Submit`;\n    const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}FormData`;\n    const inputsList = form.inputs\n      .map((input) => {\n        const inputPropName = input.propName; // Use qualified prop name\n        const inputType = getComponentPropType(input.type, input.name);\n        return `- \\`${inputPropName}\\` (${inputType}) - ${input.name}`;\n      })\n      .join(\"\\n\");\n\n    formDocs.push(`### \\`${handlerPropName}\\` ((formData: ${formDataTypeName}) => void, optional)\n\nCallback fired when the \"${\n      form.formName\n    }\" form is submitted. Called with a typed object containing all form input values with human-readable property names.\n\n**Form data shape:**\n\\`\\`\\`typescript\ninterface ${formDataTypeName} {\n${form.inputs\n  .map((input) => {\n    const inputPropName = input.propName; // Use qualified prop name\n    const inputType = getComponentPropType(input.type, input.name);\n    return `  ${inputPropName}: ${inputType};`;\n  })\n  .join(\"\\n\")}\n}\n\\`\\`\\`\n\n**Form inputs:**\n${inputsList}`);\n  });\n\n  const formPropsSection =\n    formDocs.length > 0\n      ? `## Form Submission Props\n\nThese props allow you to handle form submissions and access form input values.\n\n${formDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate select input documentation\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    const handlerPropName = `on${capitalizedPropName}Change`;\n    const optionsPropName = `${propName}Options`;\n\n    selectInputDocs.push(`### \\`${propName}\\` (string, optional)\n\nControls the selected value of the \"${input.name}\" dropdown (Component ID: ${input.id}).\n\nWhen provided, the select input operates in controlled mode - the parent component controls the current value.\n\n### \\`${optionsPropName}\\` (Array<string | { value: string; label: string }>, optional)\n\nSets the available options for the \"${input.name}\" dropdown. Can be an array of strings (used as both value and label) or an array of objects with \\`value\\` and \\`label\\` properties.\n\n**Example:**\n\\`\\`\\`tsx\n// Simple string array\n${optionsPropName}={[\"Option 1\", \"Option 2\", \"Option 3\"]}\n\n// Object array with separate values and labels\n${optionsPropName}={[\n  { value: \"opt1\", label: \"Option 1\" },\n  { value: \"opt2\", label: \"Option 2\" },\n]}\n\\`\\`\\`\n\n### \\`${handlerPropName}\\` ((value: string) => void, optional)\n\nCallback fired when the user selects a different option in the \"${input.name}\" dropdown. Called with the selected value.`);\n  });\n\n  const selectInputPropsSection =\n    selectInputDocs.length > 0\n      ? `## Select Input Props\n\nThese props allow you to control select/dropdown inputs and respond to value changes.\n\n${selectInputDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate action button documentation\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    const handlerPropName = `on${capitalizedPropName}Click`;\n\n    actionButtonDocs.push(`### \\`${handlerPropName}\\` (() => void, optional)\n\nCallback fired when the \"${button.name}\" button is clicked (Component ID: ${button.id}).\n\nAction type: \\`${button.actionType}\\``);\n  });\n\n  const actionButtonPropsSection =\n    actionButtonDocs.length > 0\n      ? `## Action Button Props\n\nThese props allow you to respond to button clicks and other user interactions.\n\n${actionButtonDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  const propsSection = `## Props\n\n### Data Props\n\n${dataPropsSection}\n\n${controlPropsSection}\n\n${inputGroupPropsSection}\n\n${formPropsSection}\n\n${selectInputPropsSection}\n\n${actionButtonPropsSection}`;\n\n  const usageExample =\n    sliders.length > 0 && sliders[0].arrayContainer\n      ? `<${componentName}\n  ${sliders\n    .map((s) =>\n      s.arrayContainer\n        ? `${s.arrayContainer.propName}={[\n    {\n      ${s.arrayContainer?.components\n        .map(\n          (c) =>\n            `${c.propName}: \"${\n              c.type === \"component:image\"\n                ? \"https://example.com/image.jpg\"\n                : \"Example value\"\n            }\"`\n        )\n        .join(\",\\n      \")}\n    }\n  ]}`\n        : \"\"\n    )\n    .filter(Boolean)\n    .join(\"\\n  \")}\n/>`\n      : `<${componentName} />`;\n\n  // Generate control example\n  let controlExample = \"\";\n  if (sliders.length > 0 && sliders[0]) {\n    const firstSlider = sliders[0];\n    const sliderPropName = sanitizePropName(firstSlider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n\n    controlExample = `## Controlling Slides\n\nYou can imperatively control which slide is displayed and listen for slide changes:\n\n\\`\\`\\`tsx\nimport { useState } from \"react\";\nimport { ${componentName} } from \"./${componentName}\";\n\nfunction MyComponent() {\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  return (\n    <>\n      <button onClick={() => setCurrentSlide((prev) => Math.max(0, prev - 1))}>\n        Previous\n      </button>\n      <button onClick={() => setCurrentSlide((prev) => prev + 1)}>\n        Next\n      </button>\n      <${componentName}\n        ${sliders\n          .map((s) =>\n            s.arrayContainer\n              ? `${s.arrayContainer.propName}={[/* array of items */]}`\n              : \"\"\n          )\n          .filter(Boolean)\n          .join(\"\\n        \")}\n        ${sliderPropName}CurrentIndex={currentSlide}\n        on${controlPropName}={(index) => setCurrentSlide(index)}\n      />\n    </>\n  );\n}\n\\`\\`\\``;\n  }\n\n  return `# ${componentName}\n\nEncore App Wrapper Component\n\nThis component wraps the Encore Studio app **\"${appName}\"** (App ID: \\`${appId}\\`) for the page **\"${pageName}\"** (Page ID: \\`${pageId}\\`).\n\nThe component automatically maps props to data-bound components within the app. Components marked with \\`encore:data\\` tags are exposed as props, allowing you to dynamically populate content.\n\n${propsSection}\n\n## Usage\n\n\\`\\`\\`tsx\nimport { ${componentName} } from \"./${componentName}\";\n\nfunction MyComponent() {\n  return (\n    <${componentName}\n      ${sliders\n        .map((s) =>\n          s.arrayContainer\n            ? `${s.arrayContainer.propName}={[/* array of items */]}`\n            : \"\"\n        )\n        .filter(Boolean)\n        .join(\"\\n      \")}\n    />\n  );\n}\n\\`\\`\\`\n\n## Example\n\n\\`\\`\\`tsx\n${usageExample}\n\\`\\`\\`\n\n${controlExample}\n`;\n}\n\nexport function generateComponentMetadata(\n  _appName: string,\n  pageName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[]\n): ComponentMetadata {\n  const props: string[] = [];\n  const events: string[] = [];\n  const componentName = sanitizePropName(pageName);\n\n  // Add standalone component props\n  standaloneComponents.forEach((comp) => {\n    props.push(comp.propName);\n  });\n\n  // Add input group props\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    props.push(propName);\n    events.push(`on${propName[0].toUpperCase()}${propName.slice(1)}Change`);\n  });\n\n  // Add form props\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    events.push(\n      `on${formPropName[0].toUpperCase()}${formPropName.slice(1)}Submit`\n    );\n  });\n\n  // Add select input props\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    props.push(propName);\n    props.push(`${propName}Options`);\n    events.push(`on${capitalizedPropName}Change`);\n  });\n\n  // Add action button events\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    events.push(`on${capitalizedPropName}Click`);\n  });\n\n  // Add slider props/events\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      props.push(slider.arrayContainer.propName);\n    }\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    props.push(`${sliderPropName}CurrentIndex`);\n    events.push(`on${controlPropName}`);\n  });\n\n  // Generate generic JSX usage\n  const jsxUsage = `<${componentName}\n  ${props.map((p) => `${p}={${p}}`).join(\"\\n  \")}\n  ${events.map((e) => `${e}={${e}}`).join(\"\\n  \")}\n/>`;\n\n  return {\n    props,\n    events,\n    jsx: jsxUsage,\n  };\n}\n"],"names":["generateComponentCode","appId","pageId","componentName","sliders","standaloneComponents","inputGroups","forms","selectInputs","actionButtons","isProduction","propTypes","controlPropTypes","inputGroupPropTypes","formPropTypes","selectInputPropTypes","actionButtonPropTypes","comp","group","propName","sanitizePropName","formDataInterfaces","form","formPropName","formDataTypeName","formDataProps","input","inputPropName","inputType","getComponentPropType","capitalizedPropName","button","slider","container","itemTypeName","sliderPropName","allPropTypes","hasProps","propsInterface","itemTypes","s","itemProps","formDataTypes","dataMapping","controlMapping","propKey","getComponentPropName","itemMapping","controlPropName","controlEntry","repeatingContainerControlsCode","inputGroupMapping","inputGroupHandlers","handlerPropName","index","formDataEntries","inputGroupsCode","onActionCode","propsParameter","propsInterfaceSection","generateReadme","appName","pageName","componentDocs","controlDocs","selectInputDocs","actionButtonDocs","compDocs","dataPropsSection","controlPropsSection","inputGroupDocs","elementsList","el","inputGroupPropsSection","formDocs","inputsList","formPropsSection","optionsPropName","selectInputPropsSection","actionButtonPropsSection","propsSection","usageExample","c","controlExample","firstSlider","generateComponentMetadata","_appName","props","events","jsxUsage","p","e"],"mappings":"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"}
+{"version":3,"file":"generator.js","sources":["../../src/codegen/generator.ts"],"sourcesContent":["import {\n  ComponentInfo,\n  SliderInfo,\n  InputGroupInfo,\n  FormInfo,\n  SelectInputInfo,\n  ActionButtonInfo,\n} from \"./types\";\nimport {\n  getComponentPropType,\n  getComponentPropName,\n  sanitizePropName,\n} from \"./parser\";\n\nexport interface ComponentMetadata {\n  props: string[];\n  events: string[];\n  jsx: string;\n}\n\nexport function generateComponentCode(\n  appId: string,\n  pageId: string,\n  componentName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[],\n  isProduction: boolean = false,\n  pageMeta?: {\n    width?: number;\n    height?: number;\n    aspectRatio?: number;\n  }\n): string {\n  // Generate prop types\n  const propTypes: string[] = [];\n  const controlPropTypes: string[] = [];\n  const inputGroupPropTypes: string[] = [];\n  const formPropTypes: string[] = [];\n  const selectInputPropTypes: string[] = [];\n  const actionButtonPropTypes: string[] = [];\n\n  // Add standalone component props\n  standaloneComponents.forEach((comp) => {\n    propTypes.push(`  ${comp.propName}?: ${comp.propType};`);\n  });\n\n  // Add input group props\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    inputGroupPropTypes.push(`  ${propName}?: string;`);\n    inputGroupPropTypes.push(\n      `  on${propName[0].toUpperCase()}${propName.slice(\n        1\n      )}Change?: (value: string) => void;`\n    );\n  });\n\n  // Generate form data interfaces and props\n  const formDataInterfaces: string[] = [];\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}FormData`;\n\n    // Generate interface for form data with human-readable property names\n    const formDataProps: string[] = [];\n    form.inputs.forEach((input) => {\n      const inputPropName = input.propName; // Use qualified prop name\n      const inputType = getComponentPropType(input.type, input.name);\n      formDataProps.push(`  ${inputPropName}: ${inputType};`);\n    });\n\n    formDataInterfaces.push(`export interface ${formDataTypeName} {\n${formDataProps.join(\"\\n\")}\n}`);\n\n    // Add the callback prop with proper typing\n    formPropTypes.push(\n      `  on${formPropName[0].toUpperCase()}${formPropName.slice(\n        1\n      )}Submit?: (formData: ${formDataTypeName}) => void;`\n    );\n  });\n\n  // Add standalone select input props (controlled value + onChange + options)\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    selectInputPropTypes.push(`  ${propName}?: string;`);\n    selectInputPropTypes.push(\n      `  ${propName}Options?: Array<string | { value: string; label: string }>;`\n    );\n    selectInputPropTypes.push(\n      `  on${capitalizedPropName}Change?: (value: string) => void;`\n    );\n  });\n\n  // Add action button props (onClick)\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    actionButtonPropTypes.push(`  on${capitalizedPropName}Click?: () => void;`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n      const itemTypeName = `${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item`;\n      propTypes.push(`  ${container.propName}: ${itemTypeName}[];`);\n    }\n\n    // Add control props for each slider/repeating container\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    controlPropTypes.push(`  ${sliderPropName}CurrentIndex?: number;`);\n    controlPropTypes.push(\n      `  on${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n        1\n      )}IndexChange?: (index: number) => void;`\n    );\n  });\n\n  const allPropTypes = [\n    ...propTypes,\n    ...controlPropTypes,\n    ...inputGroupPropTypes,\n    ...formPropTypes,\n    ...selectInputPropTypes,\n    ...actionButtonPropTypes,\n  ];\n  const hasProps = allPropTypes.length > 0;\n  const propsInterface = hasProps\n    ? `export interface ${componentName}Props {\n${allPropTypes.join(\"\\n\")}\n}`\n    : \"\";\n\n  const itemTypes = sliders\n    .filter((s) => s.arrayContainer && s.arrayContainer.components.length > 0)\n    .map((slider) => {\n      const container = slider.arrayContainer!;\n      const itemTypeName = `${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item`;\n      const itemProps = container.components\n        .map((comp) => {\n          return `  ${comp.propName}: ${comp.propType};`;\n        })\n        .join(\"\\n\");\n      return `export interface ${itemTypeName} {\n${itemProps}\n}`;\n    })\n    .join(\"\\n\\n\");\n\n  const formDataTypes = formDataInterfaces.join(\"\\n\\n\");\n\n  // Generate data mapping\n  const dataMapping: string[] = [];\n  const controlMapping: string[] = [];\n\n  // Add standalone component mappings\n  standaloneComponents.forEach((comp) => {\n    const propKey = getComponentPropName(comp.type);\n    dataMapping.push(`    // ${comp.name}\n    ...(props.${comp.propName} !== undefined && { \"${comp.id}\": { ${propKey}: props.${comp.propName} } as any }),`);\n  });\n\n  // Add select input mappings (for controlled values and options)\n  selectInputs.forEach((input) => {\n    dataMapping.push(`    // ${input.name}\n    ...((props.${input.propName} !== undefined || props.${input.propName}Options !== undefined) && { \n      \"${input.id}\": { \n        ...(props.${input.propName} !== undefined && { value: props.${input.propName} }),\n        ...(props.${input.propName}Options !== undefined && { options: props.${input.propName}Options }),\n      } as any \n    }),`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n      const itemMapping = container.components\n        .map((comp) => {\n          const propKey = getComponentPropName(comp.type);\n          return `        // ${comp.name}\n        \"${comp.id}\": {\n          ${propKey}: item.${comp.propName},\n        }`;\n        })\n        .join(\",\\n\");\n\n      dataMapping.push(`    // ${container.name}\n    \"${container.id}\": props.${container.propName}.map((item) => ({\n${itemMapping}\n      })),`);\n    }\n\n    // Generate control mapping for each slider\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    const controlEntry: string[] = [];\n    if (slider.id) {\n      controlEntry.push(`      // ${slider.name}`);\n      controlEntry.push(`      \"${slider.id}\": {`);\n      controlEntry.push(\n        `        currentIndex: props.${sliderPropName}CurrentIndex,`\n      );\n      controlEntry.push(`        onIndexChange: props.on${controlPropName},`);\n      controlEntry.push(`      }`);\n    }\n    if (controlEntry.length > 0) {\n      controlMapping.push(controlEntry.join(\"\\n\"));\n    }\n  });\n\n  const repeatingContainerControlsCode =\n    controlMapping.length > 0\n      ? `\\n      repeatingContainerControls={{\n${controlMapping.join(\",\\n\")}\n      }}`\n      : \"\";\n\n  // Generate input group mappings\n  const inputGroupMapping: string[] = [];\n  const inputGroupHandlers: string[] = [];\n\n  // Start action handler if we have input groups, forms, select inputs, or action buttons\n  if (\n    inputGroups.length > 0 ||\n    forms.length > 0 ||\n    selectInputs.length > 0 ||\n    actionButtons.length > 0\n  ) {\n    inputGroupHandlers.push(`  const handleAction = (payload: any) => {`);\n    inputGroupHandlers.push(`    const { action } = payload?.bravo || {};`);\n    inputGroupHandlers.push(``);\n\n    // Add select input handling\n    if (selectInputs.length > 0) {\n      inputGroupHandlers.push(`    // Handle select input changes`);\n      inputGroupHandlers.push(\n        `    if (action?.action === \"input-change\" || action?.action === \"select-change\") {`\n      );\n      inputGroupHandlers.push(`      const nodeId = action?.nodeId;`);\n      inputGroupHandlers.push(`      const value = action?.params?.value;`);\n      inputGroupHandlers.push(``);\n\n      selectInputs.forEach((input) => {\n        const propName = input.propName;\n        const capitalizedPropName =\n          propName[0].toUpperCase() + propName.slice(1);\n        const handlerPropName = `on${capitalizedPropName}Change`;\n        inputGroupHandlers.push(`      // ${input.name}`);\n        inputGroupHandlers.push(\n          `      if (nodeId === \"${input.id}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}(value);`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add action button handling\n    if (actionButtons.length > 0) {\n      inputGroupHandlers.push(`    // Handle button clicks`);\n      inputGroupHandlers.push(\n        `    if (action?.action === \"remote\" || action?.action === \"tap\" || action?.action === \"link\") {`\n      );\n      inputGroupHandlers.push(`      const nodeId = action?.nodeId;`);\n      inputGroupHandlers.push(``);\n\n      actionButtons.forEach((button) => {\n        const propName = button.propName;\n        const capitalizedPropName =\n          propName[0].toUpperCase() + propName.slice(1);\n        const handlerPropName = `on${capitalizedPropName}Click`;\n        inputGroupHandlers.push(`      // ${button.name}`);\n        inputGroupHandlers.push(\n          `      if (nodeId === \"${button.id}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}();`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add input group handling\n    if (inputGroups.length > 0) {\n      inputGroupHandlers.push(\n        `    if (action?.action === \"input-group-change\") {`\n      );\n      inputGroupHandlers.push(\n        `      const { groupName, value } = action.params;`\n      );\n\n      inputGroups.forEach((group) => {\n        const propName = sanitizePropName(group.groupName);\n        const handlerPropName = `on${propName[0].toUpperCase()}${propName.slice(\n          1\n        )}Change`;\n        inputGroupHandlers.push(\n          `      if (groupName === \"${group.groupName}\" && props.${handlerPropName}) {`\n        );\n        inputGroupHandlers.push(`        props.${handlerPropName}(value);`);\n        inputGroupHandlers.push(`        return;`);\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n      inputGroupHandlers.push(``);\n    }\n\n    // Add form submission handling\n    if (forms.length > 0) {\n      inputGroupHandlers.push(`    if (action?.action === \"submit\") {`);\n      inputGroupHandlers.push(`      // Get form inputs from Encore state`);\n      inputGroupHandlers.push(\n        `      const formInputs = useEncoreState.getState().formInputs[\"${pageId}\"] || {};`\n      );\n      inputGroupHandlers.push(`      const submitNodeId = action?.nodeId;`);\n      inputGroupHandlers.push(``);\n\n      forms.forEach((form, index) => {\n        const formPropName = sanitizePropName(form.formName);\n        const handlerPropName = `on${formPropName[0].toUpperCase()}${formPropName.slice(\n          1\n        )}Submit`;\n\n        if (index > 0) {\n          inputGroupHandlers.push(``);\n        }\n        inputGroupHandlers.push(\n          `      // Form: ${form.formName} (${form.formId})`\n        );\n        // Check if this form's submit button was clicked (if submitButtonId is available)\n        if (form.submitButtonId) {\n          inputGroupHandlers.push(\n            `      if (submitNodeId === \"${form.submitButtonId}\" && props.${handlerPropName}) {`\n          );\n        } else if (forms.length === 1) {\n          // If only one form, don't check submit button ID\n          inputGroupHandlers.push(`      if (props.${handlerPropName}) {`);\n        } else {\n          // Multiple forms but no submit button ID - check all\n          inputGroupHandlers.push(`      if (props.${handlerPropName}) {`);\n        }\n        inputGroupHandlers.push(`        // Extract form inputs for this form`);\n        const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n          1\n        )}FormData`;\n        inputGroupHandlers.push(\n          `        const formData: ${formDataTypeName} = {`\n        );\n        const formDataEntries: string[] = [];\n        form.inputs.forEach((input) => {\n          const inputPropName = input.propName; // Use qualified prop name\n          formDataEntries.push(\n            `          ${inputPropName}: formInputs[\"${input.id}\"]`\n          );\n        });\n        inputGroupHandlers.push(formDataEntries.join(\",\\n\"));\n        inputGroupHandlers.push(`        };`);\n        inputGroupHandlers.push(`        props.${handlerPropName}(formData);`);\n        inputGroupHandlers.push(\n          `        // Note: Default form submission will still proceed after callback`\n        );\n        inputGroupHandlers.push(`      }`);\n      });\n\n      inputGroupHandlers.push(`    }`);\n    }\n\n    inputGroupHandlers.push(`  };`);\n  }\n\n  // Generate input groups code\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    inputGroupMapping.push(\n      `    ...(props.${propName} !== undefined && { ${propName}: props.${propName} }),`\n    );\n  });\n\n  const inputGroupsCode =\n    inputGroupMapping.length > 0\n      ? `\\n      inputGroups={{\n${inputGroupMapping.join(\"\\n\")}\n      }}`\n      : \"\";\n\n  const onActionCode =\n    inputGroupHandlers.length > 0 ? `\\n      onAction={handleAction}` : \"\";\n\n  const propsParameter = hasProps ? `props: ${componentName}Props` : \"\";\n  const propsInterfaceSection = propsInterface ? `${propsInterface}\\n\\n` : \"\";\n\n  return `/**\n * ${componentName}\n * \n * Wrapper component for Encore Studio app.\n * See README.md for detailed documentation.\n */\n\nimport { EncoreApp${\n    forms.length > 0 ? \", useEncoreState\" : \"\"\n  } } from \"@bravostudioai/react\";\n${isProduction ? `import productionData from \"./data.json\";` : \"\"}\n\n${itemTypes ? `${itemTypes}\\n\\n` : \"\"}${\n    formDataTypes ? `${formDataTypes}\\n\\n` : \"\"\n  }${propsInterfaceSection}export function ${componentName}(${propsParameter}) {\n${inputGroupHandlers.length > 0 ? inputGroupHandlers.join(\"\\n\") : \"\"}\n  return (\n    <EncoreApp\n      appId=\"${appId}\"\n      pageId=\"${pageId}\"\n      ${\n        isProduction\n          ? `appDefinition={productionData.app}\n      pageDefinition={productionData.page}\n      componentCode={productionData.componentCode}`\n          : \"\"\n      }\n      data={{\n${dataMapping.join(\"\\n\")}\n      }}${repeatingContainerControlsCode}${inputGroupsCode}${onActionCode}\n    />\n  );\n}\n\nexport default ${componentName};\n\nexport const PageMeta = {\n  width: ${pageMeta?.width ?? \"undefined\"},\n  height: ${pageMeta?.height ?? \"undefined\"},\n  aspectRatio: ${pageMeta?.aspectRatio ?? \"undefined\"},\n};\n`;\n}\n\nexport function generateReadme(\n  appId: string,\n  pageId: string,\n  appName: string,\n  pageName: string,\n  componentName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[]\n): string {\n  const componentDocs: string[] = [];\n  const controlDocs: string[] = [];\n  const selectInputDocs: string[] = [];\n  const actionButtonDocs: string[] = [];\n\n  // Add standalone component documentation\n  standaloneComponents.forEach((comp) => {\n    componentDocs.push(`### \\`${comp.propName}\\` (${comp.propType}, optional)\n\n${comp.name} (${comp.type}) - Component ID: ${comp.id}`);\n  });\n\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      const container = slider.arrayContainer;\n\n      // Generate component documentation\n      const compDocs = container.components\n        .map((comp) => {\n          return `- \\`${comp.propName}\\` (${comp.propType}): ${comp.name} (${comp.type}) - Component ID: ${comp.id}`;\n        })\n        .join(\"\\n\");\n\n      componentDocs.push(`### \\`${\n        container.propName\n      }\\` (${container.propName[0].toUpperCase()}${container.propName.slice(\n        1\n      )}Item[])\n\nArray of items for \"${container.name}\" container (ID: ${container.id})\n\n**Properties:**\n\n${compDocs}`);\n    }\n\n    // Generate control documentation for each slider/repeating container\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    controlDocs.push(`### \\`${sliderPropName}CurrentIndex\\` (number, optional)\n\nControls the currently visible slide/index for the \"${slider.name}\" container (ID: ${slider.id}).\n\nWhen provided, the slider operates in controlled mode - the parent component controls which slide is displayed. When not provided, the slider manages its own state.\n\n### \\`on${controlPropName}\\` ((index: number) => void, optional)\n\nCallback fired when the user navigates to a different slide. Called with the new slide index (0-based).\n\nThis event fires whenever the slide changes, whether by user interaction, automatic advancement, or programmatic control.`);\n  });\n\n  const dataPropsSection =\n    componentDocs.length > 0\n      ? componentDocs.join(\"\\n\\n\")\n      : \"This component currently has no data-bound props.\";\n\n  const controlPropsSection =\n    controlDocs.length > 0\n      ? `## Control Props\n\nThese props allow you to imperatively control repeating containers (sliders, lists, etc.) and receive notifications when the current index changes.\n\n${controlDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate input group documentation\n  const inputGroupDocs: string[] = [];\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    const handlerPropName = `on${propName[0].toUpperCase()}${propName.slice(\n      1\n    )}Change`;\n    const elementsList = group.elements\n      .map((el) => `- \"${el.name}\"`)\n      .join(\"\\n\");\n\n    inputGroupDocs.push(`### \\`${propName}\\` (string, optional)\n\nSets which element is active in the \"${group.groupName}\" input group (type: ${group.groupType}).\n\n**Available elements:**\n${elementsList}\n\n### \\`${handlerPropName}\\` ((value: string) => void, optional)\n\nCallback fired when the user selects a different element in the \"${group.groupName}\" input group. Called with the name of the selected element.`);\n  });\n\n  const inputGroupPropsSection =\n    inputGroupDocs.length > 0\n      ? `## Input Group Props\n\nThese props allow you to control input groups (radio button-like behavior) and receive notifications when the selection changes.\n\n${inputGroupDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate form documentation\n  const formDocs: string[] = [];\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    const handlerPropName = `on${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}Submit`;\n    const formDataTypeName = `${formPropName[0].toUpperCase()}${formPropName.slice(\n      1\n    )}FormData`;\n    const inputsList = form.inputs\n      .map((input) => {\n        const inputPropName = input.propName; // Use qualified prop name\n        const inputType = getComponentPropType(input.type, input.name);\n        return `- \\`${inputPropName}\\` (${inputType}) - ${input.name}`;\n      })\n      .join(\"\\n\");\n\n    formDocs.push(`### \\`${handlerPropName}\\` ((formData: ${formDataTypeName}) => void, optional)\n\nCallback fired when the \"${\n      form.formName\n    }\" form is submitted. Called with a typed object containing all form input values with human-readable property names.\n\n**Form data shape:**\n\\`\\`\\`typescript\ninterface ${formDataTypeName} {\n${form.inputs\n  .map((input) => {\n    const inputPropName = input.propName; // Use qualified prop name\n    const inputType = getComponentPropType(input.type, input.name);\n    return `  ${inputPropName}: ${inputType};`;\n  })\n  .join(\"\\n\")}\n}\n\\`\\`\\`\n\n**Form inputs:**\n${inputsList}`);\n  });\n\n  const formPropsSection =\n    formDocs.length > 0\n      ? `## Form Submission Props\n\nThese props allow you to handle form submissions and access form input values.\n\n${formDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate select input documentation\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    const handlerPropName = `on${capitalizedPropName}Change`;\n    const optionsPropName = `${propName}Options`;\n\n    selectInputDocs.push(`### \\`${propName}\\` (string, optional)\n\nControls the selected value of the \"${input.name}\" dropdown (Component ID: ${input.id}).\n\nWhen provided, the select input operates in controlled mode - the parent component controls the current value.\n\n### \\`${optionsPropName}\\` (Array<string | { value: string; label: string }>, optional)\n\nSets the available options for the \"${input.name}\" dropdown. Can be an array of strings (used as both value and label) or an array of objects with \\`value\\` and \\`label\\` properties.\n\n**Example:**\n\\`\\`\\`tsx\n// Simple string array\n${optionsPropName}={[\"Option 1\", \"Option 2\", \"Option 3\"]}\n\n// Object array with separate values and labels\n${optionsPropName}={[\n  { value: \"opt1\", label: \"Option 1\" },\n  { value: \"opt2\", label: \"Option 2\" },\n]}\n\\`\\`\\`\n\n### \\`${handlerPropName}\\` ((value: string) => void, optional)\n\nCallback fired when the user selects a different option in the \"${input.name}\" dropdown. Called with the selected value.`);\n  });\n\n  const selectInputPropsSection =\n    selectInputDocs.length > 0\n      ? `## Select Input Props\n\nThese props allow you to control select/dropdown inputs and respond to value changes.\n\n${selectInputDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  // Generate action button documentation\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    const handlerPropName = `on${capitalizedPropName}Click`;\n\n    actionButtonDocs.push(`### \\`${handlerPropName}\\` (() => void, optional)\n\nCallback fired when the \"${button.name}\" button is clicked (Component ID: ${button.id}).\n\nAction type: \\`${button.actionType}\\``);\n  });\n\n  const actionButtonPropsSection =\n    actionButtonDocs.length > 0\n      ? `## Action Button Props\n\nThese props allow you to respond to button clicks and other user interactions.\n\n${actionButtonDocs.join(\"\\n\\n\")}`\n      : \"\";\n\n  const propsSection = `## Props\n\n### Data Props\n\n${dataPropsSection}\n\n${controlPropsSection}\n\n${inputGroupPropsSection}\n\n${formPropsSection}\n\n${selectInputPropsSection}\n\n${actionButtonPropsSection}`;\n\n  const usageExample =\n    sliders.length > 0 && sliders[0].arrayContainer\n      ? `<${componentName}\n  ${sliders\n    .map((s) =>\n      s.arrayContainer\n        ? `${s.arrayContainer.propName}={[\n    {\n      ${s.arrayContainer?.components\n        .map(\n          (c) =>\n            `${c.propName}: \"${\n              c.type === \"component:image\"\n                ? \"https://example.com/image.jpg\"\n                : \"Example value\"\n            }\"`\n        )\n        .join(\",\\n      \")}\n    }\n  ]}`\n        : \"\"\n    )\n    .filter(Boolean)\n    .join(\"\\n  \")}\n/>`\n      : `<${componentName} />`;\n\n  // Generate control example\n  let controlExample = \"\";\n  if (sliders.length > 0 && sliders[0]) {\n    const firstSlider = sliders[0];\n    const sliderPropName = sanitizePropName(firstSlider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n\n    controlExample = `## Controlling Slides\n\nYou can imperatively control which slide is displayed and listen for slide changes:\n\n\\`\\`\\`tsx\nimport { useState } from \"react\";\nimport { ${componentName} } from \"./${componentName}\";\n\nfunction MyComponent() {\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  return (\n    <>\n      <button onClick={() => setCurrentSlide((prev) => Math.max(0, prev - 1))}>\n        Previous\n      </button>\n      <button onClick={() => setCurrentSlide((prev) => prev + 1)}>\n        Next\n      </button>\n      <${componentName}\n        ${sliders\n          .map((s) =>\n            s.arrayContainer\n              ? `${s.arrayContainer.propName}={[/* array of items */]}`\n              : \"\"\n          )\n          .filter(Boolean)\n          .join(\"\\n        \")}\n        ${sliderPropName}CurrentIndex={currentSlide}\n        on${controlPropName}={(index) => setCurrentSlide(index)}\n      />\n    </>\n  );\n}\n\\`\\`\\``;\n  }\n\n  return `# ${componentName}\n\nEncore App Wrapper Component\n\nThis component wraps the Encore Studio app **\"${appName}\"** (App ID: \\`${appId}\\`) for the page **\"${pageName}\"** (Page ID: \\`${pageId}\\`).\n\nThe component automatically maps props to data-bound components within the app. Components marked with \\`encore:data\\` tags are exposed as props, allowing you to dynamically populate content.\n\n${propsSection}\n\n## Usage\n\n\\`\\`\\`tsx\nimport { ${componentName} } from \"./${componentName}\";\n\nfunction MyComponent() {\n  return (\n    <${componentName}\n      ${sliders\n        .map((s) =>\n          s.arrayContainer\n            ? `${s.arrayContainer.propName}={[/* array of items */]}`\n            : \"\"\n        )\n        .filter(Boolean)\n        .join(\"\\n      \")}\n    />\n  );\n}\n\\`\\`\\`\n\n## Example\n\n\\`\\`\\`tsx\n${usageExample}\n\\`\\`\\`\n\n${controlExample}\n`;\n}\n\nexport function generateComponentMetadata(\n  _appName: string,\n  pageName: string,\n  sliders: SliderInfo[],\n  standaloneComponents: ComponentInfo[],\n  inputGroups: InputGroupInfo[],\n  forms: FormInfo[],\n  selectInputs: SelectInputInfo[],\n  actionButtons: ActionButtonInfo[]\n): ComponentMetadata {\n  const props: string[] = [];\n  const events: string[] = [];\n  const componentName = sanitizePropName(pageName);\n\n  // Add standalone component props\n  standaloneComponents.forEach((comp) => {\n    props.push(comp.propName);\n  });\n\n  // Add input group props\n  inputGroups.forEach((group) => {\n    const propName = sanitizePropName(group.groupName);\n    props.push(propName);\n    events.push(`on${propName[0].toUpperCase()}${propName.slice(1)}Change`);\n  });\n\n  // Add form props\n  forms.forEach((form) => {\n    const formPropName = sanitizePropName(form.formName);\n    events.push(\n      `on${formPropName[0].toUpperCase()}${formPropName.slice(1)}Submit`\n    );\n  });\n\n  // Add select input props\n  selectInputs.forEach((input) => {\n    const propName = input.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    props.push(propName);\n    props.push(`${propName}Options`);\n    events.push(`on${capitalizedPropName}Change`);\n  });\n\n  // Add action button events\n  actionButtons.forEach((button) => {\n    const propName = button.propName;\n    const capitalizedPropName = propName[0].toUpperCase() + propName.slice(1);\n    events.push(`on${capitalizedPropName}Click`);\n  });\n\n  // Add slider props/events\n  sliders.forEach((slider) => {\n    if (slider.arrayContainer && slider.arrayContainer.components.length > 0) {\n      props.push(slider.arrayContainer.propName);\n    }\n    const sliderPropName = sanitizePropName(slider.name || \"container\");\n    const controlPropName = `${sliderPropName[0].toUpperCase()}${sliderPropName.slice(\n      1\n    )}IndexChange`;\n    props.push(`${sliderPropName}CurrentIndex`);\n    events.push(`on${controlPropName}`);\n  });\n\n  // Generate generic JSX usage\n  const jsxUsage = `<${componentName}\n  ${props.map((p) => `${p}={${p}}`).join(\"\\n  \")}\n  ${events.map((e) => `${e}={${e}}`).join(\"\\n  \")}\n/>`;\n\n  return {\n    props,\n    events,\n    jsx: jsxUsage,\n  };\n}\n"],"names":["generateComponentCode","appId","pageId","componentName","sliders","standaloneComponents","inputGroups","forms","selectInputs","actionButtons","isProduction","pageMeta","propTypes","controlPropTypes","inputGroupPropTypes","formPropTypes","selectInputPropTypes","actionButtonPropTypes","comp","group","propName","sanitizePropName","formDataInterfaces","form","formPropName","formDataTypeName","formDataProps","input","inputPropName","inputType","getComponentPropType","capitalizedPropName","button","slider","container","itemTypeName","sliderPropName","allPropTypes","hasProps","propsInterface","itemTypes","s","itemProps","formDataTypes","dataMapping","controlMapping","propKey","getComponentPropName","itemMapping","controlPropName","controlEntry","repeatingContainerControlsCode","inputGroupMapping","inputGroupHandlers","handlerPropName","index","formDataEntries","inputGroupsCode","onActionCode","propsParameter","propsInterfaceSection","generateReadme","appName","pageName","componentDocs","controlDocs","selectInputDocs","actionButtonDocs","compDocs","dataPropsSection","controlPropsSection","inputGroupDocs","elementsList","el","inputGroupPropsSection","formDocs","inputsList","formPropsSection","optionsPropName","selectInputPropsSection","actionButtonPropsSection","propsSection","usageExample","c","controlExample","firstSlider","generateComponentMetadata","_appName","props","events","jsxUsage","p","e"],"mappings":"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"}

package/dist/components/EncoreApp.js

@@ -37,14 +37,14 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
   source: f,
   repeatingContainerControls: g,
   inputGroups: b,
-  baseURL: B,
+  baseURL: x,
   appDefinition: w,
-  pageDefinition: x,
+  pageDefinition: B,
   componentCode: Q
 }) => {
   console.log("Render: EncoreApp"), console.log("🔥 ENCORE-LIB SOURCE CODE IS ACTIVE 🔥"), console.log("✨ ENCORE-LIB UPDATED - TEST MESSAGE ✨"), console.log(
     `[AG_DEBUG] [EncoreApp] Render Start. appId: ${r}, pageId: ${l}`
-  ), B && p.getState().baseURL !== B && p.getState().setBaseURL(B), f && O(f === "local" ? "local" : "remote");
+  ), x && p.getState().baseURL !== x && p.getState().setBaseURL(x), f && O(f === "local" ? "local" : "remote");
   const X = !1, k = p(Ae), M = p($e), F = p(we), E = p(Re), N = Y(null), C = Y(null);
   i(() => {
     if (!y) return;
@@ -127,9 +127,9 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
       }) : Promise.resolve())
     ))();
   }, [E]);
-  const D = x ? null : r && l && `/devices/apps/${r}/node/${l}${I ? "?useLocal=1" : ""}`;
+  const D = B ? null : r && l && `/devices/apps/${r}/node/${l}${I ? "?useLocal=1" : ""}`;
   console.log(`[AG_DEBUG] [EncoreApp] pageUrl: ${D}`);
-  const re = Z(D, z, { suspense: !!D }), h = x ? { data: x } : re;
+  const re = Z(D, z, { suspense: !!D }), h = B ? { data: B } : re;
   console.log(
     `[AG_DEBUG] [EncoreApp] pageData.data type: ${typeof h?.data}, hasData: ${!!h?.data}`
   ), h?.data && console.log(
@@ -212,12 +212,12 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
       });
     },
     []
-  ), H = m((t) => {
+  ), V = m((t) => {
     W((o) => {
       const e = new Map(o);
       return e.delete(t), e;
     });
-  }, []), V = m(
+  }, []), H = m(
     (t) => _.get(t),
     [_]
   ), J = m(
@@ -234,8 +234,8 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
   ), ce = le.useMemo(
     () => ({
       registerContainer: T,
-      unregisterContainer: H,
-      getControl: V,
+      unregisterContainer: V,
+      getControl: H,
       setControlProps: J,
       getControlProps: K,
       // Include controlPropsMap size in the value to trigger re-renders when it changes
@@ -243,8 +243,8 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
     }),
     [
       T,
-      H,
       V,
+      H,
       J,
       K,
       R.size
@@ -279,22 +279,34 @@ const Ee = ({ to: r, children: l, style: v, ...A }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ a("div", { ref: C, style: { width: "100%", minHeight: "100%" }, children: /* @__PURE__ */ a(pe, { fallback: A || /* @__PURE__ */ a("div", {}), children: /* @__PURE__ */ a(fe.Provider, { value: { componentId: v }, children: /* @__PURE__ */ a(ue.Provider, { value: { onAction: q }, children: /* @__PURE__ */ a(
-        he.Provider,
+      children: /* @__PURE__ */ a(
+        "div",
         {
-          value: ce,
-          children: /* @__PURE__ */ a(de.Provider, { value: se, children: /* @__PURE__ */ a(
-            me,
+          ref: C,
+          style: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            flexDirection: "column"
+          },
+          children: /* @__PURE__ */ a(pe, { fallback: A || /* @__PURE__ */ a("div", {}), children: /* @__PURE__ */ a(fe.Provider, { value: { componentId: v }, children: /* @__PURE__ */ a(ue.Provider, { value: { onAction: q }, children: /* @__PURE__ */ a(
+            he.Provider,
             {
-              name: `${r}/draft/components/${l}`,
-              fallback: A,
-              reloadKey: ee,
-              componentCode: Q,
-              children: " "
+              value: ce,
+              children: /* @__PURE__ */ a(de.Provider, { value: se, children: /* @__PURE__ */ a(
+                me,
+                {
+                  name: `${r}/draft/components/${l}`,
+                  fallback: A,
+                  reloadKey: ee,
+                  componentCode: Q,
+                  children: " "
+                }
+              ) })
             }
-          ) })
+          ) }) }) })
         }
-      ) }) }) }) })
+      )
     }
   ) : /* @__PURE__ */ a("div", { style: { padding: "30px" }, children: /* @__PURE__ */ a("div", { style: { overflowY: "auto" }, children: (P() ? (
     // Local mode: app.json provides pages under app.data.pages

package/dist/components/EncoreApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreApp.js","sources":["../../src/components/EncoreApp.tsx"],"sourcesContent":["import useSWR from \"swr\";\nimport fetcher from \"../lib/fetcher\";\nimport useEncoreState from \"../stores/useEncoreState\";\nimport React, {\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { isLocalMode, setLocalModeOverride } from \"../lib/localMode\";\nimport EncoreBindingContext from \"../contexts/EncoreBindingContext\";\nimport EncoreComponentIdContext from \"../contexts/EncoreComponentIdContext\";\nimport EncoreActionContext, {\n  type EncoreActionPayload,\n} from \"../contexts/EncoreActionContext\";\nimport EncoreRepeatingContainerContext, {\n  type RepeatingContainerControl,\n} from \"../contexts/EncoreRepeatingContainerContext\";\nimport DynamicComponent from \"./DynamicComponent\";\n// import { Link } from \"react-router-dom\"; // Removed dependency\nimport { useEncoreRouter } from \"../contexts/EncoreRouterContext\";\nimport { usePusherUpdates } from \"../hooks/usePusherUpdates\";\n\n// Simple internal Link component that uses our router context\nconst Link = ({ to, children, style, ...props }: any) => {\n  const { navigate } = useEncoreRouter();\n  return (\n    <a\n      href={to}\n      onClick={(e) => {\n        e.preventDefault();\n        navigate(to);\n      }}\n      style={{ cursor: \"pointer\", ...style }}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\ntype Props = {\n  appId: string;\n  pageId?: string;\n  componentId?: string;\n  fallback?: React.ReactNode;\n  onSizeChange?: (size: { width: number; height: number }) => void;\n  onContentSizeChange?: (size: { width: number; height: number }) => void;\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n  data?: Record<string, string | number | any[]>;\n  // When provided, force the runtime to load from either remote or local sources\n  source?: \"remote\" | \"local\";\n  // Control repeating containers (sliders, lists, etc.) by container ID\n  repeatingContainerControls?: Record<\n    string,\n    { currentIndex?: number; onIndexChange?: (index: number) => void }\n  >;\n  // Control input groups - maps group name to active element name\n  inputGroups?: Record<string, string>;\n  // Base URL for the Encore service API (e.g., \"https://api.example.com\")\n  baseURL?: string;\n  appDefinition?: any;\n  pageDefinition?: any;\n  componentCode?: string;\n};\n\ntype EncoreAssetsById = Record<string, { url?: string }>;\ntype EncoreState = {\n  setApp: (app: unknown) => void;\n  setAppId: (id: string) => void;\n  setPageId: (id: string) => void;\n  assetsById: EncoreAssetsById;\n};\n\nconst setAppSelector = (state: EncoreState) => state.setApp;\nconst setAppIdSelector = (state: EncoreState) => state.setAppId;\nconst setPageIdSelector = (state: EncoreState) => state.setPageId;\nconst assetsByIdSelector = (state: EncoreState) => state.assetsById;\n\nconst EncoreApp = ({\n  appId,\n  pageId,\n  componentId,\n  fallback,\n  onSizeChange,\n  onContentSizeChange,\n  onAction,\n  data,\n  source,\n  repeatingContainerControls,\n  inputGroups,\n  baseURL,\n  appDefinition,\n  pageDefinition,\n  componentCode,\n}: Props) => {\n  console.log(\"Render: EncoreApp\");\n  console.log(\"🔥 ENCORE-LIB SOURCE CODE IS ACTIVE 🔥\");\n  console.log(\"✨ ENCORE-LIB UPDATED - TEST MESSAGE ✨\");\n  console.log(\n    `[AG_DEBUG] [EncoreApp] Render Start. appId: ${appId}, pageId: ${pageId}`\n  );\n\n  // CRITICAL: Set baseURL BEFORE any hooks that might trigger fetches\n  // This must happen synchronously, not in useEffect, because useSWR will fetch immediately\n  if (baseURL) {\n    const currentBaseURL = useEncoreState.getState().baseURL;\n    if (currentBaseURL !== baseURL) {\n      useEncoreState.getState().setBaseURL(baseURL);\n    }\n  }\n\n  // Apply source override immediately so hooks below observe correct mode\n  if (source) {\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n  }\n  // const [searchParams] = useSearchParams();\n  // const noRedirect = searchParams.get(\"noRedirect\");\n  const noRedirect = false;\n\n  const setApp = useEncoreState(setAppSelector);\n  const setAppId = useEncoreState(setAppIdSelector);\n  const setPageId = useEncoreState(setPageIdSelector);\n  const assetsById = useEncoreState(assetsByIdSelector);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  // Monitor content size changes\n  useEffect(() => {\n    if (!onContentSizeChange) return;\n    const element = contentWrapperRef.current;\n    if (!element) return;\n\n    const notify = () => {\n      // Use scroll dimensions to get full size including overflow\n      onContentSizeChange({\n        width: element.scrollWidth,\n        height: element.scrollHeight,\n      });\n    };\n\n    const observer = new ResizeObserver(() => {\n      notify();\n    });\n\n    // Emit initial size\n    notify();\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [onContentSizeChange]);\n\n  // State to force DynamicComponent reload when updates are received\n  const [reloadKey, setReloadKey] = useState<string | number>(0);\n  // Set up Pusher to listen for component updates\n  const handleUpdate = useCallback(() => {\n    // Increment reloadKey to force DynamicComponent to reload\n    setReloadKey((prev) => (typeof prev === \"number\" ? prev + 1 : Date.now()));\n  }, []);\n\n  // Only enable Pusher in remote mode - it doesn't make sense in local mode\n  usePusherUpdates({\n    appId,\n    pageId: pageId || undefined,\n    enabled: !isLocalMode() && !appDefinition,\n    onUpdate: handleUpdate,\n  });\n\n  // usePusherUpdates({\n  //   appId,\n  //   pageId: pageId || undefined,\n  //   enabled: false, // DISABLED FOR DEBUGGING\n  //   onUpdate: handleUpdate,\n  // });\n\n  const useLocalFlag = source === \"local\" || isLocalMode();\n  // If appDefinition is provided, disable SWR fetch by setting url to null\n  const appUrl = appDefinition\n    ? null\n    : appId && `/devices/apps/${appId}${useLocalFlag ? \"?useLocal=1\" : \"\"}`;\n\n  const appSWR = useSWR(appUrl, fetcher, {\n    suspense: !!appUrl, // Only use suspense if we are fetching\n  });\n\n  const app = appDefinition ? { data: appDefinition } : appSWR;\n\n  useEffect(() => {\n    setApp(app.data);\n  }, [app.data, setApp]);\n\n  // Load fonts declared in app.json using the FontFace API\n  useEffect(() => {\n    type EncoreFont = {\n      id?: string;\n      url?: string;\n      broken?: boolean;\n      fontName?: { family?: string; postScriptName?: string };\n    };\n    type AppDataWithFonts = { app?: { fonts?: EncoreFont[] } };\n    const fonts: EncoreFont[] =\n      (app?.data as AppDataWithFonts | undefined)?.app?.fonts ?? [];\n\n    console.log(\n      `[AG_DEBUG] [EncoreApp] 🔎 Font check initiated. Found ${\n        fonts?.length || 0\n      } fonts in app definition.`\n    );\n    if (fonts && fonts.length > 0) {\n      console.log(\n        \"[AG_DEBUG] [EncoreApp] Font list:\",\n        fonts.map(\n          (f) =>\n            `${f.fontName?.family} (${f.fontName?.postScriptName}) - Broken: ${f.broken} - URL: ${f.url}`\n        )\n      );\n    }\n\n    if (!fonts || fonts.length === 0) return;\n    if (typeof window === \"undefined\" || !(\"FontFace\" in window)) return;\n    fonts.forEach((f) => {\n      try {\n        const family = f?.fontName?.family;\n        const url = f?.url;\n        const postScriptName = f?.fontName?.postScriptName;\n        if (!family || !url) return;\n\n        if (f.broken) {\n          console.warn(\n            `[EncoreApp] Font \"${\n              postScriptName || family\n            }\" is marked as broken in the database. URL: ${url}`\n          );\n        }\n\n        const familyName = postScriptName || family;\n        const fontFace = new FontFace(familyName, `url(${url})`, {\n          weight: \"100 900\",\n          style: \"normal\",\n        });\n\n        fontFace\n          .load()\n          .then((ff) => {\n            document.fonts.add(ff);\n            console.log(\n              `[AG_DEBUG] [EncoreApp] ✅ Font loaded successfully: \"${familyName}\" - Source: ${url}`\n            );\n            // Check if it's usable - check for any weight since we registered 100-900\n            const isCheckPassed = document.fonts.check(\n              `400 12px \"${familyName}\"`\n            );\n            console.log(\n              `[AG_DEBUG] [EncoreApp] 🧪 document.fonts.check result for \"${familyName}\": ${isCheckPassed}`\n            );\n          })\n          .catch((err) => {\n            console.warn(\n              `[AG_DEBUG] [EncoreApp] ❌ Failed to load font \"${\n                postScriptName || family\n              }\" from ${url}`,\n              err\n            );\n          });\n      } catch (err) {\n        console.warn(`[EncoreApp] Error processing font:`, err);\n      }\n    });\n  }, [app?.data]);\n\n  useEffect(() => {\n    setAppId(appId);\n  }, [appId, setAppId]);\n\n  useEffect(() => {\n    if (!pageId) return;\n    setPageId(pageId);\n  }, [pageId, setPageId]);\n\n  // FIXME: Asset data should be embedded into & preloaded by component, not looked up like this\n  useEffect(() => {\n    if (Object.keys(assetsById).length === 0) return;\n    (async () => {\n      // Preload images in the browser\n      await Promise.allSettled(\n        Object.keys(assetsById).map((id) => {\n          if (assetsById[id].url) {\n            return new Promise((resolve) => {\n              const img = new Image();\n              img.onload = resolve;\n              img.onerror = resolve; // tolerate failures to avoid unhandled rejections\n              img.src = assetsById[id].url!;\n            });\n          }\n          return Promise.resolve();\n        })\n      );\n    })();\n  }, [assetsById]);\n\n  const pageUrl = pageDefinition\n    ? null\n    : appId &&\n      pageId &&\n      `/devices/apps/${appId}/node/${pageId}${\n        useLocalFlag ? \"?useLocal=1\" : \"\"\n      }`;\n\n  console.log(`[AG_DEBUG] [EncoreApp] pageUrl: ${pageUrl}`);\n\n  const pageSWR = useSWR(pageUrl, fetcher, { suspense: !!pageUrl });\n  const pageData = pageDefinition ? { data: pageDefinition } : pageSWR;\n\n  console.log(\n    `[AG_DEBUG] [EncoreApp] pageData.data type: ${typeof pageData?.data}, hasData: ${!!pageData?.data}`\n  );\n  if (pageData?.data) {\n    console.log(\n      `[AG_DEBUG] [EncoreApp] pageData.data JSON: ${JSON.stringify(\n        pageData.data\n      ).substring(0, 1000)}`\n    );\n  }\n\n  // Debug logging commented out to prevent console flooding\n  /*\n  useEffect(() => {\n    if (pageData.data) {\n      console.log(\"=== PAGE DATA STRUCTURE ===\");\n      console.log(\"Full pageData.data:\", pageData.data);\n      console.log(\"pageData.data keys:\", Object.keys(pageData.data));\n      console.log(\"Client data:\", pageData.data.clientData);\n      console.log(\"Client data type:\", typeof pageData.data.clientData);\n      console.log(\n        \"Client data keys:\",\n        pageData.data.clientData ? Object.keys(pageData.data.clientData) : \"N/A\"\n      );\n\n      // Try to find the actual node data structure\n      const allKeys = Object.keys(pageData.data);\n      console.log(\"All top-level keys in pageData.data:\", allKeys);\n\n      // Log the full structure more deeply\n      console.log(\n        \"Full pageData.data structure:\",\n        JSON.stringify(pageData.data, null, 2)\n      );\n\n      const clientData = pageData.data.clientData || pageData.data;\n\n      // Helper to recursively search for sliders in tree structure\n      const findSlidersInTree = (nodeData: any, path = \"\"): any[] => {\n        const sliders: any[] = [];\n        if (!nodeData || typeof nodeData !== \"object\") return sliders;\n\n        // Check if this node is a slider\n        const isSlider =\n          nodeData.type === \"container:slider\" ||\n          nodeData.type === \"component:slider\" ||\n          nodeData.name?.toLowerCase().includes(\"slider\") ||\n          (Array.isArray(nodeData.tags) &&\n            nodeData.tags.some((tag: string) =>\n              tag.toLowerCase().includes(\"slider\")\n            ));\n\n        if (isSlider) {\n          sliders.push({\n            path,\n            id: nodeData.id,\n            name: nodeData.name,\n            type: nodeData.type,\n            tags: nodeData.tags,\n            data: nodeData.data,\n            style: nodeData.style,\n            fullNodeData: nodeData,\n          });\n        }\n\n        // Recursively search children\n        if (nodeData.children) {\n          const children = Array.isArray(nodeData.children)\n            ? nodeData.children\n            : [nodeData.children];\n          children.forEach((child: any, index: number) => {\n            if (child && typeof child === \"object\") {\n              sliders.push(...findSlidersInTree(child, `${path}/${index}`));\n            }\n          });\n        }\n\n        return sliders;\n      };\n\n      // Check if clientData is a flat object keyed by ID (most likely)\n      let sliders: any[] = [];\n      if (\n        clientData &&\n        typeof clientData === \"object\" &&\n        !Array.isArray(clientData)\n      ) {\n        // Check if it's a flat structure (keyed by IDs)\n        const entries = Object.entries(clientData);\n        console.log(`Client data has ${entries.length} entries`);\n\n        // Search all entries for sliders\n        entries.forEach(([key, value]: [string, any]) => {\n          if (value && typeof value === \"object\") {\n            // Check if this entry itself is a slider\n            const isSlider =\n              value.type === \"container:slider\" ||\n              value.type === \"component:slider\" ||\n              value.name?.toLowerCase().includes(\"slider\") ||\n              (Array.isArray(value.tags) &&\n                value.tags.some((tag: string) =>\n                  tag.toLowerCase().includes(\"slider\")\n                ));\n\n            if (isSlider) {\n              sliders.push({\n                id: key,\n                name: value.name,\n                type: value.type,\n                tags: value.tags,\n                data: value.data,\n                style: value.style,\n                fullNodeData: value,\n              });\n            }\n\n            // Also search recursively in case it's nested\n            sliders.push(...findSlidersInTree(value, key));\n          }\n        });\n\n        // If no sliders found in flat structure, try treating it as a tree\n        if (sliders.length === 0) {\n          sliders = findSlidersInTree(clientData, \"root\");\n        }\n      } else {\n        // Treat as tree structure\n        sliders = findSlidersInTree(clientData, \"root\");\n      }\n\n      console.log(\"=== SLIDER COMPONENTS FOUND ===\");\n      console.log(`Found ${sliders.length} slider(s):`, sliders);\n\n      sliders.forEach((slider, index) => {\n        console.log(`\\n--- Slider ${index + 1} ---`);\n        console.log(\"ID:\", slider.id);\n        console.log(\"Name:\", slider.name);\n        console.log(\"Type:\", slider.type);\n        console.log(\"Tags:\", slider.tags);\n        console.log(\"Data:\", slider.data);\n        console.log(\"Full node data:\", slider.fullNodeData);\n\n        // Look for data binding tags\n        if (Array.isArray(slider.tags)) {\n          const bindingTags = slider.tags.filter(\n            (tag: string) =>\n              tag.includes(\"PROP:\") ||\n              tag.includes(\"LIST:\") ||\n              tag.includes(\"DATA:\")\n          );\n          if (bindingTags.length > 0) {\n            console.log(\"🔍 Data binding tags found:\", bindingTags);\n          }\n        }\n      });\n\n      // Also log all unique tags found across all components for reference\n      const allTags = new Set<string>();\n      const allEntries = Object.entries(clientData);\n      allEntries.forEach(([_, value]: [string, any]) => {\n        if (value?.tags && Array.isArray(value.tags)) {\n          value.tags.forEach((tag: string) => allTags.add(tag));\n        }\n      });\n      console.log(\"\\n=== ALL UNIQUE TAGS IN PAGE ===\");\n      console.log(Array.from(allTags).sort());\n    }\n  }, [pageData.data]);\n  */\n\n  // Memoize the context object to prevent infinite re-renders\n  // Only recreate when the actual data changes, not on every render\n  const context = useMemo(() => {\n    let clientData = pageData.data?.clientData;\n    console.log(\n      `[AG_DEBUG] [EncoreApp] useMemo: clientData present? ${!!clientData}, Keys: ${Object.keys(\n        clientData || {}\n      )}`\n    );\n\n    // --- GENERIC DATA PATCHING START ---\n    // Recursively patch the data to fix layout and slider issues based on heuristics\n    const patchPageData = (node: any) => {\n      if (!node || typeof node !== \"object\") return;\n\n      // Log font usage\n      if (node.componentId || node.type === \"component:text\") {\n        console.log(\n          `[AG_DEBUG] [EncoreApp] 📦 Node ${node.id} (${node.type}) Style:`,\n          JSON.stringify(node.style)\n        );\n      }\n\n      // 1. Layout Heuristic: If children widths sum to ~100% or ~375px, force HORIZONTAL layout\n      // RELAXED: No longer requires layoutSizingHorizontal: \"FIXED\" - width data alone is sufficient\n      if (\n        node.children &&\n        Array.isArray(node.children) &&\n        node.children.length > 1\n      ) {\n        let totalWidth = 0;\n        let childrenWithWidth = 0;\n\n        node.children.forEach((child: any) => {\n          if (child.style?.width) {\n            // Width might be a percentage or pixel value.\n            // Based on logs, we saw \"width: 52\" and \"width: 48\" which sum to 100.\n            // If it's percentage, we check if it sums to 100.\n            // If it's pixels, we check if it sums to ~375.\n            totalWidth += child.style.width;\n            childrenWithWidth++;\n          }\n        });\n\n        // Check for percentage sum ~100 or pixel sum ~375\n        // Only apply if we have at least 2 children with width data\n        const isFullWidthRow =\n          (Math.abs(totalWidth - 100) < 1 || Math.abs(totalWidth - 375) < 5) &&\n          childrenWithWidth >= 2;\n\n        if (isFullWidthRow) {\n          if (!node.style) node.style = {};\n          if (!node.style.layout) node.style.layout = {};\n\n          // Only apply if mode is missing or undefined\n          if (!node.style.layout.mode) {\n            console.log(\n              `[PATCH] Forcing HORIZONTAL layout for node ${node.id} (${childrenWithWidth} children, widths sum: ${totalWidth})`\n            );\n            node.style.layout.mode = \"HORIZONTAL\";\n            node.style.layout.primaryAxisAlignItems = \"flex-start\";\n            node.style.layout.counterAxisAlignItems = \"flex-start\";\n          }\n        }\n      }\n\n      // 2. Slider Heuristic: If slider is taller than wide, force VERTICAL animation\n      // DISABLED: This is too aggressive and breaks horizontal sliders that happen to be tall (e.g. 50% width columns)\n      /*\n      const isSlider =\n        node.type === \"container:slider\" ||\n        node.type === \"component:slider\" ||\n        (node.tags &&\n          Array.isArray(node.tags) &&\n          node.tags.some((t: string) => t.toLowerCase().includes(\"slider\")));\n\n      if (isSlider) {\n        const width = node.style?.width || 0;\n        const height = node.style?.height || 0;\n        // Check aspect ratio. If height > width, it's likely vertical.\n        // Note: width/height might be percentages or pixels.\n        // If both are numbers, we can compare.\n        // From logs: width: 52, height: 85.27. This is clearly vertical shape.\n        if (height > width) {\n          if (!node.data) node.data = {};\n          if (!node.data.params) node.data.params = {};\n\n          // Only apply if animation is default or missing\n          if (\n            !node.data.params.animation ||\n            node.data.params.animation === \"default\" ||\n            node.data.params.animation === \"horizontal\"\n          ) {\n            console.log(\n              `[PATCH] Forcing VERTICAL animation for slider ${node.id} (W:${width}, H:${height})`\n            );\n            node.data.params.animation = \"vertical\";\n          }\n        }\n      }\n      */\n\n      // Recurse\n      if (node.children) {\n        if (Array.isArray(node.children)) {\n          node.children.forEach(patchPageData);\n        } else {\n          patchPageData(node.children);\n        }\n      }\n    };\n\n    if (clientData) {\n      // Clone to avoid mutating SWR cache directly if possible, though deep clone might be expensive.\n      // For now, patching in place as it's a fix.\n      patchPageData(clientData);\n    }\n    // --- GENERIC DATA PATCHING END ---\n\n    return {\n      nodeData: undefined,\n      // Allow overriding specific values by element id.\n      // For now, this is used to override TextComponent content when the node has the PROP:TEXT_VAR tag.\n      textOverridesById: data,\n      // Support for encore:data:array tags - provide array data by component ID\n      arrayDataById: data,\n      // Support for standalone component data binding (encore:data tags at root level)\n      rootData: data,\n    };\n  }, [pageData.data?.clientData, data]);\n\n  // Manage repeating container controls\n  const [containerControls, setContainerControls] = useState<\n    Map<string, RepeatingContainerControl>\n  >(new Map());\n  const [controlPropsMap, setControlPropsMap] = useState<\n    Map<\n      string,\n      { currentIndex?: number; onIndexChange?: (index: number) => void }\n    >\n  >(new Map());\n\n  // Update control props from prop\n  useEffect(() => {\n    if (repeatingContainerControls) {\n      setControlPropsMap((prev) => {\n        // Check if content actually changed to avoid unnecessary updates\n        let changed = false;\n        if (prev.size !== Object.keys(repeatingContainerControls).length) {\n          changed = true;\n        } else {\n          for (const [id, props] of Object.entries(\n            repeatingContainerControls\n          )) {\n            const prevProps = prev.get(id);\n            if (!prevProps) {\n              changed = true;\n              break;\n            }\n            if (\n              prevProps.currentIndex !== props.currentIndex ||\n              prevProps.onIndexChange !== props.onIndexChange\n            ) {\n              changed = true;\n              break;\n            }\n          }\n        }\n\n        if (!changed) return prev;\n\n        const newMap = new Map();\n        Object.entries(repeatingContainerControls).forEach(([id, props]) => {\n          newMap.set(id, props);\n        });\n        return newMap;\n      });\n    }\n  }, [repeatingContainerControls]);\n\n  // Sync input groups from props to store\n  useEffect(() => {\n    if (inputGroups) {\n      const setInputGroupValue = useEncoreState.getState().setInputGroupValue;\n      Object.entries(inputGroups).forEach(([groupName, elementName]) => {\n        setInputGroupValue(groupName, elementName);\n      });\n    }\n  }, [inputGroups]);\n\n  const registerContainer = useCallback(\n    (id: string, control: RepeatingContainerControl) => {\n      setContainerControls((prev) => {\n        const next = new Map(prev);\n        next.set(id, control);\n        return next;\n      });\n    },\n    []\n  );\n\n  const unregisterContainer = useCallback((id: string) => {\n    setContainerControls((prev) => {\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n    // Do NOT delete from controlPropsMap here.\n    // controlPropsMap contains props passed from the parent (repeatingContainerControls).\n    // If we delete them, we lose the configuration passed down to us.\n    // The props should persist even if the component temporarily unregisters.\n  }, []);\n\n  const getControl = useCallback(\n    (id: string) => {\n      return containerControls.get(id);\n    },\n    [containerControls]\n  );\n\n  const setControlProps = useCallback(\n    (\n      id: string,\n      props:\n        | { currentIndex?: number; onIndexChange?: (index: number) => void }\n        | ((prev: {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          }) => {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          })\n    ) => {\n      setControlPropsMap((prev) => {\n        const next = new Map(prev);\n        const current = next.get(id) || {};\n        const newProps = typeof props === \"function\" ? props(current) : props;\n        next.set(id, newProps);\n        return next;\n      });\n    },\n    []\n  );\n\n  const getControlProps = useCallback(\n    (id: string) => {\n      return controlPropsMap.get(id);\n    },\n    [controlPropsMap]\n  );\n\n  // Control props are automatically passed to registered containers via context\n  // Components read props via getControlProps() and update when props change\n\n  // Create context value - this object changes when controlPropsMap changes,\n  // causing all consumers to re-render and get updated props\n  const repeatingContainerContextValue = React.useMemo(\n    () => ({\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      // Include controlPropsMap size in the value to trigger re-renders when it changes\n      _propsVersion: controlPropsMap.size,\n    }),\n    [\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      controlPropsMap.size,\n    ]\n  );\n\n  // Observe size changes of the dynamic content container and notify consumer\n  useEffect(() => {\n    if (!onSizeChange) return;\n    const element = containerRef.current;\n    if (!element) return;\n    const notify = (entry: ResizeObserverEntry) => {\n      const cr = entry.contentRect;\n      onSizeChange({ width: cr.width, height: cr.height });\n    };\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        notify(entry);\n      }\n    });\n    // Emit initial size as soon as possible\n    const rect = element.getBoundingClientRect();\n    onSizeChange({ width: rect.width, height: rect.height });\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  // Per-instance source override\n  useEffect(() => {\n    if (!source) return;\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n    return () => {\n      // Clear override when this instance unmounts\n      setLocalModeOverride(null);\n    };\n  }, [source]);\n\n  if (!pageId) {\n    return (\n      <div style={{ padding: \"30px\" }}>\n        <div style={{ overflowY: \"auto\" }}>\n          {(isLocalMode()\n            ? // Local mode: app.json provides pages under app.data.pages\n              ((app?.data as any)?.app?.data?.pages || []).map(\n                (pg: any) => pg?.id\n              )\n            : app?.data?.app.pageIds || []\n          ).map((p: string) => (\n            <Link\n              key={p}\n              to={`/apps/${appId}/pages/${p}?noRedirect=${noRedirect}`}\n              style={{\n                fontSize: 20,\n                display: \"block\",\n                marginBottom: \"10px\",\n              }}\n            >\n              {p}\n            </Link>\n          ))}\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div ref={contentWrapperRef} style={{ width: \"100%\", minHeight: \"100%\" }}>\n        <Suspense fallback={fallback || <div />}>\n          <EncoreComponentIdContext.Provider value={{ componentId }}>\n            <EncoreActionContext.Provider value={{ onAction }}>\n              <EncoreRepeatingContainerContext.Provider\n                value={repeatingContainerContextValue}\n              >\n                <EncoreBindingContext.Provider value={context}>\n                  <DynamicComponent\n                    name={`${appId}/draft/components/${pageId}`}\n                    fallback={fallback}\n                    reloadKey={reloadKey}\n                    componentCode={componentCode}\n                  >\n                    {\" \"}\n                  </DynamicComponent>\n                </EncoreBindingContext.Provider>\n              </EncoreRepeatingContainerContext.Provider>\n            </EncoreActionContext.Provider>\n          </EncoreComponentIdContext.Provider>\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n\nexport default EncoreApp;\n"],"names":["Link","to","children","style","props","navigate","useEncoreRouter","jsx","e","setAppSelector","state","setAppIdSelector","setPageIdSelector","assetsByIdSelector","EncoreApp","appId","pageId","componentId","fallback","onSizeChange","onContentSizeChange","onAction","data","source","repeatingContainerControls","inputGroups","baseURL","appDefinition","pageDefinition","componentCode","useEncoreState","setLocalModeOverride","noRedirect","setApp","setAppId","setPageId","assetsById","containerRef","useRef","contentWrapperRef","useEffect","element","notify","observer","reloadKey","setReloadKey","useState","handleUpdate","useCallback","prev","usePusherUpdates","isLocalMode","useLocalFlag","appUrl","appSWR","useSWR","fetcher","app","fonts","f","family","url","postScriptName","familyName","ff","isCheckPassed","err","id","resolve","img","pageUrl","pageSWR","pageData","context","useMemo","clientData","patchPageData","node","totalWidth","childrenWithWidth","child","containerControls","setContainerControls","controlPropsMap","setControlPropsMap","changed","prevProps","newMap","setInputGroupValue","groupName","elementName","registerContainer","control","next","unregisterContainer","getControl","setControlProps","current","newProps","getControlProps","repeatingContainerContextValue","React","entry","cr","entries","rect","Suspense","EncoreComponentIdContext","EncoreActionContext","EncoreRepeatingContainerContext","EncoreBindingContext","DynamicComponent","pg","p"],"mappings":"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"}
+{"version":3,"file":"EncoreApp.js","sources":["../../src/components/EncoreApp.tsx"],"sourcesContent":["import useSWR from \"swr\";\nimport fetcher from \"../lib/fetcher\";\nimport useEncoreState from \"../stores/useEncoreState\";\nimport React, {\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { isLocalMode, setLocalModeOverride } from \"../lib/localMode\";\nimport EncoreBindingContext from \"../contexts/EncoreBindingContext\";\nimport EncoreComponentIdContext from \"../contexts/EncoreComponentIdContext\";\nimport EncoreActionContext, {\n  type EncoreActionPayload,\n} from \"../contexts/EncoreActionContext\";\nimport EncoreRepeatingContainerContext, {\n  type RepeatingContainerControl,\n} from \"../contexts/EncoreRepeatingContainerContext\";\nimport DynamicComponent from \"./DynamicComponent\";\n// import { Link } from \"react-router-dom\"; // Removed dependency\nimport { useEncoreRouter } from \"../contexts/EncoreRouterContext\";\nimport { usePusherUpdates } from \"../hooks/usePusherUpdates\";\n\n// Simple internal Link component that uses our router context\nconst Link = ({ to, children, style, ...props }: any) => {\n  const { navigate } = useEncoreRouter();\n  return (\n    <a\n      href={to}\n      onClick={(e) => {\n        e.preventDefault();\n        navigate(to);\n      }}\n      style={{ cursor: \"pointer\", ...style }}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\ntype Props = {\n  appId: string;\n  pageId?: string;\n  componentId?: string;\n  fallback?: React.ReactNode;\n  onSizeChange?: (size: { width: number; height: number }) => void;\n  onContentSizeChange?: (size: { width: number; height: number }) => void;\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n  data?: Record<string, string | number | any[]>;\n  // When provided, force the runtime to load from either remote or local sources\n  source?: \"remote\" | \"local\";\n  // Control repeating containers (sliders, lists, etc.) by container ID\n  repeatingContainerControls?: Record<\n    string,\n    { currentIndex?: number; onIndexChange?: (index: number) => void }\n  >;\n  // Control input groups - maps group name to active element name\n  inputGroups?: Record<string, string>;\n  // Base URL for the Encore service API (e.g., \"https://api.example.com\")\n  baseURL?: string;\n  appDefinition?: any;\n  pageDefinition?: any;\n  componentCode?: string;\n};\n\ntype EncoreAssetsById = Record<string, { url?: string }>;\ntype EncoreState = {\n  setApp: (app: unknown) => void;\n  setAppId: (id: string) => void;\n  setPageId: (id: string) => void;\n  assetsById: EncoreAssetsById;\n};\n\nconst setAppSelector = (state: EncoreState) => state.setApp;\nconst setAppIdSelector = (state: EncoreState) => state.setAppId;\nconst setPageIdSelector = (state: EncoreState) => state.setPageId;\nconst assetsByIdSelector = (state: EncoreState) => state.assetsById;\n\nconst EncoreApp = ({\n  appId,\n  pageId,\n  componentId,\n  fallback,\n  onSizeChange,\n  onContentSizeChange,\n  onAction,\n  data,\n  source,\n  repeatingContainerControls,\n  inputGroups,\n  baseURL,\n  appDefinition,\n  pageDefinition,\n  componentCode,\n}: Props) => {\n  console.log(\"Render: EncoreApp\");\n  console.log(\"🔥 ENCORE-LIB SOURCE CODE IS ACTIVE 🔥\");\n  console.log(\"✨ ENCORE-LIB UPDATED - TEST MESSAGE ✨\");\n  console.log(\n    `[AG_DEBUG] [EncoreApp] Render Start. appId: ${appId}, pageId: ${pageId}`\n  );\n\n  // CRITICAL: Set baseURL BEFORE any hooks that might trigger fetches\n  // This must happen synchronously, not in useEffect, because useSWR will fetch immediately\n  if (baseURL) {\n    const currentBaseURL = useEncoreState.getState().baseURL;\n    if (currentBaseURL !== baseURL) {\n      useEncoreState.getState().setBaseURL(baseURL);\n    }\n  }\n\n  // Apply source override immediately so hooks below observe correct mode\n  if (source) {\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n  }\n  // const [searchParams] = useSearchParams();\n  // const noRedirect = searchParams.get(\"noRedirect\");\n  const noRedirect = false;\n\n  const setApp = useEncoreState(setAppSelector);\n  const setAppId = useEncoreState(setAppIdSelector);\n  const setPageId = useEncoreState(setPageIdSelector);\n  const assetsById = useEncoreState(assetsByIdSelector);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  // Monitor content size changes\n  useEffect(() => {\n    if (!onContentSizeChange) return;\n    const element = contentWrapperRef.current;\n    if (!element) return;\n\n    const notify = () => {\n      // Use scroll dimensions to get full size including overflow\n      onContentSizeChange({\n        width: element.scrollWidth,\n        height: element.scrollHeight,\n      });\n    };\n\n    const observer = new ResizeObserver(() => {\n      notify();\n    });\n\n    // Emit initial size\n    notify();\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [onContentSizeChange]);\n\n  // State to force DynamicComponent reload when updates are received\n  const [reloadKey, setReloadKey] = useState<string | number>(0);\n  // Set up Pusher to listen for component updates\n  const handleUpdate = useCallback(() => {\n    // Increment reloadKey to force DynamicComponent to reload\n    setReloadKey((prev) => (typeof prev === \"number\" ? prev + 1 : Date.now()));\n  }, []);\n\n  // Only enable Pusher in remote mode - it doesn't make sense in local mode\n  usePusherUpdates({\n    appId,\n    pageId: pageId || undefined,\n    enabled: !isLocalMode() && !appDefinition,\n    onUpdate: handleUpdate,\n  });\n\n  // usePusherUpdates({\n  //   appId,\n  //   pageId: pageId || undefined,\n  //   enabled: false, // DISABLED FOR DEBUGGING\n  //   onUpdate: handleUpdate,\n  // });\n\n  const useLocalFlag = source === \"local\" || isLocalMode();\n  // If appDefinition is provided, disable SWR fetch by setting url to null\n  const appUrl = appDefinition\n    ? null\n    : appId && `/devices/apps/${appId}${useLocalFlag ? \"?useLocal=1\" : \"\"}`;\n\n  const appSWR = useSWR(appUrl, fetcher, {\n    suspense: !!appUrl, // Only use suspense if we are fetching\n  });\n\n  const app = appDefinition ? { data: appDefinition } : appSWR;\n\n  useEffect(() => {\n    setApp(app.data);\n  }, [app.data, setApp]);\n\n  // Load fonts declared in app.json using the FontFace API\n  useEffect(() => {\n    type EncoreFont = {\n      id?: string;\n      url?: string;\n      broken?: boolean;\n      fontName?: { family?: string; postScriptName?: string };\n    };\n    type AppDataWithFonts = { app?: { fonts?: EncoreFont[] } };\n    const fonts: EncoreFont[] =\n      (app?.data as AppDataWithFonts | undefined)?.app?.fonts ?? [];\n\n    console.log(\n      `[AG_DEBUG] [EncoreApp] 🔎 Font check initiated. Found ${\n        fonts?.length || 0\n      } fonts in app definition.`\n    );\n    if (fonts && fonts.length > 0) {\n      console.log(\n        \"[AG_DEBUG] [EncoreApp] Font list:\",\n        fonts.map(\n          (f) =>\n            `${f.fontName?.family} (${f.fontName?.postScriptName}) - Broken: ${f.broken} - URL: ${f.url}`\n        )\n      );\n    }\n\n    if (!fonts || fonts.length === 0) return;\n    if (typeof window === \"undefined\" || !(\"FontFace\" in window)) return;\n    fonts.forEach((f) => {\n      try {\n        const family = f?.fontName?.family;\n        const url = f?.url;\n        const postScriptName = f?.fontName?.postScriptName;\n        if (!family || !url) return;\n\n        if (f.broken) {\n          console.warn(\n            `[EncoreApp] Font \"${\n              postScriptName || family\n            }\" is marked as broken in the database. URL: ${url}`\n          );\n        }\n\n        const familyName = postScriptName || family;\n        const fontFace = new FontFace(familyName, `url(${url})`, {\n          weight: \"100 900\",\n          style: \"normal\",\n        });\n\n        fontFace\n          .load()\n          .then((ff) => {\n            document.fonts.add(ff);\n            console.log(\n              `[AG_DEBUG] [EncoreApp] ✅ Font loaded successfully: \"${familyName}\" - Source: ${url}`\n            );\n            // Check if it's usable - check for any weight since we registered 100-900\n            const isCheckPassed = document.fonts.check(\n              `400 12px \"${familyName}\"`\n            );\n            console.log(\n              `[AG_DEBUG] [EncoreApp] 🧪 document.fonts.check result for \"${familyName}\": ${isCheckPassed}`\n            );\n          })\n          .catch((err) => {\n            console.warn(\n              `[AG_DEBUG] [EncoreApp] ❌ Failed to load font \"${\n                postScriptName || family\n              }\" from ${url}`,\n              err\n            );\n          });\n      } catch (err) {\n        console.warn(`[EncoreApp] Error processing font:`, err);\n      }\n    });\n  }, [app?.data]);\n\n  useEffect(() => {\n    setAppId(appId);\n  }, [appId, setAppId]);\n\n  useEffect(() => {\n    if (!pageId) return;\n    setPageId(pageId);\n  }, [pageId, setPageId]);\n\n  // FIXME: Asset data should be embedded into & preloaded by component, not looked up like this\n  useEffect(() => {\n    if (Object.keys(assetsById).length === 0) return;\n    (async () => {\n      // Preload images in the browser\n      await Promise.allSettled(\n        Object.keys(assetsById).map((id) => {\n          if (assetsById[id].url) {\n            return new Promise((resolve) => {\n              const img = new Image();\n              img.onload = resolve;\n              img.onerror = resolve; // tolerate failures to avoid unhandled rejections\n              img.src = assetsById[id].url!;\n            });\n          }\n          return Promise.resolve();\n        })\n      );\n    })();\n  }, [assetsById]);\n\n  const pageUrl = pageDefinition\n    ? null\n    : appId &&\n      pageId &&\n      `/devices/apps/${appId}/node/${pageId}${\n        useLocalFlag ? \"?useLocal=1\" : \"\"\n      }`;\n\n  console.log(`[AG_DEBUG] [EncoreApp] pageUrl: ${pageUrl}`);\n\n  const pageSWR = useSWR(pageUrl, fetcher, { suspense: !!pageUrl });\n  const pageData = pageDefinition ? { data: pageDefinition } : pageSWR;\n\n  console.log(\n    `[AG_DEBUG] [EncoreApp] pageData.data type: ${typeof pageData?.data}, hasData: ${!!pageData?.data}`\n  );\n  if (pageData?.data) {\n    console.log(\n      `[AG_DEBUG] [EncoreApp] pageData.data JSON: ${JSON.stringify(\n        pageData.data\n      ).substring(0, 1000)}`\n    );\n  }\n\n  // Debug logging commented out to prevent console flooding\n  /*\n  useEffect(() => {\n    if (pageData.data) {\n      console.log(\"=== PAGE DATA STRUCTURE ===\");\n      console.log(\"Full pageData.data:\", pageData.data);\n      console.log(\"pageData.data keys:\", Object.keys(pageData.data));\n      console.log(\"Client data:\", pageData.data.clientData);\n      console.log(\"Client data type:\", typeof pageData.data.clientData);\n      console.log(\n        \"Client data keys:\",\n        pageData.data.clientData ? Object.keys(pageData.data.clientData) : \"N/A\"\n      );\n\n      // Try to find the actual node data structure\n      const allKeys = Object.keys(pageData.data);\n      console.log(\"All top-level keys in pageData.data:\", allKeys);\n\n      // Log the full structure more deeply\n      console.log(\n        \"Full pageData.data structure:\",\n        JSON.stringify(pageData.data, null, 2)\n      );\n\n      const clientData = pageData.data.clientData || pageData.data;\n\n      // Helper to recursively search for sliders in tree structure\n      const findSlidersInTree = (nodeData: any, path = \"\"): any[] => {\n        const sliders: any[] = [];\n        if (!nodeData || typeof nodeData !== \"object\") return sliders;\n\n        // Check if this node is a slider\n        const isSlider =\n          nodeData.type === \"container:slider\" ||\n          nodeData.type === \"component:slider\" ||\n          nodeData.name?.toLowerCase().includes(\"slider\") ||\n          (Array.isArray(nodeData.tags) &&\n            nodeData.tags.some((tag: string) =>\n              tag.toLowerCase().includes(\"slider\")\n            ));\n\n        if (isSlider) {\n          sliders.push({\n            path,\n            id: nodeData.id,\n            name: nodeData.name,\n            type: nodeData.type,\n            tags: nodeData.tags,\n            data: nodeData.data,\n            style: nodeData.style,\n            fullNodeData: nodeData,\n          });\n        }\n\n        // Recursively search children\n        if (nodeData.children) {\n          const children = Array.isArray(nodeData.children)\n            ? nodeData.children\n            : [nodeData.children];\n          children.forEach((child: any, index: number) => {\n            if (child && typeof child === \"object\") {\n              sliders.push(...findSlidersInTree(child, `${path}/${index}`));\n            }\n          });\n        }\n\n        return sliders;\n      };\n\n      // Check if clientData is a flat object keyed by ID (most likely)\n      let sliders: any[] = [];\n      if (\n        clientData &&\n        typeof clientData === \"object\" &&\n        !Array.isArray(clientData)\n      ) {\n        // Check if it's a flat structure (keyed by IDs)\n        const entries = Object.entries(clientData);\n        console.log(`Client data has ${entries.length} entries`);\n\n        // Search all entries for sliders\n        entries.forEach(([key, value]: [string, any]) => {\n          if (value && typeof value === \"object\") {\n            // Check if this entry itself is a slider\n            const isSlider =\n              value.type === \"container:slider\" ||\n              value.type === \"component:slider\" ||\n              value.name?.toLowerCase().includes(\"slider\") ||\n              (Array.isArray(value.tags) &&\n                value.tags.some((tag: string) =>\n                  tag.toLowerCase().includes(\"slider\")\n                ));\n\n            if (isSlider) {\n              sliders.push({\n                id: key,\n                name: value.name,\n                type: value.type,\n                tags: value.tags,\n                data: value.data,\n                style: value.style,\n                fullNodeData: value,\n              });\n            }\n\n            // Also search recursively in case it's nested\n            sliders.push(...findSlidersInTree(value, key));\n          }\n        });\n\n        // If no sliders found in flat structure, try treating it as a tree\n        if (sliders.length === 0) {\n          sliders = findSlidersInTree(clientData, \"root\");\n        }\n      } else {\n        // Treat as tree structure\n        sliders = findSlidersInTree(clientData, \"root\");\n      }\n\n      console.log(\"=== SLIDER COMPONENTS FOUND ===\");\n      console.log(`Found ${sliders.length} slider(s):`, sliders);\n\n      sliders.forEach((slider, index) => {\n        console.log(`\\n--- Slider ${index + 1} ---`);\n        console.log(\"ID:\", slider.id);\n        console.log(\"Name:\", slider.name);\n        console.log(\"Type:\", slider.type);\n        console.log(\"Tags:\", slider.tags);\n        console.log(\"Data:\", slider.data);\n        console.log(\"Full node data:\", slider.fullNodeData);\n\n        // Look for data binding tags\n        if (Array.isArray(slider.tags)) {\n          const bindingTags = slider.tags.filter(\n            (tag: string) =>\n              tag.includes(\"PROP:\") ||\n              tag.includes(\"LIST:\") ||\n              tag.includes(\"DATA:\")\n          );\n          if (bindingTags.length > 0) {\n            console.log(\"🔍 Data binding tags found:\", bindingTags);\n          }\n        }\n      });\n\n      // Also log all unique tags found across all components for reference\n      const allTags = new Set<string>();\n      const allEntries = Object.entries(clientData);\n      allEntries.forEach(([_, value]: [string, any]) => {\n        if (value?.tags && Array.isArray(value.tags)) {\n          value.tags.forEach((tag: string) => allTags.add(tag));\n        }\n      });\n      console.log(\"\\n=== ALL UNIQUE TAGS IN PAGE ===\");\n      console.log(Array.from(allTags).sort());\n    }\n  }, [pageData.data]);\n  */\n\n  // Memoize the context object to prevent infinite re-renders\n  // Only recreate when the actual data changes, not on every render\n  const context = useMemo(() => {\n    let clientData = pageData.data?.clientData;\n    console.log(\n      `[AG_DEBUG] [EncoreApp] useMemo: clientData present? ${!!clientData}, Keys: ${Object.keys(\n        clientData || {}\n      )}`\n    );\n\n    // --- GENERIC DATA PATCHING START ---\n    // Recursively patch the data to fix layout and slider issues based on heuristics\n    const patchPageData = (node: any) => {\n      if (!node || typeof node !== \"object\") return;\n\n      // Log font usage\n      if (node.componentId || node.type === \"component:text\") {\n        console.log(\n          `[AG_DEBUG] [EncoreApp] 📦 Node ${node.id} (${node.type}) Style:`,\n          JSON.stringify(node.style)\n        );\n      }\n\n      // 1. Layout Heuristic: If children widths sum to ~100% or ~375px, force HORIZONTAL layout\n      // RELAXED: No longer requires layoutSizingHorizontal: \"FIXED\" - width data alone is sufficient\n      if (\n        node.children &&\n        Array.isArray(node.children) &&\n        node.children.length > 1\n      ) {\n        let totalWidth = 0;\n        let childrenWithWidth = 0;\n\n        node.children.forEach((child: any) => {\n          if (child.style?.width) {\n            // Width might be a percentage or pixel value.\n            // Based on logs, we saw \"width: 52\" and \"width: 48\" which sum to 100.\n            // If it's percentage, we check if it sums to 100.\n            // If it's pixels, we check if it sums to ~375.\n            totalWidth += child.style.width;\n            childrenWithWidth++;\n          }\n        });\n\n        // Check for percentage sum ~100 or pixel sum ~375\n        // Only apply if we have at least 2 children with width data\n        const isFullWidthRow =\n          (Math.abs(totalWidth - 100) < 1 || Math.abs(totalWidth - 375) < 5) &&\n          childrenWithWidth >= 2;\n\n        if (isFullWidthRow) {\n          if (!node.style) node.style = {};\n          if (!node.style.layout) node.style.layout = {};\n\n          // Only apply if mode is missing or undefined\n          if (!node.style.layout.mode) {\n            console.log(\n              `[PATCH] Forcing HORIZONTAL layout for node ${node.id} (${childrenWithWidth} children, widths sum: ${totalWidth})`\n            );\n            node.style.layout.mode = \"HORIZONTAL\";\n            node.style.layout.primaryAxisAlignItems = \"flex-start\";\n            node.style.layout.counterAxisAlignItems = \"flex-start\";\n          }\n        }\n      }\n\n      // 2. Slider Heuristic: If slider is taller than wide, force VERTICAL animation\n      // DISABLED: This is too aggressive and breaks horizontal sliders that happen to be tall (e.g. 50% width columns)\n      /*\n      const isSlider =\n        node.type === \"container:slider\" ||\n        node.type === \"component:slider\" ||\n        (node.tags &&\n          Array.isArray(node.tags) &&\n          node.tags.some((t: string) => t.toLowerCase().includes(\"slider\")));\n\n      if (isSlider) {\n        const width = node.style?.width || 0;\n        const height = node.style?.height || 0;\n        // Check aspect ratio. If height > width, it's likely vertical.\n        // Note: width/height might be percentages or pixels.\n        // If both are numbers, we can compare.\n        // From logs: width: 52, height: 85.27. This is clearly vertical shape.\n        if (height > width) {\n          if (!node.data) node.data = {};\n          if (!node.data.params) node.data.params = {};\n\n          // Only apply if animation is default or missing\n          if (\n            !node.data.params.animation ||\n            node.data.params.animation === \"default\" ||\n            node.data.params.animation === \"horizontal\"\n          ) {\n            console.log(\n              `[PATCH] Forcing VERTICAL animation for slider ${node.id} (W:${width}, H:${height})`\n            );\n            node.data.params.animation = \"vertical\";\n          }\n        }\n      }\n      */\n\n      // Recurse\n      if (node.children) {\n        if (Array.isArray(node.children)) {\n          node.children.forEach(patchPageData);\n        } else {\n          patchPageData(node.children);\n        }\n      }\n    };\n\n    if (clientData) {\n      // Clone to avoid mutating SWR cache directly if possible, though deep clone might be expensive.\n      // For now, patching in place as it's a fix.\n      patchPageData(clientData);\n    }\n    // --- GENERIC DATA PATCHING END ---\n\n    return {\n      nodeData: undefined,\n      // Allow overriding specific values by element id.\n      // For now, this is used to override TextComponent content when the node has the PROP:TEXT_VAR tag.\n      textOverridesById: data,\n      // Support for encore:data:array tags - provide array data by component ID\n      arrayDataById: data,\n      // Support for standalone component data binding (encore:data tags at root level)\n      rootData: data,\n    };\n  }, [pageData.data?.clientData, data]);\n\n  // Manage repeating container controls\n  const [containerControls, setContainerControls] = useState<\n    Map<string, RepeatingContainerControl>\n  >(new Map());\n  const [controlPropsMap, setControlPropsMap] = useState<\n    Map<\n      string,\n      { currentIndex?: number; onIndexChange?: (index: number) => void }\n    >\n  >(new Map());\n\n  // Update control props from prop\n  useEffect(() => {\n    if (repeatingContainerControls) {\n      setControlPropsMap((prev) => {\n        // Check if content actually changed to avoid unnecessary updates\n        let changed = false;\n        if (prev.size !== Object.keys(repeatingContainerControls).length) {\n          changed = true;\n        } else {\n          for (const [id, props] of Object.entries(\n            repeatingContainerControls\n          )) {\n            const prevProps = prev.get(id);\n            if (!prevProps) {\n              changed = true;\n              break;\n            }\n            if (\n              prevProps.currentIndex !== props.currentIndex ||\n              prevProps.onIndexChange !== props.onIndexChange\n            ) {\n              changed = true;\n              break;\n            }\n          }\n        }\n\n        if (!changed) return prev;\n\n        const newMap = new Map();\n        Object.entries(repeatingContainerControls).forEach(([id, props]) => {\n          newMap.set(id, props);\n        });\n        return newMap;\n      });\n    }\n  }, [repeatingContainerControls]);\n\n  // Sync input groups from props to store\n  useEffect(() => {\n    if (inputGroups) {\n      const setInputGroupValue = useEncoreState.getState().setInputGroupValue;\n      Object.entries(inputGroups).forEach(([groupName, elementName]) => {\n        setInputGroupValue(groupName, elementName);\n      });\n    }\n  }, [inputGroups]);\n\n  const registerContainer = useCallback(\n    (id: string, control: RepeatingContainerControl) => {\n      setContainerControls((prev) => {\n        const next = new Map(prev);\n        next.set(id, control);\n        return next;\n      });\n    },\n    []\n  );\n\n  const unregisterContainer = useCallback((id: string) => {\n    setContainerControls((prev) => {\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n    // Do NOT delete from controlPropsMap here.\n    // controlPropsMap contains props passed from the parent (repeatingContainerControls).\n    // If we delete them, we lose the configuration passed down to us.\n    // The props should persist even if the component temporarily unregisters.\n  }, []);\n\n  const getControl = useCallback(\n    (id: string) => {\n      return containerControls.get(id);\n    },\n    [containerControls]\n  );\n\n  const setControlProps = useCallback(\n    (\n      id: string,\n      props:\n        | { currentIndex?: number; onIndexChange?: (index: number) => void }\n        | ((prev: {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          }) => {\n            currentIndex?: number;\n            onIndexChange?: (index: number) => void;\n          })\n    ) => {\n      setControlPropsMap((prev) => {\n        const next = new Map(prev);\n        const current = next.get(id) || {};\n        const newProps = typeof props === \"function\" ? props(current) : props;\n        next.set(id, newProps);\n        return next;\n      });\n    },\n    []\n  );\n\n  const getControlProps = useCallback(\n    (id: string) => {\n      return controlPropsMap.get(id);\n    },\n    [controlPropsMap]\n  );\n\n  // Control props are automatically passed to registered containers via context\n  // Components read props via getControlProps() and update when props change\n\n  // Create context value - this object changes when controlPropsMap changes,\n  // causing all consumers to re-render and get updated props\n  const repeatingContainerContextValue = React.useMemo(\n    () => ({\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      // Include controlPropsMap size in the value to trigger re-renders when it changes\n      _propsVersion: controlPropsMap.size,\n    }),\n    [\n      registerContainer,\n      unregisterContainer,\n      getControl,\n      setControlProps,\n      getControlProps,\n      controlPropsMap.size,\n    ]\n  );\n\n  // Observe size changes of the dynamic content container and notify consumer\n  useEffect(() => {\n    if (!onSizeChange) return;\n    const element = containerRef.current;\n    if (!element) return;\n    const notify = (entry: ResizeObserverEntry) => {\n      const cr = entry.contentRect;\n      onSizeChange({ width: cr.width, height: cr.height });\n    };\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        notify(entry);\n      }\n    });\n    // Emit initial size as soon as possible\n    const rect = element.getBoundingClientRect();\n    onSizeChange({ width: rect.width, height: rect.height });\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  // Per-instance source override\n  useEffect(() => {\n    if (!source) return;\n    setLocalModeOverride(source === \"local\" ? \"local\" : \"remote\");\n    return () => {\n      // Clear override when this instance unmounts\n      setLocalModeOverride(null);\n    };\n  }, [source]);\n\n  if (!pageId) {\n    return (\n      <div style={{ padding: \"30px\" }}>\n        <div style={{ overflowY: \"auto\" }}>\n          {(isLocalMode()\n            ? // Local mode: app.json provides pages under app.data.pages\n              ((app?.data as any)?.app?.data?.pages || []).map(\n                (pg: any) => pg?.id\n              )\n            : app?.data?.app.pageIds || []\n          ).map((p: string) => (\n            <Link\n              key={p}\n              to={`/apps/${appId}/pages/${p}?noRedirect=${noRedirect}`}\n              style={{\n                fontSize: 20,\n                display: \"block\",\n                marginBottom: \"10px\",\n              }}\n            >\n              {p}\n            </Link>\n          ))}\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div\n        ref={contentWrapperRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Suspense fallback={fallback || <div />}>\n          <EncoreComponentIdContext.Provider value={{ componentId }}>\n            <EncoreActionContext.Provider value={{ onAction }}>\n              <EncoreRepeatingContainerContext.Provider\n                value={repeatingContainerContextValue}\n              >\n                <EncoreBindingContext.Provider value={context}>\n                  <DynamicComponent\n                    name={`${appId}/draft/components/${pageId}`}\n                    fallback={fallback}\n                    reloadKey={reloadKey}\n                    componentCode={componentCode}\n                  >\n                    {\" \"}\n                  </DynamicComponent>\n                </EncoreBindingContext.Provider>\n              </EncoreRepeatingContainerContext.Provider>\n            </EncoreActionContext.Provider>\n          </EncoreComponentIdContext.Provider>\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n\nexport default EncoreApp;\n"],"names":["Link","to","children","style","props","navigate","useEncoreRouter","jsx","e","setAppSelector","state","setAppIdSelector","setPageIdSelector","assetsByIdSelector","EncoreApp","appId","pageId","componentId","fallback","onSizeChange","onContentSizeChange","onAction","data","source","repeatingContainerControls","inputGroups","baseURL","appDefinition","pageDefinition","componentCode","useEncoreState","setLocalModeOverride","noRedirect","setApp","setAppId","setPageId","assetsById","containerRef","useRef","contentWrapperRef","useEffect","element","notify","observer","reloadKey","setReloadKey","useState","handleUpdate","useCallback","prev","usePusherUpdates","isLocalMode","useLocalFlag","appUrl","appSWR","useSWR","fetcher","app","fonts","f","family","url","postScriptName","familyName","ff","isCheckPassed","err","id","resolve","img","pageUrl","pageSWR","pageData","context","useMemo","clientData","patchPageData","node","totalWidth","childrenWithWidth","child","containerControls","setContainerControls","controlPropsMap","setControlPropsMap","changed","prevProps","newMap","setInputGroupValue","groupName","elementName","registerContainer","control","next","unregisterContainer","getControl","setControlProps","current","newProps","getControlProps","repeatingContainerContextValue","React","entry","cr","entries","rect","Suspense","EncoreComponentIdContext","EncoreActionContext","EncoreRepeatingContainerContext","EncoreBindingContext","DynamicComponent","pg","p"],"mappings":"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"}

package/dist/src/cli/commands/generate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/generate.ts"],"names":[],"mappings":"AA8VA,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,iBAyD/C"}
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/generate.ts"],"names":[],"mappings":"AAsWA,wBAAsB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,iBAyD/C"}

package/dist/src/codegen/generator.d.ts

@@ -4,7 +4,11 @@ export interface ComponentMetadata {
     events: string[];
     jsx: string;
 }
-export declare function generateComponentCode(appId: string, pageId: string, componentName: string, sliders: SliderInfo[], standaloneComponents: ComponentInfo[], inputGroups: InputGroupInfo[], forms: FormInfo[], selectInputs: SelectInputInfo[], actionButtons: ActionButtonInfo[], isProduction?: boolean): string;
+export declare function generateComponentCode(appId: string, pageId: string, componentName: string, sliders: SliderInfo[], standaloneComponents: ComponentInfo[], inputGroups: InputGroupInfo[], forms: FormInfo[], selectInputs: SelectInputInfo[], actionButtons: ActionButtonInfo[], isProduction?: boolean, pageMeta?: {
+    width?: number;
+    height?: number;
+    aspectRatio?: number;
+}): string;
 export declare function generateReadme(appId: string, pageId: string, appName: string, pageName: string, componentName: string, sliders: SliderInfo[], standaloneComponents: ComponentInfo[], inputGroups: InputGroupInfo[], forms: FormInfo[], selectInputs: SelectInputInfo[], actionButtons: ActionButtonInfo[]): string;
 export declare function generateComponentMetadata(_appName: string, pageName: string, sliders: SliderInfo[], standaloneComponents: ComponentInfo[], inputGroups: InputGroupInfo[], forms: FormInfo[], selectInputs: SelectInputInfo[], actionButtons: ActionButtonInfo[]): ComponentMetadata;
 //# sourceMappingURL=generator.d.ts.map

package/dist/src/codegen/generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,YAAY,GAAE,OAAe,GAC5B,MAAM,CA2ZR;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../src/codegen/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,EACjC,YAAY,GAAE,OAAe,EAC7B,QAAQ,CAAC,EAAE;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACA,MAAM,CAiaR;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,MAAM,CAwVR;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,UAAU,EAAE,EACrB,oBAAoB,EAAE,aAAa,EAAE,EACrC,WAAW,EAAE,cAAc,EAAE,EAC7B,KAAK,EAAE,QAAQ,EAAE,EACjB,YAAY,EAAE,eAAe,EAAE,EAC/B,aAAa,EAAE,gBAAgB,EAAE,GAChC,iBAAiB,CAiEnB"}

package/dist/src/components/EncoreApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreApp.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,OAA4B,EAC1B,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AA2BzC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC;IAE/C,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE5B,0BAA0B,CAAC,EAAE,MAAM,CACjC,MAAM,EACN;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CACnE,CAAC;IAEF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAeF,QAAA,MAAM,SAAS,GAAI,sMAgBhB,KAAK,4CAqvBP,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"EncoreApp.d.ts","sourceRoot":"","sources":["../../../src/components/EncoreApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,OAA4B,EAC1B,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AA2BzC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC;IAE/C,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE5B,0BAA0B,CAAC,EAAE,MAAM,CACjC,MAAM,EACN;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CACnE,CAAC;IAEF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAeF,QAAA,MAAM,SAAS,GAAI,sMAgBhB,KAAK,4CA6vBP,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravostudioai/react",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/src/index.d.ts",