Merge pull request #2188 from Web3Auth/feat/rename-package

chaitanyapotti · web-flow · commit 7a6a6f7768f1 · 2025-05-16T15:42:02.000+05:30
Rename @web3auth/modal to web3auth
diff --git a/README.md b/README.md
@@ -28,7 +28,7 @@ Checkout the official [Web3Auth Documentation](https://web3auth.io/docs) and [SD
 
 For using Web3Auth in the web, you have two choices of SDKs to get started with.
 
-[Web3Auth Plug and Play Modal SDK `@web3auth/modal`](https://web3auth.io/docs/sdk/web/web3auth/): A simple and easy to use SDK that will give you a simple modular way of implementing Web3Auth directly within your application. You can use the pre-configured Web3Auth Modal UI and whitelabel it according to your needs.
+[Web3Auth Plug and Play SDK `web3auth`](https://web3auth.io/docs/sdk/web/web3auth/): A simple and easy to use SDK that will give you a simple modular way of implementing Web3Auth directly within your application. You can use the pre-configured Web3Auth Modal UI and whitelabel it according to your needs.
 
 [Web3Auth Plug and Play NoModal SDK `@web3auth/no-modal`](https://web3auth.io/docs/sdk/web/no-modal/): The nomodal module implementing all the Web3Auth features you need and giving you the flexibility of using your own UI with the Web3Auth SDK working in the backend.
 
@@ -37,7 +37,7 @@ For using Web3Auth in the web, you have two choices of SDKs to get started with.
 ### Installation (Web3Auth Plug and Play Modal)
 
 ```shell
-npm install --save @web3auth/modal
+npm install --save web3auth
 ```
 
 ### Get your Client ID from Web3Auth Dashboard
diff --git a/demo/nextjs-ssr-app/README.md b/demo/nextjs-ssr-app/README.md
@@ -1,6 +1,6 @@
-# Web3Auth (`@web3auth/modal`) x EVM x Next.js
+# Web3Auth (`web3auth`) x EVM x Next.js
 
-[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/pnp/web/modal)
+[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/pnp/web)
 [![Web3Auth](https://img.shields.io/badge/Web3Auth-Community-cyan)](https://community.web3auth.io)
 
 [Join our Community Portal](https://community.web3auth.io/) to get support and stay up to date with the latest news and updates.
diff --git a/demo/nextjs-ssr-app/app/layout.tsx b/demo/nextjs-ssr-app/app/layout.tsx
@@ -3,7 +3,7 @@ import "./globals.css";
 import { Inter } from "next/font/google";
 
 import Provider from "@/components/provider";
-import { cookieToWeb3AuthState } from "@web3auth/modal";
+import { cookieToWeb3AuthState } from "web3auth";
 import { headers } from "next/headers";
 import { cookieToInitialState } from "wagmi";
 
diff --git a/demo/nextjs-ssr-app/components/Main.tsx b/demo/nextjs-ssr-app/components/Main.tsx
@@ -11,7 +11,7 @@ import {
   useWeb3AuthConnect,
   useWeb3AuthDisconnect,
   useWeb3AuthUser,
-} from "@web3auth/modal/react";
+} from "web3auth/react";
 import { useAccount, useBalance, useSignMessage, useSignTypedData } from "wagmi";
 
 const Main = () => {
diff --git a/demo/nextjs-ssr-app/components/provider.tsx b/demo/nextjs-ssr-app/components/provider.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { IWeb3AuthState } from "@web3auth/modal";
-import { type Web3AuthContextConfig } from "@web3auth/modal/react";
-import { Web3AuthProvider } from "@web3auth/modal/react";
-import { WagmiProvider } from "@web3auth/modal/react/wagmi";
+import { IWeb3AuthState } from "web3auth";
+import { type Web3AuthContextConfig } from "web3auth/react";
+import { Web3AuthProvider } from "web3auth/react";
+import { WagmiProvider } from "web3auth/react/wagmi";
 
 const queryClient = new QueryClient();
 const clientId = "BKZDJP0ouZP0PtfQYssMiezINbUwnIthw6ClTtTICvh0MCRgAxi5GJbHKH9cjM6xyWxe73c6c94ASCTxbGNLUt8";
diff --git a/demo/nextjs-ssr-app/package-lock.json b/demo/nextjs-ssr-app/package-lock.json
diff --git a/demo/nextjs-ssr-app/package.json b/demo/nextjs-ssr-app/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.37.1",
-    "@web3auth/modal": "../../packages/modal",
+    "web3auth": "../../packages/modal",
     "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
diff --git a/demo/react-app-no-modal/src/App.tsx b/demo/react-app-no-modal/src/App.tsx
@@ -1,6 +1,6 @@
 import "./App.css";
 
-import { SafeEventEmitterProvider, WALLET_CONNECTORS } from "@web3auth/modal";
+import { SafeEventEmitterProvider, WALLET_CONNECTORS } from "@web3auth/no-modal";
 import { Web3AuthNoModal } from "@web3auth/no-modal";
 import { useEffect, useState } from "react";
 
diff --git a/demo/vite-react-app-solana/package-lock.json b/demo/vite-react-app-solana/package-lock.json
diff --git a/demo/vite-react-app-solana/package.json b/demo/vite-react-app-solana/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@web3auth/modal": "file:../../packages/modal",
+    "web3auth": "file:../../packages/modal",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/demo/vite-react-app-solana/src/components/Main.tsx b/demo/vite-react-app-solana/src/components/Main.tsx
@@ -1,5 +1,5 @@
-import { useWeb3Auth, useWeb3AuthConnect, useWeb3AuthDisconnect } from "@web3auth/modal/react";
-import { useSignMessage } from "@web3auth/modal/react/solana";
+import { useWeb3Auth, useWeb3AuthConnect, useWeb3AuthDisconnect } from "web3auth/react";
+import { useSignMessage } from "web3auth/react/solana";
 
 import styles from "../styles/Home.module.css";
 
diff --git a/demo/vite-react-app-solana/src/index.tsx b/demo/vite-react-app-solana/src/index.tsx
@@ -1,6 +1,6 @@
 import "./index.css";
 
-import { type Web3AuthContextConfig, Web3AuthProvider } from "@web3auth/modal/react";
+import { type Web3AuthContextConfig, Web3AuthProvider } from "web3auth/react";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 
diff --git a/demo/vue-app-new/package-lock.json b/demo/vue-app-new/package-lock.json
diff --git a/demo/vue-app-new/package.json b/demo/vue-app-new/package.json
@@ -21,7 +21,7 @@
     "@toruslabs/vue-icons": "^8.0.2",
     "@wagmi/vue": "^0.1.16",
     "@web3auth/auth": "^10.4.0",
-    "@web3auth/modal": "file:../../packages/modal",
+    "web3auth": "file:../../packages/modal",
     "@web3auth/no-modal": "file:../../packages/no-modal",
     "@web3auth/sign-in-with-ethereum": "^5.0.0",
     "@web3auth/ws-embed": "^5.0.5",
diff --git a/demo/vue-app-new/src/MainView.vue b/demo/vue-app-new/src/MainView.vue
@@ -14,10 +14,10 @@ import {
   type Web3AuthOptions,
   WALLET_CONNECTOR_TYPE,
   ModalConfig,
-} from "@web3auth/modal";
+} from "web3auth";
 
-import { type Web3AuthContextConfig, Web3AuthProvider } from "@web3auth/modal/vue";
-import { WagmiProvider } from "@web3auth/modal/vue/wagmi";
+import { type Web3AuthContextConfig, Web3AuthProvider } from "web3auth/vue";
+import { WagmiProvider } from "web3auth/vue/wagmi";
 import { coinbaseConnector } from "@web3auth/no-modal/connectors/coinbase-connector";
 import { computed, onBeforeMount, ref, watch } from "vue";
 
diff --git a/demo/vue-app-new/src/components/AppDashboard.vue b/demo/vue-app-new/src/components/AppDashboard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Button, Card } from "@toruslabs/vue-components";
-import { CHAIN_NAMESPACES, IProvider, log, WALLET_CONNECTORS, WALLET_PLUGINS } from "@web3auth/modal";
+import { CHAIN_NAMESPACES, IProvider, log, WALLET_CONNECTORS, WALLET_PLUGINS } from "web3auth";
 import {
   useCheckout,
   useEnableMFA,
@@ -11,11 +11,11 @@ import {
   useWeb3Auth,
   useWeb3AuthUser,
   useSwitchChain as useWeb3AuthSwitchChain,
-} from "@web3auth/modal/vue";
+} from "web3auth/vue";
 import { type CustomChainConfig, type NFTCheckoutPluginType } from "@web3auth/no-modal";
 import { useI18n } from "petite-vue-i18n";
 
-import { useSignAndSendTransaction, useSignMessage as useSolanaSignMessage, useSignTransaction, useSolanaWallet } from "@web3auth/modal/vue/solana";
+import { useSignAndSendTransaction, useSignMessage as useSolanaSignMessage, useSignTransaction, useSolanaWallet } from "web3auth/vue/solana";
 import { useAccount, useBalance, useChainId, useSignMessage, useSignTypedData, useSwitchChain as useWagmiSwitchChain } from "@wagmi/vue";
 
 import { LAMPORTS_PER_SOL, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
diff --git a/demo/vue-app-new/src/components/AppHeader.vue b/demo/vue-app-new/src/components/AppHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Button } from "@toruslabs/vue-components";
-import { useWeb3Auth, useWeb3AuthDisconnect } from "@web3auth/modal/vue";
+import { useWeb3Auth, useWeb3AuthDisconnect } from "web3auth/vue";
 import { useI18n } from "petite-vue-i18n";
 import { watch } from "vue";
 
diff --git a/demo/vue-app-new/src/components/AppSettings.vue b/demo/vue-app-new/src/components/AppSettings.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Button, Card, Select, Tab, Tabs, Tag, TextField, Toggle } from "@toruslabs/vue-components";
-import { CHAIN_NAMESPACES, ChainNamespaceType, CONNECTOR_STATUS, log } from "@web3auth/modal";
-import { useWeb3Auth, useWeb3AuthConnect } from "@web3auth/modal/vue";
+import { CHAIN_NAMESPACES, ChainNamespaceType, CONNECTOR_STATUS, log } from "web3auth";
+import { useWeb3Auth, useWeb3AuthConnect } from "web3auth/vue";
 import { computed, InputHTMLAttributes, ref } from "vue";
 import {
   chainConfigs,
diff --git a/demo/vue-app-new/src/config.ts b/demo/vue-app-new/src/config.ts
@@ -8,7 +8,7 @@ import {
   WEB3AUTH_NETWORK,
   WEB3AUTH_NETWORK_TYPE,
   type WidgetType,
-} from "@web3auth/modal";
+} from "web3auth";
 
 import { FormConfigSettings } from "./interfaces";
 
diff --git a/demo/vue-app-new/src/services/ethHandlers.ts b/demo/vue-app-new/src/services/ethHandlers.ts
@@ -1,4 +1,4 @@
-import { IProvider, log } from "@web3auth/modal";
+import { IProvider, log } from "web3auth";
 import { verifyMessage as eipVerifyMessage } from "@web3auth/sign-in-with-ethereum";
 import { EVM_METHOD_TYPES } from "@web3auth/ws-embed";
 import { BrowserProvider, parseEther, Transaction } from "ethers";
diff --git a/demo/vue-app-new/src/services/solHandlers.ts b/demo/vue-app-new/src/services/solHandlers.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Connection, LAMPORTS_PER_SOL, PublicKey, SystemProgram, Transaction } from "@solana/web3.js";
-import { CustomChainConfig, IProvider, log, SolanaWallet, TransactionOrVersionedTransaction } from "@web3auth/modal";
+import { CustomChainConfig, IProvider, log, SolanaWallet, TransactionOrVersionedTransaction } from "web3auth";
 import { SOLANA_METHOD_TYPES } from "@web3auth/ws-embed";
 
 export const getConnection = async (provider: IProvider): Promise<Connection> => {
diff --git a/demo/vue-app-new/src/services/walletServiceHandlers.ts b/demo/vue-app-new/src/services/walletServiceHandlers.ts
@@ -1,7 +1,7 @@
 import { Connection, PublicKey } from "@solana/web3.js";
 import { bs58 } from "@toruslabs/bs58";
 import { sign } from "@toruslabs/tweetnacl-js";
-import { log, type WalletServicesPluginType } from "@web3auth/modal";
+import { log, type WalletServicesPluginType } from "web3auth";
 import { verifyMessage as eipVerifyMessage } from "@web3auth/sign-in-with-ethereum";
 import { SOLANA_METHOD_TYPES as SOL_METHOD_TYPES } from "@web3auth/ws-embed";
 import { BrowserProvider, parseEther } from "ethers";
diff --git a/demo/vue-app-new/src/store/form.ts b/demo/vue-app-new/src/store/form.ts
@@ -1,5 +1,5 @@
 import { WEB3AUTH_NETWORK } from "@web3auth/auth";
-import { CHAIN_NAMESPACES, WIDGET_TYPE } from "@web3auth/modal";
+import { CHAIN_NAMESPACES, WIDGET_TYPE } from "web3auth";
 import { reactive } from "vue";
 
 import { chainConfigs, defaultLoginMethod, FormData, initWhiteLabel } from "../config";
diff --git a/demo/vue-app-new/src/utils/chainconfig.ts b/demo/vue-app-new/src/utils/chainconfig.ts
@@ -1,4 +1,4 @@
-import { CHAIN_NAMESPACES, ChainNamespaceType, CustomChainConfig, WalletInitializationError } from "@web3auth/modal";
+import { CHAIN_NAMESPACES, ChainNamespaceType, CustomChainConfig, WalletInitializationError } from "web3auth";
 
 const INFURA_PROXY_URL = "https://api.web3auth.io/infura-service/v1";
 
diff --git a/demo/wagmi-react-app/package-lock.json b/demo/wagmi-react-app/package-lock.json
diff --git a/demo/wagmi-react-app/package.json b/demo/wagmi-react-app/package.json
diff --git a/demo/wagmi-react-app/src/components/Main.tsx b/demo/wagmi-react-app/src/components/Main.tsx
diff --git a/demo/wagmi-react-app/src/index.tsx b/demo/wagmi-react-app/src/index.tsx
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/modal/package.json b/packages/modal/package.json
diff --git a/tsconfig.json b/tsconfig.json
