20 |
26 | );
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/app/components/common/Nav.module.css:
--------------------------------------------------------------------------------
1 | .nav {
2 | background-color: transparent;
3 | background-image: linear-gradient(rgba(0,0,0,.6),transparent);
4 | border-bottom: none;
5 | height: 80px;
6 | left: 20%;
7 | padding: 9px 0 0;
8 | position: fixed;
9 | text-align: right;
10 | top: 0;
11 | width: 80%;
12 | z-index: 1;
13 | -webkit-user-select: none;
14 | -webkit-app-region: drag;
15 | }
16 |
17 | .stats {
18 | display: inline-block;
19 | position: relative;
20 | top: 20px;
21 | }
22 |
23 | .stats li {
24 | float: left;
25 | padding: 0 10px;
26 | margin: 0 5px;
27 | text-transform: uppercase;
28 | }
29 |
--------------------------------------------------------------------------------
/app/routes.js:
--------------------------------------------------------------------------------
1 | /* eslint flowtype-errors/show-errors: 0 */
2 | import React from 'react';
3 | import { Switch, Route } from 'react-router';
4 | import App from './containers/App';
5 | import HomePage from './containers/HomePage';
6 | import ChannelPage from './containers/ChannelPage';
7 | import SettingsPage from './containers/SettingsPage';
8 |
9 | export default () => (
10 |
22 |
23 |
25 | Settings
24 |
19 |
20 | 
21 |
22 |
27 | );
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/flow-typed/npm/babel-preset-react_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: ebb227eb2063cd511833338670db0d5e
2 | // flow-typed version: <
23 |
26 | {title}
24 | {subtitle}
25 |
18 |
23 | );
24 | }
25 | }
26 |
27 | function toDatetime(ts) {
28 | const date = new Date(ts * 1000);
29 | const hours = date.getHours();
30 | const minutes = `0${date.getMinutes()}`;
31 | const seconds = `0${date.getSeconds()}`;
32 | const formattedTime = `${hours}:${minutes.substr(-2)}:${seconds.substr(-2)}`;
33 | return formattedTime;
34 | }
35 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2016-present
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/app/components/common/Nav.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import styles from './Nav.module.css';
3 |
4 |
5 | export default class Nav extends Component {
6 |
7 | constructor(props) {
8 | super(props);
9 | this.handleScroll = this.handleScroll.bind(this);
10 | this.state = {
11 | transform: ''
12 | };
13 | }
14 |
15 | componentDidMount() {
16 | window.addEventListener('scroll', this.handleScroll);
17 | }
18 |
19 | componentWillUnmount() {
20 | window.removeEventListener('scroll', this.handleScroll);
21 | }
22 |
23 | handleScroll = (event) => {
24 | const scrollTop = event.srcElement.body.scrollTop;
25 | const opacity = scrollTop / window.innerHeight;
26 |
27 | const bg = {
28 | backgroundColor: `rgba(0, 0, 0, '${opacity}')`
29 | };
30 |
31 | this.setState({
32 | transform: bg
33 | });
34 | };
35 |
36 | render() {
37 | let transform;
38 | if (this.state.transform) {
39 | transform = this.state.transform;
40 | }
41 |
42 | return (
43 | {toDatetime(date)}
19 | {artist}
20 | {title}
21 | {album}
22 |
44 |
46 | );
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/app/yarn.lock:
--------------------------------------------------------------------------------
1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2 | # yarn lockfile v1
3 |
4 |
5 | axios@^0.16.2:
6 | version "0.16.2"
7 | resolved "https://registry.yarnpkg.com/axios/-/axios-0.16.2.tgz#ba4f92f17167dfbab40983785454b9ac149c3c6d"
8 | dependencies:
9 | follow-redirects "^1.2.3"
10 | is-buffer "^1.1.5"
11 |
12 | debug@^2.4.5:
13 | version "2.6.8"
14 | resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.8.tgz#e731531ca2ede27d188222427da17821d68ff4fc"
15 | dependencies:
16 | ms "2.0.0"
17 |
18 | follow-redirects@^1.2.3:
19 | version "1.2.4"
20 | resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.2.4.tgz#355e8f4d16876b43f577b0d5ce2668b9723214ea"
21 | dependencies:
22 | debug "^2.4.5"
23 |
24 | font-awesome@^4.7.0:
25 | version "4.7.0"
26 | resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
27 |
28 | is-buffer@^1.1.5:
29 | version "1.1.5"
30 | resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
31 |
32 | ms@2.0.0:
33 | version "2.0.0"
34 | resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
35 |
--------------------------------------------------------------------------------
/webpack.config.base.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Base webpack config used across other specific configs
3 | */
4 |
5 | import path from 'path';
6 | import webpack from 'webpack';
7 | import { dependencies as externals } from './app/package.json';
8 |
9 | export default {
10 | externals: Object.keys(externals || {}),
11 |
12 | module: {
13 | rules: [{
14 | test: /\.jsx?$/,
15 | exclude: /node_modules/,
16 | use: {
17 | loader: 'babel-loader',
18 | options: {
19 | cacheDirectory: true
20 | }
21 | }
22 | }]
23 | },
24 |
25 | output: {
26 | path: path.join(__dirname, 'app'),
27 | filename: 'renderer.dev.js',
28 | // https://github.com/webpack/webpack/issues/1114
29 | libraryTarget: 'commonjs2'
30 | },
31 |
32 | /**
33 | * Determine the array of extensions that should be used to resolve modules.
34 | */
35 | resolve: {
36 | extensions: ['.js', '.jsx', '.json'],
37 | modules: [
38 | path.join(__dirname, 'app'),
39 | 'node_modules',
40 | ],
41 | },
42 |
43 | plugins: [
44 | new webpack.DefinePlugin({
45 | 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production')
46 | }),
47 |
48 | new webpack.NamedModulesPlugin(),
49 | ],
50 | };
51 |
--------------------------------------------------------------------------------
/flow-typed/npm/babel-preset-react-hmre_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: e167016cbded1a19992ddbb8c4fee28d
2 | // flow-typed version: <
51 |
60 | );
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/flow-typed/npm/cross-env_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: cdcc2679cb1b35e68c46740f1c534a8e
2 | // flow-typed version: <
53 |
54 |
59 |
55 |
58 | Channels
56 | {channels.length !== 0 ? channelNodes : 'No channels available.' } 57 |
50 |
51 |
52 |
69 | );
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/flow-typed/npm/react-addons-test-utils_v15.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 2a2cb3cb1420db99ca9ba3823c41615b
2 | // flow-typed version: b43dff3e0e/react-addons-test-utils_v15.x.x/flow_>=v0.22.x
3 |
4 | declare type ReactAddonTest$FunctionOrComponentClass = React$Component-
53 |
- Main 54 |
- Channels 55 | {/* 56 |
- Settings 57 | */} 58 |
-
61 |
- Favorites 62 | { favorites ? favoriteNodes :
- None } 63 |
-
66 |
- {this.state.status} 67 |
5 |
114 | `;
115 |
--------------------------------------------------------------------------------
/flow-typed/npm/babel-eslint_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: fb9050b753124adf69b920326736cddb
2 | // flow-typed version: <
9 |
113 |
12 |
18 |
64 | -
21 |
- 24 | Main 25 | 26 | 31 |
- 32 | 35 | Channels 36 | 37 | 38 |
-
42 |
- 45 | Favorites 46 | 47 |
-
51 |
- 52 | 55 | 56 | 59 | offline 60 | 61 | 62 |
67 |
112 |
72 |
76 |
79 |
111 | 80 | Channels 81 |
82 |
85 |
89 | 
94 |
95 |
110 |
94 |
95 |
98 |
109 |
101 | Seven Inch Soul
102 |
103 |
106 | Vintage soul tracks from the original 45 RPM vinyl.
107 |
108 | {{ site.title | default: site.github.repository_name }}
15 |{{ site.description | default: site.github.project_tagline }}
16 | {% if site.github.is_project_page %} 17 | View on GitHub 18 | {% endif %} 19 | {% if site.show_downloads %} 20 | Download for OSX 21 | Download for Windows 22 | 24 | {% endif %} 25 |
85 |
86 |
88 |
89 | )
90 | .toJSON();
91 |
92 | expect(tree).toMatchSnapshot();
93 | });
94 |
95 | // it('should second button should call decrement', () => {
96 | // const { buttons, actions } = setup();
97 | // buttons.at(1).simulate('click');
98 | // expect(actions.decrement.called).toBe(true);
99 | // });
100 |
101 | // it('should third button should call incrementIfOdd', () => {
102 | // const { buttons, actions } = setup();
103 | // buttons.at(2).simulate('click');
104 | // expect(actions.incrementIfOdd.called).toBe(true);
105 | // });
106 |
107 | // it('should fourth button should call incrementAsync', () => {
108 | // const { buttons, actions } = setup();
109 | // buttons.at(3).simulate('click');
110 | // expect(actions.incrementAsync.called).toBe(true);
111 | // });
112 | });
113 |
--------------------------------------------------------------------------------
/flow-typed/npm/redux_v3.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 41ce9e69f51ead881fa11b09b275d7a4
2 | // flow-typed version: 37b1c6d953/redux_v3.x.x/flow_>=v0.33.x
3 |
4 | declare module 'redux' {
5 |
6 | /*
7 |
8 | S = State
9 | A = Action
10 |
11 | */
12 |
13 | declare type Dispatch
154 |
192 | );
193 | }
194 | }
195 |
--------------------------------------------------------------------------------
/app/menu.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | import { app, Menu, shell, BrowserWindow } from 'electron';
3 |
4 | export default class MenuBuilder {
5 | mainWindow: BrowserWindow;
6 |
7 | constructor(mainWindow: BrowserWindow) {
8 | this.mainWindow = mainWindow;
9 | }
10 |
11 | buildMenu() {
12 | if (process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true') {
13 | this.setupDevelopmentEnvironment();
14 | }
15 |
16 | let template;
17 |
18 | if (process.platform === 'darwin') {
19 | template = this.buildDarwinTemplate();
20 | } else {
21 | template = this.buildDefaultTemplate();
22 | }
23 |
24 | const menu = Menu.buildFromTemplate(template);
25 | Menu.setApplicationMenu(menu);
26 |
27 | return menu;
28 | }
29 |
30 | setupDevelopmentEnvironment() {
31 | this.mainWindow.openDevTools();
32 | this.mainWindow.webContents.on('context-menu', (e, props) => {
33 | const { x, y } = props;
34 |
35 | Menu
36 | .buildFromTemplate([{
37 | label: 'Inspect element',
38 | click: () => {
39 | this.mainWindow.inspectElement(x, y);
40 | }
41 | }])
42 | .popup(this.mainWindow);
43 | });
44 | }
45 |
46 | buildDarwinTemplate() {
47 | const subMenuAbout = {
48 | label: 'Electron',
49 | submenu: [
50 | { label: 'About SomaFM', selector: 'orderFrontStandardAboutPanel:' },
51 | { type: 'separator' },
52 | { label: 'Services', submenu: [] },
53 | { type: 'separator' },
54 | { label: 'Hide SomaFM', accelerator: 'Command+H', selector: 'hide:' },
55 | { label: 'Hide Others', accelerator: 'Command+Shift+H', selector: 'hideOtherApplications:' },
56 | { label: 'Show All', selector: 'unhideAllApplications:' },
57 | { type: 'separator' },
58 | { label: 'Quit', accelerator: 'Command+Q', click: () => { app.quit(); } }
59 | ]
60 | };
61 | const subMenuEdit = {
62 | label: 'Edit',
63 | submenu: [
64 | { label: 'Undo', accelerator: 'Command+Z', selector: 'undo:' },
65 | { label: 'Redo', accelerator: 'Shift+Command+Z', selector: 'redo:' },
66 | { type: 'separator' },
67 | { label: 'Cut', accelerator: 'Command+X', selector: 'cut:' },
68 | { label: 'Copy', accelerator: 'Command+C', selector: 'copy:' },
69 | { label: 'Paste', accelerator: 'Command+V', selector: 'paste:' },
70 | { label: 'Select All', accelerator: 'Command+A', selector: 'selectAll:' }
71 | ]
72 | };
73 | const subMenuViewDev = {
74 | label: 'View',
75 | submenu: [
76 | { label: 'Reload', accelerator: 'Command+R', click: () => { this.mainWindow.webContents.reload(); } },
77 | { label: 'Toggle Full Screen', accelerator: 'Ctrl+Command+F', click: () => { this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen()); } },
78 | { label: 'Toggle Developer Tools', accelerator: 'Alt+Command+I', click: () => { this.mainWindow.toggleDevTools(); } }
79 | ]
80 | };
81 | const subMenuViewProd = {
82 | label: 'View',
83 | submenu: [
84 | { label: 'Toggle Full Screen', accelerator: 'Ctrl+Command+F', click: () => { this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen()); } }
85 | ]
86 | };
87 | const subMenuWindow = {
88 | label: 'Window',
89 | submenu: [
90 | { label: 'Minimize', accelerator: 'Command+M', selector: 'performMiniaturize:' },
91 | { label: 'Close', accelerator: 'Command+W', selector: 'performClose:' },
92 | { type: 'separator' },
93 | { label: 'Bring All to Front', selector: 'arrangeInFront:' }
94 | ]
95 | };
96 | const subMenuHelp = {
97 | label: 'Help',
98 | submenu: [
99 | { label: 'Home', click() { shell.openExternal('https://alfg.github.io/somafm'); } },
100 | { label: 'GitHub', click() { shell.openExternal('https://github.com/alfg/somafm'); } },
101 | { label: 'Issues', click() { shell.openExternal('https://github.com/alfg/somafm/issues'); } },
102 | { label: 'Releases', click() { shell.openExternal('https://github.com/alfg/somafm/releases'); } },
103 | ]
104 | };
105 |
106 | const subMenuView = process.env.NODE_ENV === 'development'
107 | ? subMenuViewDev
108 | : subMenuViewProd;
109 |
110 | return [
111 | subMenuAbout,
112 | subMenuEdit,
113 | subMenuView,
114 | subMenuWindow,
115 | subMenuHelp
116 | ];
117 | }
118 |
119 | buildDefaultTemplate() {
120 | const templateDefault = [{
121 | label: '&File',
122 | submenu: [{
123 | label: '&Open',
124 | accelerator: 'Ctrl+O'
125 | }, {
126 | label: '&Close',
127 | accelerator: 'Ctrl+W',
128 | click: () => {
129 | this.mainWindow.close();
130 | }
131 | }]
132 | }, {
133 | label: '&View',
134 | submenu: (process.env.NODE_ENV === 'development') ? [{
135 | label: '&Reload',
136 | accelerator: 'Ctrl+R',
137 | click: () => {
138 | this.mainWindow.webContents.reload();
139 | }
140 | }, {
141 | label: 'Toggle &Full Screen',
142 | accelerator: 'F11',
143 | click: () => {
144 | this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
145 | }
146 | }, {
147 | label: 'Toggle &Developer Tools',
148 | accelerator: 'Alt+Ctrl+I',
149 | click: () => {
150 | this.mainWindow.toggleDevTools();
151 | }
152 | }] : [{
153 | label: 'Toggle &Full Screen',
154 | accelerator: 'F11',
155 | click: () => {
156 | this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
157 | }
158 | }]
159 | }, {
160 | label: 'Help',
161 | submenu: [{
162 | label: 'Home',
163 | click() {
164 | shell.openExternal('https://alfg.github.io/somafm');
165 | }
166 | }, {
167 | label: 'GitHub',
168 | click() {
169 | shell.openExternal('https://github.com/alfg/somafm');
170 | }
171 | }, {
172 | label: 'Issues',
173 | click() {
174 | shell.openExternal('https://github.com/alfg/somafm/issues');
175 | }
176 | }, {
177 | label: 'Releases',
178 | click() {
179 | shell.openExternal('https://github.com/alfg/somafm/releases');
180 | }
181 | }]
182 | }];
183 |
184 | return templateDefault;
185 | }
186 | }
187 |
--------------------------------------------------------------------------------
/flow-typed/npm/flow-typed_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 49d74be53c39f3bab40c4c02ddb7cc18
2 | // flow-typed version: <
156 |
157 |
191 |
158 | 
162 |
179 |
180 | {(channelData && channelData.title) || 'Loading channel...'}
163 |{channelData && channelData.description}
164 |DJ: {channelData && channelData.dj}
165 | {/*Now Playing: {channelData && channelData.lastPlaying}
*/} 166 |Now Playing: {currentSong}
167 | 168 |
169 |
173 |
177 |
178 | Recently Played Songs
181 |
182 |
187 | Played at
183 | Artist
184 | Song
185 | Album
186 |
188 | {songNodes}
189 |
190 |
157 |
220 | );
221 | }
222 | }
223 |
--------------------------------------------------------------------------------
158 | { this.playerRef = c; }}
160 | url={track}
161 | playing={playing}
162 | volume={volume}
163 | height="100%"
164 | width="100%"
165 | onPlay={() => this.setState({ playing: true })}
166 | onPause={() => this.setState({ playing: false })}
167 | onBuffer={() => console.log('onBuffer')}
168 | onEnded={this.onEnded}
169 | onError={(e) => console.log('onError', e)}
170 | onProgress={this.onProgress}
171 | onDuration={(duration) => this.setState({ duration })}
172 | />
173 | {/*
181 |
182 | {metadata && metadata.data.title}
183 |
184 |
185 |
197 |
198 |
186 | {/* */}
189 |
192 | {/* */}
195 |
196 |
199 |
200 |
218 |
219 | | 202 | 205 | | 206 |207 | 215 | | 216 |