- fixing conflicting order warning and firebase warning

- added more web manifest rules

.eslintignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.vscode/settings.json

@@ -2,11 +2,6 @@
   "files.associations": {
     "*.js": "javascriptreact"
   },
-  "[javascriptreact]": {
-    "editor.codeActionsOnSave": {
-      "source.organizeImports": true
-    }
-  },
   "editor.codeActionsOnSave": {
     "source.fixAll": true
   }

gatsby-config.js

@@ -30,24 +30,34 @@ module.exports = {
       resolve: 'gatsby-plugin-create-client-paths',
       options: { prefixes: ['/app/*'] },
     },
-    {
-      resolve: 'gatsby-plugin-offline',
-      options: {
-        precachePages: ['/', '/app/*'],
-      },
-    },
-    'gatsby-plugin-lodash',
     {
       resolve: 'gatsby-plugin-manifest',
       options: {
         name: 'Reactive Resume',
         short_name: 'RxResume',
-        start_url: '/',
+        description: 'A free and open-source resume builder.',
+        start_url: '/?source=pwa',
+        icon: `assets/images/logo.png`,
         background_color: '#FFFFFF',
         theme_color: '#444444',
         display: 'standalone',
+        shortcuts: [
+          {
+            name: 'Dashboard',
+            short_name: 'Dashboard',
+            description: 'View/manage all your resumes at a glance',
+            url: '/app/dashboard?source=pwa',
+          },
+        ],
       },
     },
+    {
+      resolve: 'gatsby-plugin-offline',
+      options: {
+        precachePages: ['', '/app/*'],
+      },
+    },
+    'gatsby-plugin-lodash',
     'gatsby-plugin-postcss',
     {
       resolve: 'gatsby-source-filesystem',

gatsby-node.js

@@ -1,14 +1,18 @@
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-exports.onCreateWebpackConfig = ({ actions, stage, getConfig }) => {
+exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
   if (stage === 'build-javascript') {
     const config = getConfig();
-    const index = config.plugins.findIndex((plugin) => {
-      return plugin.constructor.name === 'MiniCssExtractPlugin';
-    });
-    config.plugins[index] = new MiniCssExtractPlugin({
-      ignoreOrder: true,
-    });
+    const miniCssExtractPlugin = config.plugins.find(
+      (plugin) => plugin.constructor.name === 'MiniCssExtractPlugin',
+    );
+    if (miniCssExtractPlugin) {
+      miniCssExtractPlugin.options.ignoreOrder = true;
+    }
     actions.replaceWebpackConfig(config);
   }
+
+  if (stage === 'build-html') {
+    actions.setWebpackConfig({
+      externals: [/^firebase/],
+    });
+  }
 };

package.json

@@ -23,20 +23,20 @@
     "dotenv": "^8.2.0",
     "firebase": "^7.15.5",
     "formik": "^2.1.4",
-    "gatsby": "^2.23.22",
-    "gatsby-image": "^2.4.12",
-    "gatsby-plugin-create-client-paths": "^2.3.9",
+    "gatsby": "^2.24.0",
+    "gatsby-image": "^2.4.13",
+    "gatsby-plugin-create-client-paths": "^2.3.10",
     "gatsby-plugin-firebase": "^0.2.0-beta.4",
-    "gatsby-plugin-lodash": "^3.3.9",
-    "gatsby-plugin-manifest": "^2.4.17",
-    "gatsby-plugin-offline": "^3.2.16",
-    "gatsby-plugin-postcss": "^2.3.9",
+    "gatsby-plugin-lodash": "^3.3.10",
+    "gatsby-plugin-manifest": "^2.4.18",
+    "gatsby-plugin-offline": "^3.2.17",
+    "gatsby-plugin-postcss": "^2.3.11",
     "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
-    "gatsby-plugin-react-helmet": "^3.3.9",
-    "gatsby-plugin-sharp": "^2.6.18",
-    "gatsby-source-filesystem": "^2.3.18",
+    "gatsby-plugin-react-helmet": "^3.3.10",
+    "gatsby-plugin-sharp": "^2.6.19",
+    "gatsby-source-filesystem": "^2.3.19",
     "gatsby-source-gravatar": "^1.0.0",
-    "gatsby-transformer-sharp": "^2.5.10",
+    "gatsby-transformer-sharp": "^2.5.11",
     "lodash": "^4.17.19",
     "moment": "^2.27.0",
     "nanoevents": "^5.1.8",
@@ -56,12 +56,10 @@
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.3",
     "gatsby-plugin-eslint": "^2.0.8",
-    "mini-css-extract-plugin": "^0.9.0",
     "prettier": "2.0.5",
     "tailwindcss": "^1.4.6"
   },