DEV Community: JoseXS

Translate with alias

JoseXS — Wed, 21 Sep 2022 09:02:48 +0000

Hello!

For those of us who do not know English and throw a lot of Google Translate...

Install translate-shell

brew install translate-shell

Add alias in .bash_profile or .zshrc

Note: The parameter: is the language, try to put different and obtain more results (example :en)

alias trad="trans :es "$(pbpaste)" -b | pbcopy"

Now when we want to translate what we have on the clipboard, we simply put trad in the terminal and we will have it copied

Update: I leave the file for Raycast, in case you want to use it with a combination of keys. I have based on this script (link)


#!/bin/bash

# Dependency: requires translate-shell
# Install with Homebrew: `brew install translate-shell`

# Required parameters:
# @raycast.schemaVersion 1
# @raycast.title Traducir
# @raycast.mode silent
# @raycast.packageName Translate clipboard

# Documentation:
# @raycast.author josexs
# @raycast.authorURL https://github.com/josexs
# @raycast.description Translate to ES and copy text of clipboard.

if ! command -v trans &> /dev/null; then
    echo "trans command is required (https://github.com/soimort/translate-shell).";
    exit 1;
fi

trans :es "$(pbpaste)" -b | pbcopy

See you with more tips!

Scraping maps.race

JoseXS — Tue, 20 Sep 2022 17:10:02 +0000

Hello!

Because I'm doing a web scraping course, I decided to write a small script to extract the response from a rare version of XML/JSON that they have in https://mapas.race.es, and thus be able to generate a JSON file or several CSV files separated by the following categories

Incidents
Cameras
Radars
BlackPoints
OilStations
Parking

import requests
import json
import pandas as pd

formatData="json" # json / csv
nameFile = "race"
incidents = 1
cameras = 1
radars = 1
oilStations = 1
blackPoints = 1
parkings = 1

url = "https://mapas.race.es/WebServices/srvRace.asmx/ObtenerDatos?pstrIncidencias=" + \
    str(incidents)+"&pstrCamaras="+str(cameras)+"&pstrRadares="+str(radars) + \
    "&pstrGasolineras="+str(oilStations)+"&pstrPuntosNegros=" + \
    str(blackPoints)+"&pstrParking="+str(parkings)

headers = {
    "authority": "infocar.dgt.es",
    "user-agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.157 Safari/537.36",
    "host": "mapas.race.es",
    "referer": "https://mapas.race.es/",
}
response = requests.get(url, headers=headers)
initialText = response.text
splitText = response.text.split('<string xmlns="http://tempuri.org/">')
jsonToLoad = splitText[1].split("</string>")[0]

jsonRequest = json.loads(jsonToLoad)

items = {}
incidentsItems = []
camerasItems = []
radarsItems = []
oilStationsItems = []
blackPointsItems = []
parkingsItems = []


def get_object(type, item, id=None, image=None):
    if type == "incidents":
        return {
            "id": str(id),
            "lat": str(item["Latitud"]),
            "lng": str(item["Longitud"]),
            "type": str(item["Tipo"]),
            "date": item["Fecha"],
            "reason": item["Causa"],
            "level": item["Nivel"],
            "province": item["Provincia"],
            "poblation": item["Poblacion"],
            "street": item["Carretera"]
        }

    if type == "cameras":
        return {
            "id": str(item["Id"]),
            "lat": str(item["Latitud"]),
            "lng": str(item["Longitud"]),
            "image": image
        }

    if type == "radars" or type == "oilStations" or type == "blackPoints" or type == "parkings":
        return {
            "id": str(item["Id"]),
            "lat": str(item["Latitud"]),
            "lng": str(item["Longitud"]),
        }


if incidents == 1:
    i = 1
    for itemIncidence in jsonRequest["Incidencias"]:
        obj = get_object('incidents', itemIncidence, str(i))
        incidentsItems.append(obj)
        i += 1
    items["incidents"] = incidentsItems

if cameras == 1:
    for itemCameras in jsonRequest["Camaras"]:
        image = "http://infocar.dgt.es/etraffic/data/camaras/" + \
            str(itemCameras['Id'])+".jpg"
        obj = get_object('cameras', itemCameras, "", image)
        camerasItems.append(obj)
    items["cameras"] = camerasItems

if radars == 1:
    for itemRadar in jsonRequest["Radares"]:
        obj = get_object('radars', itemRadar)
        radarsItems.append(obj)
    items["radars"] = radarsItems

if oilStations == 1:
    for ItemsOilStation in jsonRequest["Gasolineras"]:
        obj = get_object('oilStations', ItemsOilStation)
        oilStationsItems.append(obj)
    items["oilStations"] = oilStationsItems

if blackPoints == 1:
    for itemBlackPoint in jsonRequest["PuntosNegros"]:
        obj = get_object('blackPoints', itemBlackPoint)
        blackPointsItems.append(obj)
    items["blackPoints"] = blackPointsItems

if parkings == 1:
    for itemParking in jsonRequest["Parking"]:
        obj = get_object('parkings', itemParking)
        parkingsItems.append(obj)
    items["parkings"] = parkingsItems

if formatData == "json":
    f = open(nameFile + '.' + formatData, "w")
    itemsDumps = json.dumps(items, indent=2)
    f.write(itemsDumps)
elif formatData == "csv":
    incidentsDF = pd.DataFrame(items["incidents"])
    camerasDF = pd.DataFrame(items["cameras"])
    radarsDF = pd.DataFrame(items["radars"])
    oilStationsDF = pd.DataFrame(items["oilStations"])
    blackPointsDF = pd.DataFrame(items["blackPoints"])
    parkingsDF = pd.DataFrame(items["parkings"])

    incidentsDF.to_csv(nameFile + "_incidents." + formatData, index=False)
    camerasDF.to_csv(nameFile + "_cameras." + formatData, index=False)
    radarsDF.to_csv(nameFile + "_radars." + formatData, index=False)
    oilStationsDF.to_csv(nameFile + "_oilStations." + formatData)
    blackPointsDF.to_csv(nameFile + "_blackPoints." + formatData, index=False)
    parkingsDF.to_csv(nameFile + "_parkings." + formatData, index=False)

print('✅ '+ formatData +' file/s generated')

For the vast majority of people who read this, it will not be worth anything, since it is data from Spain, but as a curiosity, you can see how it is done and encourage me to improve it!

Don't be mean, I'm learning Python...

Mis utilidades en MacOS

JoseXS — Sat, 03 Sep 2022 23:04:51 +0000

¡Buenas! Os quería mostrar lo que son las utilidades instaladas que suelo tener en todo MacOS que caiga en mis manos...

Alfred

Sustituto de Spotlight, bastante util para hacer busquedas

Cakebrew

Aplicacion para gestionar de forma visual los paquetes instalados de Homebrew

Homebrew

Es un sistema de gestion de paquetes, muy util para instalar otras aplicaciones. Otro dia escribiré un articulo sobre los programas que tengo instalados desde Homebrew, que son unos cuantos...

iTerm

Desde que lo empece a usar no volvi a usar la terminar. Sobre todo lo mas util es poder dividir varias consolas en una ventana

Lepton

Me sirve para guardar mis snippets o fragmentos de código, y así tenerlos mas actualizados

Notion

Me ayuda a organizar la documentación de mis proyectos así como de mi vida diaria

Raindrop

Muy útil para tener todos tus favoritos ordenados y sincronizados

Rectangle

Viene muy bien para colocar ventanas mediante combinaciones de teclas

Sourcetree

Viene genial para editar git de una forma gráfica, al final se puede hacer lioso usar tanto comando y esto lo simplifica bastante

VS Code

Mi editor de código para todos los lenguajes de programación. Muy adaptable mediante extensiones. Podéis ver un articulo que escribí sobre los extensiones que uso.

Extensiones VS Code 2022

JoseXS ・ Aug 20 ・ 3 min read

#vscode #util

Seguro que me dejo alguna utilidad, pero al menos, espero que a alguien le pueda servir de referencia.

Saludos

Prettier y Husky

JoseXS — Mon, 22 Aug 2022 06:25:46 +0000

¿Que es Prettier?

Básicamente es un formateador de código

¿Para qué nos vale?

Para mantener un estilo de código en toda la app
Ayudas a los demás a poder leer tu código
Evitas código mal formateado sin querer

¿Que es Husky?

Es una librería que nos permite configurar git hooks, lo que nos permite ejecutar tareas durante la ejecución de algún código de git. Ejemplos:

git push
git commit
git precommit

¿Como funciona?

Primero tienes que instalar en el proyecto ambas librerías, npm i -D prettier husky

Configuramos Prettier

Añadimos en la raiz del proyecto un archivo .prettierrc y le añadimos lo siguiente:

{
  "printWidth": 79,
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true,
  "jsxBracketSameLine": false,
  "proseWrap": "always"
}

Después nos vamos al archivo package.json, buscamos scripts y añadimos el comando format de la siguiente manera:

Solo para archivos Javascript

"format": "prettier --write \"**/*.js\""

Para varios tipos de archivo

"format": "prettier --write \"**/*.+(js|css|html|json)\""

Configuramos Husky

Añadimos al archivo package.json lo siguiente:

Nota: Donde aparece pre-commit, podemos elegir mas tipos, como commit y push

"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
}

¿Como utilizarlos?

Si las usamos en conjunto ambas librerias, simplemente cada vez que hagamos un proceso de git que use un hook que le hayamos indicado a Husky, realizara la función dentro de scripts que -le hayamos indicado.

Nota: No solo valdría para prettier, podríamos añadir un linter de javascript y alguna cosa mas, pero eso ya en otro capitulo

Extensiones VS Code 2022

JoseXS — Sat, 20 Aug 2022 15:35:48 +0000

Empezando mi andadura por Dev.to, voy a intentar comentar los que para mí, son los mejores plugins (y los que intento usar a menudo) en VS Code.

Ante todo comentar que mi actividad diaria se basa en desarrollo con Angular/Ionic, asi como Flutter para la parte de Frontend, y NodeJS + MongoDB para la parte del Backend.

Bases de datos / Peticiones Web

MySQL
Esta extension tiene un nombre que engaña, ya que sirve para poder conectarse a varios tipos de bases de datos. Yo entre las opciones que tiene, lo uso para conectarme a MongoDB y poder modificar la base de datos sin salirme de VS Code
https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2

Thunder Client
Para mi, el sustituto de Postman, puedes probar peticiones http, asi como realizar test sobre las respuestas y guardarte estas peticiones en tu repositorio
https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

Compartir / Pair Programing

Live Server
Te crea un mini servidor para probar tus archivos HTML/JS
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Live Share
Muy util para trabajar varias personas sobre el mismo repositorio. Si instalas Live Share Audio, tambien podras, obviamente, hablar.
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

Git / Github

Git Graph
Puedes ver tus commits de forma gráfica, bastante recomendado
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

Git History
Podrás ver mas informacion sobre tus commits
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

Github Copilot
El descubrimiento del año, de momento esta muy verde y aun asi ayuda mucho con el auto completado del código, cuando este al 100%, va a ser una ayuda esencial en el día a día
https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

Github Pull Request and Issues
Te aparece una nueva opcion en la barra lateral para gestionar mejor tus issues y las pull request de tu repositorio
https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github

GitLens
Te ofrece muchas opciones para tus repositorios de GIT, la mas util a mi parecer, es que te aparece quien y cuando a editado la linea sobre la que estas (si ha sido commiteada)
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Snippets

Angular Snippets
Snippets útiles para Angular
https://marketplace.visualstudio.com/items?itemName=johnpapa.angular2

Awesome Flutter Snippets
Te añade bastantes plugins útiles para Flutter que te agilizan el dia a dia
https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets

Otros

AutoImport
Cuando escribes la referencia de un archivo, te aparece la opcion de importar
https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

Cloak
Te oculta las claves de tus archivos .env
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-cloak
CodeSnap
Podrás crear capturas de pantalla de tu código de una forma fácil
https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

CodeHighlight
Te aparecen los códigos de color, pintados en su color
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

JSON to TS
Convierte una respuesta de JSON, en una interface de Typescript
https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts

Markdown Preview Enhanced
Cuando estas editando un archivo .md, si pulsas sobre el botón derecho sobre el archivo, te dará una opción para previsualizarlo en tiempo real.
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

Move TS
Cuando movemos un archivo a otra carpeta y esta enlazado por codigo en otro archivo, nos ofrecerá la opción de modificar la nueva ruta.
https://marketplace.visualstudio.com/items?itemName=stringham.move-ts

Open in browser
Te da la opcion al pinchar sobre archivos .html de abrir en un navegador
https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

Pubspec Assist
Te ayuda bastante a la hora de importar/actualizar paquetes en archivos .yml
https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist