Skip to content
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
12 changes: 6 additions & 6 deletions packages/create-gator-app/src/lib/helpers/intro.ts
Original file line number Diff line number Diff line change
Expand Up @@ -32,20 +32,20 @@ export function displayIntro(): void {
**%@@@@@@@@%%%%%%%@@@%%%%%@@@@%+=*
%%%%%% @

MᴇᴛᴀMᴀsᴋ Dᴇʟᴇɢᴀᴛɪᴏɴ Tᴏᴏʟᴋɪᴛ
MetaMask Smart Accounts Kit


`)
);

console.log(chalk.cyan.bold("🦊 About MetaMask Delegation Toolkit:"));
console.log(chalk.cyan.bold("🦊 About MetaMask Smart Accounts Kit:"));
console.log(
chalk.cyan(`
┌─────────────────────────────────────────────────────────────┐
│ The MetaMask Delegation Toolkit enables developers to │
│ create frictionless experiences with granular permission
sharing. It provides instant onboarding, new web3
experiences, and uninterrupted user journeys.
│ The MetaMask Smart Accounts Kit enables developers to │
│ create and interact with MetaMask Smart Accounts, unlocking
│ new programmable account behaviors and granular permission
sharing.
└─────────────────────────────────────────────────────────────┘`)
);
}
4 changes: 2 additions & 2 deletions packages/create-gator-app/src/lib/helpers/outro.ts
Original file line number Diff line number Diff line change
Expand Up @@ -36,9 +36,9 @@ export const displayOutro = (options: IBuilderOptions) => {
console.log(chalk.cyan("\n📚 Documentation:"));
console.log(
chalk.white(
" • Learn more about Delegation toolkit: https://docs.metamask.io/delegation-toolkit"
" • Learn more about MetaMask Smart Accounts Kit: https://docs.metamask.io/smart-accounts-kit"
)
);

console.log(chalk.green("\n🦊 Happy building with Delegation toolkit! 🦊"));
console.log(chalk.green("\n🦊 Happy building with MetaMask Smart Accounts Kit! 🦊"));
};
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
"lint": "next lint"
},
"dependencies": {
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tailwindcss/postcss": "^4.1.1",
"@tanstack/react-query": "^5.90.7",
"lucide-react": "^0.487.0",
"next": "15.4.8",
"next": "15.4.10",
"permissionless": "^0.2.46",
"react": "^19.0.0",
"react-dom": "^19.0.0",
Expand All @@ -27,7 +27,7 @@
"@types/react-dom": "^19",
"autoprefixer": "^10.4.21",
"eslint": "^9",
"eslint-config-next": "15.4.8",
"eslint-config-next": "15.4.10",
"postcss": "^8.5.3",
"tailwindcss": "^4.1.1",
"typescript": "^5"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ export default function Steps() {
key and save it in the session storage. In production explore all other
signers supported by the
<a
href="https://docs.metamask.io/delegation-toolkit/guides/smart-accounts/create-smart-account/"
href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/"
className="text-blue-500 hover:text-blue-400 underline ml-1"
target="_blank"
rel="noopener noreferrer"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@
"lint": "next lint"
},
"dependencies": {
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tanstack/react-query": "^5.90.7",
"next": "15.4.8",
"next": "15.4.10",
"permissionless": "^0.2.57",
"react": "^19.0.0",
"react-dom": "^19.0.0",
Expand All @@ -25,7 +25,7 @@
"@types/react": "^19",
"@types/react-dom": "^19",
"eslint": "^9",
"eslint-config-next": "15.4.8",
"eslint-config-next": "15.4.10",
"postcss": "^8.5.3",
"tailwindcss": "^4.1.7",
"typescript": "^5"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ const geistMono = Geist_Mono({
});

export const metadata: Metadata = {
title: "Delegation Toolkit Starter App",
description: "Generated by create next app",
title: "MetaMask Smart Accounts & Delegation Starter",
description: "A starter for the MetaMask Smart Accounts & Delegation",
};

export default function RootLayout({
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -95,24 +95,24 @@ export default function Steps() {
{step === 2 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed">
The MetaMask smart contract account that grants authority. This will
The MetaMask smart account that grants authority. This will
be deployed on-chain, just in time for redeeming the delegation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegatorCodeBlock />
<DeployDelegatorButton />
</>
)}
{step === 3 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed mb-6">
The MetaMask smart contract account that receives the delegation.
The MetaMask smart account that receives the delegation.
Initially this will be counterfactual (not deployed on-chain), until
it is deployed by submitting a user operation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegateCodeBlock />
<CreateDelegateButton />
</>
Expand All @@ -126,20 +126,20 @@ export default function Steps() {
delegation will be persisted in localStorage.
<br />
<br />
The delegator must specify sufficient caveats to limit the authority
The delegator must specify delegation scopes to limit the authority
being granted to the delegate.{" "}
<a
href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation/restrict-delegation"
href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/use-delegation-scopes/"
target="_blank"
rel="noopener noreferrer"
className="text-cyan-600 dark:text-cyan-400 hover:text-cyan-700 dark:hover:text-cyan-300 underline italic"
>
See how to restrict the delegation
See how to use delegation scopes
</a>
.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#5-create-a-delegation" />
<CreateDelegationCodeBlock />
<CreateDelegationButton />
</>
Expand Down Expand Up @@ -171,7 +171,7 @@ export default function Steps() {
stored in localStorage to execute on behalf of the delegator.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/redeem-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#7-redeem-the-delegation" />
<RedeemDelegationCodeBlock />
<RedeemDelegationButton />
</>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
"dependencies": {
"@farcaster/miniapp-sdk": "^0.2.1",
"@farcaster/miniapp-wagmi-connector": "^1.1.0",
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tanstack/react-query": "^5.76.1",
"permissionless": "^0.2.57",
"viem": "^2.38.4",
"wagmi": "^2.18.2",
"react": "19.1.0",
"react-dom": "19.1.0",
"next": "15.4.8"
"next": "15.4.10"
},
"devDependencies": {
"typescript": "^5",
Expand All @@ -28,7 +28,7 @@
"@tailwindcss/postcss": "^4",
"tailwindcss": "^4",
"eslint": "^9",
"eslint-config-next": "15.4.8",
"eslint-config-next": "15.4.10",
"@eslint/eslintrc": "^3"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -95,24 +95,24 @@ export default function Steps() {
{step === 2 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed">
The MetaMask smart contract account that grants authority. This will
The MetaMask smart account that grants authority. This will
be deployed on-chain, just in time for redeeming the delegation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegatorCodeBlock />
<DeployDelegatorButton />
</>
)}
{step === 3 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed mb-6">
The MetaMask smart contract account that receives the delegation.
The MetaMask smart account that receives the delegation.
Initially this will be counterfactual (not deployed on-chain), until
it is deployed by submitting a user operation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegateCodeBlock />
<CreateDelegateButton />
</>
Expand All @@ -126,20 +126,20 @@ export default function Steps() {
delegation will be persisted in localStorage.
<br />
<br />
The delegator must specify sufficient caveats to limit the authority
The delegator must specify delegation scopes to limit the authority
being granted to the delegate.{" "}
<a
href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation/restrict-delegation"
href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/use-delegation-scopes/"
target="_blank"
rel="noopener noreferrer"
className="text-cyan-600 dark:text-cyan-400 hover:text-cyan-700 dark:hover:text-cyan-300 underline italic"
>
See how to restrict the delegation
See how to use delegation scopes
</a>
.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#5-create-a-delegation" />
<CreateDelegationCodeBlock />
<CreateDelegationButton />
</>
Expand Down Expand Up @@ -171,11 +171,11 @@ export default function Steps() {
stored in localStorage to execute on behalf of the delegator.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/redeem-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#7-redeem-the-delegation" />
<RedeemDelegationCodeBlock />
<RedeemDelegationButton />
</>
)}
</>
);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@
"lint": "next lint"
},
"dependencies": {
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tanstack/react-query": "^5.81.5",
"permissionless": "^0.2.47",
"next": "15.4.8",
"next": "15.4.10",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"viem": "^2.31.6",
Expand All @@ -25,7 +25,7 @@
"@types/react": "^19",
"@types/react-dom": "^19",
"eslint": "^9",
"eslint-config-next": "15.4.8",
"eslint-config-next": "15.4.10",
"tailwindcss": "^4",
"typescript": "^5"
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"dependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0",
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tanstack/react-query": "^5.90.7",
"permissionless": "^0.2.57",
"viem": "^2.38.6",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export default function Footer() {
return (
<footer className="row-start-3 flex gap-6 flex-wrap items-center justify-start">
<a
href="https://docs.metamask.io/delegation-toolkit/"
href="https://docs.metamask.io/smart-accounts-kit/"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -93,24 +93,24 @@ export default function Steps() {
{step === 2 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed">
The MetaMask smart contract account that grants authority. This will
The MetaMask smart account that grants authority. This will
be deployed on-chain, just in time for redeeming the delegation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegatorCodeBlock />
<DeployDelegatorButton />
</>
)}
{step === 3 && (
<>
<p className="text-gray-700 dark:text-white/70 max-w-4xl leading-relaxed mb-6">
The MetaMask smart contract account that receives the delegation.
The MetaMask smart account that receives the delegation.
Initially this will be counterfactual (not deployed on-chain), until
it is deployed by submitting a user operation.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-smart-account" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/smart-accounts/create-smart-account/" />
<CreateDelegateCodeBlock />
<CreateDelegateButton />
</>
Expand All @@ -124,20 +124,20 @@ export default function Steps() {
delegation will be persisted in localStorage.
<br />
<br />
The delegator must specify sufficient caveats to limit the authority
The delegator must specify delegation scopes to limit the authority
being granted to the delegate.{" "}
<a
href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation/restrict-delegation"
href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/use-delegation-scopes/"
target="_blank"
rel="noopener noreferrer"
className="text-cyan-600 dark:text-cyan-400 hover:text-cyan-700 dark:hover:text-cyan-300 underline italic"
>
See how to restrict the delegation
See how to use delegation scopes
</a>
.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/create-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#5-create-a-delegation" />
<CreateDelegationCodeBlock />
<CreateDelegationButton />
</>
Expand Down Expand Up @@ -169,7 +169,7 @@ export default function Steps() {
stored in localStorage to execute on behalf of the delegator.
</p>

<LearnMoreButton href="https://docs.metamask.io/delegation-toolkit/how-to/redeem-delegation" />
<LearnMoreButton href="https://docs.metamask.io/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf/#7-redeem-the-delegation" />
<RedeemDelegationCodeBlock />
<RedeemDelegationButton />
</>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"dependencies": {
"react": "^19.1.0",
"react-dom": "^19.1.0",
"@metamask/smart-accounts-kit": "^0.2.0",
"@metamask/smart-accounts-kit": "^0.3.0",
"@tanstack/react-query": "^5.76.1",
"permissionless": "^0.2.46",
"viem": "^2.29.2",
Expand Down
Loading