You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -25,7 +25,7 @@ ParaPort is based on the academic research paper ["Protocol for Unifying Cross-C
25
25
- Readily embeddable with minimal configuration
26
26
27
27
By simplifying cross-chain operations, ParaPort aims to increase the adoption of Polkadot parachains, create a more cohesive user experience across the ecosystem, and enable new possibilities for cross-chain applications.
Ultimately, ParaPort hides complicated cross-chain operations behind a single, user-friendly interface, enabling frictionless user experiences throughout the Polkadot ecosystem.
@@ -57,7 +58,8 @@ To properly handle cross-chain message creation, we leverage the ParaSpell frame
57
58
58
59
Our project interacts with the Vue and React frameworks. These powerful, open-source, and popular frontend frameworks are used by most Web3 developers.
On the architectural level, we have a few layers, as described in the picture above. From the top down (from user to core), we have an SDK that is installable for popular frontend frameworks (Vue, React). SDK provides embeddable UI components that seamlessly integrate into existing dApps. Additionally, developers can adapt components into their custom branding and user flow with minimal changes. Most importantly, SDK is very verbose, offering detailed error handling, including retries, partial teleports, or user cancellations. In the heart of our SDK, we have a core library.
63
65
Core contains all the important logic shown to the user via SDK and offers reactive hooks that can then spawn an interaction. When Core receives a request for teleportation, it automatically finds the best route, calculates and verifies balances, and prepares transactions for the user so they can be signed.
@@ -80,7 +82,8 @@ flowchart TD
80
82
The project structure is organized into several key directories. The `packages/core` directory contains the core implementation of Paraparport that can be reused across different frameworks. The `packages/sdk` directory contains Vue components that can be installed on any Vue/React projects with proper type definition. The `packages/statick` directory contains configuration for currently supported chains and a list of RPC nodes.
81
83
82
84
This architecture ensures *invisible complexity* for the user while preserving developer freedom to tailor the UI to their specific application domain.
@@ -305,4 +308,4 @@ ParaPort complements other initiatives in the Polkadot ecosystem (such as **UX B
305
308
306
309
**We look forward to furthering cross-chain capabilities with ParaPort, helping Polkadot reach its full potential as an interconnected network of specialized blockchains.**
0 commit comments