Difference between revisions of "DPS909 & OSD600 Winter 2017 - Lab 2"

From CDOT Wiki
Jump to: navigation, search
(3. Contributing fixes to package.json files)
(3. Contributing fixes to package.json files)
Line 127: Line 127:
 
| [https://www.npmjs.com/package/angular-translate angular-translate]
 
| [https://www.npmjs.com/package/angular-translate angular-translate]
 
| [https://github.com/naperkovskiy inaperkovskiy]
 
| [https://github.com/naperkovskiy inaperkovskiy]
| [https://github.com/angular-translate/angular-translate/pull/1681]
+
| https://github.com/angular-translate/angular-translate/pull/1681
 
|  
 
|  
 
|-
 
|-

Revision as of 22:47, 26 January 2017

Contributing to an Open Source Project on Github

In this lab you will contribute a fix to an open source project on Github. Successfully completing this lab will require you to have first worked through, and understood, this week's git walkthroughs. If you have not already done so, please setup git and Github as described in the following:

1. Intro to node.js, npm, npmjs.com

We will be contributing to projects that use node.js, its package manager npm, and the npmjs module registry. In order to complete this lab, you should install node.js on your home/dev computer, which you can download here.

We won't need to use node.js directly, but it's a good time to install it, since we'll be using it in subsequent labs and assignments.

2. Understanding package.json

Node.js uses a special file named package.json to specify metadata about a module. You can read a complete description of package.json at https://docs.npmjs.com/files/package.json.

A package.json file has to be valid JSON, and must include a few fields. However, many of the fields are optional. Let's look at some examples from popular node.js open source projects:

These package.json files have common elements, such as:

There are also some optional fields you can include, for example:

The metadata in package.json is used by the command-line tool npm as well as by the online registry https://www.npmjs.com/. Providing good data for these tools makes it easier for developers to find and use node modules.

3. Contributing fixes to package.json files

For our first contribution to an open source project, we're going to go looking for ways we can help existing node.js based projects do a better job with their package.json files. This could involve a number of things:

Before we can fix any issues with existing package.json files, we have to find some! Our first task is to locate 1 module with an issue per student. Please do not fix a bug until we have found a bug for everyone.

Here are some queries to get you started. Also look at the Dependencies and Dependents lists for any module you examine on npmjs. When you find a module that is missing keywords or has some other issue, add it below, making sure to copy the style I have begun on row 1. Also, be careful not to add duplicates:

To get you started, I've already found and fixed one, and also listed a couple of others I noticed in 5 minutes of searching on npmjs and Github.

# NPMJS Module (URL) Assigned (Github URL) Pull Request (URL) Blog Post (URL)
1 request humphd https://github.com/request/request/pull/2514 http://blog.humphd.org/howto-first-github-pr/
2 gulp-util MargarytaChepiga https://github.com/gulpjs/gulp-util/pull/131
3 dat-next
4 inherits simon66 https://github.com/isaacs/inherits/pull/29 http://sdealmeida.com/fixing-inherits-package-json-file/
5 nodeunit
6 mysql lkisac https://github.com/mysqljs/mysql/pull/1630 https://lenisac.wordpress.com/2017/01/26/contributing-to-open-source-npm-package-mysql/
7 lodash kramsamujh https://github.com/lodash/lodash/pull/2948 https://kramsamujh.wordpress.com/2017/01/24/osd600-lab-2-open-source-contribution/
8 glob rmgervais https://github.com/isaacs/node-glob/pull/317 http://raygervais.ca/open-source-contributions/
9 elasticsearch abykin https://github.com/elastic/elasticsearch-js/pull/494
10 data-proxy
11 bootsrap for angular humphd https://github.com/angular-ui/bootstrap/pull/6418
12 angular-translate inaperkovskiy https://github.com/angular-translate/angular-translate/pull/1681
13 zone
14 concat-stream
15 Customize write files twigz20
16 connector
17 buffer
18 morgan badrmodoukh https://github.com/expressjs/morgan/pull/133 https://badrmodoukh.wordpress.com/2017/01/25/dps909-lab-2-contributing-fixes-to-package-json-file/
19 json-loader
20 esprima Th30 https://github.com/facebookarchive/esprima/pull/119 https://theoduleblog.wordpress.com/2017/01/24/blog-post-2-first-contribution-lab-2/
21 webpack-dev-middleware rkgupta21 https://github.com/webpack/webpack-dev-middleware/pull/169 https://rahul3guptablog.wordpress.com/2017/01/25/blog-post-2/
22 browserify
23 Angular2 johnpapa https://github.com/johnpapa/vscode-angular2-snippets/pull/28 https://tonypark0403.wordpress.com/2017/01/24/about-angular-2-typescript-snippets/
24 restify timmoy https://github.com/restify/node-restify/pull/1272
25 browser-logos Jejames1 https://github.com/alrra/browser-logos/pull/106#partial-pull-merging https://johnjamesa70.wordpress.com/2017/01/23/osd-lab-2-my-first-open-source-contribution/
26 Supervisor cgsingh https://github.com/petruisfan/node-supervisor/pull/204 https://cgsingh.wordpress.com/2017/01/24/lab-2-osd600-contribution-to-node-supervisor/
27 nodejs-dashboard dangkhue27 https://github.com/FormidableLabs/nodejs-dashboard/pull/49 https://trandangkhue27.wordpress.com/2017/01/23/osd600-lab-2contributing-to-nodejs-dashboard/
28 https://www.npmjs.com/package/swiper-fullscreen swiper-fullscreen
29 queried
30 pouchdb-errors
31 babel-runtime sgupta7857
32 Angular - the compiler library peiying16 https://github.com/angular/angular/pull/14040 https://pyang16.wordpress.com/2017/01/25/i-added-keywords-for-angularjs/
33 semver evanstyferov
34 prompt npolugari
35 Atom Blackweda
36 babylon dsych https://github.com/babel/babylon/pull/323 https://dsych.wordpress.com/2017/01/25/my-first-experience-with-open-source/
37 vinyl-fs david Pull Request blog
38 bugsnag-js tiago
39 jade Max https://github.com/pugjs/pug/pull/2680 https://mfainshtein4.wordpress.com/2017/01/25/lab2/
40 Grunt omytryniuk https://github.com/gruntjs/grunt/pull/1577 My first contribution to the Open Source Community
41 bluebird John https://github.com/petkaantonov/bluebird/pull/1329 My first contribution to the open source community
42 sqleye
43 sign-addon ZenanZha https://github.com/mozilla/sign-addon/pull/242 Second Pull Request
44 expressjs Maya
45 base64-js ZenanZha https://github.com/beatgammit/base64-js/pull/32 My First Pull Request on github

Submission

You will have completed your lab when you have done the following:

  • Added a row above with the name of a node.js module that needs a fix, and your name. Make sure all students have a module to work on before you begin fixing yours. We'll work as a community to help triage existing modules.
  • Create a Pull Request to fix some problem or omission in the package.json file. I've documented a complete example in my blog, see http://blog.humphd.org/howto-first-github-pr/. Add the URL to your Pull Request to the table above.
  • Write a blog post about the process you took to complete this lab and the Pull Request. What happened next? Was it accepted? How long did it take? What did they say? What did you learn? Also write about your feelings contributing to your first open source project. What went well? What was hard? What surprised you?
  • Add the URL to your blog post in the table above beside your Pull Request URL

You should complete Lab 2 before the end of week 3 (it might take you a few days).