Atualiza todas as dependências possíveis

[aprendendofelipe]

Foram atualizadas todas as dependências possíveis. Algumas exigiram adaptações no código.

Não atualizadas

• next-connect: mantive na 0.13.0 de 2 anos atrás, pois a versão 1.0.0 exige mudanças significativas no código, e não sei se está compatível com o Next.js 14, pois a última atualização já tem 9 meses e existem issues abertas. Como isso vai exigir uma mudança maior no código, acho que não faria sentido fazer nesse PR de simples atualizações, até porque pode ser necessário investigar outras alternativas.

• kill-port: por causa do bug antigo ainda presente.

• styled-components: por causa do @primer/react só deu para ir até a 5.3.11. A versão mais atual é a 6.1.8, mas ainda não é compatível com o Primer.

Atualizados, mas exigindo alterações no código

• @faker-js/faker: Na nova versão o username pode vir com o caractere -, então foi adicionado .replace('-', '').

• cross-fetch: Passou a exibir diferentes cabeçalhos em desenvolvimento local ou remoto. No gitpod passou a retornar connection: 'keep-alive' e 'keep-alive': 'timeout=5'. Então precisei ajustar o teste GET /api/v1/contents > With CORS and Security Headers enabled, mudando de toStrictEqual para toEqual. Removi a cross-fetch dos poucos lugares que estava sendo utilizada na API, já que podemos usar o fetch do Node.js. Com isso pude passar ela para dependência de desenvolvimento. Não removi totalmente porque exigiria ajustes em muitos testes.

• eslint-plugin-primer-react: Removeram o eslint-plugin-github da lista de dependências (mudaram para dependência de desenvolvimento da biblioteca), mas ele continua sendo necessário para o plugin:primer-react/recommended, então para poder atualizar, tive que adicionar a eslint-plugin-github como nossa dependência de desenvolvimento.

• next: Exigiu ajustes no models/ip, pois agora o Next.js insere o header x-forwarded-for mesmo em desenvolvimento local.

• prettier: Mudou o comportamento de adicionar vírgula, então exigiu ajuste em diversos arquivos.

• satori e @resvg/resvg-js: Precisei atualizar as imagens utilizadas para testar as thumbnails.

Atualizados, mas com observações

• @primer/react foi atualizado, mas está gerando alertas do Next.js 14 em modo de desenvolvimento. Só que os alertas também ocorrem na versão do Primer que a gente estava usando antes, então não há razão para não ser atualizado. E também acho que esses alertas não seriam motivo para deixar de atualizar o Next.js. Os alertas são:

<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, lstat '...\[tabnews.com.br](http://tabnews.com.br/)\node_modules\@primer\react\lib\node_modules\@oddbird\popover-polyfill\package.json'

<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, lstat '...\[tabnews.com.br](http://tabnews.com.br/)\node_modules\@primer\react\lib\node_modules\@github\relative-time-element\package.json'

Atualizados sem problemas

  "dependencies": {
    "@upstash/ratelimit": "1.0.1",
    "@upstash/redis": "1.28.3",
    "@vercel/analytics": "1.1.3",
    "cookie": "0.6.0",
    "date-fns": "3.3.1",
    "joi": "17.12.1",
    "next-swr": "0.2.0-canary.0",
    "nodemailer": "6.9.9",
    "pg": "8.11.3",
    "pino": "8.18.0",
    "react-icons": "5.0.1",
    "recharts": "2.12.0",
    "slug": "8.2.3",
    "swr": "2.2.4",
    "uuid": "9.0.1",
    "vis-network": "9.1.9"
  },
  "devDependencies": {
    "@commitlint/cli": "18.6.0",
    "@commitlint/config-conventional": "18.6.0",
    "autoprefixer": "10.4.17",
    "concurrently": "8.2.2",
    "dotenv": "16.4.1",
    "eslint": "8.56.0",
    "eslint-config-next": "14.1.0",
    "eslint-config-prettier": "9.1.0",
    "eslint-plugin-jsx-a11y": "6.8.0",
    "husky": "9.0.10",
    "jest": "29.7.0",
    "lint-staged": "15.2.2"
  }

Não liberaram novas atualizações

  "dependencies": {
    "@bytemd/plugin-breaks": "1.21.0",
    "@bytemd/plugin-gemoji": "1.21.0",
    "@bytemd/plugin-gfm": "1.21.0",
    "@bytemd/plugin-highlight-ssr": "1.21.0",
    "@bytemd/plugin-math": "1.21.0",
    "@bytemd/plugin-mermaid": "1.21.0",
    "@bytemd/react": "1.21.0",
    "@primer/octicons-react": "19.8.0",
    "async-retry": "1.3.3",
    "bcryptjs": "2.4.3",
    "feed": "4.2.2",
    "is-in-subnet": "4.0.1",
    "node-pg-migrate": "6.2.2",
    "nprogress": "0.2.0",
    "parse-link-header": "2.0.0",
    "react": "18.2.0",
    "react-confetti": "6.1.0",
    "react-dom": "18.2.0",
    "react-rewards": "2.0.4",
    "rehype-external-links": "3.0.0",
    "set-cookie-parser": "2.6.0",
    "snakeize": "0.1.0"
  },
  "devDependencies": {
    "kill-port": "1.6.1",
    "cz-conventional-changelog": "3.3.0",
    "dotenv-expand": "10.0.0",
    "retry-cli": "0.7.0"
  }

Alterada a versão do package-lock.json

Como foram muitas atualizações, excluí o package-lock.json para que fosse criada uma nova versão, o que resultou em um arquivo de cerca de 14k linhas ao invés do antigo com 25k.

[Edit] A alteração da versão do package-lock.json foi revertida porque causou erros na geração de thumbnails.

Tipo de mudança

• Atualização das dependências

Checklist:

• As modificações não geram novos logs de erro ou aviso (warning).
• Tanto os novos testes quanto os antigos estão passando localmente.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tabnews	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 10, 2024 0:51am

[Rafatcb]

Dava para mudar a configuração do .prettierrc para não precisar de tantas modificações por causa da vírgula, mas não vejo problemas em deixar assim 👍

[aprendendofelipe]

Dava para mudar a configuração do .prettierrc para não precisar de tantas modificações por causa da vírgula, mas não vejo problemas em deixar assim 👍

Sim, seria só forçar o padrão anterior com trailingComma: 'es5', mas acredito que não há razão para não evoluirmos juntos com o Prettier nessa.

---

Tudo parece estar funcionando bem em homologação, então bora pra produção! 🚀