Start to Audiobooks tab

package.json

@@ -75,7 +75,7 @@
   "build": {
     "appId": "nuclear",
     "productName": "nuclear",
-    "artifactName": "${productName}-v${env.VERSION}-${arch}.${ext}",
+    "artifactName": "${productName}-v${version}-${arch}.${ext}",
     "directories": {
       "output": "release"
     },
@@ -213,4 +213,4 @@
   "dependencies": {
     "sqlite3": "^5.1.6"
   }
-}
+}

packages/app/app/containers/AudiobookContainer/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AudiobookContainer extends React.Component {
+  render() {
+    return (
+      <div className='audiobook-container'>
+        <h1>Audiobooks</h1>
+        {/* your audiobook UI goes here */}
+      </div>
+    );
+  }
+}
+
+export default AudiobookContainer;

packages/app/app/containers/DashboardContainer/__snapshots__/DashboardContainer.test.tsx.snap

@@ -487,6 +487,11 @@ exports[`Dashboard container should display top tracks after going to top tracks
           >
             Genres
           </a>
+          <a
+            class="item"
+          >
+            Audiobooks
+          </a>
         </div>
         <div
           class="ui segment active tab popular_tracks_tab"

packages/app/app/containers/MainContentContainer/index.js

@@ -24,6 +24,8 @@ import VisualizerNode from '../VisualizerContainer/VisualizerNode';
 import DeezerPlaylistAdapter from '../DeezerPlaylistAdapter';
 import { ListeningHistoryContainer } from '../ListeningHistoryContainer';
 import { SpotifyPlaylistAdapter } from '../SpotifyPlaylistAdapter';
+import AudiobookContainer from '../AudiobookContainer';
+
 
 class MainContentContainer extends React.Component {
   componentDidMount() {
@@ -60,6 +62,7 @@ class MainContentContainer extends React.Component {
               <Route path='/visualizer' component={VisualizerNode} />
               <Route path='/library' component={LibraryViewContainer} />
               <Route path='/listening-history' component={ListeningHistoryContainer} />
+              <Route path='/audiobooks' component={AudiobookContainer} />
             </Switch>
           </MainLayout>
         );

packages/app/app/containers/SidebarMenuContainer/categories.ts

@@ -23,7 +23,8 @@ export default [
       { name: 'settings', path: 'settings', icon: 'cog' },
       { name: 'equalizer', path: 'equalizer', icon: 'align right' },
       { name: 'visualizer', path: 'visualizer', icon: 'tint' },
-      { name: 'listening-history', path: 'listening-history', icon: 'history' }
+      { name: 'listening-history', path: 'listening-history', icon: 'history' },
+      { name: 'Audiobooks', path: 'audiobooks', icon: 'flask'}
     ]
   }, {
     name: 'collection',

packages/main/src/services/window/index.ts

@@ -12,11 +12,7 @@ import Store from '../store';
 import { IpcEvents } from '@nuclear/core';
 
 const urlMapper: Record<Env, string> = {
-  [Env.DEV]: url.format({
-    pathname: 'localhost:8080',
-    protocol: 'http:',
-    slashes: true
-  }),
+  [Env.DEV]: 'http://localhost:8080',
   [Env.PROD]: url.format({
     pathname: path.join(__dirname, 'index.html'),
     protocol: 'file:',