search

emilianog94 / Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos

Extensión para navegadores que calcula automáticamente todos los impuestos de Argentina en la tienda de Steam
https://steamcito.com.ar
278 stars 11 forks source link

[BUG] el emoticon de dolar crypto es un cuadrado 🪙 #147

Closed JackER4565 closed 1 month ago

JackER4565 commented 1 month ago

Describí el bug el dolar crypto no tiene un emoticon como el resto,

¿Qué pasos seguiste para llegar al bug?

  1. Entrar al menu de steamcito
  2. Abrir dropdown metodo de pago
  3. Apareció el error

Capturas de Pantalla image

Comentarios adicionales capaz se puede usar este: ₿ o este 🥮 o la bolsa 💰

Squaredude commented 1 month ago

Pasa lo mismo cuando usás los emojis "retrocompatibles"? (La segunda opción en la sección "Opciones visuales")

Podés ver este emoji? >>> 🪙

Por lo menos yo puedo verlo correctamente en Steamcito 3.61, tanto en Firefox como en Vivaldi. Estoy usando la fuente Noto en Linux.

JackER4565 commented 1 month ago

Pasa lo mismo cuando usás los emojis "retrocompatibles"? (La segunda opción en la sección "Opciones visuales")

Podés ver este emoji? >>> 🪙

Por lo menos yo puedo verlo correctamente en Steamcito 3.61, tanto en Firefox como en Vivaldi. Estoy usando la fuente Noto en Linux.

Ahí probe y en ambos modos veo el cuadrado, acá también, ese que mostras lo veo como un cuadrado.

Squaredude commented 1 month ago

Habría que ver cuál fuente es la que estás usando, ya que los emojis dependen de eso. Hay fuentes que no están actualizadas. Por ejemplo, en Windows 10 recuerdo que la fuente había quedado desactualizada y no incluía los nuevos emojis (y creo que el emoji de la moneda justo no está en la versión de la fuente Segoe UI Emoji que usa Win10).

Fijate si podés bajar la fuente Noto Color Emoji (de Google), que está más actualizada: https://github.com/googlefonts/noto-emoji

JackER4565 commented 1 month ago

Habría que ver cuál fuente es la que estás usando, ya que los emojis dependen de eso. Hay fuentes que no están actualizadas. Por ejemplo, en Windows 10 recuerdo que la fuente había quedado desactualizada y no incluía los nuevos emojis (y creo que el emoji de la moneda justo no está en la versión de la fuente Segoe UI Emoji que usa Win10).

Fijate si podés bajar la fuente Noto Color Emoji (de Google), que está más actualizada: https://github.com/googlefonts/noto-emoji

sabes que si puede ser, yo tengo windows 10 y estoy en el chrome de siempre!

Squaredude commented 1 month ago

Mala mía, con el link anterior.

Acá sería el verdadero link para bajar: https://fonts.google.com/noto/specimen/Noto+Color+Emoji

Es medio confuso, pero tenés que agregar la fuente a una especie de carrito y después la bajás.

image (Hacer click en "Get font")

image (Hacer click en el ícono de descarga, abajo de "Remove all")

Ahí se descarga un archivo ZIP, adentro está la fuente. Parece más grande de la que bajé del Github, así que debe ser mejor. 🤷🏻‍♂️ Si mal no recuerdo, en el Explorador de Windows, solamente necesitás hacer doble click, o click derecho e "Instalar...".

Edit: Por otro lado, @emilianog94 , no sé si la extensión puede hacer embedding de las fuentes? O si ya lo hace, no miré el código. 😅 Pero ahí en el link de Google hay información al respecto. No sé si aplica a las extensiones.

emilianog94 commented 1 month ago

Hola @JackER4565 !

Tal como comentó @Squaredude esto se debe a que la versión de Windows 10 es muy vieja y la fuente predeterminada no tiene compatibilidad con algunos emojis como el de la moneda.

@Squaredude , creo que es una excelente idea hacer embed de la font en la extensión, esto es posible. Sin embargo hay un problema: la fuente de Noto Color Emoji es pesadísima, 24mbs para usar solamente tres emojis.

Voy a ver si existe alguna forma de desempaquetar la fuente y recompilarla solamente con los tres emojis necesarios así la subo a la extensión y la tomo por default. Estaría genial que se pueda hacer , lo voy a investigar y probar en una compu con W10!

Muchas gracias, dejo el issue abierto para novedades!

emilianog94 commented 1 month ago

Je, acabo de pasar como 2hs usando software para decompilar y recompilar fonts (sin éxito porque al ser una font unicode no mantiene estilos ni colores)

Ya pude encontrarle la vuelta, era mucho más fácil! Google Fonts permite hacer subsetting (tomar sólamente los caracteres que necesitás) directamente desde su CDN.

Ejemplo: https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&text=%F0%9F%AA%99%F0%9F%A7%89%F0%9F%92%B2

Con hacer embed del kit provisto por Google Fonts anda perfecto y pesa solamente 3kbs

@JackER4565 esta semana lo estoy comitteando al repo! image

emilianog94 commented 1 month ago

Buenas @JackER4565 , podrás probar si te funciona correctamente ahora?

Podés descargar la nueva versión desde la branch feature/noto-emojis https://github.com/emilianog94/Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos/tree/feature/noto-emojis

Squaredude commented 1 month ago

No soy jack 😜, pero te comento que justo tengo una VM con Windows 10 así que decidí probar.

Pareciera que funciona. Comparé con la versión 3.61 y pude ver el cuadrado con esa versión, como era de esperarse.

Con el branch noto-emojis, la moneda aparece correctamente.

Lo único que noté es que en el menú donde se selecciona el método de pago, no aparecen los emojis:

Screenshot 2024-09-14 203004

No sé si decidiste sacarlos de ahí o es un bug.

emilianog94 commented 1 month ago

Gracias por confirmar @Squaredude !

Quité los emojis del selector porque en HTML no podés poner múltiples selectores HTML adentro de un tag "option", es decir no es posible mezclar dos fonts distintas.

Squaredude commented 1 month ago

De nada! 😄

Quité los emojis del selector porque en HTML no podés poner múltiples selectores HTML adentro de un tag "option", es decir no es posible mezclar dos fonts distintas.

Ahhh, bien!

Y se podría poner el emoji al lado del drop-down después de seleccionar la opción?

emilianog94 commented 1 month ago

Buenas @Squaredude !

Encontré una forma más sencilla de solucionarlo.

¿Podrías descargar nuevamente la versión de la branch https://github.com/emilianog94/Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos/tree/feature/noto-emojis y probarlo nuevamente en la VM con Windows 10 y confirmarme si ves bien el emoji en el selector de método de pago? Muchas gracias

JackER4565 commented 1 month ago

buenas! disculpen el cuelgue!!! baje recien recien la versión de la rama "noto-emojis" y aparece con el cuadrado aun: image

emilianog94 commented 1 month ago

buenas! disculpen el cuelgue!!! baje recien recien la versión de la rama "noto-emojis" y aparece con el cuadrado aun: image

Buenas @JackER4565 ! No hay drama. Creo que la descargaste pero no la activaste, porque la versión es 3.70.

El proceso es el siguiente:

  1. Descargar el zip
  2. Descomprimir la carpeta chrome_extension
  3. Abrir la central de extensiones de Chrome y arriba a la derecha activar la casilla "Modo Desarrollador"
  4. Arriba a la izquierda clickear en "Carga Descomprimida"
  5. Buscar el directorio recién descomprimido y seleccionarlo
  6. Listo, se te va a activar la versión local

image

JackER4565 commented 1 month ago

ahora si, no cambie la rama cuando lo cloné jaja image

Squaredude commented 1 month ago

Confirmo también que funcionó en la VM. Justo tuve un problema con Guest Additions y no podía pasar la captura de pantalla. 😅

image

emilianog94 commented 1 month ago

Genial muchas gracias a ambos @Squaredude @JackER4565 !

En el transcurso de esta semana (apenas termine de adaptar todo a Firefox), voy a lanzar la v3.70 en conjunto con varios enhancements y fixes más!

emilianog94 commented 1 month ago

Listo en v3.70! Muchas gracias! https://github.com/emilianog94/Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos/releases/tag/v3.70

Cierro el issue