dialectlabs / react Goto Github PK

The README should provide developers with concrete examples of how to use react providers and react-ui components, including styles and component customization.

Vercel CI is breaking, we should fix it.

@Kiryous @fsher during one of integration we found out that there is no ability to detect status of our modal. Some project want o implement for example custom backdrop.

Proposals: as easiest solution - add callback which will return actual state and will be triggered on setOpen action.

<NotificationsButton {...props} onStateChange={(isOpen) => {console.log(isOpen)}}

Screencast: https://www.loom.com/share/1e3b525b733e475686554c38e5a2e0ad

Developers should be able to pass a list of notification types to the Dialect NotificationCenter, to have them rendered on the Settings page.

It might also make sense to use a json schema specifying both the name of the notification, as well as a type. E.g.

[
  {
    "name": "Welcome message on thread creation",
    "type": "Event" 
  },
  {
    "name": "Price changes",
    "type": "Threshold"
  },
  {
    "name": "Deadline reminder",
    "type": "Threshold"
  },
  {
    "name": "Outbid events",
    "type": "Event"
  },
  ...
]

In the above, Event types are discrete event types such as account creation, placed orders, etc. Threshold types are the movement of a scalar past a threshold value.

npm install @dialectlabs/react-sdk-blockchain-solana

npm WARN config init.author.email Use `--init-author-email` instead.
npm WARN config init.author.name Use `--init-author-name` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: @dialectlabs/[email protected]
npm ERR! node_modules/@dialectlabs/react-sdk
npm ERR!   @dialectlabs/react-sdk@"^1.1.0-beta.10" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @dialectlabs/react-sdk@"1.x" from @dialectlabs/[email protected]
npm ERR! node_modules/@dialectlabs/react-sdk-blockchain-solana
npm ERR!   @dialectlabs/react-sdk-blockchain-solana@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /home/user/.npm/_logs/2023-07-04T22_59_35_282Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/user/.npm/_logs/2023-07-04T22_59_35_282Z-debug-0.log

As a external developer I just want to render NotificationCenter in fullscreen, sidebar without NotificationCenterButton.

Made a PR with a proposal — #15

The easiest way to develop on @dialectlabs/react is to run one of the apps in the examples/ directory while targeting the source in the core library packages packages/dialect-react & packages/dialect-react-ui.

Some manual work is needed to get a live hot-reloading development environment. We should document this in the development section of the README.

Has the location of the import for styles been changed?
In the docs it suggest "@dialectlabs/react-ui/index.css" but this doesn't connect to anything.
Searching through github issues I found that "@dialectlabs/react-ui/lib/index.css" does work though.

Also I can't seem to find any information about customizing styles of components. At the moment I've just copy/pasted the css file mentioned above to my repo and I'm changing stuff there, but there's certainly a better way.

First I would like to say congrats on a fantastic protocol!
I am having the following issue which I have been trying to debug on our builds nevertheless have not been able to resolve what the culprit is, we did move our builds over to Parcel from Craco the past week which as I understand parcel has it's own postcss lib - any insight would be much appreciated for us to add support for dialect in Grape

[PATH]node_modules/@dialectlabs/react-ui/index.css:55:7
    54 | 
  > 55 | @media screen(sm) {

The repo (without dialect) can be found here:
https://github.com/Grape-Labs/grape-art

The DialectProvider api in the react submodule should expose a minimal, self-descriptive set of nouns and verbs that matches neatly with the data & functions it interacts with from @dialectlabs/web3.

It's currently no so easy to find out how to just run one of this repo's examples out of the box. E.g. the examples/chat/ directory has no README, and the section in the main README on starting the example is buried in a subsection for local development.

Hi. We can't seem to make the react ui component work. We're getting this error:

function WrappedNotificationsButton(props) {
  const wrapperRef = (0, react_1.useRef)(null);  <--- The first link points to this line 
  const bellRef = (0, react_1.useRef)(null);
  const [open, setOpen] = (0, react_1.useState)(false);
  ...

We're using these versions:

"dependencies": {
    "@dialectlabs/react": "^0.1.7",
    "@dialectlabs/react-ui": "^0.1.16",
    ...
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "^5.0.0",
    ...
}

Thank you.

I have two questions (not issues)

1. I noticed how the endpoint is taking the standard wallet adapter endpoint and is set as a global for the dapp, is there any way to override this only for dialect and to manually set the endpoint?
2. The react example uses:
   const DIALECT_PUBLIC_KEY = new PublicKey( 'D2pyBevYb6dit1oCx6e8vCxFK9mBeYCRe8TTntk2Tm98' );
   Should this dapp key be used for the NotificationsButton because I do see a screenshot on the website using the variable "YOUR_PROJECT_PUBLIC_KEY"

Dialect is a smart messaging protocol for dapp notifications & wallet-to-wallet communication. This repo should have a set of out-of-the-box, customizable react components for wallet-to-wallet chat alongside its existing dapp notifications components.

I run examples in this repo, but when running it, i got 1 bug after signing message to use dialect , bug like this:

Is there any way to fix this? , thanks so much!