Skip to content

feat: Migrate component definitions from DA to XWalk plugins and standardize model file naming with an underscore prefix.#6

Merged
tusharmane-tm merged 1 commit intomainfrom
qa
Feb 2, 2026
Merged

feat: Migrate component definitions from DA to XWalk plugins and standardize model file naming with an underscore prefix.#6
tusharmane-tm merged 1 commit intomainfrom
qa

Conversation

@tusharmane-tm
Copy link
Contributor

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Test URLs:

…dardize model file naming with an underscore prefix.
@aem-code-sync
Copy link

aem-code-sync bot commented Feb 2, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@aem-code-sync
Copy link

aem-code-sync bot commented Feb 2, 2026

Page Scores Audits Google
📱 / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@gemini-code-assist
Copy link

Summary of Changes

Hello @tusharmane-tm, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request significantly refactors the component definition and model system by migrating from an older 'DA' plugin framework to a more modern 'XWalk' plugin architecture. This change not only standardizes component configurations and introduces new, more flexible component models but also streamlines the file naming conventions for better organization and maintainability. The overall impact is an improved foundation for component development and content management.

Highlights

  • Migration to XWalk Plugins: Component definitions have been migrated from the legacy 'DA' plugin structure to the new 'XWalk' plugin architecture, standardizing how components are defined and integrated.
  • Standardized Model File Naming: All individual component model files (.json) have been renamed to include an underscore prefix (e.g., image.json is now _image.json) to standardize naming conventions.
  • Refined Component Models and Definitions: Existing component models (like Page, Image, Section, Accordion Item, Card, Carousel Item, Columns, Tabs Item, Video) have been updated with clearer field names and structures, removing redundant properties and improving data representation.
  • Introduction of New Components: New component definitions and models have been introduced for 'Title', 'Button', 'Modal', 'Embed', 'Form', 'Table' (with variations for 1-4 columns), and updated block components like 'Accordion', 'Cards', 'Carousel', 'Columns', 'Fragment', 'Hero', 'Quote', 'Search', 'Tabs', and 'Video'.
  • Updated Build Process: The package.json scripts for building JSON definitions have been updated to reflect the new underscore-prefixed file names, ensuring the build process correctly aggregates the component data.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

@tusharmane-tm tusharmane-tm merged commit cbf3209 into main Feb 2, 2026
2 checks passed
Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request is a significant refactoring that migrates component definitions from the legacy da format to the new xwalk plugins and reorganizes the component model files into a more modular structure. The changes are well-structured and improve the project's maintainability. I've identified a few issues, including a potential accessibility regression, a typo, and some inconsistencies that should be addressed. Overall, this is a great improvement.

Comment on lines +131 to +152
"options": [
{
"name": "1 Column",
"value": "table"
},
{
"name": "2 Columns",
"value": "table-2-columns"
},
{
"name": "3 Columns",
"value": "table-3-columns"
},
{
"name": "4 Columns",
"value": "table-4-columns"
},
{
"name": "5 Columns",
"value": "table-5-columns"
}
]

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

The select component for the number of columns in a table includes an option for "5 Columns" (table-5-columns), but there are no corresponding definitions, models, or filters for a 5-column table in this file. This will cause an error if a user selects that option. Please either remove the "5 Columns" option or implement the necessary configurations for it.

        "options": [
          {
            "name": "1 Column",
            "value": "table"
          },
          {
            "name": "2 Columns",
            "value": "table-2-columns"
          },
          {
            "name": "3 Columns",
            "value": "table-3-columns"
          },
          {
            "name": "4 Columns",
            "value": "table-4-columns"
          }
        ]

"label": "Background Image Alt"
"name": "media_imageAlt",
"value": "",
"label": "Bacgkround Alt"

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

There's a typo in the label. It should be "Background Alt".

Suggested change
"label": "Bacgkround Alt"
"label": "Background Alt"

Comment on lines 147 to 153
{
"component": "richtext",
"component": "text",
"valueType": "string",
"name": "div:nth-child(1)",
"name": "summary",
"value": "",
"label": "Summary",
"required": true
"label": "Summary"
},

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The required: true property was removed from the summary field in the accordion-item model. If this field is intended to be mandatory, this is a regression. Please consider adding "required": true back if the summary is essential for this component.

      {
        "component": "text",
        "valueType": "string",
        "name": "summary",
        "value": "",
        "label": "Summary",
        "required": true
      }

Comment on lines 322 to 328
{
"component": "richtext",
"valueType": "string",
"name": "div:nth-child(1)>div:nth-child(1)",
"label": "Quote",
"required": true
"name": "quotation",
"value": "",
"label": "Quotation"
},

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The required: true property was removed from the quotation field in the quote model. If a quote must have a quotation, this is a regression. Please consider re-adding "required": true to ensure data integrity.

      {
        "component": "richtext",
        "valueType": "string",
        "name": "quotation",
        "value": "",
        "label": "Quotation",
        "required": true
      }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant