Implement the integration with Firebase

.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true
+  },
+  extends: [
+    'standard',
+    'plugin:react/recommended'
+  ],
+  overrides: [
+    {
+      env: {
+        node: true
+      },
+      files: [
+        '.eslintrc.{js,cjs}'
+      ],
+      parserOptions: {
+        sourceType: 'script'
+      }
+    }
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+  plugins: [
+    'react'
+  ],
+  rules: {
+  }
+}

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "lofty-equinox-416801"
+  }
+}

.gitignore

@@ -43,3 +43,9 @@ tests\ and\ raw\ models
 
 *.duplicate.*
 
+.idea
+.vs
+.firebase
+*.hot-update.js
+*.hot-update.json
+public/static/bundle*

README.md

@@ -1,2 +1,16 @@
-# turing-machine
+# Turing Machine
 A web based Turing Machine simulator
+
+# Firebase
+1. Follow https://firebase.google.com/docs/cli#initialize_a_firebase_project
+2. Run `firebase login`
+3. Fill in `firebaseProjectId` in /config/config.js.
+
+# Dev
+1. Run `npm run backend`, which starts a local firebase emulator.
+2. Run `npm run dev`, which watches for dependency changes and builds app.
+3. The app will be hosted locally http://localhost:5000.
+
+# Production
+1. Run `npm run pre-deploy` for preview.
+2. Run `npm run deploy` to rollout production release.

config/config.js

@@ -0,0 +1,10 @@
+const Config = {
+	dev: {
+		firebaseProjectId: '',
+	},
+	prod: {
+		firebaseProjectId: '',
+	},
+};
+
+module.exports = Config;

config/webpack.config.development.js

@@ -1,5 +1,6 @@
 var path = require('path')
 var webpack = require('webpack')
+var config = require('./config.js')
 
 process.noDeprecation = true;
 module.exports = {
@@ -11,11 +12,15 @@ module.exports = {
     path.resolve(__dirname, '../src/client/index.js')
   ],
   output: {
-    path: path.join(__dirname, 'dist'),
+    path: path.join(__dirname, '../public/static'),
     filename: 'bundle.js',
     publicPath: '/static/'
   },
   plugins: [
+    new webpack.DefinePlugin({
+      ENV: JSON.stringify('development'),
+      FIREBASE_PROJECT_ID: JSON.stringify(config.dev.firebaseProjectId)
+    }),
     new webpack.HotModuleReplacementPlugin(),
   ],
   module: {

config/webpack.config.production.js

@@ -1,5 +1,6 @@
 var path = require('path')
 var webpack = require('webpack')
+var config = require('./config.js')
 
 process.noDeprecation = true;
 module.exports = {
@@ -16,7 +17,9 @@ module.exports = {
   },
   plugins: [
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('production')
+      'process.env.NODE_ENV': JSON.stringify('production'),
+      ENV: JSON.stringify('production'),
+      FIREBASE_PROJECT_ID: JSON.stringify(config.prod.firebaseProjectId)
     }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.optimize.UglifyJsPlugin({

database.rules.json

@@ -0,0 +1,7 @@
+{
+  /* Visit https://firebase.google.com/docs/database/security to learn more about security rules. */
+  "rules": {
+    ".read": true,
+    ".write": true
+  }
+}

firebase.json

@@ -0,0 +1,35 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "hosting": {
+    "public": "public",
+    "rewrites": [ {
+      "source": "**",
+      "destination": "/index.html"
+    }],
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  },
+  "emulators": {
+    "auth": {
+      "port": 9099
+    },
+    "firestore": {
+      "port": 8080
+    },
+    "database": {
+      "port": 9000
+    },
+    "hosting": {
+      "port": 5000
+    },
+    "ui": {
+      "enabled": true
+    },
+    "singleProjectMode": true
+  }
+}