Hyperfiles Viewer

A gateway to publish and explore Hyperfiles.

This React app renders components from Near socialDB using the Near Social VM. All components are stored on-chain.

Explore the Hyperfiles docs at http://docs.hyperfiles.org.

Setup & Development

Initialize repo:

yarn

Start development version:

yarn start

Widget example

Profile view

letaccountId=props.accountId||"eugenethedream";letprofile=socialGetr(`${accountId}/profile`);<div><imgsrc={profile.image.url}/><span>{profile.name}</span><span>(@{accountId})</span></div>;

Profile editor

letaccountId=context.accountId;if(!accountId){return"Please sign in with NEAR wallet";}constprofile=socialGetr(`${accountId}/profile`);if(profile===null){return"Loading";}initState({name: profile.name,url: profile.image.url,});constdata={profile: {name: state.name,image: {url: state.url,},},};return(<div><div>account = {accountId}</div><div>
Name:
<inputtype="text"value={state.name}/></div><div>
Image URL:
<inputtype="text"value={state.url}/></div><div>Preview</div><div><imgsrc={state.url}alt="profile image"/>{state.name}</div><div><CommitButtondata={data}>Save profile</CommitButton></div></div>);