mirror of
https://github.com/dergigi/boris.git
synced 2025-12-17 22:54:30 +01:00
- Add project structure with TypeScript, React, and Vite - Implement nostr authentication using browser extension (NIP-07) - Add NIP-51 compliant bookmark fetching and display - Create minimal UI with login and bookmark components - Integrate applesauce-core and applesauce-react libraries - Add responsive styling with dark/light mode support - Include comprehensive README with setup instructions This is a minimal MVP for a nostr bookmark client that allows users to view their bookmarks according to NIP-51 specification.
applesauce-react
React hooks and providers for applesauce
Installation
npm install applesauce-react
Example
import { EventStore, Models } from "applesauce-core";
import { EventStoreProvider } from "applesauce-react/providers";
import { useEventModel } from "applesauce-react/hooks";
const eventStore = new EventStore();
function UserName({ pubkey }) {
const profile = useEventModel(Models.ProfileModel, [pubkey]);
return <span>{profile.name || "loading..."}</span>;
}
function App() {
return (
<EventStoreProvider eventStore={eventStore}>
<h1>App</h1>
<UserName pubkey="82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2" />
</EventStoreProvider>
);
}