Gives Uncaught (in promise) TypeError: Cannot read property 'name' of null

    at index.js:16
    at Array.reduce (<anonymous>)
    at index.js:16
    at index.js:16
    at Object.next (index.js:16)
    at o (index.js:16)

Author: dvasdekis

Dockerfile

@@ -1,6 +1,6 @@
 FROM node:lts-slim AS node_modules
 COPY package.json .
-RUN npm install --quiet
+RUN npm install --silent
 
 FROM node:lts-slim AS builder
 COPY package.json .

README.md

@@ -6,24 +6,20 @@ This is an example [react-admin](https://marmelab.com/react-admin/) application
 
 ## Available Scripts
 
-In the project directory, you can run:
-
-### Full stack: `docker-compose up --quiet-pull --force-recreate --build`
+In the project directory, you can run: `docker-compose up --quiet-pull --force-recreate --build`
 
 It will take more time to run the first time, as Docker installs node_modules in a temporary container.
 
 The containers that get started are:
+ - Webserver (ra-webserver) - Creates the npm-built webserver on port 8080
  - Hasura (graphql-engine) - Creates a Hasura instance on port 8081
- - Webserver (ra-webserver) - Creates the yarn-started webserver on an Apline Linux instance
  - Postgres (postgres) - Database instance
  - Flyway (flyway) - Migrates (runs starting SQL) the Postgres container to the state described in your SQL files in `./migrations/sql`
  - graphql-migrations - Migrates (sets initial config) the Hasura container to the state described in your metadata.json file in `./migrations/hasura`
  - PGTap - Tests the database instance against PGTap SQL as written in `./tests/sql`
 
 Ideally there'd be a container that runs frontend tests for the ra-webserver instance. But I am a backend guy and I don't know how they work.
 
-I quite like this one-liner for killing and recreating everything:
-`docker-compose down;docker volume rm $(docker volume ls -q); docker system prune --volumes -f;docker-compose up -d --build --force-recreate`
 
 ### Webserver only:
 

docker-compose.yaml

@@ -43,7 +43,8 @@ services:
       HASURA_GRAPHQL_ENABLE_CONSOLE: "true"
       HASURA_GRAPHQL_ADMIN_SECRET: ${HASURA_ADMIN_SECRET}
       HASURA_GRAPHQL_UNAUTHORIZED_ROLE: ${HASURA_UNAUTHORIZED_ROLE}
-      HASURA_GRAPHQL_LOG_LEVEL: warn
+      HASURA_GRAPHQL_JWT_SECRET: '{"type": "RS256", "jwk_url": "https://www.googleapis.com/service_accounts/v1/jwk/[email protected]", "audience": "react-admin-low-code", "issuer": "https://securetoken.google.com/react-admin-low-code"}'
+      HASURA_GRAPHQL_LOG_LEVEL: debug
       HASURA_GRAPHQL_ENABLED_LOG_TYPES: query-log
   graphql-migrations:
     image: dvasdekis/hasura-cli-docker:latest

firebase/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "hedgecheap-test"
+  }
+}

firebase/firebase.json

@@ -0,0 +1,7 @@
+{
+  "functions": {
+    "predeploy": [
+      "npm --prefix \"$RESOURCE_DIR\" run lint"
+    ]
+  }
+}

firebase/functions/.eslintrc.json

@@ -0,0 +1,123 @@
+{
+  "parserOptions": {
+    // Required for certain syntax usages
+    "ecmaVersion": 2017
+  },
+  "plugins": [
+    "promise"
+  ],
+  "extends": "eslint:recommended",
+  "rules": {
+    // Removed rule "disallow the use of console" from recommended eslint rules
+    "no-console": "off",
+
+    // Removed rule "disallow multiple spaces in regular expressions" from recommended eslint rules
+    "no-regex-spaces": "off",
+
+    // Removed rule "disallow the use of debugger" from recommended eslint rules
+    "no-debugger": "off",
+
+    // Removed rule "disallow unused variables" from recommended eslint rules
+    "no-unused-vars": "off",
+
+    // Removed rule "disallow mixed spaces and tabs for indentation" from recommended eslint rules
+    "no-mixed-spaces-and-tabs": "off",
+
+    // Removed rule "disallow the use of undeclared variables unless mentioned in /*global */ comments" from recommended eslint rules
+    "no-undef": "off",
+
+    // Warn against template literal placeholder syntax in regular strings
+    "no-template-curly-in-string": 1,
+
+    // Warn if return statements do not either always or never specify values
+    "consistent-return": 1,
+
+    // Warn if no return statements in callbacks of array methods
+    "array-callback-return": 1,
+
+    // Require the use of === and !==
+    "eqeqeq": 2,
+
+    // Disallow the use of alert, confirm, and prompt
+    "no-alert": 2,
+
+    // Disallow the use of arguments.caller or arguments.callee
+    "no-caller": 2,
+
+    // Disallow null comparisons without type-checking operators
+    "no-eq-null": 2,
+
+    // Disallow the use of eval()
+    "no-eval": 2,
+
+    // Warn against extending native types
+    "no-extend-native": 1,
+
+    // Warn against unnecessary calls to .bind()
+    "no-extra-bind": 1,
+
+    // Warn against unnecessary labels    
+    "no-extra-label": 1,
+
+    // Disallow leading or trailing decimal points in numeric literals
+    "no-floating-decimal": 2,
+
+    // Warn against shorthand type conversions
+    "no-implicit-coercion": 1,
+
+    // Warn against function declarations and expressions inside loop statements
+    "no-loop-func": 1,
+
+    // Disallow new operators with the Function object
+    "no-new-func": 2,
+
+    // Warn against new operators with the String, Number, and Boolean objects
+    "no-new-wrappers": 1,
+
+    // Disallow throwing literals as exceptions
+    "no-throw-literal": 2,
+
+    // Require using Error objects as Promise rejection reasons
+    "prefer-promise-reject-errors": 2,
+
+    // Enforce “for” loop update clause moving the counter in the right direction
+    "for-direction": 2,
+
+    // Enforce return statements in getters
+    "getter-return": 2,
+
+    // Disallow await inside of loops
+    "no-await-in-loop": 2,
+
+    // Disallow comparing against -0
+    "no-compare-neg-zero": 2,
+
+    // Warn against catch clause parameters from shadowing variables in the outer scope
+    "no-catch-shadow": 1,
+
+    // Disallow identifiers from shadowing restricted names
+    "no-shadow-restricted-names": 2,
+
+    // Enforce return statements in callbacks of array methods
+    "callback-return": 2,
+
+    // Require error handling in callbacks
+    "handle-callback-err": 2,
+
+    // Warn against string concatenation with __dirname and __filename
+    "no-path-concat": 1,
+
+    // Prefer using arrow functions for callbacks
+    "prefer-arrow-callback": 1,
+
+    // Return inside each then() to create readable and reusable Promise chains.
+    // Forces developers to return console logs and http calls in promises. 
+    "promise/always-return": 2,
+
+    //Enforces the use of catch() on un-returned promises
+    "promise/catch-or-return": 2,
+
+    // Warn against nested then() or catch() statements
+    "promise/no-nesting": 1
+  }
+}

firebase/functions/.gitignore

@@ -0,0 +1 @@
+node_modules/

firebase/functions/README.md

@@ -0,0 +1,10 @@
+This is where we put Firebase functions
+
+Instructions were sourced from https://hasura.io/blog/authentication-and-authorization-using-hasura-and-firebase/
+and are committed to Firebase with console `npm install && firebase deploy --only functions` from a logged-in cmdline version of firebase (installed via npm)
+
+To redeploy firebase functions:
+
+`
+gcloud sql users set-password firebase_function_user --instance="your-gcloud-db" --password="firebase_function_password" && firebase --project "react-admin-low-code" functions:config:set database.ip="/cloudsql/hedgecheap-test:us-central1:your-gcloud-db" database.dbname="postgres" database.user="firebase_function_user" database.password="firebase_function_password" database.port=5432 && firebase deploy --only functions
+`

firebase/functions/index.js

@@ -0,0 +1,57 @@
+// This is sourced from https://hasura.io/blog/authentication-and-authorization-using-hasura-and-firebase/
+// and also https://hasura.io/blog/build-flutter-app-hasura-firebase-part2/
+// and is committed to Firebase with console `firebase deploy --only functions`
+const functions = require("firebase-functions");
+const admin = require("firebase-admin");
+const { Pool } = require('pg');
+admin.initializeApp(functions.config().firebase);
+
+const pool = new Pool({
+  user: functions.config().database.user,
+  host: functions.config().database.ip,
+  database: functions.config().database.dbname,
+  password: functions.config().database.password,
+  port: functions.config().database.port,
+});
+
+
+// On sign up.
+exports.processSignUp = functions.auth.user().onCreate(user => {
+  const customClaims = {
+    "https://hasura.io/jwt/claims": {
+      "x-hasura-default-role": "user",
+      "x-hasura-allowed-roles": ["user"],
+      "x-hasura-user-id": user.uid
+    }
+  };
+
+  // Below is only needed if you wish to have Firebase sync its users to a Google Cloud DB
+  // // Write the new user to the database
+  // const text = 'INSERT INTO public.users(id, email) VALUES($1, $2)';
+  // const values = [user.uid, user.email];
+  // (async () => {
+  //   const client = await pool.connect();
+  //   try {
+  //     const res = await client.query(text, values);
+  //     console.log(res.rows[0])
+  //   } finally {
+  //     // Make sure to release the client before any error handling,
+  //     // just in case the error handling itself throws an error.
+  //     client.release()
+  //   }
+  // })().catch(err => console.log(err.stack));
+
+  return admin
+    .auth()
+    .setCustomUserClaims(user.uid, customClaims)
+    .then(() => {
+      // Update real-time database to notify client to force refresh.
+      const metadataRef = admin.database().ref("metadata/" + user.uid);
+      // Set the refresh time to the current UTC timestamp.
+      // This will be captured on the client to force a token refresh.
+      return metadataRef.set({ refreshTime: new Date().getTime() });
+    }).then
+    .catch(error => {
+      console.log(error);
+    });
+});