Skip to content

Instantly share code, notes, and snippets.

View gengue's full-sized avatar

Genesis Guerrero Martinez gengue

34 followers · 57 following
View GitHub Profile
@gengue
gengue / base64.js
Created August 11, 2022 14:47
Encode and decode base64 with javascript
function encodeBase64(str) {
return window.btoa(unescape(encodeURIComponent(str)));
}
function decodeBase64(str) {
return decodeURIComponent(escape(window.atob(str)));
}
// Usage:
encodeBase64('✓ à la mode'); // "4pyTIMOgIGxhIG1vZGU="
@gengue
gengue / upload.js
Created December 14, 2021 14:08
Google Drive API - Upsert file . create or update a file
"use strict";
const fs = require("fs");
const path = require("path");
const { google } = require("googleapis");
const SCOPES = ["https://www.googleapis.com/auth/drive"];
const KEYFILE_PATH = "config/credentials.json";
const FOLDER_ID = "14DHCIe3CHdWSX_Z3PHPwsow-fVHE9ApG";
@gengue
gengue / setup_keyboard_for_vim.sh
Last active December 1, 2021 21:28
Keyboard settings for vim in Mac OS X + Iterm2
defaults write org.vim.ITerm ApplePressAndHoldEnabled -bool false
defaults write -g InitialKeyRepeat -int 10 # normal minimum is 15 (225 ms)
defaults write -g KeyRepeat -int 1 # normal minimum is 2 (30 ms)
# restart
@gengue
gengue / cookie-manager.html
Created October 26, 2020 15:58
Set cross domain cookies with Single Page Applications
@gengue
gengue / Caddyfile
Created August 1, 2020 07:32
Caddy server automatic HTTPS for localhost - API + frontend using reverse proxy
# https://medium.com/@devahmedshendy/traditional-setup-run-local-development-over-https-using-caddy-964884e75232
# 1. sudo pacman -S mkcert
# 2. mkdir ./certs && cd ./certs
# 3. mkcert "*.sqila.local"
# 4. new line /etc/hosts/ -> 127.0.0.1 backend.sqila.local app.sqila.local
backend.sqila.local {
tls ./certs/_wildcard.sqila.local.pem ./certs/_wildcard.sqila.local-key.pem
reverse_proxy localhost:1337 {
header_up Host {host}
@gengue
gengue / index.js
Created July 3, 2020 23:20
Import trello list to wikijs
/*
* Get started
* 1. create a folder and run `npm init`
* 2. run `npm install graphql-request slugify`
* 3. copy this file inside the folder
* 4. edit config (trello json, API_KEY, SOURCE_LIST, TARGET_PATH, etc...)
* 5. run `node index.js`
*/
const { GraphQLClient } = require("graphql-request");
const slugify = require("slugify");
@gengue
gengue / init.vim
Created May 2, 2020 03:06
My Neovim config
set path+=**
set nocompatible " be iMproved, required
filetype off " required
let g:python_host_prog = '/usr/bin/python'
let g:python3_host_prog = '/usr/local/bin/python3.8'
" -----------------------------------------------------------------------------
"
" Plugins list
@gengue
gengue / FuzzySearchDemo.js
Last active October 29, 2021 22:31
React hook to filter a list using local state and Fuse.js Demo: https://codesandbox.io/s/tender-stallman-qi1gl?fontsize=14
import React, { useState } from "react";
import ReactDOM from "react-dom";
import useFuzzySearch from "./useFuzzySearch";
const persons = [
{ id: 1, name: "genesis" },
{ id: 2, name: "jose" },
{ id: 3, name: "mauro" },
{ id: 4, name: "fredo" },
{ id: 5, name: "meggie" },
@gengue
gengue / ClickOutside.js
Last active April 11, 2019 16:25
React component: detect when focus has been lost
import React, { useRef, useEffect } from 'react';
/**
* Example:
* const [open, setOpen] = useState(false);
* ...
* <ClickOutside onBlur={() => setOpen(false)}>
* <MyDropdown open={open}/>
* </ClickOutsie>
*/
@gengue
gengue / deferComponentRender.js
Last active October 11, 2017 11:37
import hoistStatics from 'hoist-non-react-statics';
import React from 'react';
/**
* Allows two animation frames to complete to allow other components to update
* and re-render before mounting and rendering an expensive `WrappedComponent`.
*/
export default function deferComponentRender(WrappedComponent) {
class DeferredRenderWrapper extends React.Component {
constructor(props, context) {