\u003Cbr /> \u003Cimg width=\"502\" alt=\"Screen Shot 2022-03-25 at 2 57 18 PM\" src=\"https://user-images.githubusercontent.com/734428/160080618-1320d0f9-5674-4133-9a57-9fd7f6e77ce2.png\"> | **3m** \u003Cbr />\u003Cbr /> \u003Cimg width=\"498\" alt=\"Screen Shot 2022-03-25 at 2 54 50 PM\" src=\"https://user-images.githubusercontent.com/734428/160080718-4f3fad38-71e5-4793-a839-797a0f87b65e.png\">\r\nInstall Deps in Actions | [1m 25s](https://github.com/kodadot/nft-gallery/runs/5676422402?check_suite_focus=true#step:4:35) | [**28s**](https://github.com/kodadot/nft-gallery/runs/5687650302?check_suite_focus=true#step:6:467)\r\n\r\n\r\nimpressive time savings.\r\nCurious if you would be keen to write an article on how we've migrated from yarn to pnpm? \r\nSome people might find it interesting as we are still early! \r\nThis morning found friends deciding between npm and yarn 😅.\r\n\r\nWe are usually publishing at https://medium.com/kodadot :)\r\n\r\nIssue is reserved for @preschian \r\n\r\n_Originally posted by @yangwao in https://github.com/kodadot/nft-gallery/issues/2643#issuecomment-1078864547_\r\n\r\n### Ref \r\n- https://medium.com/pnpm/why-should-we-use-pnpm-75ca4bfe7d93#:~:text=pnpm%20is%20not%20only%20faster,them%20from%20the%20global%20store.\r\n- https://rushjs.io/pages/maintainer/package_managers/\r\n- https://blog.logrocket.com/javascript-package-managers-compared/\r\n- [What does make pnpm special?](https://twitter.com/moo9000/status/1507297097070043184)\r\n- PNPM is the only option that solves the [NPM doppelgangers](https://rushjs.io/pages/advanced/npm_doppelgangers/) problem. In a complex monorepo, doppelgangers sometimes cause a lot of trouble, so PNPM has an important advantage in this regard.\r\n- we can push KodaDot logo to https://pnpm.io/users",[2009,2012,2014],{"name":2010,"color":2011},"$$","0E8A16",{"name":2013,"color":2000},"p3",{"name":2015,"color":1997},"A-writing-✍️",2671,"How we've migrated from yarn to pnpm","2023-05-18T11:23:54Z","https://github.com/kodadot/nft-gallery/issues/2671",0.7833444,{"description":2022,"labels":2023,"number":2026,"owner":1985,"repository":1986,"state":1987,"title":2027,"updated_at":2028,"url":2029,"score":2030}," Hmm, I think the limited specs of the current runner cause flaky tests from e2e. Since running e2e tests is quite heavy, we need to increase the specs: https://docs.github.com/en/actions/using-github-hosted-runners/about-larger-runners/about-larger-runners\r\n\r\n_Originally posted by @preschian in https://github.com/kodadot/nft-gallery/issues/10713#issuecomment-2262346093_\r\n ",[2024],{"name":2025,"color":1997},"A-tests",10714,"E2E: Flaky tests","2024-08-01T08:24:35Z","https://github.com/kodadot/nft-gallery/issues/10714",0.7972113,{"description":2032,"labels":2033,"number":2040,"owner":1985,"repository":1986,"state":1987,"title":2041,"updated_at":2042,"url":2043,"score":2044},"This issue should track leftovers from:\r\n- kodadot/nft-gallery#1619 \r\n\r\nI've spent some time going through the issues mentioned there and two things are clear:\r\n1. We are going into different direction with style\r\n2. Many of the issues are not getting touched by anybody anymore\r\n\r\nAnyways, let's track what was left from the previous iteration here, perhaps we'll come back to it later.\r\n\r\nMy goal is to remove the redundant issues, some things were implemented and there are still issues open for them. We're currently at 620 open issues and maybe the top 100 gets recycled (we're solving mainly the new ones -> I'll produce table for this soon)\r\n\r\n## Leftovers\r\n\r\n**Personal account zone: My Profile**\r\n\r\n- [ ] kodadot/ideas#15 \r\n- [x] kodadot/nft-gallery#1432 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#1516\r\n- [ ] kodadot/grants#19 \r\n\r\n**Landing**\r\n\r\n- [x] kodadot/nft-gallery#90 \r\n- [ ] kodadot/ideas#7 \r\n- [x] kodadot/nft-gallery#1489 \r\n- [x] kodadot/nft-gallery#1445 \r\n- [x] kodadot/nft-gallery#1564 \r\n\r\n**Gallery+Search Engine**\r\n\r\n- [ ] kodadot/nft-gallery#348 \r\n- [x] kodadot/nft-gallery#859 \r\n- [ ] kodadot/ideas#8\r\n- [x] kodadot/nft-gallery#903 \r\n- [x] kodadot/nft-gallery#285\r\n- [x] kodadot/nft-gallery#1023 \r\n- [x] kodadot/nft-gallery#1088 \r\n- [ ] kodadot/ideas#22 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#1174 \r\n- [x] kodadot/nft-gallery#991 \r\n\r\n**Create(Minting)**\r\n\r\n- [x] kodadot/nft-gallery#378 \r\n- [x] kodadot/nft-gallery#460\r\n- [x] kodadot/nft-gallery#419 \r\n- [x] kodadot/nft-gallery#614 \r\n- [ ] kodadot/ideas#12 \r\n- [x] kodadot/nft-gallery#847 \r\n- [x] kodadot/nft-gallery#614 \r\n- [ ] kodadot/ideas#15 \r\n- [x] kodadot/nft-gallery#991 \r\n- [x] kodadot/nft-gallery#1005 \r\n- [x] kodadot/nft-gallery#1094 \r\n- [x] kodadot/nft-gallery#1330 \r\n- [x] kodadot/nft-gallery#1406 \r\n- [x] kodadot/nft-gallery#1526 \r\n- [x] kodadot/nft-gallery#991 \r\n\r\n**NFT + Collection view(I need to separate these accordingly as issues are bundled together at the moment)**\r\n\r\n- [x] kodadot/nft-gallery#2746\r\n- [x] kodadot/nft-gallery#219 \r\n- [x] kodadot/nft-gallery#357\r\n- [x] kodadot/nft-gallery#901 \r\n- [x] kodadot/nft-gallery#1330 \r\n- [x] kodadot/nft-gallery#910 \r\n- [ ] kodadot/ideas#19 \r\n- [ ] kodadot/ideas#21 \r\n- [x] kodadot/nft-gallery#1606 \r\n- [x] kodadot/nft-gallery#936 \r\n- [x] kodadot/nft-gallery#1252 \r\n- [x] kodadot/nft-gallery#14 \r\n- [x] kodadot/nft-gallery#1010 \r\n- [ ] kodadot/ideas#22 \r\n- [x] kodadot/nft-gallery#1174 \r\n- [x] kodadot/nft-gallery#878 \r\n- [x] kodadot/nft-gallery#1323 \r\n- [x] kodadot/nft-gallery#1423 \r\n- [x] kodadot/nft-gallery#1012 \r\n- [x] kodadot/nft-gallery#1483 \r\n- [ ] kodadot/ideas#7 \r\n- [x] kodadot/nft-gallery#1122 \r\n- [x] kodadot/nft-gallery#991 \r\n- [ ] kodadot/ideas#40 \r\n- [ ] kodadot/nft-gallery#348 \r\n\r\n**Help: FAQ+Tutorials**\r\n\r\n- [x] kodadot/nft-gallery#847 \r\n- [x] kodadot/nft-gallery#614 \r\n- [x] kodadot/nft-gallery#725 \r\n- [x] kodadot/nft-gallery#915 ",[2034,2037],{"name":2035,"color":2036},"chief","67EA1F",{"name":2038,"color":2039},"redesign","227120",3956,"Redesign: Leftovers from pre-Neobrutalism","2024-07-31T15:07:12Z","https://github.com/kodadot/nft-gallery/issues/3956",0.7975605,{"description":2046,"labels":2047,"number":2051,"owner":1985,"repository":1986,"state":1987,"title":2052,"updated_at":2053,"url":2054,"score":2055},"LCP: https://web.dev/lcp/\r\n\r\nhow to check LCP on chrome devtools:\r\n1. switch to `Slow 3G` network under `Network` tabs in chrome devtools\r\n2. click reload button under `Performance` tabs\r\n3. hover LCP in `timings` section to see the content\r\n\u003Cimg width=\"1624\" alt=\"Screenshot 2023-01-19 at 08 48 19\" src=\"https://user-images.githubusercontent.com/734428/213336532-20431f86-57c4-4c11-bcd8-d59aa0d65bee.png\">\r\n\r\nthis is our LCP score on the homepage in the previous 21 days\r\n\r\n\u003Cimg width=\"780\" alt=\"Screenshot 2023-01-19 at 08 56 49\" src=\"https://user-images.githubusercontent.com/734428/213337511-41f3cee9-ea40-4613-bae0-0a3febe043ac.png\">\r\n\r\n\r\n",[2048,2049],{"name":2013,"color":2000},{"name":2050,"color":1997},"A-maintenance",4765,"Improve Largest Contentful Paint (LCP)","2023-11-14T14:28:55Z","https://github.com/kodadot/nft-gallery/issues/4765",0.8001981,{"description":2057,"labels":2058,"number":2065,"owner":1985,"repository":1986,"state":2066,"title":2067,"updated_at":2068,"url":2069,"score":2070},"I guess switching to pnpm from yarn it seems from cached they do amazing work but on the first time they take quite a long time to build\r\n\r\nNow\r\n> Build time: 6m 3s. Total deploy time: 6m 7s\r\nhttps://app.netlify.com/sites/koda-nuxt/deploys/62403dedcfa58900095b76d1\r\n\r\nBefore\r\n> Build time: 4m 5s. Total deploy time: 4m 9s\r\nhttps://app.netlify.com/sites/koda-nuxt/deploys/6239dbdd27c5220009cec772\r\n\r\nthis is quite scary lol \r\n> 3:34:06 PM: Finished processing build request in 10m39.002735083s\r\n\r\n### Ref\r\n- #2692 ",[2059,2061,2062],{"name":2060,"color":2011},"$",{"name":2013,"color":2000},{"name":2063,"color":2064},"🧙♀️ - bug-hunt","DC2653",2696,"closed","pnpm builds taking on first time quite long ","2023-03-01T19:12:53Z","https://github.com/kodadot/nft-gallery/issues/2696",0.75207883,{"description":2072,"labels":2073,"number":2080,"owner":1985,"repository":1986,"state":2066,"title":2081,"updated_at":2082,"url":2083,"score":2084},"I've noticed that sometimes builds now last like for 7-10m, on average 7minutes +\r\nOn average we've been somewhere between 4-5m. \r\n\r\nbefore\r\n\u003Cimg width=\"1190\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172619410-6c49c078-24fa-40fb-9670-e4d801ee60f6.png\">\r\n\r\nnow\r\n\u003Cimg width=\"1179\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172622256-496624d3-11db-4a0f-bae7-3c5201f1c224.png\">\r\n\r\n\u003Cimg width=\"1137\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/172622319-6f6293e8-7fca-4e1e-b2b0-f3af506c8b11.png\">\r\n\r\n\r\n",[2074,2075,2077],{"name":2060,"color":2011},{"name":2076,"color":2000},"p4",{"name":2078,"color":2079},"performance","922478",3123,"Seems build times take a while on beta ","2023-10-11T11:07:28Z","https://github.com/kodadot/nft-gallery/issues/3123",0.7536111,{"description":2086,"labels":2087,"number":2096,"owner":1985,"repository":1986,"state":2066,"title":2097,"updated_at":2098,"url":2099,"score":2100},"As started in\r\n- nuxt/framework#2911\r\n\r\nI was unsuccessful to implement cypress as GH action / Netlify plugin, we got the tests available to run locally right now, but the ultimate idea is to move this into automated thing which will run with every PR. @preschian you look like an ideal candidate for this one and it would help us a lot 👀 \r\n\r\nNot sure if any of these references help:\r\n\r\n- https://github.com/cypress-io/netlify-plugin-cypress\r\n- https://docs.cypress.io/guides/continuous-integration/github-actions",[2088,2091,2092,2095],{"name":2089,"color":2090},"enhancement","a2eeef",{"name":2060,"color":2011},{"name":2093,"color":2094},"p1","D93F0B",{"name":2025,"color":1997},3679,"Connect Cypress tests into CI/CD pipeline","2023-01-19T17:35:30Z","https://github.com/kodadot/nft-gallery/issues/3679",0.755248,{"description":2102,"labels":2103,"number":2109,"owner":1985,"repository":1986,"state":2066,"title":2110,"updated_at":2111,"url":2112,"score":2113},"Our development pace is sometimes that fast ⏩ that once we add five new features, we wacky few usually working user flows, functions &c, usually css, position of 🔘 buttons or overall final outcome and manage unintentionally completely broke some primary functionality.\r\n\r\nThus I would like to nominate a few features and components we need to flex so I bet it would be gradually built what's and where needs to be done.\r\n\r\nThis issue is best fit for someone who would take care A-Z end to end tests, not just unit tests and can have follow ups issues once we find and fight some struggles. Hence KodaDot itself isn't any more few single lines of code and it's bit more complex, with more chains ⛓️ aggregation it will be better peace 🕊️✌️ mind to not break some stuff accidentally 😅\r\n\r\nRight now we have Cypress and Vitest as stack iirc, will update once got call w Viki\r\n\r\n# Ref\r\n- #1841 \r\n- #2948 \r\n- #2504 \r\n- https://github.com/kodadot/nft-gallery/issues/2964",[2104,2105,2107,2108],{"name":2010,"color":2011},{"name":2106,"color":2011},"$$$",{"name":2013,"color":2000},{"name":2025,"color":1997},2911,"Tests for critical functionality and evergreen components ","2022-08-05T13:04:33Z","https://github.com/kodadot/nft-gallery/issues/2911",0.7597333,["Reactive",2115],{},["Set"],["ShallowReactive",2118],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"lziEDT89rnnQybQmUg--jREjj2D-OBjpAQ-wrsOf85g":-1},"/kodadot/nft-gallery/3841"]