17 | );
18 | }
19 | });
20 |
--------------------------------------------------------------------------------
/redux/analytics.actions.top-frame.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var browser = require('../extension/browser');
4 |
5 | module.exports.analytics = function(request) {
6 | return function() {
7 | var promise = browser.runtime.sendMessage({ type: 'analytics', payload: request });
8 |
9 | if (!process.env.GOOGLE_ANALYTICS_ID) {
10 | promise = promise
11 | .then(function() {
12 | if (_.chain(request).first(2).isEqual(['send', 'exception']).value()) {
13 | console.error('google analytics', request);
14 | } else {
15 | console.debug('google analytics', request);
16 | }
17 | });
18 | }
19 | return promise;
20 | };
21 | };
22 |
--------------------------------------------------------------------------------
/integrations/instagram/config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | authenticatable: true,
3 | authentication_url: 'https://instagram.com/oauth/authorize/?scope=basic+public_content&client_id=' + process.env.INSTAGRAM_CLIENT_ID + '&redirect_uri=https://EXTENSION_ID.chromiumapp.org/callback&response_type=token',
4 | environment: 'client',
5 | content_security_policy: {
6 | 'img-src': ['scontent.cdninstagram.com'],
7 | 'media-src': ['scontent.cdninstagram.com']
8 | },
9 | account: {
10 | stats: ['content', 'followers', 'following']
11 | },
12 | content: {
13 | stats: ['likes', 'comments']
14 | },
15 | discussion: {
16 | integrations: ['instagram', 'reddit']
17 | }
18 | };
19 |
--------------------------------------------------------------------------------
/components/Hovercard/Hovercard.styles.css:
--------------------------------------------------------------------------------
1 | .hovercard {
2 | align-items: flex-start;
3 | background: white;
4 | border-radius: 3px;
5 | box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px 0, rgba(0, 0, 0, 0.12) 0 2px 10px 0;
6 | box-sizing: border-box;
7 | justify-content: center;
8 | margin: 0;
9 | max-height: 600px;
10 | max-width: 620px;
11 | overflow: auto;
12 | position: absolute;
13 | z-index: 2147483647;
14 |
15 | &:empty {
16 | display: block;
17 | }
18 | }
19 |
20 | @raw {
21 | .lock-document::-webkit-scrollbar {
22 | display: none;
23 | }
24 |
25 | .lock-body {
26 | overflow: hidden;
27 |
28 | &::-webkit-scrollbar {
29 | display: none;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/www/css/privacy.css:
--------------------------------------------------------------------------------
1 | @import './index.css';
2 |
3 | .sub-header {
4 | text-align: center;
5 | color: white;
6 | padding: 50px 20px;
7 | background: #b4e6f7;
8 | }
9 |
10 | .sub-header h1 {
11 | font-size: 60px;
12 | }
13 |
14 | .center-container {
15 | max-width: 780px;
16 | width: 100%;
17 | margin: auto;
18 | padding: 50px 20px;
19 | }
20 |
21 | .login-text a {
22 | text-decoration: none;
23 | color: white;
24 | }
25 |
26 | p {
27 | margin-bottom: 20px;
28 | }
29 |
30 | a {
31 | color: blue;
32 | }
33 |
34 | @media (max-width: 760px) {
35 | .sub-header h1 {
36 | font-size: 30px;
37 | }
38 | }
39 |
40 | @media (max-width: 460px) {
41 | .sub-header h1 {
42 | font-size: 25px;
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/assets/images/twitter-retweet.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/.github/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | ## Issues
4 | We encourage you to create issues. We've put an [issue template](ISSUE_TEMPLATE.md) in place to get you started. We use [robinpowered's github labels](https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/) for our issues, loosely.
5 |
6 | ## [Development](../README.md#development)
7 |
8 | ## Join us!
9 | We just opened up HoverCards to the world, so we're looking for this to be a community driven project. Our documentation is very spotty and looking for love. Feel free to create issues, chat with us in [our gitter](https://gitter.im/kogg/hovercards), and throw us some pull requests of your own!
10 |
11 | 
12 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hovercards",
3 | "description": "Get more content. Open fewer tabs.",
4 | "main": [
5 | "dist/background.js",
6 | "dist/options.js",
7 | "dist/top-frame.js"
8 | ],
9 | "license": "MIT",
10 | "ignore": [
11 | ".env",
12 | "coverage/*",
13 | "dist-*",
14 | "dist/*",
15 | "dump.rdb",
16 | "bower_components/*",
17 | "node_modules/*",
18 | "npm-debug.log*"
19 | ],
20 | "authors": [
21 | "Cameron Rohani (https://twitter.com/cameronrohani)",
22 | "Marco Marandiz (http://marcomarandiz.com/)",
23 | "Saiichi Hashimoto (http://saiichihashimoto.com/)"
24 | ],
25 | "homepage": "http://hovercards.com",
26 | "repository": {
27 | "type": "git",
28 | "url": "git://github.com/kogg/hovercards.git"
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/assets/images/close-button.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
--------------------------------------------------------------------------------
/components/Media/Media.styles.css:
--------------------------------------------------------------------------------
1 | .media {
2 | height: inherit;
3 | max-width: 100%;
4 | min-height: inherit;
5 | min-width: inherit;
6 | padding: 18px 24px 0 24px;
7 | position: relative;
8 | text-align: left;
9 | width: 9999px;
10 |
11 | @raw {
12 | composes: flex-row from '../flex.styles';
13 | }
14 |
15 | &:empty {
16 | display: none;
17 | }
18 | }
19 |
20 | .media + .meta {
21 | display: none;
22 | }
23 |
24 | .description {
25 | padding: 12px 0;
26 | text-align: left;
27 | width: 100%;
28 | }
29 |
30 | .text,
31 | .name {
32 | color: rgba(0, 0, 0, .8);
33 | font-size: 14px;
34 | }
35 |
36 | .text {
37 | color: rgba(0, 0, 0, .6);
38 | }
39 |
40 | .name {
41 | font-weight: bold;
42 | margin-right: 6px;
43 | }
44 |
45 | .name:empty {
46 | display: none;
47 | }
48 |
--------------------------------------------------------------------------------
/utils/format.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var browser = require('../extension/browser');
4 |
5 | var units = ['', 'x_thousand', 'x_million', 'x_billion', 'x_trillion'];
6 |
7 | module.exports.number = function(number) {
8 | if (!_.isNumber(number) || _.isNaN(number)) {
9 | return number;
10 | }
11 | if (number < 10000) {
12 | return number.toLocaleString();
13 | }
14 | var log1000 = Math.floor(Math.log10(number) / 3);
15 | var multiple1000 = number / Math.pow(1000, log1000);
16 | var roundto = Math.pow(10, 2 - Math.floor(Math.log10(multiple1000)));
17 | multiple1000 = Math.round(multiple1000 * roundto) / roundto;
18 |
19 | if (!log1000) {
20 | return multiple1000.toLocaleString();
21 | }
22 | return browser.i18n.getMessage(units[log1000], [multiple1000.toLocaleString()]);
23 | };
24 |
--------------------------------------------------------------------------------
/components/Discussions/Discussions.styles.css:
--------------------------------------------------------------------------------
1 | .discussions-container {
2 | height: inherit;
3 | max-width: 100%;
4 | overflow: hidden;
5 | text-align: left;
6 | width: 9999px;
7 | z-index: 999;
8 | }
9 |
10 | .discussions {
11 | overflow: hidden;
12 | height: calc(100% - 49px);
13 | }
14 |
15 | .tabs-container {
16 | background: #f0f0f0;
17 | padding: 12px 24px;
18 |
19 | @raw {
20 | composes: flex-spread from '../flex.styles';
21 | }
22 | }
23 |
24 | .tabs {
25 | display: static;
26 | }
27 |
28 | .tab {
29 | color: rgba(0, 0, 0, .66);
30 | cursor: pointer;
31 | display: inline-block;
32 | font-weight: 400;
33 | margin: 0 4px;
34 | font-size: 15px;
35 |
36 | &:first-of-type {
37 | margin-left: 0;
38 | }
39 |
40 | &.selected {
41 | color: rgba(0, 0, 0, .8);
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/.stylelintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "stylelint-config-standard",
3 | "rules": {
4 | "at-rule-name-space-after": "always",
5 | "block-opening-brace-space-before": ["always", { "ignoreAtRules": "raw" }],
6 | "color-hex-length": null,
7 | "comment-word-blacklist": [['TODO', 'FIXME', 'HACK'], { "severity": "warning" }],
8 | "declaration-block-no-duplicate-properties": [true, { "ignoreProperties": ["composes"] }],
9 | "declaration-block-no-ignored-properties": [true, { "severity": "warning" }],
10 | "number-leading-zero": null,
11 | "property-no-unknown": [true, { "severity": "warning", "ignoreProperties": ["composes", "font-smooth", "text-size-adjust"] }],
12 | "selector-pseudo-element-colon-notation": "single",
13 | "shorthand-property-no-redundant-values": [true, { "severity": "warning" }],
14 | "string-quotes": "single"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/redux/entities.reducer.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var handleActions = require('redux-actions').handleActions;
3 |
4 | var entityLabel = require('../utils/entity-label');
5 |
6 | module.exports = handleActions(
7 | {
8 | CLEAR_ENTITIES: {
9 | next: function(state, action) {
10 | return _.omit(state, function(value, key) {
11 | return key.startsWith(action.payload);
12 | });
13 | }
14 | },
15 | SET_ENTITY: {
16 | next: function(state, action) {
17 | return Object.assign({}, state, { [(action.meta || {}).label || entityLabel(action.payload)]: action.payload });
18 | },
19 | throw: function(state, action) {
20 | return Object.assign({}, state, {
21 | [entityLabel(action.payload.request)]: Object.assign({}, state[entityLabel(action.payload.request)], { err: action.payload })
22 | });
23 | }
24 | }
25 | },
26 | {}
27 | );
28 |
--------------------------------------------------------------------------------
/components/meta.styles.css:
--------------------------------------------------------------------------------
1 | .meta {
2 | margin-top: 12px;
3 | padding: 12px 24px;
4 | border-top: 1px solid rgba(0, 0, 0, .1);
5 |
6 | @raw {
7 | composes: flex-row from './flex.styles';
8 | composes: flex-spread from './flex.styles';
9 | }
10 | }
11 |
12 | .mediameta .meta {
13 | border-top: none;
14 | margin-top: 4px;
15 | }
16 |
17 | .meta-main-container {
18 | position: relative;
19 | width: 100%;
20 | height: 20px;
21 | }
22 |
23 | .meta-main {
24 | transition: all .3s ease-in-out;
25 |
26 | .meta-item {
27 | margin: 0 8px 0 0;
28 | }
29 | }
30 |
31 | .meta-item span,
32 | .meta-item {
33 | line-height: 20px;
34 | font-size: 14px;
35 | color: rgba(0, 0, 0, .6);
36 | }
37 |
38 | .meta-number {
39 | font-size: 14px;
40 | font-weight: 500;
41 | color: rgba(0, 0, 0, .8);
42 |
43 | span {
44 | font-weight: 500;
45 | color: rgba(0, 0, 0, .8);
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/report/index.browser.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var Raven = require('raven-js');
3 |
4 | var browser = require('../extension/browser');
5 |
6 | Raven
7 | .config(process.env.SENTRY_DSN_CLIENT, {
8 | environment: process.env.NODE_ENV,
9 | release: process.env.npm_package_version
10 | })
11 | .install();
12 |
13 | browser.storage.onChanged.addListener(function(changes, areaName) {
14 | if (areaName !== 'sync') {
15 | return;
16 | }
17 | _.pairs(changes).forEach(function(entry) {
18 | if (entry[0] !== 'user_id') {
19 | return;
20 | }
21 | Raven.setUserContext({ id: entry[1].newValue });
22 | });
23 | });
24 |
25 | browser.storage.sync.get('user_id')
26 | .then(_.property('user_id'))
27 | .then(function(user_id) {
28 | if (!user_id) {
29 | return;
30 | }
31 |
32 | Raven.setUserContext({ id: user_id });
33 | })
34 | .catch(Raven.captureException);
35 |
36 | module.exports = Raven;
37 |
--------------------------------------------------------------------------------
/components/Gif/Gif.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var classnames = require('classnames');
3 |
4 | var styles = require('./Gif.styles');
5 |
6 | module.exports = React.createClass({
7 | displayName: 'Gif',
8 | propTypes: {
9 | className: React.PropTypes.string,
10 | gif: React.PropTypes.string.isRequired,
11 | image: React.PropTypes.object,
12 | onLoad: React.PropTypes.func.isRequired
13 | },
14 | render: function() {
15 | return (
16 |
27 | );
28 | }
29 | });
30 |
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "xo",
3 | "plugins": ["react"],
4 | "env": {
5 | "browser": true,
6 | "mocha": true,
7 | "node": true
8 | },
9 | "rules": {
10 | "camelcase": 0,
11 | "key-spacing": [2, {
12 | "align": "value",
13 | "beforeColon": false,
14 | "afterColon": true
15 | }],
16 | "new-cap": 0,
17 | "no-mixed-spaces-and-tabs": [2, "smart-tabs"],
18 | "no-warning-comments": [1, { "terms": ["todo", "fixme", "hack"], "location": "anywhere" }],
19 | "no-multi-spaces": [2, { "exceptions": { "VariableDeclarator": true } }],
20 | "object-curly-spacing": [2, "always"],
21 | "react/jsx-uses-react": 2,
22 | "react/jsx-uses-vars": 2,
23 | "react/sort-comp": [2, {
24 | "order": [
25 | "static-methods",
26 | "lifecycle",
27 | "everything-else",
28 | "/^on.+$/",
29 | "render"
30 | ]
31 | }],
32 | "space-before-function-paren": [2, "never"]
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/assets/images/twitter.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
--------------------------------------------------------------------------------
/assets/images/twitter-black.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
--------------------------------------------------------------------------------
/components/IntegrationOptions/IntegrationOptions.styles.css:
--------------------------------------------------------------------------------
1 | .row {
2 | margin: auto;
3 | max-width: 420px;
4 | overflow: auto;
5 | padding: 5px;
6 | }
7 |
8 | .col-6 {
9 | float: left;
10 | width: 50%;
11 |
12 | &:first-of-type {
13 | padding-right: 5px;
14 | }
15 |
16 | &:last-of-type {
17 | padding-left: 5px;
18 | }
19 | }
20 |
21 | .option {
22 | background: white;
23 | border-radius: 3px;
24 | border: 1px solid rgba(0, 0, 0, .15);
25 | cursor: pointer;
26 | display: block;
27 | overflow: auto;
28 | padding: 12px;
29 | transition: all .1s ease-in-out;
30 |
31 | &:hover {
32 | box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.15);
33 | }
34 | }
35 |
36 | .integration-image {
37 | float: left;
38 | width: 28px;
39 | }
40 |
41 | .option-title {
42 | display: block;
43 | font-weight: bold;
44 | padding-bottom: 1px;
45 | padding-left: 38px;
46 | }
47 |
48 | .input-container {
49 | color: rgba(0, 0, 0, .4);
50 | cursor: pointer;
51 | padding-left: 38px;
52 | }
53 |
--------------------------------------------------------------------------------
/integrations/instagram/urls.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var urls = {};
4 |
5 | urls.hostnames_parsed = ['instagram.com', 'www.instagram.com', 'instagr.am'];
6 |
7 | urls.parse = function(url_obj) {
8 | var path_parts = url_obj.pathname.replace(/^\//, '').replace(/\/$/, '').split('/') || [];
9 | if (path_parts[0] === 'p') {
10 | return !_.isEmpty(path_parts[1]) && { api: 'instagram', type: 'content', id: path_parts[1].replace(/[?&].*/, '') };
11 | }
12 | return !_.isEmpty(path_parts[0]) && !path_parts[0].match(/^(?:about|developer|explore|legal|press)$/) && { api: 'instagram', type: 'account', id: path_parts[0].replace(/[?&].*/, '') };
13 | };
14 |
15 | urls.represent = function(identity) {
16 | switch (identity.type) {
17 | case 'content':
18 | return ['https://instagram.com/p/' + identity.id + '/', 'https://instagr.am/p/' + identity.id + '/'];
19 | case 'account':
20 | return ['https://instagram.com/' + identity.id + '/', 'https://instagr.am/' + identity.id + '/'];
21 | default:
22 | return null;
23 | }
24 | };
25 |
26 | module.exports = urls;
27 |
--------------------------------------------------------------------------------
/assets/images/instagram.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
--------------------------------------------------------------------------------
/assets/images/youtube.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
16 |
--------------------------------------------------------------------------------
/redux/entities.actions.top-frame.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var createAction = require('redux-actions').createAction;
3 |
4 | var browser = require('../extension/browser');
5 | var entityLabel = require('../utils/entity-label');
6 |
7 | var setEntity = createAction('SET_ENTITY', null, function(entity, label) {
8 | return label && { label: label };
9 | });
10 |
11 | module.exports.getEntity = function(request) {
12 | return function(dispatch, getState) {
13 | var state = getState();
14 | var label = entityLabel(request);
15 | if (state.entities[label] && state.entities[label].loaded && Date.now() - state.entities[label].loaded <= 5 * 60 * 1000) {
16 | return Promise.resolve();
17 | }
18 |
19 | return browser.runtime.sendMessage(createAction('getEntity')(request))
20 | .then(_.property('payload'))
21 | .then(setEntity)
22 | .then(dispatch);
23 | };
24 | };
25 |
26 | module.exports.setEntity = function(request, meta) {
27 | return function(dispatch) {
28 | dispatch(setEntity(request, (meta || {}).label));
29 | return Promise.resolve();
30 | };
31 | };
32 |
--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hovercards",
3 | "env": {
4 | "CHROMIUM_IDS": { "required": true },
5 | "GOOGLE_ANALYTICS_ID": { "required": false },
6 | "GOOGLE_SERVER_KEY": { "required": true },
7 | "IMGUR_CLIENT_ID": { "required": true },
8 | "INSTAGRAM_CLIENT_ID": { "required": true },
9 | "INSTAGRAM_CLIENT_SECRET": { "required": true },
10 | "MASHAPE_KEY": { "required": false },
11 | "REDDIT_CLIENT_ID": { "required": true },
12 | "SENTRY_DSN": { "required": true },
13 | "SENTRY_DSN_CLIENT": { "required": true },
14 | "SOUNDCLOUD_CLIENT_ID": { "required": true },
15 | "TWITTER_APP_ACCESS_TOKEN": { "required": true },
16 | "TWITTER_APP_ACCESS_TOKEN_SECRET": { "required": true },
17 | "TWITTER_CONSUMER_KEY": { "required": true },
18 | "TWITTER_CONSUMER_SECRET": { "required": true }
19 | },
20 | "addons": [
21 | "papertrail",
22 | "rediscloud",
23 | "securekey"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/components/Carousel/Carousel.styles.css:
--------------------------------------------------------------------------------
1 | .carousel {
2 | cursor: pointer;
3 | margin-bottom: 12px;
4 | min-width: 100%;
5 | position: relative;
6 | user-select: none;
7 | }
8 |
9 | .arrows {
10 | width: 100%;
11 | height: 100%;
12 | z-index: 99999;
13 | position: absolute;
14 | display: block;
15 | }
16 |
17 | .right-arrow,
18 | .left-arrow {
19 | width: 42px;
20 | height: 100%;
21 | position: absolute;
22 | top: 0;
23 | left: 0;
24 | opacity: 0;
25 | cursor: pointer;
26 | transition: all .2s ease-in-out;
27 |
28 | .carousel:hover & {
29 | opacity: .2;
30 | }
31 |
32 | .carousel &:hover {
33 | opacity: .5;
34 | }
35 | }
36 |
37 | .left-arrow {
38 | background-image: url('../../assets/images/left-arrow.svg');
39 | background-position: center;
40 | background-repeat: no-repeat;
41 | background-size: 20px;
42 | }
43 |
44 | .right-arrow {
45 | right: 0;
46 | left: inherit;
47 | background-image: url('../../assets/images/right-arrow.svg');
48 | background-position: right 11px center;
49 | background-repeat: no-repeat;
50 | background-size: 20px;
51 | width: calc(100% - 70px);
52 | }
53 |
--------------------------------------------------------------------------------
/assets/images/facebook-black.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
24 |
--------------------------------------------------------------------------------
/components/ContentHeader/ContentHeader.styles.css:
--------------------------------------------------------------------------------
1 | .header {
2 | padding: 12px 24px;
3 | border-bottom: 1px solid rgba(0, 0, 0, .1);
4 |
5 | @raw {
6 | composes: flex-spread from '../flex.styles';
7 | }
8 | }
9 |
10 | .image {
11 | background-position: center;
12 | background-size: cover;
13 | border-radius: 50%;
14 | display: inline-block;
15 | height: 28px;
16 | margin-right: 6px;
17 | width: 28px;
18 | }
19 |
20 | .name-container {
21 | @raw {
22 | composes: flex-grow from '../flex.styles';
23 | }
24 | }
25 |
26 | .name {
27 | font-size: 14px;
28 | }
29 |
30 | .share {
31 | background-position: center;
32 | background-repeat: no-repeat;
33 | background-size: 100%;
34 | height: 21px;
35 | margin-left: 8px;
36 | opacity: .7;
37 | width: 21px;
38 |
39 | &:hover {
40 | opacity: 1;
41 | }
42 | }
43 |
44 | .share-on-facebook {
45 | background-image: url('../../assets/images/facebookshare.png');
46 |
47 | @raw {
48 | composes: share;
49 | }
50 | }
51 |
52 | .share-on-twitter {
53 | background-image: url('../../assets/images/twittershare.png');
54 |
55 | @raw {
56 | composes: share;
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/assets/images/circles.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/extension/config.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | module.exports = {
4 | options: {
5 | imgur: {
6 | account: { enabled: true },
7 | content: { enabled: true }
8 | },
9 | instagram: {
10 | account: { enabled: true },
11 | content: { enabled: true }
12 | },
13 | reddit: {
14 | account: { enabled: true },
15 | content: { enabled: true }
16 | },
17 | soundcloud: {
18 | account: { enabled: true },
19 | content: { enabled: true }
20 | },
21 | twitter: {
22 | account: { enabled: true },
23 | content: { enabled: true }
24 | },
25 | youtube: {
26 | account: { enabled: true },
27 | content: { enabled: true }
28 | }
29 | }
30 | };
31 |
32 | module.exports.options.keys = function optionKeys(object, prefix) {
33 | object = object || _.omit(module.exports.options, 'keys');
34 | prefix = prefix || '';
35 | return _.chain(object)
36 | .pairs()
37 | .reduce(
38 | function(keys, entry) {
39 | if (_.isObject(entry[1]) && !_.isArray(entry[1])) {
40 | return keys.concat(optionKeys(entry[1], prefix + entry[0] + '.'));
41 | }
42 | keys.push(prefix + entry[0]);
43 | return keys;
44 | },
45 | []
46 | )
47 | .value();
48 | };
49 |
--------------------------------------------------------------------------------
/assets/images/right-arrow.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/components/Options/Options.styles.css:
--------------------------------------------------------------------------------
1 | /* HACK Global styles are bad */
2 | * {
3 | box-sizing: border-box;
4 | margin: 0;
5 | }
6 |
7 | html {
8 | background-color: #eceef1;
9 | }
10 |
11 | .options {
12 | background-color: #eceef1;
13 | padding: 5px;
14 | }
15 |
16 | .save {
17 | background: #349cef;
18 | border-radius: 30px;
19 | border: 0;
20 | box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
21 | color: white;
22 | cursor: pointer;
23 | display: block;
24 | font-weight: bold;
25 | margin: 8px auto;
26 | outline: 0;
27 | padding: 12px;
28 | text-align: center;
29 | text-shadow: none;
30 | transition: all .1s ease-in-out;
31 | width: 150px;
32 |
33 | &:hover {
34 | box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
35 | transform: scale(1.05);
36 | }
37 |
38 | &.options-saved {
39 | background: #4cbb91;
40 | box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
41 | cursor: default;
42 | transform: scale(1);
43 | }
44 |
45 | &.options-error {
46 | background: #e94639;
47 | box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
48 | cursor: default;
49 | transform: scale(1);
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/assets/images/left-arrow.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/redux/createStore.common.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var applyMiddleware = require('redux').applyMiddleware;
3 | var combineReducers = require('redux').combineReducers;
4 | var createStore = require('redux').createStore;
5 | var thunkMiddlware = require('redux-thunk').default;
6 |
7 | var browser = require('../extension/browser');
8 | var report = require('../report');
9 |
10 | createStore = applyMiddleware(thunkMiddlware)(createStore);
11 |
12 | module.exports = function(actions, reducers, initialState) {
13 | var store = createStore(combineReducers(reducers), initialState);
14 |
15 | if (!process.env.NODE_ENV) {
16 | require('./storelistener')(store);
17 | }
18 |
19 | _.each(reducers, function(reducer) {
20 | if (!_.isFunction(reducer.attachStore)) {
21 | return;
22 | }
23 | reducer.attachStore(store);
24 | });
25 |
26 | browser.runtime.onMessage.addListener(function(actionAsPromise, sender, sendResponse) {
27 | actionAsPromise
28 | .then(function(action) {
29 | return store.dispatch(actions[action.type](action.payload, action.meta, sender));
30 | })
31 | .then(sendResponse)
32 | .catch(report.captureException);
33 |
34 | return true;
35 | });
36 |
37 | return store;
38 | };
39 |
--------------------------------------------------------------------------------
/components/AccountFooter/AccountFooter.styles.css:
--------------------------------------------------------------------------------
1 | .meta-main {
2 | @raw {
3 | composes: meta-main from '../meta.styles';
4 | }
5 | }
6 |
7 | .network {
8 | background-position: center;
9 | background-repeat: no-repeat;
10 | background-size: 18px;
11 | border-radius: 50%;
12 | display: inline-block;
13 | height: 20px;
14 | vertical-align: top;
15 | width: 20px;
16 |
17 | &.imgur {
18 | background-color: #000000;
19 | background-size: 80%;
20 | background-image: url('../../assets/images/imgur.svg');
21 | }
22 |
23 | &.instagram {
24 | background-color: #3f729b;
25 | background-size: 80%;
26 | background-image: url('../../assets/images/instagram.svg');
27 | }
28 |
29 | &.reddit {
30 | background-color: #d0e2f9;
31 | background-size: 80%;
32 | background-image: url('../../assets/images/reddit.svg');
33 | }
34 |
35 | &.soundcloud {
36 | background-color: #ff3300;
37 | background-image: url('../../assets/images/soundcloud.svg');
38 | }
39 |
40 | &.twitter {
41 | background-color: #55acee;
42 | background-image: url('../../assets/images/twitter.svg');
43 | }
44 |
45 | &.youtube {
46 | background-color: #cd201f;
47 | background-image: url('../../assets/images/youtube.svg');
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/assets/images/verified.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
24 |
--------------------------------------------------------------------------------
/components/Collapsable/Collapsable.styles.css:
--------------------------------------------------------------------------------
1 | .collapsable {
2 | position: relative;
3 | overflow: hidden;
4 |
5 | @raw {
6 | composes: format from '../no-formatting.styles';
7 | }
8 |
9 | &.collapsed {
10 | cursor: pointer;
11 |
12 | &:after {
13 | background: #e8e8e8;
14 | border-radius: 20px;
15 | line-height: 10px;
16 | color: rgba(0, 0, 0, .6);
17 | content: '...';
18 | cursor: pointer;
19 | font-weight: bolder;
20 | display: block;
21 | font-family: -apple-system, BlinkMacSystemFont, 'Roboto', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
22 | font-size: 18px;
23 | height: 20px;
24 | padding: 0 6px;
25 | position: absolute;
26 | right: 24px;
27 | text-align: right;
28 | top: calc(100% - 23px);
29 | z-index: 20;
30 | }
31 |
32 | &:before {
33 | content: '';
34 | position: absolute;
35 | display: block;
36 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 100%);
37 | right: 24px;
38 | top: calc(100% - 23px);
39 | height: 20px;
40 | width: 60px;
41 | }
42 | }
43 |
44 | &.expanded {
45 | max-height: 999999px;
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/components/Video/Video.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var classnames = require('classnames');
3 |
4 | var styles = require('./Video.styles');
5 |
6 | module.exports = React.createClass({
7 | displayName: 'Video',
8 | propTypes: {
9 | className: React.PropTypes.string,
10 | image: React.PropTypes.object,
11 | muted: React.PropTypes.bool.isRequired,
12 | onLoad: React.PropTypes.func.isRequired,
13 | video: React.PropTypes.string.isRequired
14 | },
15 | getInitialState: function() {
16 | return { playing: true };
17 | },
18 | togglePlaying: function() {
19 | this.refs.video[this.state.playing ? 'pause' : 'play']();
20 | this.setState({ playing: !this.state.playing });
21 | },
22 | render: function() {
23 | return (
24 |
37 | );
38 | }
39 | });
40 |
--------------------------------------------------------------------------------
/assets/images/imgur.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
19 |
--------------------------------------------------------------------------------
/extension/set-uninstall-url.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var browser = require('./browser');
4 | var report = require('../report');
5 |
6 | var ALPHANUMERIC = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
7 |
8 | browser.storage.onChanged.addListener(function(changes, areaName) {
9 | if (areaName !== 'sync') {
10 | return;
11 | }
12 | _.pairs(changes).forEach(function(entry) {
13 | if (entry[0] !== 'user_id') {
14 | return;
15 | }
16 | browser.runtime.setUninstallURL('http://' + (process.env.NODE_ENV === 'production' ? 'hover.cards' : 'localhost:5100') + '/track_uninstall?user_id=' + entry[1].newValue)
17 | .catch(report.captureException);
18 | });
19 | });
20 |
21 | browser.runtime.setUninstallURL('http://' + (process.env.NODE_ENV === 'production' ? 'hover.cards' : 'localhost:5100') + '/track_uninstall')
22 | .then(function() {
23 | return browser.storage.sync.get('user_id');
24 | })
25 | .then(_.property('user_id'))
26 | .then(function(user_id) {
27 | if (user_id) {
28 | return user_id;
29 | }
30 |
31 | user_id = _.times(25, _.partial(_.sample, ALPHANUMERIC, null)).join('');
32 | return browser.storage.sync.set({ user_id: user_id }).then(_.constant(user_id));
33 | })
34 | .then(function(user_id) {
35 | return browser.runtime.setUninstallURL('http://' + (process.env.NODE_ENV === 'production' ? 'hover.cards' : 'localhost:5100') + '/track_uninstall?user_id=' + user_id);
36 | })
37 | .catch(report.captureException);
38 |
--------------------------------------------------------------------------------
/extension/content-security-policy.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var browser = require('./browser');
4 | var integrationsConfig = require('../integrations/config');
5 |
6 | var csp_append = _.chain(integrationsConfig)
7 | .result('integrations')
8 | .pluck('content_security_policy')
9 | .compact()
10 | .reduce(function(memo, csp_object) {
11 | _.each(csp_object, function(urls, key) {
12 | memo[key] = _.union(memo[key], urls);
13 | });
14 | return memo;
15 | }, {})
16 | .mapObject(function(urls) {
17 | return urls.join(' ');
18 | })
19 | .value();
20 |
21 | csp_append['font-src'] = 'fonts.gstatic.com';
22 |
23 | browser.webRequest.onHeadersReceived.addListener(
24 | function(details) {
25 | var responseHeaders = _.result(details, 'responseHeaders');
26 | var csp = _.find(responseHeaders, function(responseHeader) {
27 | return responseHeader.name.match(/content-security-policy/i);
28 | });
29 | if (csp) {
30 | var csp_object = _.indexBy(csp.value.trim().replace(/;$/, '').split(/\s*;\s*/), function(string) {
31 | return string.substring(0, string.indexOf(' '));
32 | });
33 |
34 | _.each(csp_append, function(urls, key) {
35 | if (csp_object[key]) {
36 | csp_object[key] += ' ' + urls;
37 | }
38 | });
39 |
40 | csp.value = _.values(csp_object).join('; ') + ';';
41 | }
42 | return { responseHeaders: responseHeaders };
43 | },
44 | {
45 | urls: ['*://*/*'],
46 | types: ['main_frame', 'sub_frame']
47 | },
48 | ['blocking', 'responseHeaders']
49 | );
50 |
--------------------------------------------------------------------------------
/components/OEmbed/OEmbed.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var classnames = require('classnames');
3 |
4 | var dom = require('../../utils/dom');
5 | var styles = require('./OEmbed.styles');
6 |
7 | module.exports = React.createClass({
8 | displayName: 'OEmbed',
9 | propTypes: {
10 | className: React.PropTypes.string,
11 | image: React.PropTypes.object,
12 | oembed: React.PropTypes.string.isRequired,
13 | onLoad: React.PropTypes.func.isRequired
14 | },
15 | componentDidMount: function() {
16 | this.massageIframe();
17 | },
18 | componentDidUpdate: function(prevProps) {
19 | if (this.props.oembed === prevProps.oembed) {
20 | return;
21 | }
22 | this.massageIframe();
23 | },
24 | componentWillUnmount: function() {
25 | var iframe = this.refs.container.children[0];
26 | iframe.removeEventListener('onload', this.onLoad);
27 | },
28 | massageIframe: function() {
29 | var iframe = this.refs.container.children[0];
30 | dom.addClass(iframe, classnames(styles.oembed, this.props.className));
31 | iframe.style.height = (iframe.height / iframe.width * this.refs.container.offsetWidth) + 'px';
32 | iframe.addEventListener('onload', this.onLoad);
33 | },
34 | render: function() {
35 | return (
36 |
40 | );
41 | }
42 | });
43 |
--------------------------------------------------------------------------------
/integrations/imgur/urls.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var urls = {};
4 |
5 | urls.hostnames_parsed = ['imgur.com', 'www.imgur.com', 'i.imgur.com', 'm.imgur.com'];
6 |
7 | urls.parse = function(url_obj) {
8 | var path_parts = url_obj.pathname.replace(/^\//, '').replace(/\/$/, '').split('/') || [];
9 | switch (path_parts[0]) {
10 | case 'a':
11 | return !_.isEmpty(path_parts[1]) && { api: 'imgur', type: 'content', id: path_parts[1], as: 'album' };
12 | case 'gallery':
13 | return !_.isEmpty(path_parts[1]) && { api: 'imgur', type: 'content', id: path_parts[1], as: 'gallery' };
14 | case 'user':
15 | return !_.isEmpty(path_parts[1]) && { api: 'imgur', type: 'account', id: path_parts[1] };
16 | default:
17 | return !_.isEmpty(path_parts[0]) && { api: 'imgur', type: 'content', id: path_parts[0].replace(/\..+?$/, ''), as: 'image' };
18 | }
19 | };
20 |
21 | urls.represent = function(identity, comment) {
22 | switch (identity.type) {
23 | case 'content':
24 | return _.compact([
25 | _.result(comment, 'id') && ('https://imgur.com/gallery/' + _.result(identity, 'id') + '/comment/' + comment.id),
26 | (identity.as === 'image') && ('https://imgur.com/' + identity.id),
27 | (identity.as === 'image') && ('https://i.imgur.com/' + identity.id),
28 | (identity.as === 'album') && ('https://imgur.com/a/' + identity.id),
29 | 'https://imgur.com/gallery/' + identity.id
30 | ]);
31 | case 'account':
32 | return ['https://imgur.com/user/' + identity.id];
33 | default:
34 | return null;
35 | }
36 | };
37 |
38 | module.exports = urls;
39 |
--------------------------------------------------------------------------------
/integrations/urls/index.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var url = require('url');
3 |
4 | var hostnames_to_urls = {};
5 |
6 | // HACK Can't use require.context because of mocha and node
7 | _.each([require('../imgur/urls'),
8 | require('../instagram/urls'),
9 | require('../reddit/urls'),
10 | require('../soundcloud/urls'),
11 | require('../twitter/urls'),
12 | require('../youtube/urls')], function(api_urls) {
13 | _.each(api_urls.hostnames_parsed, function(hostname_parsed) {
14 | hostnames_to_urls[hostname_parsed] = hostnames_to_urls[hostname_parsed] || [];
15 | hostnames_to_urls[hostname_parsed].push(api_urls);
16 | });
17 | });
18 |
19 | var urls = {};
20 |
21 | urls.parse = function(url_string) {
22 | if (_.isEmpty(url_string)) {
23 | return;
24 | }
25 | var url_object;
26 | try {
27 | url_object = url.parse(url_string, true, true);
28 | } catch (e) {
29 | if (e instanceof URIError) {
30 | return;
31 | }
32 | throw e;
33 | }
34 |
35 | if (url_object.hostname === 'l.facebook.com') {
36 | return urls.parse(url_object.query.u);
37 | }
38 | return _.chain(hostnames_to_urls[url_object.hostname]).invoke('parse', url_object).compact().first().value();
39 | };
40 |
41 | urls.represent = function(identity, comment) {
42 | return require('../' + identity.api + '/urls').represent(identity, comment);
43 | };
44 |
45 | urls.print = function(identity, comment) {
46 | if (!identity) {
47 | return identity;
48 | }
49 | return (urls.represent(identity, comment) || [])[0];
50 | };
51 |
52 | module.exports = urls;
53 |
--------------------------------------------------------------------------------
/components/AccountHovercard/AccountHovercard.styles.css:
--------------------------------------------------------------------------------
1 | .account {
2 | min-height: 140px;
3 | overflow: hidden;
4 | width: 380px;
5 |
6 | &.noAccountImage {
7 | min-height: 88px;
8 | }
9 | }
10 |
11 | .image {
12 | background-position: center;
13 | background-size: cover;
14 | border-radius: 50%;
15 | border: 3px solid white;
16 | display: block;
17 | height: 90px;
18 | margin: auto;
19 | margin-top: 16px;
20 | position: relative;
21 | width: 90px;
22 |
23 | .header + & {
24 | margin-top: -45px;
25 | }
26 | }
27 |
28 | .name-container {
29 | margin: 16px 12px 10px;
30 | text-align: center;
31 |
32 | @raw {
33 | composes: flex-row from '../flex.styles';
34 | }
35 |
36 | .image + & {
37 | margin: 3px 12px 0;
38 | }
39 | }
40 |
41 | .name {
42 | font-size: 16px;
43 | color: rgba(0, 0, 0, .8);
44 | font-weight: 700;
45 | }
46 |
47 | .verified {
48 | background-image: url('../../assets/images/verified.svg');
49 | background-position: center;
50 | background-repeat: no-repeat;
51 | background-size: 100%;
52 | display: inline-block;
53 | height: 16px;
54 | margin-left: 6px;
55 | width: 16px;
56 | }
57 |
58 | .description {
59 | max-height: 120px;
60 | padding: 12px 12px 0 12px;
61 | text-align: center;
62 | width: 100%;
63 |
64 | .text {
65 | text-align: center;
66 | font-size: 14px;
67 | margin: 3px 0;
68 | color: rgba(0, 0, 0, .6);
69 | }
70 |
71 | .name-container + & {
72 | margin: 0;
73 | padding: 6px 12px 0 12px;
74 | }
75 | }
76 |
77 | .text {
78 | display: block;
79 | }
80 |
--------------------------------------------------------------------------------
/components/DiscussionComment/DiscussionComment.styles.css:
--------------------------------------------------------------------------------
1 | .comment-container {
2 | padding: 12px 24px;
3 | }
4 |
5 | .comment {
6 | display: flex;
7 | justify-content: left;
8 | }
9 |
10 | .account-image-container {
11 | height: 44px;
12 | margin: 0 16px 0 0;
13 | width: 44px;
14 | }
15 |
16 | .account-image {
17 | background-position: center;
18 | background-size: cover;
19 | border-radius: 50%;
20 | display: block;
21 | height: 44px;
22 | position: relative;
23 | width: 44px;
24 |
25 | &.empty {
26 | background-image: url('../../assets/images/missing-image.png');
27 | }
28 | }
29 |
30 | .account-name {
31 | font-size: 15px;
32 | font-weight: normal;
33 | text-decoration: underline;
34 | color: rgba(0, 0, 0, .8);
35 | }
36 |
37 | .description {
38 | padding-left: 0;
39 | width: 100%;
40 | }
41 |
42 | .text {
43 | margin: 5px 0;
44 | display: block;
45 |
46 | @raw {
47 | composes: format from '../no-formatting.styles';
48 | }
49 | }
50 |
51 | .stat {
52 | font-size: 15px;
53 | color: rgba(0, 0, 0, .6);
54 |
55 | @raw {
56 | composes: flex-item from '../flex.styles';
57 | }
58 | }
59 |
60 | .stat-number {
61 | font-size: 15px;
62 | color: rgba(0, 0, 0, .8);
63 | }
64 |
65 | .replies {
66 | border-left: 3px solid rgba(0, 0, 0, .1);
67 | padding-left: 20px;
68 | margin-top: 20px;
69 |
70 | .comment-container {
71 | padding: 0;
72 |
73 | &:not(:last-of-type) {
74 | padding-bottom: 16px;
75 | }
76 | }
77 |
78 | .account-image-container {
79 | margin: 0 0 0 16px;
80 | }
81 |
82 | .replies {
83 | margin-right: 0;
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/integrations/reddit/urls.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 |
3 | var urls = {};
4 |
5 | urls.hostnames_parsed = ['reddit.com', 'www.reddit.com', 'np.reddit.com', 'm.reddit.com', 'redd.it', 'redditmedia.com', 'www.redditmedia.com'];
6 | urls.non_content_ids = /^(?:ads|advertising|blog|buttons|code|contact|controversial|dev|domain|explore|gilded|gold|help|jobs|login|message|new|password|prefs|promoted|rising|rules|submit|subreddits|top|wiki)$/;
7 |
8 | urls.parse = function(url_obj) {
9 | var pathname = (url_obj.pathname || '').replace(/\/$/, '');
10 | var match;
11 | if ((match = pathname.match(/^\/(?:u(?:ser)?)\/([^/]+)(?:\/[^/]+)?$/)) && match[1]) {
12 | return { api: 'reddit', type: 'account', id: match[1] };
13 | }
14 | if ((match = pathname.match(/^(?:\/r\/([^/]+))?(?:\/comments)?\/([^/]+)(?:\/.+)?$/)) && match[2]) {
15 | if (match[1]) {
16 | return { api: 'reddit', type: 'content', id: match[2], subreddit: match[1] };
17 | }
18 | if (match[2] === 'r') {
19 | return null;
20 | }
21 | if (match[2].match(urls.non_content_ids)) {
22 | return null;
23 | }
24 | return { api: 'reddit', type: 'content', id: match[2] };
25 | }
26 | };
27 |
28 | urls.represent = function(identity, comment) {
29 | switch (identity.type) {
30 | case 'content':
31 | return ['https://www.reddit.com' + (identity.subreddit ? '/r/' + identity.subreddit : '') + '/comments/' + identity.id + (_.result(comment, 'id') ? '/comment/' + comment.id : ''), 'https://redd.it/' + identity.id];
32 | case 'account':
33 | return ['https://www.reddit.com/user/' + identity.id];
34 | default:
35 | return null;
36 | }
37 | };
38 |
39 | module.exports = urls;
40 |
--------------------------------------------------------------------------------
/redux/authentication.reducer.js:
--------------------------------------------------------------------------------
1 | var _ = require('underscore');
2 | var createAction = require('redux-actions').createAction;
3 | var handleActions = require('redux-actions').handleActions;
4 |
5 | var browser = require('../extension/browser');
6 |
7 | module.exports = handleActions(
8 | {
9 | SET_AUTHENTICATION: {
10 | next: function(state, action) {
11 | if (action.payload.value === undefined) {
12 | browser.storage.sync.remove('authentication.' + action.payload.api);
13 | return _.omit(state, action.payload.api);
14 | }
15 | browser.storage.sync.set({ ['authentication.' + action.payload.api]: action.payload.value });
16 | return Object.assign({}, state, { [action.payload.api]: action.payload.value });
17 | }
18 | }
19 | },
20 | {}
21 | );
22 |
23 | module.exports.attachStore = function(store) {
24 | browser.storage.sync.get(null)
25 | .then(function(items) {
26 | _.pairs(items).forEach(function(entry) {
27 | var key = entry[0].match(/^authentication\.(.+)/);
28 | if (!key) {
29 | return;
30 | }
31 | store.dispatch(createAction('SET_AUTHENTICATION')({ api: key[1], value: entry[1] }));
32 | });
33 | });
34 |
35 | browser.storage.onChanged.addListener(function(changes, areaName) {
36 | if (areaName !== 'sync') {
37 | return;
38 | }
39 | _.pairs(changes).forEach(function(entry) {
40 | var key = entry[0].match(/^authentication\.(.+)/);
41 | if (!key) {
42 | return;
43 | }
44 | store.dispatch(createAction('SET_AUTHENTICATION')({ api: key[1], value: entry[1].newValue }));
45 | store.dispatch(createAction('CLEAR_ENTITIES')(key[1]));
46 | });
47 | });
48 | };
49 |
--------------------------------------------------------------------------------
/server/index.js:
--------------------------------------------------------------------------------
1 | var compression = require('compression');
2 | var feathers = require('feathers');
3 | var helmet = require('helmet');
4 | var raven = require('raven');
5 | var ua = require('universal-analytics');
6 |
7 | var report = require('../report');
8 |
9 | var PORT = process.env.PORT || 5100;
10 |
11 | feathers()
12 | .use(helmet())
13 | .use(compression())
14 | .use(raven.middleware.express.requestHandler(report))
15 | .use('/v2', require('./v2'))
16 | .get('/', function(req, res) {
17 | res.redirect(process.env.npm_package_homepage);
18 | })
19 | .get('/track_uninstall', function(req, res) {
20 | if (process.env.GOOGLE_ANALYTICS_ID) {
21 | ua(process.env.GOOGLE_ANALYTICS_ID, req.query.user_id, { strictCidFormat: false })
22 | .pageview('/track_uninstall')
23 | .send();
24 | } else {
25 | console.log('google analytics', ['send', 'pageview', '/track_uninstall']);
26 | }
27 | res.redirect('https://hovercards.typeform.com/to/ajyJv2');
28 | })
29 |
30 | .use(function(err, req, res, next) { // eslint-disable-line no-unused-vars
31 | if (!err.code || err.code < 400 || err.code >= 500) {
32 | return next(err);
33 | }
34 | err.message = err.message || 'Do not recognize url ' + req.path;
35 | res.status(err.code || 500).json(err);
36 | })
37 | .use(raven.middleware.express.errorHandler(report))
38 | .use(function(err, req, res, next) { // eslint-disable-line no-unused-vars
39 | err.message = err.message || 'Do not recognize url ' + req.path;
40 | res.status(err.code || 500).json(err);
41 | })
42 |
43 | .listen(PORT, function() {
44 | console.log('Server is running at', 'http://localhost:' + PORT);
45 | });
46 |
--------------------------------------------------------------------------------
/components/Collapsable/Collapsable.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var classnames = require('classnames');
3 |
4 | var styles = require('./Collapsable.styles');
5 |
6 | module.exports = React.createClass({
7 | displayName: 'Collapsable',
8 | propTypes: {
9 | children: React.PropTypes.node.isRequired,
10 | className: React.PropTypes.string,
11 | onExpand: React.PropTypes.func.isRequired,
12 | onResize: React.PropTypes.func.isRequired
13 | },
14 | getInitialState: function() {
15 | return { expanded: false, collapsable: true };
16 | },
17 | componentDidMount: function() {
18 | if (this.refs.collapsable.scrollHeight < this.refs.collapsable.offsetHeight + 5) {
19 | return this.setState({ collapsable: false });
20 | }
21 | },
22 | componentDidUpdate: function(prevProps, prevState) {
23 | if (this.state.expanded === prevState.expanded && this.state.collapsable === prevState.collapsable) {
24 | return;
25 | }
26 | this.props.onResize();
27 | },
28 | onExpand: function(e) {
29 | if (this.state.expanded || !this.state.collapsable) {
30 | return;
31 | }
32 | e.preventDefault();
33 | e.stopPropagation();
34 | this.setState({ expanded: true });
35 | this.props.onExpand();
36 | },
37 | render: function() {
38 | return (
39 | { 45 | browser.i18n.getMessage('err_' + (this.props.error.code || 500) + '_text_of_' + integration, [browser.i18n.getMessage('name_of_' + integration)]) || 46 | browser.i18n.getMessage('err_' + (this.props.error.code || 500) + '_text', [browser.i18n.getMessage('name_of_' + integration)]) 47 | }
48 | {cta && {cta}} 49 |