Real-time rendering based on efficient device and server processing of content updates
Systems, computer storage media, and methods for real-time rendering based on efficient device and server processing of content updates. One of the methods includes presenting user interface information that includes multiple visual portions associated with input of types of code. User input of code with respect to one or more of the visual portions is received, and code input in a particular visual portion includes code to be compiled and/or imports associated with particular libraries. Rendering of the input code is caused, and the rendering is presented in an output visual portion. A system can receive the code input in the particular visual portion over a network. The system can compile the received code and package the received code with associated libraries. The system can provide the packaged code to the user device to be interpreted during rendering of the input code.
1. A computer system comprising:
one or more computer processors configured to execute software code to perform operations comprising:
presenting, via a user device, an interactive user interface comprising a plurality of visual portions, the interactive user interface being generated via a server system and usable, by the server system, to render a content page, wherein the interactive user interface is configured to receive user input of code in a first visual portion of the plurality of visual portions, the code comprising code to be executed and an identification of, at least, a portion of a particular library which is usable to interpret or compile the code,
wherein the first visual portion is segmented and configured to receive input of different types of code in individual segments, wherein the types of code are usable to define different aspects associated with the content page, and wherein the input code is configured to form a rendering associated with the content page;
causing, via the server system, a package manager to import the portion of the particular library based on the identification, such that the portion is local in scope; and
causing, in response to receiving the user input, rendering of the input code via the server system, wherein the interactive user interface is configured to update to present the rendering in a second visual portion of the plurality of visual portions, wherein the server system is configured to present the rendering in one or more other content pages accessible to end-users of different user devices, and wherein updates to the rendering caused by user input to the user device are updated in the one or more other content pages presented on the different user devices.
2. The computer system of claim 1 , wherein the interactive user interface is configured to receive user input indicating the different types of code of a plurality of types of code associated with the user input of code in the first visual portion.
3. The computer system of claim 1 , wherein the interactive user interface is configured to:
present a plurality of versions associated with the particular library; and
receive selection of a particular version for importation via the package manager.
4. The computer system of claim 3 , wherein the second visual portion includes a plurality of renderings of the input code, and wherein each of the plurality of renderings is based on a respective version of the plurality of versions associated with the particular library.
5. The computer system of claim 1 , wherein the operations further comprise:
providing user input of code to the server system; and
as additional code is received, presenting selectable options associated with auto-completion of the additional code, the selectable options being based on the particular library.
6. The computer system of claim 1 , wherein the portion of the particular library represents one or more modules associated with the particular library, the modules being indicated in the user input.
7. The computer system of claim 1 , wherein the operations further comprise:
providing user input of code to the server system; and
as additional code is received, updating the rendering in the second visual portion.
8. A method comprising:
by a system of one or more processors,
presenting, via a user device, an interactive user interface comprising a plurality of visual portions, the interactive user interface being generated via a server system and usable, by the server system, to render a content page, wherein the interactive user interface is configured to receive user input of code in a first visual portion of the plurality of visual portions, the code comprising code to be executed and an identification of, at least, a portion of a particular library which is usable to interpret or compile the code,
wherein the first visual portion is segmented and configured to receive input of different types of code in individual segments, wherein the types of code are usable to define different aspects associated with the content page, and wherein the input code is configured to form a rendering associated with the content page;
causing, via the server system, a package manager to import the portion of the particular library based on the identification, such that the portion is local in scope; and
causing, in response to receiving the user input, rendering of the input code via the server system, wherein the interactive user interface is configured to update to present the rendering in a second visual portion of the plurality of visual portions, wherein the server system is configured to present the rendering in one or more other content pages accessible to end-users of different user devices, and wherein updates to the rendering caused by user input to the user device are updated in the one or more other content pages presented on the different user devices.
9. The method of claim 8 , wherein the interactive user interface is configured to receive user input indicating the different types of code of a plurality of types of code associated with the user input of code in the first visual portion.
10. The method of claim 8 , wherein the interactive user interface is configured to:
present a plurality of versions associated with the particular library; and
receive selection of a particular version for importation via the package manager.
11. The method of claim 10 , wherein the second visual portion includes a plurality of renderings of the input code, and wherein each of the plurality of renderings is based on a respective version of the plurality of versions associated with the particular library.
12. The method of claim 8 , further comprising:
providing user input of code to the server system; and
as additional code is received, presenting selectable options associated with auto-completion of the additional code, the selectable options being based on the particular library.
13. The method of claim 8 , wherein the portion of the particular library represents one or more modules associated with the particular library, the modules being indicated in the user input.
14. The method of claim 8 , further comprising:
providing user input of code to the server system; and
as additional code is received, updating the rendering in the second visual portion.
15. Computer program product storing instructions that when executed by a system of one or more processors, cause the one or more processors to perform operations comprising:
presenting, via a user device, an interactive user interface comprising a plurality of visual portions, the interactive user interface being generated via a server system and usable, by the server system, to render a content page, wherein the interactive user interface is configured to receive user input of code in a first visual portion of the plurality of visual portions, the code comprising code to be executed and an identification of, at least, a portion of a particular library which is usable to interpret or compile the code,
wherein the first visual portion is segmented and configured to receive input of different types of code in individual segments, wherein the types of code are usable to define different aspects associated with the content page, and wherein the input code is configured to form a rendering associated with the content page;
causing, via the server system, a package manager to import the portion of the particular library based on the identification, such that the portion is local in scope; and
causing, in response to receiving the user input, rendering of the input code via the server system, wherein the interactive user interface is configured to update to present the rendering in a second visual portion of the plurality of visual portions, wherein the server system is configured to present the rendering in one or more other content pages accessible to end-users of different user devices, and wherein updates to the rendering caused by user input to the user device are updated in the one or more other content pages presented on the different user devices.
16. The computer program product of claim 15 , wherein the interactive user interface is configured to receive user input indicating the different types a type of code of a plurality of types of code associated with the user input of code in the first visual portion.
17. The computer program product of claim 15 , wherein the interactive user interface is configured to:
present a plurality of versions associated with the particular library; and
receive selection of a particular version for importation via the package manager.
18. The computer program product of claim 15 , wherein the second visual portion includes a plurality of renderings of the input code, and wherein each of the plurality of renderings is based on a respective version of the plurality of versions associated with the particular library.
19. The computer program product of claim 15 , wherein the portion of the particular library represents one or more modules associated with the particular library, the modules being indicated in the user input.
20. The computer program product of claim 15 , wherein the operations further comprise:
providing user input of code to the server system; and
as additional code is received, updating the rendering in the second visual portion.