@leosprograms/syn-core

Core package to easily build syn Holochain applications.

Installing

Install the necessary dependencies:

npm install @holochain-open-dev/profiles @leosprograms/syn-core

Usage

First, you need to have instantiated a SynStore from @leosprograms/syn-store and a ProfilesStore from @holochain-open-dev/profiles.

Defining the Context Providers

// Define the <profiles-context> element
import '@holochain-open-dev/profiles/dist/elements/profiles-context.js';

// Define the <syn-context> element
import '@leosprograms/syn-core/dist/elements/syn-context.js';

Now define the and the element and add it to your html wrapping the whole section of your page in which you are going to be placing the elements from @leosprograms/syn-elements:

<profiles-context id="profiles-context"> 
  <syn-context>
    <!-- The rest of your application goes here -->
  </syn-context>
</profiles-context>

Connect the Store to the Context Providers

Go to this page, select the framework you are using, and follow its example in order to:

• Connect the ProfilesStore to the with id="profiles-context".
• Connect the SynStore to the .