Updated olaf problem to the last version. (#20)

* Updated olaf problem to the last version.

* added .env.example

* fixed readme example

Author: tinchoz49

.babelrc

@@ -1,16 +1,8 @@
 {
   "presets": [
-    [
-      "@babel/env",
-      {
-        "targets": {
-          chrome: "58",
-          node: "6"
-        }
-      }
-    ]
+    "@babel/preset-env"
   ],
   "plugins": [
-    "@babel/proposal-class-properties"
+    "@babel/plugin-proposal-class-properties"
   ]
 }

package-lock.json

@@ -3,12 +3,17 @@
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
+  "browserslist": [
+    "> 5%"
+  ],
   "dependencies": {
     "@geut/discovery-swarm-webrtc": "^1.0.1",
     "anchorme": "^1.1.2",
     "balloon-css": "^0.5.0",
     "choo": "^6.13.0",
     "choo-devtools": "^2.5.1",
+    "choo-service-worker": "^2.4.0",
+    "color-contrast": "0.0.1",
     "copy-to-clipboard": "^3.0.8",
     "file-type": "^9.0.0",
     "flush-write-stream": "^1.0.3",
@@ -17,12 +22,13 @@
     "hyperid": "^1.4.1",
     "pump": "^3.0.0",
     "qrcode": "^1.3.0",
+    "random-access-idb": "^1.2.0",
     "random-access-memory": "^3.0.0",
     "random-color": "^1.0.1",
     "signalhub": "^4.9.0",
+    "signalhubws": "^1.0.4",
     "tachyons": "^4.11.1",
-    "tinydate": "^1.0.0",
-    "webrtc-swarm": "^2.9.0"
+    "tinydate": "^1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -40,13 +46,15 @@
     "eslint-plugin-promise": "^4.0.1",
     "eslint-plugin-standard": "^4.0.0",
     "jest": "^23.6.0",
-    "parcel-bundler": "^1.10.3"
+    "parcel-bundler": "^1.10.3",
+    "parcel-plugin-sw-precache": "^1.0.1"
   },
   "scripts": {
     "test": "jest",
     "start": "docsify serve --port 5000",
     "lint": "eslint problems",
-    "olaf": "parcel problems/10/chat/olaf/index.html -p 3000"
+    "olaf": "parcel problems/10/olaf/index.html -p 3000",
+    "signal": "signalhubws listen -p 4000"
   },
   "repository": {
     "type": "git",

package.json

@@ -5,6 +5,7 @@ module.exports = class Saga {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 }

problems/05/README.es.md

@@ -24,4 +24,8 @@ describe('problem 05', () => {
   test('username prop', () => {
     expect(saga.username).toBe('peti')
   })
+
+  test('timestamp prop', () => {
+    expect(typeof saga.timestamp).toBe('number')
+  })
 })

problems/05/README.md

@@ -6,6 +6,7 @@ module.exports = class Saga {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/05/solution.js

@@ -7,6 +7,7 @@ module.exports = class Saga {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/05/test.js

@@ -22,6 +22,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/06/index.js

@@ -13,6 +13,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/06/solution.js

@@ -13,6 +13,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/07/index.js

@@ -13,6 +13,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 

problems/07/solution.js

@@ -13,6 +13,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 
@@ -29,7 +30,7 @@ module.exports = class Saga extends EventEmitter {
       userData: JSON.stringify({
         key: this.db.local.key,
         username: this.username,
-        timestamp: Date.now()
+        timestamp: this.timestamp
       })
     })
   }

problems/08/index.js

@@ -13,6 +13,7 @@ module.exports = class Saga extends EventEmitter {
     this.messages = new Map()
     this.users = new Map()
     this.username = username
+    this.timestamp = Date.now()
     this.db = hyperdb(storage, key, { valueEncoding: 'json' })
   }
 
@@ -29,7 +30,7 @@ module.exports = class Saga extends EventEmitter {
       userData: JSON.stringify({
         key: this.db.local.key,
         username: this.username,
-        timestamp: Date.now()
+        timestamp: this.timestamp
       })
     })
   }

problems/08/solution.js

@@ -1,7 +1,7 @@
 const Emitter = require('events')
 const ram = require('random-access-memory')
 const crypto = require('hypercore-crypto')
-const Saga = require('./solution')
+const Saga = require('.')
 
 class MockedPeer extends Emitter {
   constructor (data) {
@@ -17,7 +17,8 @@ describe('problem 09', () => {
   const peerKey = keyPair.publicKey
   const peer = new MockedPeer({
     username: 'test',
-    key: peerKey
+    key: peerKey,
+    timestamp: Date.now()
   })
 
   beforeAll(() => saga.initialize())

problems/09/index.js

@@ -0,0 +1,2 @@
+#ICE_URLS=stun:localhost:3478
+#SIGNAL_URLS=wss://localhost:4000

problems/09/solution.js

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

problems/09/test.js

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

problems/10/chat/olaf/.env.example

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Olaf chat</title>
+  <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/assets/favicon/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+  <link rel="manifest" href="/manifest.webmanifest">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="/assets/favicon/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+  <link rel="stylesheet" href="./src/index.css"/>
+</head>
+<body>
+  <script src="./src/index.js"></script>
+</body>
+</html>