Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Gustavo Garzaki gugadev

🎯
Focusing
View GitHub Profile
@gugadev
gugadev / launch.json
Created Feb 2, 2020 — forked from cecilemuller/launch.json
Run ts-node in VSCode Debugger
View launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Node Inspector",
"type": "node",
"request": "launch",
"args": ["${workspaceRoot}/src/service.ts"],
"runtimeArgs": ["-r", "ts-node/register"],
"cwd": "${workspaceRoot}",
@gugadev
gugadev / flatten-array.js
Created Jan 21, 2020
Flatten an array with n deep levels.
View flatten-array.js
const source = [[1, 2, [3, [4]]], 5]
const flatArray = (src) => {
const flattened = []
function isArray(value) {
return value instanceof Array
}
// do not modify the original array, instead, clone it
@gugadev
gugadev / ios-chrome-devtools.md
Created Sep 24, 2019 — forked from james2doyle/ios-chrome-devtools.md
Enable remote debugging on the iOS simulator using Chrome Dev Tools
View ios-chrome-devtools.md

Install the tools:

brew install ios-webkit-debug-proxy

Run the simulator. And choose an iOS 10 device. The chrome remote debugging doesn't work with iOS 11 yet.

Enable the inspector

@gugadev
gugadev / style.css
Created Sep 17, 2019 — forked from Kvaibhav01/style.css
CSS file for Material ripple effect without JS
View style.css
.container {
background-color: #c1c1c1;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.btn {
background-color: orange;
@gugadev
gugadev / camelToKebab.js
Created Sep 8, 2019 — forked from nblackburn/camelToKebab.js
Convert a string from camel case to kebab case.
View camelToKebab.js
module.exports = (string) => {
return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
};
@gugadev
gugadev / accordion.component.ts
Last active Aug 7, 2019
Pacífico Elements snippets
View accordion.component.ts
import { Component } from '@angular/core'
import '@pacificoseguros/elements/accordion'
import '@pacificoseguros/elements/typography'
import '@pacificoseguros/elements/number'
import '@pacificoseguros/icons/ambulance'
@Component({
selector: 'app-accordion-demo',
templateUrl: './accordion.html'
})
@gugadev
gugadev / ce-pragma.ts
Last active Jul 25, 2019
custom-elements-jsx-pragma
View ce-pragma.ts
import React, { FunctionComponent, ReactChild } from 'react'
const listeners = Symbol('jsx-web-comp/event-listeners')
const eventPattern = /^onEvent/
const toKebabCase = (str: string): string => str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()
export default function jsx (type: string | FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
const isCustomElement = customElements.get(type as string)
const newProps = { ...props }
@gugadev
gugadev / observables.ts
Last active Jan 18, 2019
RxJs Observables
View observables.ts
import chalk from 'chalk';
import {
Observable,
Observer,
Subscription,
Subject,
Subscriber,
ConnectableObservable,
BehaviorSubject,
ReplaySubject,
@gugadev
gugadev / README.md
Last active Oct 26, 2018
IP Locator
View README.md
yarn install
yarn run shit --ip=<ip here>
@gugadev
gugadev / oops.css
Created Jul 20, 2018
React SVG 404 animation
View oops.css
.oops {
margin: 0;
padding: 0;
background-color: #0a1821;
flex: 1;
height: 100%;
width: 100%;
color: #fff;
position: relative;
text-align: center;
You can’t perform that action at this time.