Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I18n poc #165

Draft
wants to merge 82 commits into
base: main
Choose a base branch
from
Draft

I18n poc #165

wants to merge 82 commits into from

Conversation

lguima
Copy link
Collaborator

@lguima lguima commented Aug 12, 2023

Português (BR) | English (US)

Comunidade

Tipo de alteração

  • 🐞 Correção de problema
  • ✨ Melhoria ou nova funcionalidade
  • 📰 Nova postagem no blog

Issues relacionadas

Resolve #163

Validação

  • Validei a alteração no link gerado pelo bot da Netlify (Deploy Preview/Preview on mobile)
  • Validei o Layout responsivo (desktop/mobile) após a implementação
  • Verifiquei o registro do deploy (Latest deploy log) e nenhum novo alerta ou erro foi adicionado

Evidências

Anexe evidências do antes e do depois da alteração (quando necessário).

Alterações

  • Adicionada nova dependência do pacote @angular/localize
  • Configurada a build do Angular para mapear mais de um idioma
  • Ajustados todos os paths absolutos para relativos
  • Configurado o botão de "Pesquisar" para permitir a internacionalização
  • Criado o comando i18n:extract para gerar/atualizar os arquivos de tradução baseado nas strings mapeadas
  • Criados arquivos de tradução, um padrão (pt) e outro para en-US
  • Configurado o Netlify para redirecionar os seguintes fluxos:
    • Caso o usuário tenha o idioma definido do browser como en, redireciona para en-US
    • Caso o caminho comece com en, redireciona para en-US
    • Todo o resto redireciona para pt (não tem a opção de pt-BR)

Documentação

  • A documentação deste repositório foi atualizada (quando necessário).
  • Esta alteração requer que a documentação externa seja atualizada.

… do site

Add the dependency of @angular/localize in order to allow translating the website
… do site

Add the dependency of @angular/localize in order to allow translating the website
@netlify
Copy link

netlify bot commented Aug 12, 2023

Deploy Preview for querido-diario-plataforma ready!

Name Link
🔨 Latest commit def501a
🔍 Latest deploy log https://app.netlify.com/sites/querido-diario-plataforma/deploys/6541bdff39f1e200085372e1
😎 Deploy Preview https://deploy-preview-165--querido-diario-plataforma.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Create a command to extract the string to be translated
Automatic update of Polyfills file
Set Portuguese as main language and English (US) as an alternative
Enable the localization in the build and set its validation level to error
Create a build configuration for English (US) language
Create a serve configuration for English (US) language
Versionate the translation file for the main language (Portuguese)
Versionate the translation file for the English (US)
Map a test string to translate
Create Netlify config file
Update redirect rule for pt
Remove initial slash from URL
Remove initial slash from URL
Redirect the accesses to PT as default
@lguima
Copy link
Collaborator Author

lguima commented Oct 8, 2023

Alterações

  • Adicionada nova dependência do pacote @angular/localize
  • Configurada a build do Angular para mapear mais de um idioma
  • Ajustados todos os paths absolutos para relativos
  • Configurado o botão de "Pesquisar" para permitir a internacionalização
  • Criado o comando i18n:extract para gerar/atualizar os arquivos de tradução baseado nas strings mapeadas
  • Criados arquivos de tradução, um padrão (pt) e outro para en-US
  • Configurado o Netlify para redirecionar os seguintes fluxos:
    • Caso o usuário tenha o idioma definido do browser como en, redireciona para en-US
    • Caso o caminho comece com en, redireciona para en-US
    • Todo o resto redireciona para pt (não tem a opção de pt-BR)

Remove temporarily the URLs created for en-US
Update the order of Netlify redirect rules
Update redirect rule for en-US
Replace the absolute path with the relative one
Disable the en-US redirect
Set en-US language as default
…o browser

Set a redirect rule for 'pt' when there is a language from the browser
Place the route module import at the end
Expose the 404 page
Redirect non-existing URLs to the 404 page
Replace href with router
Add a dot at the beginning of the path
Replace router with href
Add another dot at the beginning of the path
Create a string for testing
Use the testing string as URL
Create links with several possible solutions
Remove code for testing
Remove 404 page
Create component for 404 page
Map the component for 404 page
Set a wildcard route to the 404 page
Set the top menu items to be translated
Update the translation files
Set the language switch lanel to be translated
Update the translation files
Add meaning to mapped strings to be translated
Update the translation files
@MoisesMsa
Copy link
Collaborator

Vou trabalhar nesse essa semana

@MoisesMsa
Copy link
Collaborator

MoisesMsa commented Nov 12, 2024

Update: estou trabalhando para mudar um pouco a abordagem aqui porque vi que tem muitos jsons que mapeiam quase todo conteúdo do site. Acho que os blogposts vão precisar de uma solução à parte já que é tudo em HTML.

@ogecece
Copy link
Member

ogecece commented Nov 13, 2024

Deixar habilitada a possibilidade de escrever blogposts em mais de uma língua poderia ser pensado em outra issue mesmo, deixando essa etapa mais simples

@MoisesMsa MoisesMsa mentioned this pull request Nov 18, 2024
10 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[PoC] Internacionalização do Querido Diário
4 participants