![]() Explanation of the flowĪ block diagram of how the various bits talk to each other ca be found at Related Documentsĭocuments that are loaded by the current HTML live doc are being tracked by DocumentObserver at the browser side which relies on DOM MutationObserver for monitoring added/removed stylesheets and Javascript files. The over-the-wire protocol is a JSON message that more or less looks like the CDT wire protocol, although it's not an exact match right now. navigate which allow the browser navigate to a given URL.reload which reload the page in the browser.The protocol layer currently exposes a very simple API that currently just contains specific protocol functions: However, this could easily be swapped out for a different transport layer that supports a preview iframe directly inside Brackets, where the communication is via postMessage(). The transport layer currently implemented uses a WebSocket server in Node, coupled with an injected script in the browser that connects back to that server. The reason for this factoring is so that the transport layer can be swapped out for different use cases, and so that anything higher-level we need that can be easily built in terms of eval doesn't have to be built into the protocol. the injected RemoteFunctions script, which is the same as in today's LiveDevelopment and provides Brackets-specific functionality (highlighting, DOM edit application) on top of the core protocol. ![]() the "protocol" layer, which sits on top of the transport layer and provides the actual semantic behavior (currently just "evaluate in browser").a low-level "transport" layer, which is responsible for launching live preview in the browser and providing a simple textual message bus between the browser and Brackets. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |