renamed widget to plugin

Author: salil-naik

README.md

@@ -1,54 +1,54 @@
 <p align="center" style="align: center">
-    <h1 align="center">Socket Widget</h1>
+    <h1 align="center">Socket Plugin</h1>
     <p align="center">Seamless bridging experience into a single fully customizable React Component</p>
     <p align="center" style="align: center;"> 
-        <a href="https://www.npmjs.com/package/@socket.tech/widget">
-            <img src="https://img.shields.io/npm/v/@socket.tech/widget" alt="npm version"/>
+        <a href="https://www.npmjs.com/package/@socket.tech/plugin">
+            <img src="https://img.shields.io/npm/v/@socket.tech/plugin" alt="npm version"/>
         </a>
-        <a href="https://npmtrends.com/@socket.tech/widget">
-            <img src="https://img.shields.io/npm/dm/@socket.tech/widget" alt="Downloads" />
+        <a href="https://npmtrends.com/@socket.tech/plugin">
+            <img src="https://img.shields.io/npm/dm/@socket.tech/plugin" alt="Downloads" />
         </a>
-        <a href="https://github.com/SocketDotTech/widget/stargazers">
-            <img src="https://img.shields.io/github/stars/SocketDotTech/widget" alt="Github Stars" />
+        <a href="https://github.com/SocketDotTech/plugin/stargazers">
+            <img src="https://img.shields.io/github/stars/SocketDotTech/plugin" alt="Github Stars" />
         </a>
-        <a href="https://github.com/SocketDotTech/widget/blob/main/license">
-            <img src="https://img.shields.io/github/license/SocketDotTech/widget" alt="License">
+        <a href="https://github.com/SocketDotTech/plugin/blob/main/license">
+            <img src="https://img.shields.io/github/license/SocketDotTech/plugin" alt="License">
         </a>
     </p>
 </p>
 
-Socket’s Widget is a React component that can be easily imported in any React (JS/TS) project. The widget supports most features from [Bungee.exchange](https://bungee.exchange/). It brings the seamless bridging UX from Bungee to any DApp!
+Socket Plugin is a React component that can be easily imported in any React (JS/TS) project. The plugin supports most features from [Bungee.exchange](https://bungee.exchange/). It brings the seamless bridging UX from Bungee to any DApp!
 
 ![Themes](https://user-images.githubusercontent.com/20141508/180805890-208eacd4-e841-4294-9a7f-65aa8e249a0c.png)
 
-The widget requires `provider` from user’s connected wallet & Socket’s `API_KEY` as props to initialise. [Optional props](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790) can be passed to customize the widget’s color scheme, pre-select the chains/tokens & also customize token lists.
+The plugin requires `provider` from user’s connected wallet & Socket’s `API_KEY` as props to initialise. [Optional props](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790) can be passed to customize the plugin’s color scheme, pre-select the chains/tokens & also customize token lists.
 
-The full documentation for the widget can be found [here](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)
+The full documentation for the plugin can be found [here](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)
 
 ## Installation
 
-The widget can be installed via NPM or Yarn.
+The plugin can be installed via NPM or Yarn.
 
 **NPM :**
 
 ```bash
-npm install @socket.tech/widget
+npm install @socket.tech/plugin
 ```
 
 **Yarn :**
 
 ```bash
-yarn add @socket.tech/widget
+yarn add @socket.tech/plugin
 ```
 
-**Note :** The widget requires `react` (>=17.0.1) and `react-dom` (>=17.0.1) as peerDepencies.
+**Note :** The plugin requires `react` (>=17.0.1) and `react-dom` (>=17.0.1) as peerDepencies.
 
 ## Initialization 
 
 Copy the snippet below to get started! Pass the `API_KEY` from a .env file and `Provider` from user’s connected wallet.
 
 ```tsx
-import { Bridge } from "@socket.tech/widget";
+import { Bridge } from "@socket.tech/plugin";
 import { Provider } from "./providerComponent"
 
 function SocketBridge() {
@@ -63,7 +63,7 @@ function SocketBridge() {
 export default SocketBridge;
 ```
 
-That’s it! You’ve successfully plugged your DApp into Socket! 🔌  For further customising the widget, check the widget [docs](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790).
+That’s it! You’ve successfully plugged your DApp into Socket! 🔌  For further customising the plugin, check the plugin [docs](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790).
 
 ## Documentation
 

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@socket.tech/widget",
-  "version": "0.2.4",
+  "name": "@socket.tech/plugin",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
-  "repository": "https://github.com/SocketDotTech/widget",
+  "repository": "https://github.com/SocketDotTech/plugin",
   "license": "MIT",
   "keywords": [
     "library",

src/components/TxModal/index.tsx

@@ -162,7 +162,7 @@ export const TxModal = ({
     }
   }
 
-  // Function that lets the user continue the route from the previous transaction when he reopens the widget.
+  // Function that lets the user continue the route from the previous transaction when he reopens the plugin.
   async function continueRoute(txHash?: string, _activeRouteId?: number) {
     setInitiating(true);
     // in normal flow, txType and activeRouteId  will be passed.

src/hooks/useCustomSettings.ts

@@ -48,8 +48,8 @@ export const useCustomSettings = (props: WidgetProps) => {
       dispatch(setExludeBridges(excludeBridges));
     dispatch(setSingleTxOnly(singleTxOnly));
 
-    // if singleTxOnly is set to true in the widget config,
-    // additionally set the in-widget singleTxOnly value to true
+    // if singleTxOnly is set to true in the plugin config,
+    // additionally set the in-plugin singleTxOnly value to true
     if (singleTxOnly) {
       dispatch(setSingleTxOnlyFromUser(singleTxOnly));
       localStorage.setItem("singleTxOnly", singleTxOnly ? "true" : "false");

src/types/index.d.ts

@@ -100,10 +100,10 @@ export interface WidgetProps {
 }
 
 export interface Customize {
-  // Width of the widget
+  // Width of the plugin
   width?: number;
 
-  // To make the widget responsive to the parent element.
+  // To make the plugin responsive to the parent element.
   responsiveWidth?: boolean;
 
   // Border radius [0-1]