Epiphany

Overview

The Epiphanyintrospection library is an innovative tool designed specifically for JavaScript frameworks, with current implementation support for Remix. This library facilitates the inspection and interaction with the Document Object Model (DOM), enhancing developers' ability to understand and manage their projects. By leveraging the power of the Window object and postMessage communication, Epiphany introspection opens new avenues for debugging and monitoring web applications more effectively.

Built to optimize the inspection workflow, Epiphany provides essential functionalities that allow seamless integration into your development process. Whether you are managing a large content management system or working on smaller projects, this library offers a streamlined approach to accessing critical components of your web pages.

Features

• Installation: Easily install Epiphany with simple npm commands (npm i -D @kruining/epiphany for inspection and npm i @kruining/epiphany for usage).
• DOM Inspection: Access the full DOM tree with the getTree method, enabling you to capture detailed mappings of source locations.
• Node Retrieval: Use getNode to fetch specific nodes by their IDs, which can be sourced through the getTree function.
• Position-based Queries: The getNodeFromPosition method allows querying for elements located at specific (x,y) coordinates, making it intuitive to identify and interact with elements in the UI.
• Practical Initialization: Set up initialization effectively by referencing a Window object, ensuring smooth communication with the Epiphany library.
• Remix Support: Tailored for Remix projects, Epiphany integrates seamlessly with this modern framework, fostering an efficient development experience.