Hadi/xmtp plugin

.gitignore

@@ -62,4 +62,6 @@ cache/
 
 .yarn/install-state.gz
 
-storybook-static
+storybook-static
+
+.million

apps/console/next.config.js

@@ -2,6 +2,7 @@
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { composePlugins, withNx } = require('@nx/next');
+const MillionLint = require('@million/lint');
 
 /**
  * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
@@ -13,11 +14,16 @@ const nextConfig = {
     // See: https://github.com/gregberge/svgr
     svgr: false,
   },
+  experimental: {
+    serverComponentsExternalPackages: ['@xmtp/user-preferences-bindings-wasm'],
+  },
 };
 
 const plugins = [
   // Add more Next.js plugins to this list if needed.
   withNx,
 ];
 
-module.exports = composePlugins(...plugins)(nextConfig);
+module.exports = MillionLint.next({ rsc: true })(
+  composePlugins(...plugins)(nextConfig)
+);

apps/console/src/app/page.tsx

@@ -40,6 +40,7 @@ export default function Page() {
               </JustWeb3Button>
 
               <JustEnsCard addressOrEns={'justhadi.eth'} />
+              <JustEnsCard addressOrEns={'justghadi.eth'} />
               <JustEnsCard addressOrEns={'mely.eth'} />
               <JustEnsCard addressOrEns={'nick.eth'} />
               <JustEnsCard addressOrEns={'vitalik.eth'} />

apps/console/src/app/providers.tsx

@@ -63,6 +63,7 @@ export const Providers: React.FC<ProviderProps> = (props) => {
         providerUrl: process.env.NEXT_PUBLIC_SEPOLIA_PROVIDER_URL as string,
       },
     ],
+    enableAuth: true,
     openOnWalletConnect: true,
     allowedEns: 'all',
     disableOverlay: true,

apps/console/src/components/sections/code/CodeSection/index.tsx

@@ -32,6 +32,11 @@ export const CodeSection: React.FC<CodeSectionProps> = ({ mobile }) => {
     [config]
   );
 
+  const xmtpPluginEnabled = useMemo(
+    () => config.plugins?.find((p) => p.name === 'XMTPPlugin'),
+    [config]
+  );
+
   const codeSnippet = useMemo(() => {
     const plugins = [];
 
@@ -57,6 +62,10 @@ export const CodeSection: React.FC<CodeSectionProps> = ({ mobile }) => {
       );
     }
 
+    if (xmtpPluginEnabled) {
+      plugins.push("%%XMTPPlugin('production')%%");
+    }
+
     return `
 import '@rainbow-me/rainbowkit/styles.css';
 import '@justweb3/widget/styles.css';
@@ -97,6 +106,9 @@ ${
     ? "import { TalentProtocolPlugin } from '@justweb3/talent-protocol-plugin';"
     : ''
 }
+${
+  xmtpPluginEnabled ? "import { XMTPPlugin } from '@justweb3/xmtp-plugin';" : ''
+}
 
 export const App: React.FC = () => {
     const { wallets } = getDefaultWallets();
@@ -163,6 +175,7 @@ export default App;`.trim();
     justVerifiedEnabled,
     poapPluginEnabled,
     talentProtocolPluginEnabled,
+    xmtpPluginEnabled,
   ]);
 
   const code = useMemo(() => {
@@ -172,16 +185,19 @@ export default App;`.trim();
   }, [codeSnippet]);
 
   const dependencies = useMemo(() => {
-    return `yarn add ${justVerifiedEnabled ? '@justverified/plugin' : ''} ${
-      poapPluginEnabled ? '@justweb3/poap-plugin' : ''
-    } ${efpPluginEnabled ? '@justweb3/efp-plugin' : ''}
+    return `yarn add ${xmtpPluginEnabled ? '@justweb3/xmtp-plugin' : ''} ${
+      justVerifiedEnabled ? '@justverified/plugin' : ''
+    } ${poapPluginEnabled ? '@justweb3/poap-plugin' : ''} ${
+      efpPluginEnabled ? '@justweb3/efp-plugin' : ''
+    }
      ${talentProtocolPluginEnabled ? '@justweb3/talent-protocol-plugin' : ''}
      @justweb3/widget viem wagmi @rainbow-me/rainbowkit @tanstack/react-query ethers`;
   }, [
     efpPluginEnabled,
     justVerifiedEnabled,
     poapPluginEnabled,
     talentProtocolPluginEnabled,
+    xmtpPluginEnabled,
   ]);
 
   const handleDependenciesCopy = () => {

apps/console/src/components/sections/customizer/PluginsSection/Verified/index.tsx → apps/console/src/components/sections/customizer/PluginsSection/JustVerified/index.tsx

@@ -45,7 +45,7 @@ const socials: { logo: ReactNode; title: string; credential: Credentials }[] = [
   },
 ];
 
-export const Verified = () => {
+export const JustVerified = () => {
   const { handleJustWeb3Config, config } = useContext(JustWeb3Context);
   const { justVerified, setJustVerified } = useConsole();
 

apps/console/src/components/sections/customizer/PluginsSection/XMTP/index.tsx

@@ -0,0 +1,49 @@
+// import { AccordionItem, AccordionTrigger } from '../../../../ui/accordion';
+import { Switch } from '../../../../ui/switch';
+import { useContext } from 'react';
+import { JustWeb3Context } from '@justweb3/widget';
+import { XMTPPlugin } from '@justweb3/xmtp-plugin';
+
+export const XMTP = () => {
+  const { handleJustWeb3Config, config } = useContext(JustWeb3Context);
+
+  const handleEFPConfig = (enabled: boolean) => {
+    if (enabled) {
+      handleJustWeb3Config({
+        ...config,
+        plugins: [
+          ...(config?.plugins || []).filter(
+            (plugin) => plugin.name !== XMTPPlugin.name
+          ),
+          XMTPPlugin('production'),
+        ],
+      });
+    } else {
+      handleJustWeb3Config({
+        ...config,
+        plugins: (config?.plugins || []).filter(
+          (plugin) => plugin.name !== XMTPPlugin.name
+        ),
+      });
+    }
+  };
+
+  return (
+    <div className="flex flex-row items-center justify-between w-full py-[16px] pl-[26px]">
+      <p className="text-base text-black font-bold leading-[125%] my-[5px]">
+        XMTP
+      </p>
+      <Switch
+        checked={
+          !!config?.plugins?.find((plugin) => plugin.name === XMTPPlugin.name)
+        }
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
+        onCheckedChange={(checked) => {
+          handleEFPConfig(checked);
+        }}
+      />
+    </div>
+  );
+};

apps/console/src/components/sections/customizer/PluginsSection/index.tsx

@@ -1,9 +1,10 @@
 import { FC } from 'react';
 import { Accordion } from '../../../ui/accordion';
-import { Verified } from './Verified';
+import { JustVerified } from './JustVerified';
 import { EFP } from './EFP';
 import { POAP } from './POAP';
 import { TalentProtocol } from './TalentProtocol';
+import { XMTP } from './XMTP';
 
 export const PluginsSection: FC = () => {
   return (
@@ -13,12 +14,14 @@ export const PluginsSection: FC = () => {
       </p>
 
       <Accordion type="single" collapsible className="w-full">
-        <Verified />
+        <JustVerified />
         <EFP />
         <div className="w-full h-[1px] min-h-[1px] bg-[#CBD5E180]" />
         <POAP />
         <div className="w-full h-[1px] min-h-[1px] bg-[#CBD5E180]" />
         <TalentProtocol />
+        <div className="w-full h-[1px] min-h-[1px] bg-[#CBD5E180]" />
+        <XMTP />
       </Accordion>
     </div>
   );

apps/console/src/layout/navbar/index.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link';
 
 export const Navbar = () => {
   return (
-    <div className="w-screen flex z-[100] pointer-events-auto flex-row items-center justify-between h-[60px] p-2.5 border-b-[1px]">
+    <div className="w-screen flex z-[50] pointer-events-auto flex-row items-center justify-between h-[60px] p-2.5 border-b-[1px]">
       {/*<Image src="/static/logo.svg" alt="JustName" width={80} height={35} />*/}
       <JustaNameLogoIcon width={80} height={35} />
       <Link href={'https://docs.justaname.id'} passHref target="_blank">

demo/server/src/main.ts

@@ -68,9 +68,15 @@ app.post('/api/signin', async (req: Request, res) => {
       return;
     }
 
+    if (!req.session.nonce) {
+      res.status(401).json({ message: 'No nonce found.' });
+      return;
+    }
+
     const { data: message, ens } = await justaname.signIn.signIn({
       message: req.body.message,
       signature: req.body.signature,
+      nonce: req.session.nonce,
     });
 
     if (!message) {

package.json

@@ -18,6 +18,8 @@
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.9.0",
     "@inquirer/prompts": "^4.3.0",
+    "@justaname.id/address-resolution": "^1.1.0",
+    "@million/lint": "^1.0.13",
     "@privy-io/react-auth": "^1.82.0",
     "@privy-io/wagmi": "^0.2.12",
     "@radix-ui/react-accordion": "^1.2.1",
@@ -99,6 +101,7 @@
     "react-native-url-polyfill": "^2.0.0",
     "react-native-web": "~0.19.9",
     "react-router-dom": "6.11.2",
+    "react-scan": "^0.0.35",
     "react-split": "^2.0.14",
     "react-timer-hook": "^3.0.8",
     "react-tiny-popover": "^8.0.4",

packages/@justaname.id/react/CHANGELOG.md

@@ -1,3 +1,122 @@
+## 0.3.158 (2024-12-03)
+
+
+### 🚀 Features
+
+- sign in optional ([3df90a7](https://github.com/JustaName-id/JustaName-sdk/commit/3df90a7))
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.155
+
+
+### ❤️  Thank You
+
+- HadiKhai
+
+## 0.3.157 (2024-12-02)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.154
+
+## 0.3.156 (2024-12-01)
+
+
+### 🚀 Features
+
+- support ethers 5 and ethers 6 ([f82ab13](https://github.com/JustaName-id/JustaName-sdk/commit/f82ab13))
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.153
+
+
+### ❤️  Thank You
+
+- HadiKhai
+
+## 0.3.155 (2024-11-29)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.152
+
+## 0.3.154 (2024-11-29)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.151
+
+## 0.3.153 (2024-11-29)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.150
+
+## 0.3.152 (2024-11-29)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.149
+
+## 0.3.151 (2024-11-29)
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.148
+
+## 0.3.150 (2024-11-29)
+
+
+### 🚀 Features
+
+- remove mapps from justverified ([2898c521](https://github.com/JustaName-id/JustaName-sdk/commit/2898c521))
+
+- efp ([36fcc153](https://github.com/JustaName-id/JustaName-sdk/commit/36fcc153))
+
+- efp and storybook for react sdk ([f0c5c7a0](https://github.com/JustaName-id/JustaName-sdk/commit/f0c5c7a0))
+
+- console fixes ([358b3a0e](https://github.com/JustaName-id/JustaName-sdk/commit/358b3a0e))
+
+- added docs and the sign in should only show ens set to default resolver or justaname resolver only ([a3bcecaa](https://github.com/JustaName-id/JustaName-sdk/commit/a3bcecaa))
+
+- enabled in hooks and siwens fix and coinbase fix ([c3fb455e](https://github.com/JustaName-id/JustaName-sdk/commit/c3fb455e))
+
+- retryOnMount false ([bec00ba8](https://github.com/JustaName-id/JustaName-sdk/commit/bec00ba8))
+
+
+### 🩹 Fixes
+
+- packages ([6dd450f5](https://github.com/JustaName-id/JustaName-sdk/commit/6dd450f5))
+
+- lint fix on react and package json of projects ([b29cd296](https://github.com/JustaName-id/JustaName-sdk/commit/b29cd296))
+
+- error from useEnsWalletClient ([67043376](https://github.com/JustaName-id/JustaName-sdk/commit/67043376))
+
+- update rest call and ui fixes ([81b05f29](https://github.com/JustaName-id/JustaName-sdk/commit/81b05f29))
+
+- poap default options ([eb5d1c36](https://github.com/JustaName-id/JustaName-sdk/commit/eb5d1c36))
+
+
+### 🧱 Updated Dependencies
+
+- Updated @justaname.id/sdk to 0.2.147
+
+
+### ❤️  Thank You
+
+- anthony2399 @anthony23991
+- HadiKhai
+
 ## 0.3.149 (2024-11-15)
 
 

packages/@justaname.id/react/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@justaname.id/react",
-  "version": "0.3.149",
+  "version": "0.3.158",
   "dependencies": {
     "@ensdomains/ensjs": "4.0.2",
-    "@justaname.id/sdk": "0.2.146",
+    "@justaname.id/sdk": "0.2.155",
     "axios": "^1.6.0",
     "qs": "^6.12.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.x",
-    "ethers": "^6.x",
+    "ethers": "^5.6.8 || ^6.0.8",
     "react": ">=17",
     "viem": "2.x",
     "wagmi": "2.x"