starting viewer standalone frontend

6 files changed, 33 insertions, 24 deletions

diff --git a/animism-align/frontend/app/common/index.js b/animism-align/frontend/app/common/index.js
index 1f0a61d..939e4e8 100644
--- a/animism-align/frontend/app/common/index.js
+++ b/animism-align/frontend/app/common/index.js
@@ -1,3 +1,12 @@
+
+import './fonts.css'
+import './app.css'
+import './form.css'
+import './table.css'
+import './modal.css'
+import './miscellaneous.css'
+import './upload.css'
+
 // export { default as Header } from 'app/common/header.component'
 export {
   MenuButton, SmallMenuButton, MenuRoute,
@@ -8,7 +17,7 @@ export {
   LabelDescription, ColorInput,
 } from 'app/common/form.component'
 export {
-  Loader, Swatch, Dot, Columns, Statistic, Detections, Progress
+  Swatch, Dot, Columns, Statistic, Detections, Progress
 } from 'app/common/miscellaneous.component'
 export { default as TableIndex } from 'app/common/tableIndex.component'
 export {
@@ -17,15 +26,7 @@ export {
 } from 'app/common/table.component'
 export { default as CopyToClipboardButton } from 'app/common/copyToClipboardButton.component'
 export { default as ImageCrop } from 'app/common/imageCrop.component'
+export { Loader } from 'app/common/loader.component'
 export { Modal } from 'app/common/modal.component'
 export { default as UploadImage } from 'app/common/uploadImage.component'
 export { default as Slider } from 'app/common/slider.component'
-
-import './fonts.css'
-import './app.css'
-import './form.css'
-import './loader.css'
-import './table.css'
-import './modal.css'
-import './miscellaneous.css'
-import './upload.css'
diff --git a/animism-align/frontend/app/common/loader.component.js b/animism-align/frontend/app/common/loader.component.js
new file mode 100644
index 0000000..846c9cc
--- /dev/null
+++ b/animism-align/frontend/app/common/loader.component.js
@@ -0,0 +1,14 @@
+import React from 'react'
+
+import './loader.css'
+
+export const Loader = () => (
+  <div>
+    <div className='circular-loader color'>
+      <div className="stroke">
+        <div className="stroke-left"></div>
+        <div className="stroke-right"></div>
+      </div>
+    </div>
+  </div>
+)
diff --git a/animism-align/frontend/app/common/miscellaneous.component.js b/animism-align/frontend/app/common/miscellaneous.component.js
index 8021c5d..bf2c266 100644
--- a/animism-align/frontend/app/common/miscellaneous.component.js
+++ b/animism-align/frontend/app/common/miscellaneous.component.js
@@ -2,17 +2,6 @@ import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
 import { clamp, percent } from 'app/utils'
 
-export const Loader = () => (
-  <div>
-    <div className='circular-loader color'>
-      <div className="stroke">
-        <div className="stroke-left"></div>
-        <div className="stroke-right"></div>
-      </div>
-    </div>
-  </div>
-)
-
 export const Swatch = ({ color }) => (
   <div
     className='swatch'
diff --git a/animism-align/frontend/app/constants.js b/animism-align/frontend/app/constants.js
index 711d979..75137b6 100644
--- a/animism-align/frontend/app/constants.js
+++ b/animism-align/frontend/app/constants.js
@@ -1,5 +1,9 @@
 import { capitalize } from 'app/utils'
 
+export const { NODE_ENV } = process.env
+export const ENV_DEVELOPMENT = NODE_ENV !== 'production'
+export const ENV_PRODUCTION = NODE_ENV === 'production'
+
 export const URLS = {
   audio: '/static/data_store/peaks/animism_episode_01_2810.mp3',
   peaks: '/static/data_store/peaks/peaks.json',
diff --git a/animism-align/frontend/app/views/audio/audio.reducer.js b/animism-align/frontend/app/views/audio/audio.reducer.js
index 46dc384..bd6bbae 100644
--- a/animism-align/frontend/app/views/audio/audio.reducer.js
+++ b/animism-align/frontend/app/views/audio/audio.reducer.js
@@ -1,5 +1,5 @@
 import * as types from 'app/types'
-import { session, getDefault, getDefaultInt } from 'app/session'
+// import { session, getDefault, getDefaultInt } from 'app/session'
 
 const initialState = {
   started: false,
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 932729f..90787db 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -20,7 +20,8 @@ import './player/player.fullscreen.css'
 import './player/player.transcript.css'
 import './player/components.media/media.css'
 
-import { Loader } from 'app/common'
+import { Loader } from 'app/common/loader.component'
+import { ENV_DEVELOPMENT } from 'app/constants'
 
 import NavParent from './nav/nav.parent'
 import ViewerSections from './sections/viewer.sections'
@@ -69,7 +70,7 @@ class ViewerContainer extends Component {
             <ViewerSections />
             <Transcript />
             <Checklist />
-            <Route exact path='/viewer/:component/' component={ViewerRouter} />
+            {ENV_DEVELOPMENT && <Route exact path='/viewer/:component/' component={ViewerRouter} />}
           </div>
           <VitrineModal />
         </div>