Troy Moreland 34fame

## model-db-factory.js

/* Import Libraries */
const { Validator } = require('jsonschema')
const v = new Validator()
/* END Import Libraries */

/* Constants */
const stores = {
  FirebaseFirestore: new DbFirebaseFirestoreFactory(),
  FirebaseRealtime: () => {},

## DesignPatternsUsingFunctionalJavaScript.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                34fame
                / DesignPatternsUsingFunctionalJavaScript.md
            
            
              Created
              September 15, 2022 15:18
            
              
                Article: Design Patterns Using Functional JavaScript
              
          
    Design Patterns in JavaScript

Created: June 15, 2022 11:30 AM
Last Edited Time: June 19, 2022 4:19 PM
Status: In Progress
Type: Tech Notes
Problem Statements


I am working on a project that is using an SQL database (e.g. PostgreSQL) and the customer decides they want to move to a NoSQL database (e.g. MongooseDb). Now I have to go through my entire project to refactor everything to use this new database.


## index.js
import Vue from "vue";
import createAuth0Client from "@auth0/auth0-spa-js";
/** Define a default action to perform after authentication */
const DEFAULT_REDIRECT_CALLBACK = () =>
  window.history.replaceState({}, document.title, window.location.pathname);
let instance;
/** Returns the current instance of the SDK */
export const getInstance = () => instance;
/** Creates an instance of the Auth0 SDK. If one has already been created, it returns that instance */
export const useAuth0 = ({

## translate.js
const fs = require('fs')
const { Translate } = require('@google-cloud/translate').v2
const locale = require('locale-codes')


const translate = new Translate({
   projectId: 'ibofk-dev',
   keyFilename: './ibofk-service-account.json'
});

## 0-setup.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                34fame
                / 0-setup.md
            
            
              Last active
              April 15, 2021 03:29
            
              
                Real World Firebase Setup
              
          
    Setup

Install Packages

# Might require sudo
npm i -g firebase-tools

Project Directories


## starter-template.html
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />

      <!-- Custom CSS -->
      <style>
         .mm-jumbotron {
            height: 100vh;

## Users.vue
<template>
  <div>
    <div v-for="user in users" :key="user.id">
      {{ JSON.stringify(user) }}
    </div>
  </div
</template>

<script>
import { mapActions, mapGetters } from 'vuex'

## store-users.js
import Vue from 'vue'
import { uid } from 'uid'

import { instance as axios } from 'boot/axios'
import { firestore as fs } from 'boot/firebase'

const BASEURL = process.env.API_BASEURL + '/users'

const state = {
   collection: {}

## boot-firebase.js
import Vue from 'vue'
import firebase from 'firebase/app'
import 'firebase/storage'
import 'firebase/analytics'
import 'firebase/performance'
import 'firebase/firestore'
import 'firebase/auth'

const FIREBASE_CONFIG = {
   apiKey: process.env.FIREBASE_APIKEY,

## fieldSchema-readonly.js
{
   infoUrl: {
      component: 'q-input',
      label: 'Information Link',
      model: 'infoUrl',
      fieldOptions: {
         class: [],
         on: {
            input: true,
         },

	/* Import Libraries */
	const { Validator } = require('jsonschema')
	const v = new Validator()
	/* END Import Libraries */

	/* Constants */
	const stores = {
	FirebaseFirestore: new DbFirebaseFirestoreFactory(),
	FirebaseRealtime: () => {},
	import Vue from "vue";
	import createAuth0Client from "@auth0/auth0-spa-js";
	/** Define a default action to perform after authentication */
	const DEFAULT_REDIRECT_CALLBACK = () =>
	window.history.replaceState({}, document.title, window.location.pathname);
	let instance;
	/** Returns the current instance of the SDK */
	export const getInstance = () => instance;
	/** Creates an instance of the Auth0 SDK. If one has already been created, it returns that instance */
	export const useAuth0 = ({
	const fs = require('fs')
	const { Translate } = require('@google-cloud/translate').v2
	const locale = require('locale-codes')


	const translate = new Translate({
	projectId: 'ibofk-dev',
	keyFilename: './ibofk-service-account.json'
	});
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<!-- Custom CSS -->
	<style>
	.mm-jumbotron {
	height: 100vh;
	<template>
	<div>
	<div v-for="user in users" :key="user.id">
	{{ JSON.stringify(user) }}
	</div>
	</div
	</template>

	<script>
	import { mapActions, mapGetters } from 'vuex'
	import Vue from 'vue'
	import { uid } from 'uid'

	import { instance as axios } from 'boot/axios'
	import { firestore as fs } from 'boot/firebase'

	const BASEURL = process.env.API_BASEURL + '/users'

	const state = {
	collection: {}
	import Vue from 'vue'
	import firebase from 'firebase/app'
	import 'firebase/storage'
	import 'firebase/analytics'
	import 'firebase/performance'
	import 'firebase/firestore'
	import 'firebase/auth'

	const FIREBASE_CONFIG = {
	apiKey: process.env.FIREBASE_APIKEY,
	{
	infoUrl: {
	component: 'q-input',
	label: 'Information Link',
	model: 'infoUrl',
	fieldOptions: {
	class: [],
	on: {
	input: true,
	},