US 11,734,495 B2
Systems and methods for integrating application components in a web application
Chengwei Lim, McKinney, TX (US); and Sayak Banerjee, Allen, TX (US)
Assigned to Capital One Services, LLC, McLean, VA (US)
Filed by Capital One Services, LLC, McLean, VA (US)
Filed on Sep. 20, 2021, as Appl. No. 17/448,061.
Prior Publication US 2023/0086308 A1, Mar. 23, 2023
Int. Cl. G06F 40/14 (2020.01); G06F 40/166 (2020.01); G06F 16/957 (2019.01)
CPC G06F 40/14 (2020.01) [G06F 16/9577 (2019.01); G06F 40/166 (2020.01)] 20 Claims
OG exemplary drawing
 
1. A method for integrating application components in a web application, the method comprising:
executing the web application, the web application configured to display a web page element in a web browser;
receiving, by a library component of the web application, a request from the web application to retrieve a list having definitions for each of a plurality of application components loadable by the web application, the definitions including attributes and events for each of the plurality of application components;
retrieving, by the library component, the list from a manifest;
receiving a request to load a first application component of the plurality of application components in the list;
binding, by the library component, the attributes and events for each of the plurality of application components obtained from the list to the web application;
appending the first application component into the web page element;
rendering the first application component and the web page element using the web browser so that the first application component is configured to be displayed in the web browser as part of the web page element;
in response to receiving event data output from one of the events defined for the first application component based on an action performed via the displayed first application component, storing, by the library component, the event data in a cache when at least a second application component from the plurality of application components has yet to be loaded in the web application;
subsequent to the receiving and storing of the event data in the cache, receiving a request to load the second application component, wherein the event data is an input of the second application component based on one of the attributes defined for the second application component;
loading the second application component in response to the receiving of the request to load the second application component; and
when the second application component is loaded, providing, by the library component, the event data stored in the cache to the second application component for use as the input.