Repository navigation
Conversation
Translates the article text and the two embedded interactive demos (weakref-dom.view, weakref-finalizationregistry.view). The 5 SVG diagrams (weakref-finalizationregistry-01..05.svg) use a different internal structure (inline style attr + matrix transforms, no tspan) that the images.yml/gulp translation pipeline cannot parse, so they are left untranslated rather than hand-edited. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
| Isso acontece para cada imagem selecionada: | ||
| </br><br> | ||
|
|
||
|  |
There was a problem hiding this comment.
As capturas/GIFs da demo (weakref-finalizationregistry-demo-01..08) ainda mostram a UI e os logs em inglês ("Create collage", "Url: ... Size: ... Type: ..."), mas o texto agora fala em "Criar colagem" e o utils.js passa a logar "Tamanho"/"Tipo". Leitor vê botão/log diferente do que o artigo descreve. Sugestão: mencionar o rótulo original entre parênteses ou manter os logs do utils.js iguais às imagens.
| const logEl = document.createElement("div"); | ||
| logEl.classList.add("logger-item", "logger--error"); | ||
| logEl.innerHTML = `CLEANED_IMAGE: Url: ${imgName}, Size: ${size}, Type: ${type}`; | ||
| logEl.innerHTML = `CLEANED_IMAGE: URL: ${imgName}, Tamanho: ${size}, Tipo: ${type}`; |
There was a problem hiding this comment.
Log traduzido (Tamanho/Tipo) diverge das imagens do artigo (demo-03..08), que mostram Url: ..., Size: ..., Type: .... Considerar manter o formato original do log para casar com os screenshots, ou aceitar a divergência conscientemente.
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="index.css"> | ||
| <title>WeakRef DOM Logger</title> | ||
| <title>Logger DOM com WeakRef</title> |
There was a problem hiding this comment.
Conteúdo agora está em português, mas <html lang="en"> (linha 2) não foi alterado. Leitores de tela/hifenização vão tratar o texto como inglês. Sugestão: <html lang="pt-BR">.
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="index.css"> | ||
| <title>Photo Library Collage</title> | ||
| <title>Colagem da Biblioteca de Fotos</title> |
There was a problem hiding this comment.
Mesmo caso: textos traduzidos, mas <html lang="en"> (linha 2) permanece. Sugestão: <html lang="pt-BR">.
| ```js | ||
| // When the user object is deleted by the garbage collector, the following message will be printed in the console: | ||
| "John has been collected by the garbage collector." | ||
| // Quando o objeto user é excluído pelo coletor de lixo, a seguinte mensagem será exibida na console: |
There was a problem hiding this comment.
"na console" → em pt-BR o termo é masculino: "no console".
| // Quando o objeto user é excluído pelo coletor de lixo, a seguinte mensagem será exibida na console: | |
| // Quando o objeto user é excluído pelo coletor de lixo, a seguinte mensagem será exibida no console: |
|
|
||
| Paying attention to the output in the console, you can see, which of the photos were downloaded from the cloud - this is indicated by <span style="background-color:#133159;color:white;font-weight:500">FETCHED_IMAGE</span>. | ||
| Since this is the first attempt to create a collage, this means, that at this stage the "weak cache" was still empty, and all the photos were downloaded from the cloud and put in it. | ||
| Observando a saída na console, você pode ver quais das fotos foram baixadas da nuvem - isso é indicado por <span style="background-color:#133159;color:white;font-weight:500">FETCHED_IMAGE</span>. |
There was a problem hiding this comment.
"saída na console" → "saída no console" (masculino em pt-BR).
| To increase page loading speed, it would be reasonable to download and display photo thumbnails in *compressed* quality. | ||
| But, to create a collage from selected photos, download and use them in *full-size* quality. | ||
| Para aumentar a velocidade de carregamento da página, seria razoável baixar e exibir as miniaturas das fotos em qualidade *comprimida*. | ||
| Mas, para criar uma colagem a partir das fotos selecionadas, baixá-las e usá-las em qualidade *tamanho real*. |
There was a problem hiding this comment.
"em qualidade tamanho real" soa estranho. Sugestão:
| Mas, para criar uma colagem a partir das fotos selecionadas, baixá-las e usá-las em qualidade *tamanho real*. | |
| Mas, para criar uma colagem a partir das fotos selecionadas, baixá-las e usá-las em *tamanho real*. |
- "na console" -> "no console" (console is masculine in pt-BR), 2 occurrences - Fix awkward "em qualidade *tamanho real*" phrasing - Set lang="pt-BR" on the two .view demo HTML files - Revert the Url/Size/Type console log labels in utils.js back to English, matching the demo screenshots (which are raster images and can't be translated), to avoid the live demo diverging from what the article's screenshots show - Add a note disclosing the demo screenshots are untranslated raster images Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
|
Obrigado, @gabifs! Apliquei tudo: "na console"→"no console" (2x), corrigi a frase "em qualidade tamanho real", |
Resumo
1-js/99-js-misc/07-weakref-finalizationregistry/article.md).weakref-dom.view/,weakref-finalizationregistry.view/): rótulos de botão, títulos, placeholders, mensagens de log/console. Identificadores de código, nomes de classe e as tags de evento de logFETCHED_IMAGE/CACHED_IMAGE/CLEANED_IMAGE/FETCHED_FAILEDforam deliberadamente deixados sem tradução, já que são usados como tags literais na prosa e no código do artigo.Nota sobre os diagramas SVG
Os 5 diagramas (
weakref-finalizationregistry-01.svga-05.svg) usam uma estrutura interna de SVG diferente da dos diagramas traduzidos em PRs anteriores: atributosstyleinline com posicionamento viatransform="matrix(...)", em vez de elementos<tspan>com atributos separados defont-family/x. O pipeline de tradução viaimages.yml+ gulp (imageYaml/figuresTranslate) não consegue extrair texto dessa estrutura (a extração retorna resultados vazios ou quase vazios para os 5 arquivos). Seguindo a convenção do projeto de nunca editar SVGs manualmente, essas imagens foram deixadas sem tradução. O único texto narrativo perdido com isso é "WeakRef object" (arquivos 03/04/05) e "Deleted by FinalizationRegistry cleanup callback" (arquivo 05); todo o resto nesses SVGs são identificadores de código/dados que ficariam sem tradução de qualquer forma.Plano de teste
heldValue, traduzida de propósito, é diferente).Conforme comentado na #1.