Gathering detailed insights and metrics for @trycourier/react-toast
Gathering detailed insights and metrics for @trycourier/react-toast
Gathering detailed insights and metrics for @trycourier/react-toast
Gathering detailed insights and metrics for @trycourier/react-toast
npm install @trycourier/react-toast
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
41 Stars
588 Commits
14 Forks
12 Watching
116 Branches
18 Contributors
Updated on 22 Nov 2024
TypeScript (92.09%)
JavaScript (3.31%)
HTML (2.84%)
CSS (1.71%)
Shell (0.04%)
Cumulative downloads
Total Downloads
Last day
-27.7%
583
Compared to previous day
Last week
2.3%
3,932
Compared to previous week
Last month
15%
17,269
Compared to previous month
Last year
30.5%
354,832
Compared to previous year
4
1
courier-react
?This repository, also called In-App, is a set of features and components that can work inside our customers websites. Courier is a powerful application but integrating all of the features into your frontend manually can be overwhelming and time consuming. This is where In-App steps up and can superpower your application by providing Realtime Messaging (Toast), an Inbox, Notification Preferences, and many more coming soon!
Want to use packages with other frameworks/libraries like angular or vue? Check out how to do Embedded Integration
We've cleaned up a bunch of stale code that isn't being used anymore. We no longer export "Messages" from client-graphql and only support "Inbox" as a datasource.
Styled Components is now a peer dependency
We've recently created both 2.X and 3.X releases related to this monorepository. This is because we've migrated to a new simpler, streamlined style for our components and there are breaking changes with props and api. Below is a short description of each of our versions:
The 1.X versions will consist of our old UX, and use our legacy APIs. If you are a free tier customer your data retention on 1.X will be limited to 30 days and subject to change.
We introduced a new theme that makes the UX smaller and simplifies the UX. Some of the notable changes are:
The 2.X version will now default to this new theme and will utilize our new API that does not have the same data retention as the legacy API.
You can still access the 1.X designs by passing theme.name === "classic" to the Inbox component
We created a separate breaking change branch to make sure our bundles are small and optimized. We didn't want to bundle any uneccesary code to support the "classic" theme so 3.0 has removed all the deprecated code. There are breaking changes and a
Version 4 adds support for Tenants, which is useful for modeling multi-tenant notification environments. Version 4 makes a single breaking change from Version 3, Accounts (Beta) was renamed to Tenants. If you were not using Accounts (Beta), you can safely upgrade from v3 to v4 without making code changes. Otherwise, see migration guide below.
accountId
to tenantId
.Before:
1<CourierProvider 2 accountId={"YOUR_ACCOUNT_ID"} 3 clientKey={props.clientKey} 4 userId={props.userId} 5 apiUrl={props.apiURL} 6 wsOptions={{ 7 url: props.wsURL, 8 }} 9 authorization={props.authorizationToken} 10> 11 {props.children} 12</CourierProvider>
After:
1<CourierProvider 2 tenantId={"YOUR_TENANT_ID"} 3 clientKey={props.clientKey} 4 userId={props.userId} 5 apiUrl={props.apiURL} 6 wsOptions={{ 7 url: props.wsURL, 8 }} 9 authorization={props.authorizationToken} 10> 11 {props.children} 12</CourierProvider>
Full Changelog: https://github.com/trycourier/courier-react/compare/v3.16.0...v4.0.0
This package imports the other react components and bundles them up using webpack
and preact
to create a bundle that can be used to render all of our components in a frontend that does NOT use React.
This package exports a component called CourierProvider
which creates a context object that is required for the following packages.
Toast
is a non modal, component used to display brief, optional-expiring windows of information to a user. This can be integrated with a push
provider or can be triggered manually.
Inbox
is a component used to display a history of read
and unread
messages to a user. If we send a message to a user when they are not logged in, or if they didn't interact with the message before it disappeared, we also have an Inbox to show the history of messages received.
hooks
that can be used to build your own inbox or interact with other parts of Courier.
GraphQL library that interacts with Courier's backend
The "React Brand Designer" package provides components with a slick UI for branding notifications delivered with Courier. This enables your own users to personalize their brand-able notifications like emails without leaving your app or site.
Utility package to share common Typescript types and interfaces shared between packages
Our development environment. This package depends on all the other packages and imports them into a storybook instance. This allows us to develop in an isolated environment.
No vulnerabilities found.
Reason
all changesets reviewed
Reason
8 commit(s) and 4 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
58 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More