Clarencef

/**
 * Created by leo6104 (github.com/leo6104)
 * You can use this nodejs script on angular v5/v4/v2 project.
 * 1. Place this gist file `ng-update-v6.js` to angular project's root path
 * 2. use command `node ng-update-v6.js .angular-cli.json` 
 * 3. check angular.json file (created by ng-update-v6.js)
 **/
const fs = require('fs');
const path = require('path');

Clarencef

// Author: Mr. Cheng Sokdara
import React, { createContext, useContext, useReducer } from "react";
import initialState from "./initialState"; // object of initial states
import reducer from "./reducer"; // https://reactjs.org/docs/hooks-reference.html#usereducer
const Store = createContext({
  dispatch: () => null,
  state: initialState,
});
const StoreProvider = ({ children }) => {
  const [state, dispatch] = useReducer(reducer, initialState);

Clarencef

const EVENT = {
  SET_GAME_UI_INFO: 'SET_GAME_UI_INFO',
  SET_VIEWED_INTRO_VIDEO: 'SET_VIEWED_INTRO_VIDEO',
  VIDEO_ENDED:'VIDEO_ENDED',
  SHOW_FINISH_INTRO_PAGE: 'SHOW_FINISH_INTRO_PAGE',
  FINISH_INTRO_FLOW:'FINISH_INTRO_FLOW',
  SHOW_MISSION_DETAI: 'SHOW_MISSION_DETAIL',
  HIDE_MISSION_DETAIL:'HIDE_MISSION_DETAIL',
  NEXT_STEP:'NEXT_STEP',
  COMPLETE_MISSION: 'COMPLETE_MISSION',

Clarencef

const EVENT = {
  OBSERVE_UPDATE: 'OBSERVE_UPDATE',
  TOGGLE: 'TOGGLE',
};

const settingsMachine = Machine(
  {
    id: 'settings',
    initial: 'readyForUpdate',
    context: {

Clarencef

const isStandaloneApp = false;
const EVENT = {
  FOLDED: 'FOLDED',
  ORIGIN: 'ORIGIN',
  FULL_SCREEN: 'FULL_SCREEN',
  EDIT: 'EDIT',
  UPDATE_LIST: 'UPDATE_LIST',
  APP_INITIALIZE: 'APP_INITIALIZE',
  IFRAME_INITIALIZE: 'IFRAME_INITIALIZE',
  SET_CLOCK_POS_INFO: 'SET_CLOCK_POS_INFO',

Clarencef

When you create a npm package, remember it might be used in a browser or a server, or even a command line utility… For each package you create, please pay attention at what it will be used for:

1. Is it going to be used as a dependency to a nodejs application that is not bundled? (e.g. command line utilities)
2. Is it going to be used as a dependency to a nodejs application that is bundled? (e.g. AWS Lambdas)
3. Is it going to be used as a dependency to a browser application (always bundled)?.

• In cases 2) and 3) you want to allow for tree shaking.
• In cases 1) and 2) you want to benefit from the "ES6"/"ES next" features supported natively by nodejs.
• In case 3) you also want to benefit from the native support of "ES6" from your browser.

Clarencef

Problem

I have two Github accounts: oanhnn (personal) and superman (for work). I want to use both accounts on same computer (without typing password everytime, when doing git push or pull).

Solution

Use ssh keys and define host aliases in ssh config file (each alias for an account).

How to?

1. Generate ssh key pairs for accounts and add them to GitHub accounts.

Clarencef

/**
 * Detect if the browser is running in Private mode
 *
 * @returns {Promise}
 */
function isPrivateMode() {
  return new Promise((resolve) => {
    const on = () => resolve(true); // is in private mode
    const off = () => resolve(false); // not private mode
    const testLocalStorage = () => {

Clarencef

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

---

Given the code

Clarencef

/*
The MIT License (MIT)
Copyright (c) 2016 David Gomez-Urquiza

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION