Update Particle tutorial

Author: soos3d

docs/tools/wallets/particle-network.md

@@ -49,83 +49,13 @@ Here is an example of a `Connectkit.tsx` file (based on Next.js) exporting the `
 import React from "react";
 import { ConnectKitProvider, createConfig } from "@particle-network/connectkit";
 import { authWalletConnectors } from "@particle-network/connectkit/auth";
-import type { Chain } from "@particle-network/connectkit/chains";
-// embedded wallet start
-import { EntryPosition, wallet } from "@particle-network/connectkit/wallet";
-// embedded wallet end
-// aa start
-import { aa } from "@particle-network/connectkit/aa";
-// aa end
-// evm start
 import { polygon, polygonAmoy } from "@particle-network/connectkit/chains";
-import {
-  evmWalletConnectors,
-  passkeySmartWallet,
-} from "@particle-network/connectkit/evm";
-// evm end
-
-const projectId = process.env.NEXT_PUBLIC_PROJECT_ID as string;
-const clientKey = process.env.NEXT_PUBLIC_CLIENT_KEY as string;
-const appId = process.env.NEXT_PUBLIC_APP_ID as string;
-const walletConnectProjectId = process.env
-  .NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID as string;
-
-if (!projectId || !clientKey || !appId) {
-  throw new Error("Please configure the Particle project in .env first!");
-}
 
 const config = createConfig({
-  projectId,
-  clientKey,
-  appId,
-  appearance: {
-    //  optional, sort wallet connectors
-    connectorsOrder: ["passkey", "social", "wallet"],
-    recommendedWallets: [
-      { walletId: "metaMask", label: "Recommended" },
-      { walletId: "coinbaseWallet", label: "Popular" },
-    ],
-    language: "en-US",
-  },
-  walletConnectors: [
-    authWalletConnectors({
-      authTypes: ["google", "apple", "twitter", "github"], // Optional, restricts the types of social logins supported
-    }),
-    // evm start
-    evmWalletConnectors({
-      // TODO: replace it with your app metadata.
-      metadata: {
-        name: "Connectkit Demo",
-        icon:
-          typeof window !== "undefined"
-            ? `${window.location.origin}/favicon.ico`
-            : "",
-        description: "Particle Connectkit Next.js Scaffold.",
-        url: typeof window !== "undefined" ? window.location.origin : "",
-      },
-      walletConnectProjectId: walletConnectProjectId,
-      connectorFns: [passkeySmartWallet()],
-      multiInjectedProviderDiscovery: false,
-    }),
-
-    // evm end
-  ],
-  plugins: [
-    // embedded wallet start
-    wallet({
-      visible: true,
-      entryPosition: EntryPosition.BR,
-    }),
-    // embedded wallet end
-
-    // aa config start
-    // With Passkey auth use Biconomy or Coinbase
-    aa({
-      name: "BICONOMY",
-      version: "2.0.0",
-    }),
-    // aa config end
-  ],
+  projectId: process.env.NEXT_PUBLIC_PROJECT_ID!,
+  clientKey: process.env.NEXT_PUBLIC_CLIENT_KEY!,
+  appId: process.env.NEXT_PUBLIC_APP_ID!,
+  walletConnectors: [authWalletConnectors({})],
   chains: [polygon, polygonAmoy],
 });
 
@@ -135,6 +65,9 @@ export const ParticleConnectkit = ({ children }: React.PropsWithChildren) => {
 };
 ````
 
+!!! note ""
+    This is a minimal version of the ConnectKit.tsx file, providing just enough to get started. For complete details and full implementation guidelines, refer to the [Particle Network documentation](https://developers.particle.network/api-reference/connect/desktop/web#configuration).
+
 Then, wrap your application with the `ParticleConnectkit` component. Here is an example of a `layout.tsx` file:
 
 ```ts

mkdocs.yml

@@ -545,7 +545,7 @@ nav:
               - Venly widget: tools/wallets/venly/venly-widget.md
           - Fortmatic: https://docs.fortmatic.com/   
           - Openfort: tools/wallets/openfort.md
-          - Particle network:  tools/wallets/particle-network.md
+          - Particle Network:  tools/wallets/particle-network.md
           - Portis:  tools/wallets/portis.md    
           - Torus:  tools/wallets/torus.md  
           - WalletConnect:  tools/wallets/walletconnect.md