Skip to content

Instantly share code, notes, and snippets.

View AngelCruzL's full-sized avatar
🎯
Focusing

Ángel Cruz AngelCruzL

🎯
Focusing
View GitHub Profile
@AngelCruzL
AngelCruzL / parse-jwt.js
Created August 18, 2020 04:03 — forked from Klerith/parse-jwt.js
Parse - JWT - Obtener Payload y fecha de creación y expiración
function parseJwt (token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};
@AngelCruzL
AngelCruzL / gist:385f7a9d69494ce7eaeed68e24e40706
Created September 7, 2021 01:18 — forked from codigoconjuan/gist:30973f8e5e7d210e0458bc49a55ad2c4
Gist para Imágenes HTML5 con AVIF, webp y JPG
"imagenes": {
"prefix": "im",
"body": [
"<picture>",
"<source",
"\t sizes=\"1920w, 1280w, 640w\" ",
"\t srcset=\"img/imagen.avif 1920w, \n\t\t\t img/imagen-1280.avif 1280w, \n\t\t\t img/imagen-640.avif 640w\" ",
"\t type=\"image/avif\">",
"<source",
"\t sizes=\"1920w, 1280w, 640w\" ",
@AngelCruzL
AngelCruzL / imagenes.js
Created September 7, 2021 01:18 — forked from codigoconjuan/imagenes.js
Gist Soporte Imagenes WebP y Avif como Background
(function (document) {
var checkCount = 0,
formatFound = false;
function setHTMLClass(height, className) {
checkCount++;
if (height == 2) {
formatFound = true;
document.documentElement.className += " " + className;
} else {
@AngelCruzL
AngelCruzL / JEST_VITE_APP.md
Created January 11, 2022 14:06
Integrate Jest & React Testing Library in a React Vite Project.

Integrate Jest & React Testing Library in a React Vite Project

  1. Install Dependencies
yarn add --dev jest babel-jest @babel/preset-env @babel/core @babel/plugin-syntax-jsx @babel/preset-react @testing-library/dom @testing-library/jest-dom @testing-library/react @testing-library/user-event babel-preset-react-app identity-obj-proxy jest-circus jest-scss-transform jest-watch-typeahead
  1. Set Jest & babel configs in package.json
"jest": {
    "roots": [
@AngelCruzL
AngelCruzL / vite-testing-config.md
Created June 20, 2022 00:41 — forked from Klerith/vite-testing-config.md
Vite + Jest + React Testing Library - Configuraciones a seguir

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

  1. Instalaciones:
yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom
  1. Opcional: Si usamos Fetch API en el proyecto:
@AngelCruzL
AngelCruzL / 7-1-architecture-pattern.md
Created July 10, 2022 18:43
7-1 architecture pattern
sass/
|
|– abstracts/
| |– \_variables.scss       # Sass Variables
| |– \_functions.scss       # Sass Functions
| |– \_mixins.scss          # Sass Mixins
| |– \_helpers.scss         # Class & placeholders helpers
|
|– base/
@AngelCruzL
AngelCruzL / Dockerfile
Created October 17, 2022 18:04 — forked from Klerith/Dockerfile
Preparar imagen de Docker - Node App
# Install dependencies only when needed
FROM node:18-alpine3.15 AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
# Build the app with cache dependencies
FROM node:18-alpine3.15 AS builder
@AngelCruzL
AngelCruzL / Dockerfile
Created January 3, 2023 17:30 — forked from Klerith/Dockerfile
Preparar imagen de Docker - Node App
# Install dependencies only when needed
FROM node:18-alpine3.15 AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
@AngelCruzL
AngelCruzL / usuarios.sql
Created January 10, 2023 03:05
Creacion de usuarios
CREATE TABLE UsuariosSicah (
ID INT PRIMARY KEY IDENTITY,
CORREO VARCHAR(60) UNIQUE,
CONTRASENA CHAR(60) DEFAULT '$2y$10$Pjr8/W5acqok1MsaPcusR.cNQu9yDU/pWYXBjgsdP3H1XjGi8X7pa',
NOMBRE VARCHAR(60),
ESTATUS BIT DEFAULT 1,
TIPO_USUARIO TINYINT DEFAULT 1,
RESET BIT DEFAULT 1
);