Giter Club home page Giter Club logo

wittr's Introduction

Wittr

This is a silly little demo app for an offline-first course.

You could run the app either using machine dependnecies, or using docker

Running using local machine

Installing

Dependencies:

Then check out the project and run:

npm install

Running

npm run serve

Using the app

You should now have the app server at localhost:8888 and the config server at localhost:8889.

You can also configure the ports:

npm run serve -- --server-port=8000 --config-server-port=8001

Running using docker

docker-compose up

Here also you should have the app server at localhost:8888 and the config server at localhost:8889.

You can configure the ports by changing them in docker-compose.yml before starting:

ports:
  # <host>:<container>
  - 8000:8888
  - 8001:8889

Troubleshooting

  • Errors while executing npm run serve.
    • The first thing to try is to upgrade to latest version of node.
    • If latest version also produces errors, try installing v4.5.0.
  • If you get any node-sass errors, try running npm rebuild node-sass --force or the remove node_modules folder and run npm install again

wittr's People

Contributors

a-magdy avatar alarsyo avatar apieceofbart avatar goldob avatar jakearchibald avatar lholmquist avatar nithanaroy avatar starx avatar timmywil avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wittr's Issues

Is that bluebar on top is copyright by Google ?

That blue navigation bar that I am seeing in top of android and this application look good to me. Is that copyright by google.

Or I can use it in my code. that blue navigation which is part of PWA.

Thanks in advance,

[Bug] npm run serve produces errors and doesnt start the servers

npm ERR! Linux 4.4.0-43-Microsoft
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "serve"
npm ERR! node v4.2.6
npm ERR! npm v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] serve: gulp serve
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] serve script 'gulp serve'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the wittr package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! gulp serve
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs wittr
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls wittr
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/jw/wittr/npm-debug.log

npm ERR! code EACCES,! errno EACCES, FetchError: request to https://registry.npmjs.org/babel-eslint failed, reason: connect EACCES 104.18.94.96:443

I have gone through this installation before and everything worked out fine, after formatting my laptop, and installing a fresh copy of node, it refused to work. Anybody with any ideas on how to go about this..
npm ERR! code EACCES
npm ERR! errno EACCES
npm ERR! FetchError: request to https://registry.npmjs.org/babel-eslint failed, reason: connect EACCES 104.18.94.96:443
npm ERR! at ClientRequest.req.on.err (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\index.js:68:14)
npm ERR! at emitOne (events.js:116:13)
npm ERR! at ClientRequest.emit (events.js:211:7)
npm ERR! at TLSSocket.socketErrorListener (_http_client.js:387:9)
npm ERR! at emitOne (events.js:116:13)
npm ERR! at TLSSocket.emit (events.js:211:7)
npm ERR! at emitErrorNT (internal/streams/destroy.js:64:8)
npm ERR! at _combinedTickCallback (internal/process/next_tick.js:138:11)
npm ERR! at process._tickCallback (internal/process/next_tick.js:180:9)
npm ERR! { FetchError: request to https://registry.npmjs.org/babel-eslint failed, reason: connect EACCES 104.18.94.96:443
npm ERR! at ClientRequest.req.on.err (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\index.js:68:14)
npm ERR! at emitOne (events.js:116:13)
npm ERR! at ClientRequest.emit (events.js:211:7)
npm ERR! at TLSSocket.socketErrorListener (_http_client.js:387:9)
npm ERR! at emitOne (events.js:116:13)
npm ERR! at TLSSocket.emit (events.js:211:7)
npm ERR! at emitErrorNT (internal/streams/destroy.js:64:8)
npm ERR! at _combinedTickCallback (internal/process/next_tick.js:138:11)
npm ERR! at process._tickCallback (internal/process/next_tick.js:180:9)
npm ERR! message: 'request to https://registry.npmjs.org/babel-eslint failed, reason: connect EACCES 104.18.94.96:443',
npm ERR! type: 'system',
npm ERR! errno: 'EACCES',
npm ERR! code: 'EACCES',
npm ERR! stack: 'FetchError: request to https://registry.npmjs.org/babel-eslint failed, reason: connect EACCES 104.18.94.96:443\n at ClientRequest.req.on.err (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\node_modules\make-fetch-happen\node_modules\node-fetch-npm\src\index.js:68:14)\n at emitOne (events.js:116:13)\n at ClientRequest.emit (events.js:211:7)\n at TLSSocket.socketErrorListener (_http_client.js:387:9)\n at emitOne (events.js:116:13)\n at TLSSocket.emit (events.js:211:7)\n at emitErrorNT (internal/streams/destroy.js:64:8)\n at _combinedTickCallback (internal/process/next_tick.js:138:11)\n at process._tickCallback (internal/process/next_tick.js:180:9)',
npm ERR! parent: 'wittr' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\School\AppData\Roaming\npm-cache_logs\2018-05-27T13_27_17_251Z-debug.log

unable to setup the app on Fedora 32

Hey,

Took the Offline Web Applications course on Udacity and am facing problem getting the app working.

I am using Fedora 32 with node version v14.7.0

npm install fails.

Error Link: https://pastebin.com/izFQ0inp

It seems npm install is actually trying to compile some C/C++ code and fails.

FYI, I saw that there was another repo called "wittr-modern" and tried that as well but with no luck. npm install fails on this one as well.

Attached file is for "wittr-modern" repo

Any help would be greatly appreciated.

Thanks
2020-08-10T15_57_07_191Z-debug.log

Run over https

Hi there! I cloned the repository into another machine on my lan (it's a development server) and I need to run over https protocol to register service workers. How can I do this? There's sometinhg like "npm run serve -key /path/to/key" ? Thanks

Node sass@ 4.7.2 install: 'node scripts/install.js'

I have tried uninstalling and reinstalling and several things in between, but i keep coming back to this error. I am totally stuck. On Windows 10 if that matters. I don't know what I would be looking for in the logs.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node scripts/install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\garne\AppData\Roaming\npm-cache_logs\2018 -01-17T22_20_34_787Z-debug.log

All tests from SW registration on fail for me

Hey there,

So I'm using Chrome 66.0.3355.0 on OSX High Sierra, with a backend running on Node 9.3, and all tests fail from the SW registration onwards. It seems the SW either doesn't get registered, from the tests' POV, or something.

Everything works fine in terms of actual behavior, but the tests don't seem to detect any of it correctly from SW reg onwards. I don't see any error logging in the :8889 server or anything. Silent fails.

Would be lovely to have working tests!

A branch for the latest assignment results

Hi Jake,

First of all, thank you very much for the course! You have done a really great job! It has made Service Worker much clearer to me.

The only thing I wanted to know is the name of the branch for the results of the latest assignment? The reason I am wondering is that my final code is not stable in regular version of Chrome for some reason and I wanted to make sure I have done everything right.

Thank you so much in advance,
Konstantin

Error on npm run serve

After I install (node v4.5.0 and npm v2.15.9) and execute npm run serve I get the following error.

[16:56:23] Development server has error.
module.js:327
    throw err;
    ^

Error: Cannot find module 'deck'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/Users/psj589/wittr/node_modules/markov/index.js:2:12)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)

Can you please help me out here? I didn't receive any errors or warnings after npm install

offline

please i need help i dont know why whenever i switch to the offline mode nothing updates it just show me unable to connect retrying

Error: Cannot find module 'deck'

After pulling the repo from git and doing an npm install with no errors, when trying to run the application I get the following error:

> [email protected] serve /Users/kbj110/Desktop/wittr
> gulp serve

[08:52:23] Using gulpfile ~/Desktop/wittr/gulpfile.js
[08:52:23] Starting 'serve'...
[08:52:23] Starting 'clean'...
[08:52:23] Finished 'clean' after 34 ms
[08:52:23] Starting 'css'...
[08:52:23] Starting 'js:browser'...
[08:52:23] Starting 'templates:server'...
[08:52:23] Starting 'js:server'...
[08:52:23] Starting 'copy'...
[08:52:25] 67987 bytes written (1.54 seconds)
[08:52:25] 2700 bytes written (1.63 seconds)
[08:52:25] Finished 'css' after 1.91 s
[08:52:25] Finished 'templates:server' after 1.82 s
[08:52:25] 27444 bytes written (2.17 seconds)
[08:52:25] Finished 'js:server' after 2.22 s
[08:52:25] 25441 bytes written (2.22 seconds)
[08:52:26] 142120 bytes written (2.40 seconds)
[08:52:26] 91694 bytes written (2.43 seconds)
[08:52:26] 207007 bytes written (2.61 seconds)
[08:52:26] Finished 'js:browser' after 2.71 s
[08:52:26] Finished 'copy' after 2.64 s
[08:52:26] Starting 'server'...
[08:52:26] Finished 'server' after 34 ms
[08:52:26] Starting 'watch'...
[08:52:26] Finished 'watch' after 43 ms
[08:52:26] Finished 'serve' after 2.91 s
[08:52:26] Development server has error.
module.js:471
    throw err;
    ^

Error: Cannot find module 'deck'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/kbj110/Desktop/wittr/node_modules/markov/index.js:2:12)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

I cant seem to install npm and run server

Hello guys, please I have been trying to install npm for a long time now, all to no avail. Someone, please help me. Here is the data I got from the log:

0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files (x86)\nodejs\node.exe',
1 verbose cli 'C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'serve' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle [email protected]preserve: [email protected]
6 info lifecycle [email protected]
serve: [email protected]
7 verbose lifecycle [email protected]serve: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]
serve: PATH: C:\Program Files (x86)\nodejs\node_modules\npm\bin\node-gyp-bin;C:\Users\BUKKYSOS\wittr\wittr\node_modules.bin;C:\ProgramData\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\Program Files (x86)\QuickTime\QTSystem;C:\Program Files (x86)\nodejs;C:\Program Files (x86)\Git\cmd;C:\Users\BUKKYSOS\AppData\Local\Microsoft\WindowsApps;C:\Users\BUKKYSOS\AppData\Local\atom\bin;C:\Users\BUKKYSOS\AppData\Local\Microsoft\WindowsApps;C:\Users\BUKKYSOS\AppData\Roaming\npm;C:\Program Files (x86)\Microsoft VS Code\bin
9 verbose lifecycle [email protected]serve: CWD: C:\Users\BUKKYSOS\wittr\wittr
10 silly lifecycle [email protected]
serve: Args: [ '/d /s /c', 'gulp serve' ]
11 silly lifecycle [email protected]serve: Returned: code: 1 signal: null
12 info lifecycle [email protected]
serve: Failed to exec serve script
13 verbose stack Error: [email protected] serve: gulp serve
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:280:16)
13 verbose stack at EventEmitter.emit (events.js:159:13)
13 verbose stack at ChildProcess. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:159:13)
13 verbose stack at maybeClose (internal/child_process.js:943:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:220:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\BUKKYSOS\wittr\wittr
16 verbose Windows_NT 10.0.16299
17 verbose argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js" "run" "serve"
18 verbose node v9.2.0
19 verbose npm v5.5.1
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] serve: gulp serve
22 error Exit status 1
23 error Failed at the [email protected] serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

Suggestion: add required eslint dependencies to package.json

Hi @jakearchibald, I noticed there's an .eslint config file in the root of the project, and that's a good thing, because most contemporary editors (i.e. Atom, VSCode) are able to pick it up and lint "on the fly". However, a commonly accepted best-practice is to add the required devDependencies - in this case eslint and the babel-eslint parser to the project's package.json:

npm i -D eslint babel-eslint

ethernet connection problems

Hi everyone!
after installing and 2 days working with witter my ethernet adapter connection was lost with error:“cable unplugged”.
Restarting, changing cable, disabling adapter and reinstalling drivers resetting network did not help.

Only after total windows reinstall the ethernet connection returnes.

The question: what can caused such a thing? Maybe docker config? What can I do to enshure not to lost ethrnet again?

Thank you
Lev

Images served from Flickr are not served with the correct Response Headers

In wittr/server/Server.js. the following block of code that is piping the Flickr Response is not setting the headers.

    this._app.get('/photos/:farm-:server-:id-:secret-:type.jpg', (req, res) => {
      const flickrUrl = `http://farm${req.params.farm}.staticflickr.com/${req.params.server}/${req.params.id}_${req.params.secret}_${imgSizeToFlickrSuffix[req.params.type]}.jpg`;
      const flickrRequest = http.request(flickrUrl, flickrRes => {
        flickrRes.pipe(res);
      });

      flickrRequest.on('error', err => {
        // TODO: use a real flickr image as a fallback
        res.sendFile('imgs/icon.png', {
          root: __dirname + '/../public/'
        });
      });

      flickrRequest.end();
    });

This causes the browser to interpret it as text/plain

screen shot 2018-01-17 at 7 09 58 am

The flickrRequest actually contains headers that can be set on the Express response headers and I was able to get the content-type and content-length to be set on the response.

screen shot 2018-01-17 at 7 27 36 am

I think the fix will be to loop through the flickrRequest headers and set it on the Express Response and I will be happy to submit a PR for it. But I want to check if there is a reason we are not setting the headers in this code.

Unable to clone projects from github

Please I keep getting this error message every time I run
git clone https://github.com/jakearchibald/wittr.git
Please help

fatal: remote did not send all necessary objects
Unlink of file 'wittr/.git/objects/pack/pack-ab460917861de551198a7dcfa162b022b58640d5.idx' failed. Should I try again? (y/n)

  • So I tried downloading it
  • and I ran git init (that was successful till i had to run)
  • git reset --hard (this didn't make any prompt...so not sure if it worked)
  • git checkout log-requests => (fatal: Not a git repository (or any of the parent directories): .git)
    and my life went from miserable to more miserable from there... 😞😞
    Even chrome Router tab isn't present (may be an update or something removed it).

Please I need to finish this preoject

Trouble with IndexDB lesson...

I'm working the online tutorial. Somebody put a whole lot of time into this. Thank you, thank you.

I'm not sure what's going on, but I'm struggling with getting the Indexed DataBase (IDB) stuff to work. The issue only occurs when using a person Object store method with custom index. The actual presentation page I'm currently on is: https://classroom.udacity.com/courses/ud899/lessons/6381510082/concepts/63774101670923

To reproduce the issue:

  1. Clone this repository
  2. git reset --hard
  3. git checkout task-idb-people

run the server via npm run serve

Open two browser tabs in Chrome. One tab points to http://localhost:8888/ and the other points to http://localhost:8888/idb-test . Open up the developers tools within the browser for each of those tabs.

I can't get the new Person Objectstore to run correctly. I'm seeing too many JavaScript errors. In chrome [ Google Chrome Version 61.0.3163.100 (Official Build) (64-bit)] the error is: (and repeated numerous times in a single refresh...)

idb.js:23 Uncaught (in promise) DOMException: Failed to execute 'put' on 'IDBObjectStore': The object store uses out-of-line keys and has no key generator and the key parameter was not provided.
    at http://localhost:8888/js/idb-test.js:24:29
    at new Promise (<anonymous>)
    at promisifyRequestCall (http://localhost:8888/js/idb-test.js:23:13)
    at ObjectStore.ProxyClass.(anonymous function) [as put] (http://localhost:8888/js/idb-test.js:57:16)
    at http://localhost:8888/js/idb-test.js:369:15
    at <anonymous>

When I run the same page in Chrome Canary [Google Chrome Version 64.0.3255.3 (Official Build) canary (64-bit)], it seems to be working fine. I understand that Canary is more advanced than Chrome, but if that is the case, is the IDB technology really deployable in this decade for users using the more common Chrome browser?

And I don't mean to be ungrateful. Many thanks to the authors and presenters for a well thought out and presented class on Offline web applications.

(edit)
Still struggling with the lessons and the IndexedDB stuff... odd errors.. and the official solutions fail. I'm up to lesson 'Using IDB 2'.. to reproduce the errors after 'solving' that lesson:

git reset --hard
git checkout task-clean-db

And I'm getting mixed results on both Chrome and Canary. Its not clear if I'm doing something wrong, or there have been changes to elements or the browser that make this stuff fragile. Many thanks to anyone who can clarify what's going on.

npm install ERR

I run npm install . But it's fell
`User@ar MINGW64 ~/Desktop/wittr (master)
$ npm install
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm ERR! Unexpected end of JSON input while parsing near '..."version":"0.6.10","d'

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\User\AppData\Roaming\npm-cache_logs\2018-10-24T14_05_16_002Z-debug.log`

[Bug] npm run serve produces errors and doesnt start the servers

Here is the debug log which shows the errors on running npm run serve

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'serve' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info preserve [email protected]
6 info serve [email protected]
7 verbose unsafe-perm in lifecycle true
8 info [email protected] Failed to exec serve script
9 verbose stack Error: [email protected] serve: gulp serve
9 verbose stack Exit status 1
9 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:214:16)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at EventEmitter.emit (events.js:172:7)
9 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at ChildProcess.emit (events.js:172:7)
9 verbose stack at maybeClose (internal/child_process.js:818:16)
9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
10 verbose pkgid [email protected]
11 verbose cwd /Volumes/350GB/Projects/offline-first-course-app
12 error Darwin 13.4.0
13 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "serve"
14 error node v4.2.1
15 error npm v2.14.7
16 error code ELIFECYCLE
17 error [email protected] serve: gulp serve
17 error Exit status 1
18 error Failed at the [email protected] serve script 'gulp serve'.
18 error This is most likely a problem with the wittr package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error gulp serve
18 error You can get their info via:
18 error npm owner ls wittr
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

localhost not updating all files

I'm not finding much information to this issue when I google for is.

I cloned the repo as directed.
For the first about 1/3 of the course, everything works fine.

Since then, when I do work, save it , go to localhost, refresh, the changes aren't there (I can see either old code, new code not added, etc when i look at the code in sources in dev tools).

If I then go to restart localhost, then it won't load, its unreachable, etc.

I have deleted the first repo I cloned, and recloned the lesson files into a new path (in case of conflict for some reason from another directory in the old path).

It seemed to work ok for a couple of lessons.
For lesson 25, it won't recognize the changes again, I have my code (i'm pretty sure I do) as per the solution. It never passes when enter the code.
I quit localhost and went to restart it again, wouldn't load.
In the lesson 25 file, I git reset --hard to start over.
Localhost will connect, but its not recognizing any changes I make in my code editor and save.
I'm using Atom if that matters.

It seems its just the service worker file(sw/index.js) that isn't updating when a change is made within it, upon inspection in Sources in Dev Tools, those changes aren't present.
When I review IndexController.js in Sources in Dev tools, it does have changes I make and save.

The only error in console is:

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist. localhost/:1

[Deprecation] Styling master document from stylesheets defined in HTML Imports is deprecated. Please refer to https://goo.gl/EGXzpw for possible migration paths.

Any thoughts or suggestions as to if I'm doing something incorrectly or where the problem may lie?

Thank you

Server crashes on websocket timeout

See title. The problem can be reproduced with the following steps:

  1. Run the server with npm run serve
  2. Visit http://localhost:8888 in the browser
  3. Reload or close the browser window

This results in an error being thrown by the server, which then stops responding to further requests.

Error: not opened
    at WebSocket.send (/home/goldob/Code/wittr/node_modules/ws/lib/WebSocket.js:218:16)
    at /home/goldob/Code/wittr/build/server/Server.js:236:23
    at Array.forEach (native)
    at Server._broadcast (/home/goldob/Code/wittr/build/server/Server.js:235:21)
    at Server._addMessage (/home/goldob/Code/wittr/build/server/Server.js:313:12)
    at Timeout._onTimeout (/home/goldob/Code/wittr/build/server/Server.js:227:16)
    at ontimeout (timers.js:386:14)
    at tryOnTimeout (timers.js:250:5)
    at Timer.listOnTimeout (timers.js:214:5)

Lifecycle and events during ServiceWorker installation

Thanks for the great examples and it was interesting going through them on the Mobile Web Specialist track at Udacity.

I have a question about the block of code found at the file

if (reg.installing) {
indexController._trackInstalling(reg.installing);
return;
}

While testing it I believe this is called by the first service worker that is installed on the browser. So when updating the service worker implementation this will not get called since reg.installing will be null for the new service worker.

And since that code block occurs after the block

if (!navigator.serviceWorker.controller) {
return;
}
which will exit the function if navigator.serviceWorker.controller is undefined which occurs when the first service worker is installing the code inside if (req.installing) will never be executed.

It will be great if my assumption can be verified. Thanks

fatal error LNK1107: invalid or corrupt file: cannot read at 0x21E00D

Hello, please am still a newbie at node,though I have done a couple of projects, with it. I bumped into your amazing tutorial but each time I try running the npm install on your app, this particular error stops the app from installing.
fatal error LNK1107: invalid or corrupt file: cannot read at 0x21E00D
I don't really know what is wrong. Please can you assist me.
Node Version: 8.6.0
Node gyp Version: 3.6.3
npm Version: 5.5.1

After `npm install`, `npm run serve` fails

I'm unable to run this demo as part of the Offline Web Applications course on Udacity. After npm install, npm run serve fails:

$ npm run serve

> [email protected] serve /Users/bbrudnoy/Repositories/wittr
> gulp serve

fs.js:27
const { Math, Object, Reflect } = primordials;
                                  ^

ReferenceError: primordials is not defined
    at fs.js:27:35
    at req_ (/Users/bbrudnoy/Repositories/wittr/node_modules/natives/index.js:143:24)
    at Object.req [as require] (/Users/bbrudnoy/Repositories/wittr/node_modules/natives/index.js:55:10)
    at Object.<anonymous> (/Users/bbrudnoy/Repositories/wittr/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)
    at Module._compile (internal/modules/cjs/loader.js:759:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:770:10)
    at Module.load (internal/modules/cjs/loader.js:628:32)
    at Function.Module._load (internal/modules/cjs/loader.js:555:12)
    at Module.require (internal/modules/cjs/loader.js:666:19)
    at require (internal/modules/cjs/helpers.js:16:16)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: `gulp serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

I'm running this on macOS Mojave (v10.14.4).

Blue Screen of Death

Whenever I run wittr on localhost:8888 with npm run serve, I get a blue screen of death with a stop code of KERNEL_SECURITY_CHECK_FAILURE. I am running this in Google Chrome on Windows 10 on a Dell Inspiron 13-5368. Does anyone know what the issue is and how to fix it?

Security issue in ws dependency

Today I got message from Node Security Advisory about security problem in ws dependency (Denial of Service).
It's has CVVS High with 7.5 points. Please check advisory here: https://nodesecurity.io/advisories/550

P.S. I know it's not a problem for us just learn new stuff without thinking about it, but I think it will be good to update version to fixed release.

No photos folder

You reference piv=ctures in pjotos folder like this /photos/6-5486-10377765523-d989a2ccd4-800px.jpg

But there is no photos folder in the repository

this is being shadowed in _onSocketMessage in several branches.

In the initial branch, _onSocketMessage refers to this._postsView.addPosts(), which works fine.
In later branches, this._postsView.addPosts() is wrapped in other promises and loses it's scope.

Here's one example in Lesson 4, step 7 (task-clean-db branch):

this._postsView.addPosts(messages);

The fix is to assign this to var indexController = this; as is being done in the rest of the code.

error while running npm serve

Sundays-Air:wittr-master sundaymalgwi$ npm run serve

[email protected] serve /Users/sundaymalgwi/Desktop/wittr-master
gulp serve

[01:28:10] Using gulpfile ~/Desktop/wittr-master/gulpfile.js
[01:28:10] Starting 'serve'...
[01:28:10] Starting 'clean'...
[01:28:10] Finished 'clean' after 42 ms
[01:28:10] Starting 'css'...
[01:28:10] Starting 'js:browser'...
[01:28:10] Starting 'templates:server'...
[01:28:10] Starting 'js:server'...
[01:28:11] Starting 'copy'...
[01:28:11] { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets]
name: 'ReferenceError',
message: '[BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets',
stack: 'ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets\n at Logger.error (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/logger.js:58:11)\n at OptionManager.mergeOptions (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:126:29)\n at OptionManager.addConfig (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:107:10)\n at OptionManager.findConfigs (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:168:35)\n at OptionManager.init (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:229:12)\n at File.initOptions (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/index.js:147:75)\n at new File (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/index.js:137:22)\n at Pipeline.transform (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/pipeline.js:164:16)\n at DestroyableTransform._transform (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/index.js:30:20)\n at DestroyableTransform.Transform._read (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:184:10)',
fileName: '/Users/sundaymalgwi/Desktop/wittr-master/server/Server.js',
showStack: false,
showProperties: false,
plugin: 'gulp-babel' }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:28:11] Finished 'css' after 998 ms
[01:28:11] Finished 'templates:server' after 876 ms
[01:28:11] Finished 'copy' after 591 ms
^C
Sundays-Air:wittr-master sundaymalgwi$ npm -v
2.15.9
Sundays-Air:wittr-master sundaymalgwi$ npm run serve

[email protected] serve /Users/sundaymalgwi/Desktop/wittr-master
gulp serve

[01:35:29] Using gulpfile ~/Desktop/wittr-master/gulpfile.js
[01:35:29] Starting 'serve'...
[01:35:29] Starting 'clean'...
[01:35:29] Finished 'clean' after 46 ms
[01:35:29] Starting 'css'...
[01:35:30] Starting 'js:browser'...
[01:35:30] Starting 'templates:server'...
[01:35:30] Starting 'js:server'...
[01:35:30] Starting 'copy'...
[01:35:30] { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets]
name: 'ReferenceError',
message: '[BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets',
stack: 'ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/server/Server.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets\n at Logger.error (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/logger.js:58:11)\n at OptionManager.mergeOptions (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:126:29)\n at OptionManager.addConfig (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:107:10)\n at OptionManager.findConfigs (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:168:35)\n at OptionManager.init (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:229:12)\n at File.initOptions (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/index.js:147:75)\n at new File (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/file/index.js:137:22)\n at Pipeline.transform (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/node_modules/babel-core/lib/transformation/pipeline.js:164:16)\n at DestroyableTransform._transform (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/gulp-babel/index.js:30:20)\n at DestroyableTransform.Transform._read (/Users/sundaymalgwi/Desktop/wittr-master/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:184:10)',
fileName: '/Users/sundaymalgwi/Desktop/wittr-master/server/Server.js',
showStack: false,
showProperties: false,
plugin: 'gulp-babel' }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/promise.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/polyfills/url.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/settings/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/main/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/remote-executor/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/idb-test/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Browserify Error { [ReferenceError: [BABEL] /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js: Unknown option: /Users/sundaymalgwi/.babelrc.presets while parsing file: /Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js]
filename: '/Users/sundaymalgwi/Desktop/wittr-master/public/js/sw/preroll/index.js',
stream:
Labeled {
_readableState:
ReadableState {
highWaterMark: 16,
buffer: [],
length: 0,
pipes: [Object],
pipesCount: 1,
flowing: true,
ended: false,
endEmitted: false,
reading: true,
sync: false,
needReadable: true,
emittedReadable: false,
readableListening: false,
objectMode: true,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null,
resumeScheduled: false },
readable: true,
domain: null,
_events:
{ end: [Object],
error: [Object],
data: [Function: ondata],
_mutate: [Object] },
_eventsCount: 4,
_maxListeners: undefined,
_writableState:
WritableState {
highWaterMark: 16,
objectMode: true,
needDrain: false,
ending: true,
ended: true,
finished: true,
decodeStrings: true,
defaultEncoding: 'utf8',
length: 0,
writing: false,
corked: 0,
sync: false,
bufferProcessing: false,
onwrite: [Function],
writecb: null,
writelen: 0,
buffer: [],
pendingcb: 0,
prefinished: true,
errorEmitted: false },
writable: true,
allowHalfOpen: true,
_options: { objectMode: true },
_wrapOptions: { objectMode: true },
_streams: [ [Object], [Object] ],
length: 2,
label: 'deps' } }
[01:35:30] Finished 'css' after 949 ms
[01:35:30] Finished 'templates:server' after 837 ms
[01:35:31] Finished 'copy' after 515 ms

Error on npm run serve node v4.5.0 and npm 2.15.9

Error: listen EPERM offlinefirst.sock
at Object.exports._errnoException (util.js:907:11)
at exports._exceptionWithHostPort (util.js:930:20)
at Server._listen2 (net.js:1237:19)
at listen (net.js:1286:10)
at Server.listen (net.js:1376:5)
at Server._listen (/mnt/c/Users/jmjon/Desktop/wittr/build/server/Server.js:329:25)
at Server.setConnectionType (/mnt/c/Users/jmjon/Desktop/wittr/build/server/Server.js:355:14)
at Object. (/mnt/c/Users/jmjon/Desktop/wittr/build/server/index.js:27:8)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)

This is the error I receive after run 'npm install' and 'npm run serve'. Any assistance would be greatly appreciate. Thank you :)

'git reset --hard'

if i run the 'git reset --hard' command, its displays "git" is not recognised as an external or internal command

Unexpected end of JSON input while parsing near '...e":">=4.2.0"}},"6.17.'

Hello, Good day to you all.
Please am a newbie in nodejs, I recently bumped into your amazing tutorial on udacity.
I cloned this app as the instructor did, I ran npm install just as the instructor also did, but behold I am caught up with this error.

npm ERR! Unexpected end of JSON input while parsing near '...e":">=4.2.0"}},"6.17.'
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Max\AppData\Roaming\npm-cache\_logs\2017-12-23T08_49_32_615Z-debug.log

Please, I need your help on how to go about this error. I have googled but am not seeing anything helpful'

I am using Windows 10
node version 8.9
npm version 5.5.1

Security issue with handlebars <4.0.0

Hi all!

It looks like there is a security issue with the handlebars version used in this project.

The handlebars dependency defined in package.json has a known moderate severity security vulnerability in version range < 4.0.0 and should be updated.

Could you please have a look at it?

Thanks!!!

Miguel Ángel

Errors during installation

I have tried installing the npm but I have been given errors, I tried running the project and it did not work.
Can I get any help on that?

node scripts/install.js stops npm install

Hello there,

while following the course on Udacity I ran into a problem with npm. I ran npm install inside the /wittr folder on my local machine. It stopped running at the following line of output:

> node scripts/install.js

Now, after stopping the script with ctrl + c on npm run serve I got the following output:

> [email protected] serve /Users/nice2meatu/Sites/Git/wittr
> gulp serve

(node:34185) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
[11:33:06] Using gulpfile ~/Sites/Git/wittr/gulpfile.js
[11:33:06] Starting 'serve'...
[11:33:06] Starting 'clean'...
[11:33:06] Finished 'clean' after 6.13 ms
[11:33:06] Starting 'css'...
[11:33:06] 'css' errored after 19 ms
[11:33:06] Error: dlopen(/Users/nice2meatu/Sites/Git/wittr/node_modules/node-sass/vendor/darwin-x64-48/binding.node, 1): no suitable image found.  Did find:
    /Users/nice2meatu/Sites/Git/wittr/node_modules/node-sass/vendor/darwin-x64-48/binding.node: truncated mach-o error: segment __TEXT extends to 1212416 which is past end of file 34352
    at Error (native)
    at Object.Module._extensions..node (module.js:568:18)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/nice2meatu/Sites/Git/wittr/node_modules/node-sass/lib/index.js:24:15)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
[11:33:06] 'serve' errored after 32 ms
[11:33:06] Error in plugin 'run-sequence(css)'
Message:
    css catch

npm ERR! Darwin 15.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "serve"
npm ERR! node v6.2.2
npm ERR! npm  v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] serve: `gulp serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] serve script 'gulp serve'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the wittr package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     gulp serve
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs wittr
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls wittr
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/nice2meatu/Sites/Git/wittr/npm-debug.log

Ideas? 😃

Will be nice to have this project linked at Udacity in the show notes of chapter 2.

Hey @jakearchibald I'm glued to your video tutorials on Udacity, thank you for making these!

Just a minor nitpick that it took me a bit to find the correct project on Github 'wittr' because I started from chapter-2 instead of chapter-1... and I wasn't spelling wittr correctly in my seasrches earlier. It might be a good idea to add a link to this project in the beginning of chapter-2 as well (I know it is linked and introduced in chapter-1 now). Some people jump straight to the second or third chapters.

Blue screen of death after disabling driver signature verification in Windows 10

Hello everybody,
a month ago my scanner was not working with my notebook. I found out there was an error with driver signature of the scanner in system logs. So I tried to find another one but none of them was working. Even the original from Canon was not working.

So I found this manual https://www.howtogeek.com/167723/how-to-disable-driver-signature-verification-on-64-bit-windows-8.1-so-that-you-can-install-unsigned-drivers/ and disabled the driver signature verification. The problematic scanner started to work properly.

But from that time, everytime I switch on the computer, the blue screen of death occurs.
It helps when I use the process of disabling the signature verification.

I would like to solve this problem forever. I already unistalled the driver of the scanner. But it did not help.

Before setting factory settings, I would like to try another way of repair.

May you help me with that?

Thank you

Tereza

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.