n8io

JS/TS Playground Code

[JS Proxy](https://www.typescriptlang.org/play?target=99&ts=5.3.0-dev.20231027#code/C4TwDgpgBAEg9gZ2AVQE4BsoF4oAMAWwwYAJAN4DkCFUAPlBRQL4BcA9G+QDJwDuEqAMYBDBBAA8SVAEsAdgHMAfE1wAoUJCgBlAK5gwcVMAgATeEmwNh+uHOABbCLOA16FQTqRxHqVwzg2Rjqy0qAUANzq4NDmwADCcLIAZtLyAOqh+ABiwujoAEbCggDWlgAKwkbSueIAShCChiaSwDIKADSwiCgYiopQAGRQ9Y2ozQgg9vlw6J2xaOiKkRox3QnJqZYA8vah4rHrKemZOXmFJZ0UWQCCXFwAQtdxANIUS1Gaz7J8sgeJRxlgNlcgUiqUcCMmuJdIFjGZunQoBMpjM5mt-qlAcCzmD3isoF8fn8NvJLJCxtC9AYjKZYmikIdUu9VI1ZBYbndHi9LFpJtN0AAKK63B5PV4ASkiLMSFmK314v26CEZ8hYBPlioZGOOQNOoJKljIqigUGsBjsjmcaqNJpNAG0OaKXgBdNUUQjEBDsNhm2zOS3ABAAOnwEEqQca9go7WNUCYMZNHi8Pmtsftjq5z1dDA9YC9HCTwG8AmDofDkejaagABEAKJu3P5tiF4uoYPCHQmaT5JwQIOyCAuBNx4cBanAYKhECp21QB0izPZ91EPPeseGCchYDSCClsOoCPeSuzusNldN9dBLc79ud7u9-uD48j1RMKWsiz4YSyEzoASG2N5EHAVgEqIDgDVQkFWJAEThBc5ik6MBUACNUpDkeRxTQ1oMMRYITAgFIBxMKAbVtDgoAAAUDABaCAAA9IEEYA6NQFDUCgNJoDlPgoCBXdoGQgIECgexhBAKBvmAKAGOkJAqw-aSADdch0aAcFA1BwIAfiDO0hLAZ0pVnaQkigEDojgMyVPQNTsCwHAKDgfIACsGhccVSKrE1UEHHRUFkSS

n8io

#!/bin/bash
# bash <(wget -nv -O - "https://gist.githubusercontent.com/n8io/4b186015bb0be839c03bd46190081319/raw") # args...
set -e

touch ~/.hushlogin
touch ~/.zshrc

# Install Brew
if ! [ -x "$(command -v brew)" ]; then
  echo "⏳ Installing Brew..."

n8io

{
  "meta": { "theme": "elegant" },
  "basics": {
    "name": "Nate Clark",
    "label": "Full-stack Jedi",
    "picture": "http://www.gravatar.com/avatar/5e6be4ee4a6556cea4663b3f4f727b38.jpg?s=128&r=g",
    "email": "n8@n8io.com",
    "phone": "",
    "website": "https://dev.to/n8io",
    "summary": "A full-stack engineer developer/mentor/blogger with 15+ years experience building scalable web applications and a passion for learning.",

n8io

const Guard = {
  EMAIL_BAD_FORMAT: () => true,
  PASSWORD_BAD_FORMAT: () => true,
  EMPTY: () => true,
}
  
const fetchMachine = Machine({
  id: 'login',
  initial: 'init',
  states: {

n8io

const State = {
  START: 'START',
  EMAIL_INPUT_FOCUS: 'EMAIL_INPUT_FOCUS',
  EMAIL_INPUT_INVALID: 'EMAIL_INPUT_INVALID',
  EMAIL_INPUT_VALID: 'EMAIL_INPUT_VALID',
  FORGOT_PASSWORD_LINK_FOCUS: 'FORGOT_PASSWORD_LINK_FOCUS',
  FORGOT_PASSWORD_LINK_REDIRECT: 'FORGOT_PASSWORD_LINK_REDIRECT',
  PASSWORD_INPUT_FOCUS: 'PASSWORD_INPUT_FOCUS',
  PASSWORD_INPUT_INVALID: 'PASSWORD_INPUT_INVALID',
  PASSWORD_INPUT_VALID: 'PASSWORD_INPUT_VALID',

n8io

const State = {
  START: 'START',
  EMAIL_INPUT_FOCUS: 'EMAIL_INPUT_FOCUS',
  EMAIL_INPUT_INVALID: 'EMAIL_INPUT_INVALID',
  EMAIL_INPUT_VALID: 'EMAIL_INPUT_VALID',
  FORGOT_PASSWORD_LINK_FOCUS: 'FORGOT_PASSWORD_LINK_FOCUS',
  FORGOT_PASSWORD_LINK_REDIRECT: 'FORGOT_PASSWORD_LINK_REDIRECT',
  PASSWORD_INPUT_FOCUS: 'PASSWORD_INPUT_FOCUS',
  PASSWORD_INPUT_INVALID: 'PASSWORD_INPUT_INVALID',
  PASSWORD_INPUT_VALID: 'PASSWORD_INPUT_VALID',

n8io

const State = {
  GREEN: "GO",
  OFFLINE: "OFFLINE",
  RED: "STOP",
  UNKNOWN: "UNKNOWN",
  YELLOW: "YELLOW",
};

const Event = {

n8io

{
  ...
  "dev:build": "nodemon . --exec npm run build",
  "dev:start": "nodemon ./build?? --exec node .",
  "start": "npm-run-all dev:*"
  ...
}

n8io

{
  "Component": {
    "prefix": "component",
    "body": [
      "import{any,array,arrayOf,bool,element,func,instanceOf,node,number,object,oneOf,oneOfType,required,shape,string,}from'prop-types';",
      "import React from 'react';",
      "",
      "${4:import styles from './styles.module.scss';}",
      "",
      "const ${1:Component} = ({ ${2:onClick} }) => (",

n8io

const setEmojiCopy = () => {
    [
        ...document
        .querySelectorAll('.emoji-icon.gitmoji')
    ]
    .forEach(el => 
        el.setAttribute('data-clipboard-text', el.innerText)
    );
};