IPFS Support + Loading Improvements (Better local file handling) + Streamlined Collection View (#25)

* support ipfs:// urls!
misc: better error message for loading from http://
tabs: don't render pages/story/urls if hidden

* ipfs work: remove ww only use sw

* electron + ipfs: add ipfs support to electron app, using ipfs-core
- route ipfs requests to files proxy with 'ipfs=' query param

* file loading:
- add support for new Chrome native file system api with file handles, which allows persistent access to files vial file handles
- if window.showOpenFilePicker() is available use that, include file handle in load message
- support asking permissions for file handles, using similar workflow as google drive auth
- attempt to ask for file permission directly, show auth button if fails (user gestured required)
- replace auth modal with iframe replacement insert to ask for auth for google drive and local file

* ui overhaul for 1.3.0 / condense collection view:
- don't show navbar in collection view
- add logo to back to home page to location bar
- condense location bar buttons
- convert terms to general about dialog, available from collection context menu
- add info tab to collection view in place of drop-down info
- make <wr-coll-info> component, used in both collection list and info tab with additional details
- update to wabac.js 2.2.0

* update CHANGES.md

webpack.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
 
 // fake url used in app to serve files
 // can not use custom scheme due to service worker issues
@@ -25,9 +26,16 @@ const electronMainConfig = (env, argv) => {
     entry: {
       'electron': './src/electron-main.js', 
     },
+    resolve: {
+      alias: {
+        "abort-controller": "abort-controller/dist/abort-controller.js",
+        "dlv": "dlv/dist/dlv.js",
+        "bignumber.js": "bignumber.js/bignumber.js"
+      }
+    },
     output: {
       path: path.join(__dirname, 'dist'),
-      filename: '[name].js'
+      filename: '[name].js',
     },
     node: {
       __dirname: false,
@@ -38,8 +46,18 @@ const electronMainConfig = (env, argv) => {
         __APP_FILE_SERVE_PREFIX__ : JSON.stringify(APP_FILE_SERVE_PREFIX),
         __HELPER_PROXY__ : JSON.stringify(HELPER_PROXY)
       }),
-      new webpack.BannerPlugin(BANNER_TEXT)
+      new webpack.BannerPlugin(BANNER_TEXT),
+      new CopyPlugin({
+        patterns: [
+          { from: 'node_modules/bcrypto/build/Release/bcrypto.node', to: 'build' },
+          { from: 'node_modules/leveldown/prebuilds/', to: 'prebuilds' },
+        ],
+      }),
     ],
+    externals: {
+      "bufferutil": "bufferutil",
+      "utf-8-validate": "utf-8-validate",
+    }
   }
 };
 
@@ -51,10 +69,6 @@ const electronPreloadConfig = (env, argv) => {
     entry: {
       'preload': './src/electron-preload.js', 
     },
-    output: {
-      path: path.join(__dirname, 'dist'),
-      filename: '[name].js'
-    },
     plugins: [
       new webpack.BannerPlugin(BANNER_TEXT)
     ],
@@ -111,15 +125,15 @@ const browserConfig = (env, argv) => {
       rules: [
       {
         test:  /\.svg$/,
-        loader: 'svg-inline-loader'
+        use: ['svg-inline-loader'],
       },
       {
         test: /main.scss$/,
-        loaders: ['css-loader', 'sass-loader']
+        use: ['css-loader', 'sass-loader']
       },
       {
         test: /wombat.js|wombatWorkers.js|index.html$/i,
-        loaders: ['raw-loader'],
+        use: ['raw-loader'],
       }
       ]
     },