npm install you run into the following error:
47 | ```
48 | ld: library not found for -lgcc_s.10.5
49 | make: *** [Release/hiredis.node] Error 1
50 | ```
51 | You probably have a problem with your version of Xcode. The easiest way to solve it, is to update your Xcode and open it.
52 |
53 | #### Using Macports
54 |
55 | If you use macports to install your dependencies, then the issue might be that you are not using the [default gcc compiler](http://apple.stackexchange.com/questions/129608/switch-back-to-clang-after-installing-gcc-through-macports-on-mavericks). To verify that, do:
56 | ```
57 | gcc --version
58 | ```
59 | If what you get is not the default clang compiler from Xcode, edit your ~/.bash_profile as follows:
60 | ```
61 | vim ~/.bash_profile
62 | ```
63 | And comment out the line:
64 | ```
65 | export PATH=/opt/local/bin:/opt/local/sbin:$PATH
66 | ```
67 |
--------------------------------------------------------------------------------
/app/actions/api.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var Reflux = require('reflux');
4 |
5 | module.exports = Reflux.createActions([
6 | 'fetchComponents',
7 | 'fetchFailed',
8 | 'componentsFetched',
9 |
10 | 'fetchComponentInfo',
11 | 'fetchComponentFailed',
12 | 'componentFetched'
13 | ]);
--------------------------------------------------------------------------------
/app/actions/routing.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var Reflux = require('reflux');
4 |
5 | module.exports = Reflux.createActions([
6 | 'locationChange'
7 | ]);
--------------------------------------------------------------------------------
/app/actions/search.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var Reflux = require('reflux');
4 |
5 | module.exports = Reflux.createActions([
6 | 'search'
7 | ]);
--------------------------------------------------------------------------------
/app/api/components-api.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var _ = require('lodash');
4 | var ApiActions = require('app/actions/api');
5 | var request = require('xhr');
6 | var isFetchingList = false;
7 |
8 | var ComponentsApi = {
9 | fetchComponents: function() {
10 | isFetchingList = true;
11 |
12 | request({ url: '/api/components', json: true }, function(err, xhr, body) {
13 | if (err) {
14 | return ApiActions.fetchFailed(err);
15 | }
16 |
17 | var assignKey = _.partial(_.zipObject, body.keys),
18 | components = _.map(body.items, assignKey);
19 |
20 | isFetchingList = false;
21 | ApiActions.componentsFetched(components);
22 | });
23 | },
24 |
25 | fetchComponentInfo: function(name) {
26 | request({ url: '/api/components/' + encodeURIComponent(name), json: true }, function(err, xhr, body) {
27 | if (err) {
28 | return ApiActions.fetchComponentFailed(err);
29 | }
30 |
31 | ApiActions.componentFetched(body);
32 | });
33 | },
34 |
35 | listen: function() {
36 | ApiActions.fetchComponents.shouldEmit = function() {
37 | return !isFetchingList;
38 | };
39 |
40 | ApiActions.fetchComponents.listen(ComponentsApi.fetchComponents);
41 | ApiActions.fetchComponentInfo.listen(ComponentsApi.fetchComponentInfo);
42 | }
43 | };
44 |
45 | module.exports = ComponentsApi;
--------------------------------------------------------------------------------
/app/api/github-api.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var config = require('app/config');
4 | var Github = require('github');
5 | var client = new Github({
6 | version: '3.0.0',
7 | protocol: 'https'
8 | });
9 |
10 | var getGithubAccount = require('app/util/github-account');
11 |
12 | client.authenticate(config.github);
13 |
14 | var GithubApi = {
15 |
16 | getStarCountForModule: function(module, callback) {
17 | var repo = getGithubAccount(module);
18 |
19 | if (!repo) {
20 | return callback('Repo not resolvable for module ' + module.name);
21 | }
22 |
23 | client.repos.get({
24 | user: repo.split('/', 1).join(''),
25 | repo: repo.replace(/.*?\//, '')
26 | }, function(err, data) {
27 | if (err) {
28 | return callback(err);
29 | }
30 |
31 | callback(err, (data || {}).stargazers_count || 0);
32 | });
33 | }
34 |
35 | };
36 |
37 | module.exports = GithubApi;
38 |
--------------------------------------------------------------------------------
/app/api/npm-api.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var config = require('app/config'),
4 | request = require('request'),
5 | JSONStream = require('JSONStream'),
6 | eventStream = require('event-stream'),
7 | qs = require('querystring');
8 |
9 | function getError(err, res) {
10 | return err || (res.statusCode !== 200 ? 'HTTP ' + res.statusCode : null);
11 | }
12 |
13 | var registryUrl = 'https://registry.npmjs.org',
14 | viewsPath = '-/_view',
15 | keywordView = 'byKeyword',
16 | keyword = config['npm-keyword'],
17 | dlCountUrl = 'https://api.npmjs.org/downloads/point/last-week',
18 | isFetching = false;
19 |
20 | function parseModule(mod) {
21 | return {
22 | name: mod[1],
23 | description: mod[2]
24 | };
25 | }
26 |
27 | var NpmApi = {
28 |
29 | getModules: function(callback) {
30 | var url = [registryUrl, viewsPath, keywordView].join('/') + '?' + qs.stringify({
31 | startkey: '["' + keyword + '"]',
32 | endkey: '["' + keyword + '",{}]',
33 | group_level: 3
34 | });
35 |
36 | var onComplete = function(err, modules) {
37 | isFetching = false;
38 | callback(err, modules);
39 | };
40 |
41 | isFetching = true;
42 | request({ url: url })
43 | .on('error', function(err) { console.error('Error fetching modules: ', err); })
44 | .pipe(JSONStream.parse('rows.*.key'))
45 | .pipe(eventStream.mapSync(parseModule))
46 | .pipe(eventStream.map(NpmApi.getModuleInfo))
47 | .on('error', function(err) { console.error('Error fetching module info: ', err); })
48 | .pipe(eventStream.map(NpmApi.getModuleDownloadCount))
49 | .on('error', function(err) { console.error('Error fetching module download count: ', err); })
50 | .pipe(eventStream.writeArray(onComplete));
51 | },
52 |
53 | getModuleDownloadCount: function(module, callback) {
54 | var moduleName = module.name ? module.name : module,
55 | url = [dlCountUrl, encodeURIComponent(moduleName)].join('/');
56 |
57 | request({ url: url, json: true }, function(err, res, response) {
58 | module.downloads = (response || {}).downloads;
59 | callback(getError(err, res), module);
60 | });
61 | },
62 |
63 | getModuleInfo: function(module, callback) {
64 | var moduleName = module.name ? module.name : module,
65 | url = [registryUrl, moduleName].join('/');
66 |
67 | request({ url: url, json: true }, function(err, res, body) {
68 | err = getError(err, res);
69 | if (typeof body !== 'object') {
70 | err = 'Body was not an object';
71 | }
72 |
73 | callback(err, body);
74 | });
75 | }
76 | };
77 |
78 | module.exports = NpmApi;
79 |
--------------------------------------------------------------------------------
/app/components/component-item.jsx:
--------------------------------------------------------------------------------
1 | /** @jsx React.DOM */
2 | 'use strict';
3 |
4 | var React = require('react');
5 | var ComponentLink = require('app/components/component-link.jsx');
6 |
7 | module.exports = React.createClass({
8 | displayName: 'ComponentItem',
9 |
10 | propTypes: {
11 | component: React.PropTypes.object.isRequired
12 | },
13 |
14 | /* jshint quotmark:false, newcap:false */
15 | render: function() {
16 | return (
17 | {this.props.component.description}
17 | 18 || Name | 50 |Author | 51 |Stars | 52 |Updated | 53 |
|---|
65 | Every module registered on NPM using the keyword react-component will show up in the list. 66 | It really is that simple. 67 |
68 | 69 |Let us know! We're always looking for ways to improve.
78 | 79 |81 | Developed and currently hosted by VaffelNinja, but it's an open-source, MIT-licensed solution. 82 |
83 |84 | Contributions are very welcome! 85 | Please make sure you read the contribution guidelines. 86 |
87 |