From cfb94b84db83786a8dded8e20ff2d81592099206 Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Wed, 22 May 2024 15:16:03 -0400 Subject: [PATCH 1/8] feat: add search --- app.vue | 16 +++++++++++++++- error.vue | 2 +- nuxt.config.ts | 3 +++ 3 files changed, 19 insertions(+), 2 deletions(-) diff --git a/app.vue b/app.vue index da472d5..6b5876b 100644 --- a/app.vue +++ b/app.vue @@ -1,4 +1,6 @@ diff --git a/error.vue b/error.vue index da611b5..9db3021 100644 --- a/error.vue +++ b/error.vue @@ -31,7 +31,7 @@ provide('navigation', navigation); - - - - {{ guide.title }} - - -

{{ guide.summary }}

- - + - -
- -
- - + + + From cd2d9334836adbc1c7e4462bef36bfc96e8833dd Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Wed, 22 May 2024 15:41:13 -0400 Subject: [PATCH 3/8] feat: add featured flag --- content/tutorials/cross-chain-governance/_dir.yml | 1 + content/tutorials/daily-spend-limit-account/_dir.yml | 1 + content/tutorials/erc20-paymaster/_dir.yml | 1 + content/tutorials/guide-dipdup-indexer/_dir.yml | 1 + content/tutorials/guide-viem/_dir.yml | 1 + content/tutorials/guide-web3js/_dir.yml | 1 + pages/index.vue | 2 +- 7 files changed, 7 insertions(+), 1 deletion(-) diff --git a/content/tutorials/cross-chain-governance/_dir.yml b/content/tutorials/cross-chain-governance/_dir.yml index 8fc704f..867cac6 100644 --- a/content/tutorials/cross-chain-governance/_dir.yml +++ b/content/tutorials/cross-chain-governance/_dir.yml @@ -1,4 +1,5 @@ title: Cross-chain governance +featured: true authors: - name: MatterLabs url: https://matter-labs.io diff --git a/content/tutorials/daily-spend-limit-account/_dir.yml b/content/tutorials/daily-spend-limit-account/_dir.yml index 6781d42..535f622 100644 --- a/content/tutorials/daily-spend-limit-account/_dir.yml +++ b/content/tutorials/daily-spend-limit-account/_dir.yml @@ -1,4 +1,5 @@ title: Native spend limit smart account +featured: true authors: - name: porco-rosso url: https://linktr.ee/porcorossoj diff --git a/content/tutorials/erc20-paymaster/_dir.yml b/content/tutorials/erc20-paymaster/_dir.yml index 5bf0218..d49dd52 100644 --- a/content/tutorials/erc20-paymaster/_dir.yml +++ b/content/tutorials/erc20-paymaster/_dir.yml @@ -1,4 +1,5 @@ title: Build an ERC20 custom paymaster +featured: true authors: - name: MatterLabs url: https://matter-labs.io diff --git a/content/tutorials/guide-dipdup-indexer/_dir.yml b/content/tutorials/guide-dipdup-indexer/_dir.yml index 439d01e..3d7b284 100644 --- a/content/tutorials/guide-dipdup-indexer/_dir.yml +++ b/content/tutorials/guide-dipdup-indexer/_dir.yml @@ -1,4 +1,5 @@ title: Create an indexer with DipDup +featured: true authors: - name: DipDup url: https://dipdup.io diff --git a/content/tutorials/guide-viem/_dir.yml b/content/tutorials/guide-viem/_dir.yml index 6c4c5ff..a83baae 100644 --- a/content/tutorials/guide-viem/_dir.yml +++ b/content/tutorials/guide-viem/_dir.yml @@ -1,4 +1,5 @@ title: Using viem with zkSync +featured: true authors: - name: MatterLabs url: https://matter-labs.io diff --git a/content/tutorials/guide-web3js/_dir.yml b/content/tutorials/guide-web3js/_dir.yml index c2d77d0..b9cbdfe 100644 --- a/content/tutorials/guide-web3js/_dir.yml +++ b/content/tutorials/guide-web3js/_dir.yml @@ -1,4 +1,5 @@ title: Using web3.js to interact with zkSync +featured: true authors: - name: ChainSafe url: https://web3js.org/ diff --git a/pages/index.vue b/pages/index.vue index 2593971..2b2fd00 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -8,7 +8,7 @@ const navigation = inject>('navigation'); const guides = computed(() => { const tutorialPath = navigation?.value.find((item) => item._path === '/tutorials') ?? { children: [] }; - return tutorialPath.children; + return tutorialPath.children?.filter((tutorial) => tutorial.featured); }); useSeoMeta({ From dae77d3f5774034733a19f9c2ceb371e9d53ec52 Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Wed, 22 May 2024 16:43:06 -0400 Subject: [PATCH 4/8] chore: improve tutorial page design --- .../daily-spend-limit-account/_dir.yml | 1 - content/tutorials/dapp-nft-paymaster/_dir.yml | 1 - content/tutorials/erc20-paymaster/_dir.yml | 2 - content/tutorials/frontend-paymaster/_dir.yml | 2 - .../tutorials/guide-dipdup-indexer/_dir.yml | 2 - content/tutorials/guide-subquery/_dir.yml | 2 - content/tutorials/guide-the-graph/_dir.yml | 2 - content/tutorials/guide-viem/_dir.yml | 2 - content/tutorials/guide-wagmi/_dir.yml | 2 - .../tutorials/guide-walletconnect/_dir.yml | 2 - content/tutorials/guide-web3js/_dir.yml | 2 - .../tutorials/how-to-deploy-contract/_dir.yml | 2 - .../tutorials/how-to-deposit-erc20/_dir.yml | 2 - content/tutorials/how-to-deposit-eth/_dir.yml | 2 - .../how-to-send-l2-l1-message/_dir.yml | 2 +- .../tutorials/how-to-test-contracts/_dir.yml | 2 - .../how-to-verify-contracts/_dir.yml | 2 +- .../tutorials/how-to-withdraw-erc20/_dir.yml | 2 - .../tutorials/how-to-withdraw-eth/_dir.yml | 2 - content/tutorials/native-aa-multisig/_dir.yml | 2 - nuxt.config.ts | 12 ++- pages/index.vue | 3 +- pages/tutorials/[...slug].vue | 82 ++++++++++--------- 23 files changed, 59 insertions(+), 76 deletions(-) diff --git a/content/tutorials/daily-spend-limit-account/_dir.yml b/content/tutorials/daily-spend-limit-account/_dir.yml index 535f622..0b222bd 100644 --- a/content/tutorials/daily-spend-limit-account/_dir.yml +++ b/content/tutorials/daily-spend-limit-account/_dir.yml @@ -23,4 +23,3 @@ tools: - zksync-cli - zksync-ethers - Hardhat -related_tutorials: diff --git a/content/tutorials/dapp-nft-paymaster/_dir.yml b/content/tutorials/dapp-nft-paymaster/_dir.yml index 2e2d042..15213f8 100644 --- a/content/tutorials/dapp-nft-paymaster/_dir.yml +++ b/content/tutorials/dapp-nft-paymaster/_dir.yml @@ -23,4 +23,3 @@ tools: - zksync-ethers - Hardhat - react -related_tutorials: diff --git a/content/tutorials/erc20-paymaster/_dir.yml b/content/tutorials/erc20-paymaster/_dir.yml index d49dd52..46e6dd5 100644 --- a/content/tutorials/erc20-paymaster/_dir.yml +++ b/content/tutorials/erc20-paymaster/_dir.yml @@ -24,5 +24,3 @@ tools: - zksync-cli - zksync-ethers - Hardhat -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/frontend-paymaster/_dir.yml b/content/tutorials/frontend-paymaster/_dir.yml index f5d9f65..11f719b 100644 --- a/content/tutorials/frontend-paymaster/_dir.yml +++ b/content/tutorials/frontend-paymaster/_dir.yml @@ -21,5 +21,3 @@ tools: - zksync-cli - zksync-ethers - Hardhat -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-dipdup-indexer/_dir.yml b/content/tutorials/guide-dipdup-indexer/_dir.yml index 3d7b284..2af8361 100644 --- a/content/tutorials/guide-dipdup-indexer/_dir.yml +++ b/content/tutorials/guide-dipdup-indexer/_dir.yml @@ -19,5 +19,3 @@ updated: 2024-05-09 tools: - DipDup - Python -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-subquery/_dir.yml b/content/tutorials/guide-subquery/_dir.yml index fcb3840..d4661a6 100644 --- a/content/tutorials/guide-subquery/_dir.yml +++ b/content/tutorials/guide-subquery/_dir.yml @@ -19,5 +19,3 @@ updated: 2024-05-09 tools: - SubQuery - GraphQL -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-the-graph/_dir.yml b/content/tutorials/guide-the-graph/_dir.yml index bc330e3..c5e94d9 100644 --- a/content/tutorials/guide-the-graph/_dir.yml +++ b/content/tutorials/guide-the-graph/_dir.yml @@ -19,5 +19,3 @@ updated: 2024-05-09 tools: - theGraph - GraphQL -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-viem/_dir.yml b/content/tutorials/guide-viem/_dir.yml index a83baae..ec303fb 100644 --- a/content/tutorials/guide-viem/_dir.yml +++ b/content/tutorials/guide-viem/_dir.yml @@ -19,5 +19,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - viem -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-wagmi/_dir.yml b/content/tutorials/guide-wagmi/_dir.yml index ba0544b..cb4c3d6 100644 --- a/content/tutorials/guide-wagmi/_dir.yml +++ b/content/tutorials/guide-wagmi/_dir.yml @@ -18,5 +18,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - wagmi -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-walletconnect/_dir.yml b/content/tutorials/guide-walletconnect/_dir.yml index a3980ea..c16701f 100644 --- a/content/tutorials/guide-walletconnect/_dir.yml +++ b/content/tutorials/guide-walletconnect/_dir.yml @@ -16,5 +16,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - walletconnect -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/guide-web3js/_dir.yml b/content/tutorials/guide-web3js/_dir.yml index b9cbdfe..a863321 100644 --- a/content/tutorials/guide-web3js/_dir.yml +++ b/content/tutorials/guide-web3js/_dir.yml @@ -17,5 +17,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - web3.js -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-deploy-contract/_dir.yml b/content/tutorials/how-to-deploy-contract/_dir.yml index 337b65d..d159aaa 100644 --- a/content/tutorials/how-to-deploy-contract/_dir.yml +++ b/content/tutorials/how-to-deploy-contract/_dir.yml @@ -20,5 +20,3 @@ updated: 2024-05-09 tools: - hardhat-zksync-deploy - hardhat-zksync-ethers -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-deposit-erc20/_dir.yml b/content/tutorials/how-to-deposit-erc20/_dir.yml index de87e35..b0d0fcd 100644 --- a/content/tutorials/how-to-deposit-erc20/_dir.yml +++ b/content/tutorials/how-to-deposit-erc20/_dir.yml @@ -16,5 +16,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - zksync-ethers -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-deposit-eth/_dir.yml b/content/tutorials/how-to-deposit-eth/_dir.yml index a4ebdc1..67dbc04 100644 --- a/content/tutorials/how-to-deposit-eth/_dir.yml +++ b/content/tutorials/how-to-deposit-eth/_dir.yml @@ -16,5 +16,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - zksync-ethers -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-send-l2-l1-message/_dir.yml b/content/tutorials/how-to-send-l2-l1-message/_dir.yml index fd36fbe..21c242d 100644 --- a/content/tutorials/how-to-send-l2-l1-message/_dir.yml +++ b/content/tutorials/how-to-send-l2-l1-message/_dir.yml @@ -18,5 +18,5 @@ updated: 2024-05-09 tools: - zksync-ethers - zksync-contracts -related_tutorials: + - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-test-contracts/_dir.yml b/content/tutorials/how-to-test-contracts/_dir.yml index 8f70b48..11221d0 100644 --- a/content/tutorials/how-to-test-contracts/_dir.yml +++ b/content/tutorials/how-to-test-contracts/_dir.yml @@ -17,5 +17,3 @@ updated: 2024-05-09 tools: - zksync-ethers - era-test-node -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-verify-contracts/_dir.yml b/content/tutorials/how-to-verify-contracts/_dir.yml index 4b063e6..09ab33e 100644 --- a/content/tutorials/how-to-verify-contracts/_dir.yml +++ b/content/tutorials/how-to-verify-contracts/_dir.yml @@ -18,5 +18,5 @@ updated: 2024-05-09 tools: - hardhat-zksync-deploy - hardhat-zksync-verify -related_tutorials: + - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-withdraw-erc20/_dir.yml b/content/tutorials/how-to-withdraw-erc20/_dir.yml index 0a245ee..1fca4d6 100644 --- a/content/tutorials/how-to-withdraw-erc20/_dir.yml +++ b/content/tutorials/how-to-withdraw-erc20/_dir.yml @@ -16,5 +16,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - zksync-ethers -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-withdraw-eth/_dir.yml b/content/tutorials/how-to-withdraw-eth/_dir.yml index aa750ce..3e687da 100644 --- a/content/tutorials/how-to-withdraw-eth/_dir.yml +++ b/content/tutorials/how-to-withdraw-eth/_dir.yml @@ -16,5 +16,3 @@ what_you_will_learn: updated: 2024-05-09 tools: - zksync-ethers -related_tutorials: - - /tutorials/another-tutorial diff --git a/content/tutorials/native-aa-multisig/_dir.yml b/content/tutorials/native-aa-multisig/_dir.yml index 19f31d4..e1125b2 100644 --- a/content/tutorials/native-aa-multisig/_dir.yml +++ b/content/tutorials/native-aa-multisig/_dir.yml @@ -22,5 +22,3 @@ tools: - zksync-cli - zksync-ethers - Hardhat -related_tutorials: - - /tutorials/another-tutorial diff --git a/nuxt.config.ts b/nuxt.config.ts index 43c3b80..fe1a62d 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -13,7 +13,17 @@ export default defineNuxtConfig({ }, content: { navigation: { - fields: ['authors', 'tags', 'summary', 'updated', 'tools', 'featured', 'description'], + fields: [ + 'authors', + 'tags', + 'summary', + 'updated', + 'tools', + 'featured', + 'description', + 'github_repo', + 'what_you_will_learn', + ], }, }, routeRules: { diff --git a/pages/index.vue b/pages/index.vue index 2b2fd00..3560738 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -33,6 +33,7 @@ useSeoMeta({ size: 'xl', }, ]" + :ui="{ description: 'backdrop-blur bg-background/65' }" >
-

Last Updated:

-

{{ lastUpdated }}

-

Tools:

-
    -
  • +

    Tools:

    +
      - {{ item }} - -
    -

    Tags:

    -
    - -
    +
  • + - {{ item }} +
    • +
+ + +
- + From 99588d8eedf22899bf4adee4b72ce62055af90a4 Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Thu, 23 May 2024 10:26:17 -0400 Subject: [PATCH 5/8] chore: quick fixes --- content/tutorials/how-to-send-l2-l1-message/_dir.yml | 2 -- content/tutorials/how-to-verify-contracts/_dir.yml | 2 -- 2 files changed, 4 deletions(-) diff --git a/content/tutorials/how-to-send-l2-l1-message/_dir.yml b/content/tutorials/how-to-send-l2-l1-message/_dir.yml index 21c242d..418fa25 100644 --- a/content/tutorials/how-to-send-l2-l1-message/_dir.yml +++ b/content/tutorials/how-to-send-l2-l1-message/_dir.yml @@ -18,5 +18,3 @@ updated: 2024-05-09 tools: - zksync-ethers - zksync-contracts - - - /tutorials/another-tutorial diff --git a/content/tutorials/how-to-verify-contracts/_dir.yml b/content/tutorials/how-to-verify-contracts/_dir.yml index 09ab33e..d31773b 100644 --- a/content/tutorials/how-to-verify-contracts/_dir.yml +++ b/content/tutorials/how-to-verify-contracts/_dir.yml @@ -18,5 +18,3 @@ updated: 2024-05-09 tools: - hardhat-zksync-deploy - hardhat-zksync-verify - - - /tutorials/another-tutorial From fa099df90a0ce9a52fe70531c2f11101d53391b3 Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Thu, 23 May 2024 11:58:58 -0400 Subject: [PATCH 6/8] fix: styling on landing page --- pages/index.vue | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/pages/index.vue b/pages/index.vue index 3560738..dfa5f01 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -54,13 +54,16 @@ useSeoMeta({ >
- +
+ +
From bfb8a1d094b7d54479f29c3290c33e8792ec1b90 Mon Sep 17 00:00:00 2001 From: Sabrina Ferguson Date: Thu, 23 May 2024 12:01:11 -0400 Subject: [PATCH 7/8] fix: lint error --- pages/index.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/pages/index.vue b/pages/index.vue index dfa5f01..db58534 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -56,7 +56,8 @@ useSeoMeta({
Date: Thu, 23 May 2024 13:11:27 -0400 Subject: [PATCH 8/8] fix: formatting --- content/tutorials/cross-chain-governance/_dir.yml | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/content/tutorials/cross-chain-governance/_dir.yml b/content/tutorials/cross-chain-governance/_dir.yml index 867cac6..ff953a2 100644 --- a/content/tutorials/cross-chain-governance/_dir.yml +++ b/content/tutorials/cross-chain-governance/_dir.yml @@ -3,8 +3,7 @@ featured: true authors: - name: MatterLabs url: https://matter-labs.io - avatar: - src: https://avatars.githubusercontent.com/u/42489169?s=200&v=4 + avatar: https://avatars.githubusercontent.com/u/42489169?s=200&v=4 github_repo: https://github.com/zkSync-Community-Hub tags: - smart contracts