sebringj

import { FC } from "react";
import { UserContextProvider, useUserContext } from "./UserContext";

const Component1: FC = () => {
  const { user } = useUserContext();

  return user.loaded ? (
    <h1>
      Hello {user.firstName} {user.lastName}
    </h1>

sebringj

Firebase Functions Middleware Approach

Initially, tried using the express-cors way but ended up causing the firebase functions https to be overwritten for some reason or another and had to rebuild everything and not do that. Instead, tried my own middleware that mimics how express works in how you call it.

I'm not trying to reuse existing middleware from express at this time but might be worth it at some point.

Use like so:

import {onRequest} from './middleware';
import {cors} from './cors';

sebringj

import EventEmitter from 'eventemitter3'

export enum SimpleStoreEvents {
  change = 'change'
}

export class SimpleStore<T> {
  constructor(storeName: string, state: T) {
    this._state = state
    this._storeName = storeName

sebringj

const findRepeatedIndex = arr => [...arr].findIndex(function(item) {
  this.lookup = this.lookup || {};
  return this.lookup[item] && 1 || (this.lookup[item] = 1) && 0;
});

sebringj

const contains = (str, t) => {
  for (const c of t) {
    if (!str.includes(c)) {
      return false;
    }
  }
  return true;
}

const findWindows = (size, s, t) => {

sebringj

function versionToNumber(version) {
  return version
    .split('.')
    .reverse()
    .map((v, i) => parseInt(v, 10) * Math.pow(1000, i))
    .reduce((a, v) => a + v);
}

sebringj

function textFromJson(json) {
    if (json === null || json === undefined) {
      return '';
    }
    if (!Array.isArray(json) && !Object.getPrototypeOf(json).isPrototypeOf(Object)) {
      return '' + json;
    }
    const obj = {};
    for (const key of Object.keys(json)) {
        obj[key] = textFromJson(json[key]);

sebringj

'use strict';

var self = this || global;

// Polyfill from https://github.com/github/fetch/blob/v1.1.1/fetch.js#L8-L21
var support = {
  searchParams: 'URLSearchParams' in self,
  iterable: 'Symbol' in self && 'iterator' in Symbol,
  blob: 'FileReader' in self && 'Blob' in self && (function() {
    try {

sebringj

// VIEW ON JSFIDDLE -> https://jsfiddle.net/v5scgqao/3/
/*
flattens array without mutation
*/
function flattenArray(arr) {
  let arr2 = []
  function flatten(a) {
    for (let i = 0; i < a.length; i++) {
      if (Array.isArray(a[i]))
        flatten(a[i])

sebringj

/*
use like so:

let keyList = getKeyList("a", "b", "c")
console.log(keyList[0]) // "a"
console.log(keyList.index["a"]) // 0
*/

function getKeyList() {
  let arr = [].slice.call(arguments);