Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: deprecation warn for socket pacakge #909

Merged
merged 1 commit into from
Dec 1, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
86 changes: 50 additions & 36 deletions packages/socket/README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,13 @@
# Deprecation Notice

**Important**: This package will be deprecated in future releases. We recommend migrating to [@pushprotocol/restapi](https://www.npmjs.com/package/@pushprotocol/restapi) for continued support and updates. Please refer to the [Stream Documentation](https://push.org/docs/chat/build/stream-chat/) for instructions on transitioning to the new package.

# socket

This package gives access to Push Protocol (Push Nodes) using Websockets built on top of [Socket.IO](https://socket.io/docs/v4/client-api/). Visit [Developer Docs](https://docs.push.org/developers) or [Push.org](https://push.org) to learn more.

# Index

- [How to use in your app?](#how-to-use-in-your-app)
- [Installation](#installation)
- [Import SDK](#import-sdk)
Expand All @@ -20,85 +25,93 @@ This package gives access to Push Protocol (Push Nodes) using Websockets built o
# How to use in your app?

## Installation

```
yarn add @pushprotocol/socket@latest ethers@^5.6
```
or

or

```
npm install @pushprotocol/socket@latest ethers@^5.6
```

## Import SDK

```typescript
import {
createSocketConnection,
EVENTS
} from '@pushprotocol/socket';
import { createSocketConnection, EVENTS } from '@pushprotocol/socket';
```

## **About blockchain agnostic address format**

In any of the below methods (unless explicitly stated otherwise) we accept either -
- [CAIP format](https://github.com/ChainAgnostic/CAIPs/blob/master/CAIPs/caip-10.md#test-cases): for any on chain addresses ***We strongly recommend using this address format***. [Learn more about the format and examples](https://docs.push.org/developers/concepts/web3-notifications).
(Example : `eip155:1:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb`)
In any of the below methods (unless explicitly stated otherwise) we accept either -

- [CAIP format](https://github.com/ChainAgnostic/CAIPs/blob/master/CAIPs/caip-10.md#test-cases): for any on chain addresses **_We strongly recommend using this address format_**. [Learn more about the format and examples](https://docs.push.org/developers/concepts/web3-notifications).
(Example : `eip155:1:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb`)

- ETH address format: only for backwards compatibility.
(Example: `0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb`)

- ETH address format: only for backwards compatibility.
(Example: `0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb`)

### Chat blockchain agnostic address format
**Note** - For chat related apis, the address is in the format: eip155:<address> instead of eip155:<chainId>:<address>, we call this format **Partial CAIP**
### Chat blockchain agnostic address format

**Note** - For chat related apis, the address is in the format: eip155:<address> instead of eip155:<chainId>:<address>, we call this format **Partial CAIP**
(Example : `eip155:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb`)

# Socket SDK Features

## **Creating a socket connection object**

### **For notification**

```typescript
const pushSDKSocket = createSocketConnection({
user: 'eip155:11155111:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb', // CAIP, see below
env: 'staging',
socketOptions: { autoConnect: false }
socketOptions: { autoConnect: false },
});
```

### **For chat**

```typescript
const pushSDKSocket = createSocketConnection({
user: 'eip155:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb',
env: 'staging',
socketType: 'chat',
socketOptions: { autoConnect: true, reconnectionAttempts: 3 }
user: 'eip155:0xab16a96d359ec26a11e2c2b3d8f8b8942d5bfcdb',
env: 'staging',
socketType: 'chat',
socketOptions: { autoConnect: true, reconnectionAttempts: 3 },
});
```

IMPORTANT: create the connection object in your app only when you have the `user` address available since its mandatory.

**`autoConnect`**: Generally if we don't pass `autoConnect: false` then the socket connection is automatic once the object is created. Now since we may or may not have the account address handy and wish to start the connection during instantiation so this option makes it easier for us to choose when we want to `connect` or not!

Allowed Options (params with * are mandatory)
| Param | Type | Default | Remarks |
Allowed Options (params with _ are mandatory)
| Param | Type | Default | Remarks |
|----------|---------|---------|--------------------------------------------|
| user* | string | - | user account address (CAIP) |
| env | string | 'prod' | API env - 'prod', 'staging', 'dev'|
| socketType | 'notification' | 'chat' | 'notification' | socket type |
| socketOptions | object | - | supports the same as [SocketIO Options](https://socket.io/docs/v4/client-options/) |
| user_ | string | - | user account address (CAIP) |
| env | string | 'prod' | API env - 'prod', 'staging', 'dev'|
| socketType | 'notification' | 'chat' | 'notification' | socket type |
| socketOptions | object | - | supports the same as [SocketIO Options](https://socket.io/docs/v4/client-options/) |

## **Connect the socket connection object**

```typescript
pushSDKSocket.connect();
```


## **Disconnect the socket connection object**

```typescript
pushSDKSocket.disconnect();
```

## **Subscribing to Socket Events**
```typescript
pushSDKSocket.on(EVENTS.CONNECT, () => {

});

pushSDKSocket.on(EVENTS.DISCONNECT, () => {
```typescript
pushSDKSocket.on(EVENTS.CONNECT, () => {});

});
pushSDKSocket.on(EVENTS.DISCONNECT, () => {});

pushSDKSocket.on(EVENTS.USER_FEEDS, (feedItem) => {
// feedItem is the notification data when that notification was received
Expand All @@ -114,16 +127,17 @@ pushSDKSocket.on(EVENT.CHAT_GROUPS, (message) => {
```

Supported EVENTS
| EVENT name | When is it triggered? |
| EVENT name | When is it triggered? |
|------------|--------------------------------------------|
| EVENTS.CONNECT | whenever the socket is connected |
| EVENTS.DISCONNECT | whenever the socket is disconneted |
| EVENTS.USER_FEEDS | whenever a new notification is received by the user after the last socket connection |
| EVENTS.USER_SPAM_FEEDS | whenever a new spam notification is received by the user after the last socket connection |
| EVENTS.CONNECT | whenever the socket is connected |
| EVENTS.DISCONNECT | whenever the socket is disconneted |
| EVENTS.USER_FEEDS | whenever a new notification is received by the user after the last socket connection |
| EVENTS.USER_SPAM_FEEDS | whenever a new spam notification is received by the user after the last socket connection |
| EVENT.CHAT_RECEIVED_MESSAGE | whenever a new message is received |
| EVENT.CHAT_GROUPS | whenever a group is created or updated |

# Examples

## Basic example of using SDK sockets in a React App

```
Expand Down
1 change: 1 addition & 0 deletions packages/socket/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
"name": "@pushprotocol/socket",
"version": "0.5.2",
"type": "commonjs",
"deprecated": "This package will be deprecated in future releases. Please migrate to @pushprotocol/restapi (https://www.npmjs.com/package/@pushprotocol/restapi).",
"publishConfig": {
"registry": "https://registry.npmjs.org/"
},
Expand Down
Loading