Bundled scripts for web content delivery

Patent metadata

Field	Value
Publication number	US-11416573-B2
Application number	US-202017027292-A
Country	US
Kind code	B2
Filing date	Sep 21, 2020
Priority date	Feb 26, 2018
Publication date	Aug 16, 2022
Grant date	Aug 16, 2022

Abstract

A web server application executable on a computing device is configured to receive from a web browser application executing on a client device a request for the web page and, responsive to the request, to (i) identify, based on information in the request, a plurality of scripts defining structure and operation of components of the web page, (ii) bundle the identified scripts into a bundle of scripts, (iii) generate a markup document representing the requested web page and including in the markup document a reference to the bundle of scripts, wherein the reference to the bundle of scripts being useable by the web browser application as a basis to retrieve the plurality of scripts in rendering the web page, and (iv) output the generated markup document in a response for transmission to the client device.

First claim

What is claimed is:

1. A system, comprising:
one or more hardware processors; and
a non-transitory memory storing instructions that, when executed by the one or more hardware processors, causes the one or more hardware processors to perform actions comprising:
providing, to a client device, a graphical user interface (GUI) configured to display:
a plurality of components, wherein each component of the plurality of components is defined by an underlying script; and
a property for each component of the plurality of components, wherein the GUI is configured to allow selection of a state of the property from a plurality of states comprising a static state and a dynamic state;

receiving, from the client device, via the GUI, a selection of two or more components of the plurality of components, a data-binding between the two or more components, and an input defining a hierarchical arrangement of the two or more components, wherein the selection, the data-binding, and the hierarchical arrangement indicate a structure of a web page;
generating one or more database records indicative of the selection, the data-binding, and the hierarchical arrangement, wherein the one or more database records comprise a reference to each respective underlying script of the two or more components of the plurality of components; and
storing the one or more database records in a database.

2. The system of claim 1 , wherein the property having the dynamic state is configured to update based on a listen-to functionality of the component.

3. The system of claim 2 , wherein the data-binding between the two or more components binds the property having the dynamic state of a subscriber component of the two or more components to published data of a publisher component of the two or more components.

4. The system of claim 3 , wherein the GUI is configured to display, for the publisher component, one or more selectable actions configured to publish the data for receipt by the subscriber component.

5. The system of claim 1 , wherein the GUI is configured to expose one or more application programming interface (API) points of each component of the plurality of components, wherein the one or more API points of each component specify one or input data types configured to support the underlying script defining each component, or one or more output data types configured to support the underlying script defining each component, or both, and wherein the data-binding between the two or more components is between respective API points of the two or more components.

6. The system of claim 1 , wherein the two or more components comprise three or more components, and wherein the three or more components comprise a publisher component and a plurality of subscriber components, and wherein the plurality of subscriber components are configured to dynamically update in response published data of the publisher component.

7. The system of claim 1 , wherein the one or more database records comprise:
a root element record identifying the web page;
a plurality of component records comprising references to the two or more components, wherein each component record comprises the reference to the respective underlying script of a respective component of the two or more components; and
a plurality of page element records defining a component structure of the two or more components, wherein each page element record comprises a secondary reference to a respective component record of the plurality of component records, and wherein the plurality of page element records are tied to the root element record.

8. The system of claim 7 , wherein the actions comprise associating a uniform resource locator (URL) corresponding to a configuration of the web page with the root element record identifying the web page.

9. The system of claim 1 , wherein the one or more database records cooperatively form a document object model (DOM) tree representation of the web page.

10. A method, comprising:
providing, to a client device, a graphical user interface (GUI) configured to display:
a plurality of components, wherein each component of the plurality of components is defined by an underlying script; and
a property for each component of the plurality of components, wherein the GUI is configured to allow selection of a state of the property from a plurality of states comprising a static state and a dynamic state;

receiving, from the client device, via the GUI, a selection of two or more components of the plurality of components, a data-binding between the two or more components, and an input defining a hierarchical arrangement of the two or more components, wherein the selection, the data-binding, and the hierarchical arrangement indicate a structure of a web page;
generating one or more database records indicative of the selection, the data-binding, and the hierarchical arrangement, wherein the one or more database records comprise a reference to each respective underlying script of the two or more components of the plurality of components; and
storing the one or more database records in a database.

11. The method of claim 10 , wherein the property having the dynamic state is configured to update based on a listen-to functionality of the component.

12. The method of claim 11 , wherein the data-binding between the two or more components binds the property having the dynamic state of a subscriber component of the two or more components to published data of a publisher component of the two or more components.

13. The method of claim 12 , wherein the GUI is configured to display, for the publisher component, one or more selectable actions configured to publish the data for receipt by the subscriber component.

14. The method of claim 10 , wherein the GUI is configured to expose one or more application programming interface (API) points of each component of the plurality of components, wherein the one or more API points of each component specify one or input data types configured to support the underlying script defining each component, or one or more output data types configured to support the underlying script defining each component, or both, and wherein the data-binding between the two or more components is between respective API points of the two or more components.

15. A non-transitory computer-readable medium comprising computer readable instructions, that when executed by one or more processors, causes the one or more processors to perform operations comprising:
providing, to a client device, a graphical user interface (GUI) configured to display of a plurality of components, wherein each component of the plurality of components is defined by an underlying script;
receiving, from the client device, via the GUI, a selection of two or more components of the plurality of components, a data-binding between the two or more components, and an input defining a hierarchical arrangement of the two or more components, wherein the selection, the data-binding, and the hierarchical arrangement indicate a structure of a web page;
generating one or more database records indicative of the selection, the data-binding, and the hierarchical arrangement, wherein the one or more database records comprise:
a root element record identifying the web page;
a plurality of component records comprising references to the two or more components, wherein each component record comprises a reference to the respective underlying script of a respective component of the two or more components; and
a plurality of page element records defining a component structure of the two or more components, wherein each page element

Assignees

• Servicenow Inc

Inventors

• Kirn Andreas
• Richards Darren Michael
• Strimpel Jason
• Solis Carl
• Tucker Christopher

Classifications

• G06F40/143

  Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD] · CPC title

• G06F16/9574 Primary

  of access to content, e.g. by caching · CPC title

• G06F40/137

  Hierarchical processing, e.g. outlines · CPC title

• G06F40/117

  Tagging; Marking up (details of markup languages G06F40/143); Designating a block; Setting of attributes (style sheets, e.g. eXtensible Stylesheet Language Transformation [XSLT], G06F40/154) · CPC title