@novu/react 3.6.0-nightly.20250627 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# Novu's React SDK for building custom inbox notification experiences.
|
|
2
2
|
|
|
3
3
|
Novu provides the `@novu/react` a React library that helps to add a fully functioning Inbox to your web application in minutes. Let's do a quick recap on how you can easily use it in your application.
|
|
4
|
-
|
|
4
|
+
Refer to the Novu documentation for the complete [React quickstart guide](https://docs.novu.co/platform/quickstart/react).
|
|
5
5
|
|
|
6
6
|
## Installation
|
|
7
7
|
|
|
@@ -11,9 +11,22 @@ See full documentation [here](https://docs.novu.co/inbox/react/get-started).
|
|
|
11
11
|
npm install @novu/react
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
##
|
|
14
|
+
## Try it instantly (Keyless mode)
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
The keyless mode is designed for local testing and experimentation, letting you use Novu's Inbox component without any configuration. Just import and render.
|
|
17
|
+
|
|
18
|
+
```jsx
|
|
19
|
+
import React from 'react';
|
|
20
|
+
import { Inbox } from '@novu/react';
|
|
21
|
+
|
|
22
|
+
export function App() {
|
|
23
|
+
return <Inbox />;
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Connect to real subscribers
|
|
28
|
+
|
|
29
|
+
To connect the Inbox component with your Novu environment and real subscribers, set the `applicationIdentifier` and `subscriberId`
|
|
17
30
|
|
|
18
31
|
```jsx
|
|
19
32
|
import { Inbox } from '@novu/react';
|
|
@@ -119,9 +132,9 @@ HMAC encryption will make sure that a `subscriberId` is encrypted using the se
|
|
|
119
132
|
|
|
120
133
|
In order to enable Hash-Based Message Authentication Codes, you need to visit the admin panel In-App settings page and enable HMAC encryption for your environment.
|
|
121
134
|
|
|
122
|
-
<Frame caption="How to enable HMAC encryption for In-App Inbox">
|
|
135
|
+
<!-- <Frame caption="How to enable HMAC encryption for In-App Inbox">
|
|
123
136
|
<img src="/images/notification-center/client/react/get-started/hmac-encryption-enable.png" />
|
|
124
|
-
</Frame>
|
|
137
|
+
</Frame> -->
|
|
125
138
|
|
|
126
139
|
1. Next step would be to generate an HMAC encrypted subscriberId on your backend:
|
|
127
140
|
|
|
@@ -29,7 +29,7 @@ module.exports = __toCommonJS(NovuProvider_exports);
|
|
|
29
29
|
var import_js = require("@novu/js");
|
|
30
30
|
var import_react = require("react");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var version = "3.6.0
|
|
32
|
+
var version = "3.6.0";
|
|
33
33
|
var name = "@novu/react";
|
|
34
34
|
var baseUserAgent = `${name}@${version}`;
|
|
35
35
|
var NovuContext = (0, import_react.createContext)(void 0);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Novu } from "@novu/js";
|
|
3
3
|
import { createContext, useContext, useMemo, useEffect } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var version = "3.6.0
|
|
5
|
+
var version = "3.6.0";
|
|
6
6
|
var name = "@novu/react";
|
|
7
7
|
var baseUserAgent = `${name}@${version}`;
|
|
8
8
|
var NovuContext = createContext(void 0);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@novu/react",
|
|
3
|
-
"version": "3.6.0
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/novuhq/novu",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
"dependencies": {
|
|
113
|
-
"@novu/js": "3.6.0
|
|
113
|
+
"@novu/js": "3.6.0"
|
|
114
114
|
},
|
|
115
115
|
"nx": {
|
|
116
116
|
"tags": [
|