Method and system for wrapping and componentizing javascript centric widgets using java components

• US 8,150,939 B1
• Filed: 05/11/2007
• Issued: 04/03/2012
• Est. Priority Date: 05/11/2007
• Status: Active Grant

• Current Assignee: Oracle America, Inc. (Oracle Corporation)
• Original Assignee: Oracle America, Inc. (Oracle Corporation)
• Inventors: Murray, Gregory L.
• Primary Examiner(s): Follansbee, John
• Assistant Examiner(s): Woolcock, Madhu
• Application Number:
  US11/801,892
• Time in Patent Office: 1,789 Days
• Field of Search: 709/203, 709/217, 709/219
• US Class Current: 709/217
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: G06F 8/30 Creation or generation of source code
• CPC Class Codes: G06F 8/36 Software reuse
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A method and system for providing a JavaScript wrapper framework divided between a client and a server for componentizing JavaScript centric widgets includes receiving a request for a widget to be rendered on the client by a client runtime component. The request includes a tag that defines a plurality of tag attributes. The tag and the tag attributes distinctly identify the widget. The request is forwarded to the server that identifies the widget and a plurality of component resources associated with the widget based on the tag attributes received from the client. A JavaScript wrapper code is generated to wrap the widget and the associated plurality of component resources. The wrapped widget and components are forwarded to the client for rendering. The wrapped widgets are rendered at an HTML page during the initial HTML page load based on the information provided by the associated component resources. The rendering of the components enables the component resources to be evaluated in the global scope of the HTML page.

Claims

1. A method for providing a JavaScript wrapper framework divided between a client and a server for componentizing JavaScript centric widgets, the method comprising:

receiving a request for a widget to be rendered on the client, the request including a tag that defines a plurality of tag attributes that distinctly identify the widget, the request received by a client runtime component executing on the client, the client runtime component configured to load the widget when a HTML page initially loads on the client;

forwarding the request to the server,

the server identifying the widget based on the plurality of tag attributes received by a server-side component, the widget associated with a plurality of component resources; and

the server generating a JavaScript wrapper code for each of the plurality of component resources associated with the widget and for the widget identified at the server using the plurality of tag attributes, the generated JavaScript wrapper code used in wrapping the widget and the associated plurality of component resources of the widget to provide a customized widget, wherein the wrapping of the widget and the associated plurality of component resources is customized to distinctly identify the widget, the customization enabling the widget to be rendered multiple times on the HTML page at the client without conflicts;

receiving the wrapper code encompassing the widget and the associated plurality of component resources for the widget at the client; and

rendering the widget on the HTML page at the client during the initial HTML page load based on information provided by the associated plurality of component resources, the associated plurality of component resources defining behavior and style of the widget, wherein the rendering of the widget further includes injecting each of the plurality of component resources in an order at an appropriate location of the HTML page so that the component resources are evaluated in a global scope of the HTML page when rendered at the client, wherein the plurality of component resources includes at least a component resource from a service and wherein the service is an external service residing on a domain external to a web application domain associated with an application requesting the widget on the client, the external service is associated with a plurality of external component resources, the plurality of external component resources retrieved using a generic proxy residing on the server, the generic proxy configured to provide restricted access to the external service.

2. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, further including verifying correctness of the information provided by the associated plurality of component resources, the verification of the correctness performed by the client runtime component on the client.

3. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein receiving the associated plurality of component resources further including using default component resources for the widget when the plurality of component resources for the widget is unavailable at the server.

4. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 3, wherein the default component resources for the widget are customized during the wrapping for the widget based on the tag attributes.

5. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the plurality of component resources for the widget are static resources.

6. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, where in the widgets are reusable.

7. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the plurality of component resources including the one or more component resources from the service reside on a web domain associated with an application requesting the widget on the client.

8. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the generic proxy includes a transformer configured to provide transformation of format of one or more external resources to a format acceptable by the widget on the client.

9. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the rendering of the widget on the HTML page on the client further including:

parsing the plurality of external component resources to identify one or more types of component resources;

creating lists for the component resource available in the plurality of external component resources, wherein each of the lists represents a specific type of component resource;

parsing component resources of the HTML page to identify and serialize each type of the component resources in an order the component resources appear on the HTML page; and

injecting the plurality of external component resources identified in each of the list into the HTML page under corresponding type of resource available at the HTML page, such that the component resources under each type of component resources at the HTML page are distinct, wherein the injecting of the plurality of external component resources enabling evaluation of the component resources in global scope of the HTML page.

10. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claims 1, wherein the widget is associated with a topic, the widget configured to publish content information to a topic based on a triggering of an event associated with the widget at the client, the topic used to share content information between one or more additional widgets on the client.

11. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 10, wherein the event includes one or more of onload, on Save, on Select, loaded, initialized, and loadComplete.

12. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the plurality of tag attributes include one or more of name, script, unique user identification (uuid), service value, arguments, type, template, style sheet and value.

13. The method for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 1, wherein the plurality of component resources are of type HTML template, JavaScript initiation and configuration code, and Cascading Style Sheet.

14. A system for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server, the client and the server each having a processor to execute logic associated with the JavaScript wrapper framework, the system comprising:

a widget model on the client, the client having a processor and memory, to provide a component model for a widget, the widget model including a plurality of component resources that define a behavior and style of a widget so that the widget can be accessed by other components available at the client;

a client runtime component on the client, the client runtime component including a tag having a plurality of tag-attributes that identifies the widget to be rendered on the client, the client runtime component configured to request the widget from the server using the plurality of tag-attributes, receive the widget having the plurality of component resources from the server, verify correctness of the plurality of component resources received from the server, render the widget on the client and to link the widget with other widgets on the client; and

a server runtime on the server, the server having a processor and memory, the server runtime interfacing with the client runtime component on the client, the server runtime configured to;

identify the widget on the server, the identified widget associated with the plurality of component resources;

track and generate distinct JavaScript wrapper code for the widget and for each of the plurality of component resources associated with the widget;

wrap the widget and the plurality of component resources associated with the widget available to the server in a customized manner using the generated JavaScript wrapper code, the customization allowing the widget to be rendered multiple times on an HTML page at the client without conflicts;

serialize data associated with the plurality of component resources in the JavaScript wrapper code such that proper data associated with the plurality of component resources are forwarded to the client,

wherein the JavaScript wrapper code includes the widget and the associated plurality of component resources of the widget with serialized data, the wrapping of the widget and the associated plurality of component resources is customized so as to allow replication of the widget at the client, the rendering of the widget further includes injecting each of the plurality of component resources in an order at an appropriate location of the HTML page rendered at the client so that the component resources are evaluated in a global scope of the HTML page when rendered at the client, wherein the plurality of component resources includes at least a component resource from a service and wherein the service is an external service residing on a web domain external to a web application domain associated with an application requesting the widget on the client, the external service is associated with a plurality of external component resources, the plurality of external component resources retrieved using a generic proxy component residing on the server, the generic proxy component configured to provide restricted access to the external service.

15. The system for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 14, wherein the client runtime component on the client further including an AJAX mechanism that is configured to communicate with the server using asynchronous communication.

16. The system for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 14, wherein the plurality of component resources including the service resides on a web domain associated with an application executing on the client.

17. The system for providing a JavaScript wrapper framework for componentizing JavaScript centric widgets divided between a client and a server of claim 14, wherein the generic proxy component is configured to perform data conversion so as to provide uniform access to the plurality of component resources.