adds firebase and fetches stims on init

relates #66

database.rules.json

@@ -1,6 +1,6 @@
 {
   "rules": {
-    ".read": "auth != null",
-    ".write": "auth != null"
+    ".read": true,
+    ".write": true
   }
 }

package.json

@@ -55,6 +55,7 @@
     "file-loader": "^1.1.11",
     "firebase": "^4.12.0",
     "flickity": "^2.0.11",
+    "lodash": "^4.17.5",
     "pg-promise": "^8.2.2",
     "postcss-clean": "^1.1.0",
     "postcss-cli": "^4.1.1",

src/elm/Data/Stim.elm

@@ -15,14 +15,18 @@ defaultStim =
 
 decodeStim : Decoder Stim
 decodeStim =
-    decode Stim
-        |> required "stimId" string
-        |> required "bodyPart" decodeBodyPart
-        |> required "stimName" string
-        |> required "instructions" string
-        |> required "videoSrc" (Json.Decode.map stringToMaybe string)
-        |> required "shared" bool
-        |> required "userId" string
+    let
+        log =
+            Debug.log ("in decode Stim")
+    in
+        decode Stim
+            |> required "stimId" string
+            |> required "bodyPart" decodeBodyPart
+            |> required "stimName" string
+            |> required "instructions" string
+            |> required "videoSrc" (Json.Decode.map stringToMaybe string)
+            |> required "shared" bool
+            |> required "userId" string
 
 
 decodeStimList : Value -> Result String (List Stim)

src/elm/Ports.elm

@@ -49,6 +49,9 @@ port receiveInitialData : (Json.Decode.Value -> msg) -> Sub msg
 port receiveFirebaseStims : (Json.Decode.Value -> msg) -> Sub msg
 
 
+port fetchFirebaseStims : () -> Cmd msg
+
+
 timeSubscription : Model -> Sub Msg
 timeSubscription model =
     case model.timerStatus of

src/elm/State.elm

@@ -40,12 +40,13 @@ initModel =
     , selectedStim = defaultStim
     , transition = Transit.empty
     , blogStims = []
+    , err = ""
     }
 
 
 init : ( Model, Cmd Msg )
 init =
-    initModel ! [ initDB (), initTimeout ]
+    initModel ! [ initDB (), initTimeout, fetchFirebaseStims () ]
 
 
 update : Msg -> Model -> ( Model, Cmd Msg )
@@ -91,7 +92,7 @@ update msg model =
                 interval =
                     stringToFloat time
             in
-            { model | timeSelected = interval, counter = interval } ! []
+                { model | timeSelected = interval, counter = interval } ! []
 
         Tick _ ->
             trackCounter model ! []
@@ -169,7 +170,7 @@ update msg model =
             { model | blogStims = listStims } ! []
 
         ReceiveFirebaseStims (Err err) ->
-            model ! []
+            { model | err = err } ! []
 
         ReceiveChosenAvatar src ->
             { model | avatar = avatarSrcToAvatar src }

src/elm/Types.elm

@@ -53,6 +53,7 @@ type alias Model =
         , hotspots : Hotspots
         , selectedStim : Stim
         , blogStims : List Stim
+        , err : String
         }
 
 

src/js/elm-ports.js

@@ -16,7 +16,4 @@ app.ports.initDB.subscribe(() => idb.initDB(defaultStims));
 app.ports.saveLog.subscribe(idb.saveLog);
 app.ports.saveStim.subscribe(idb.saveStim);
 
-app.ports.firebase.subscribe(() => {
-  console.log('firebase sub', firebase.getFirebaseStims());
-  return firebase.getFirebaseStims();
-});
+app.ports.fetchFirebaseStims.subscribe(() => firebase.getFirebaseStims());

src/js/firebase.js

@@ -1,13 +1,19 @@
 var firebase = require('firebase/app');
-require('firebase/auth');
 require('firebase/database');
+var _ = require('lodash');
+import app from './elm-init';
 
 import { config } from './firebase-config.js';
 
-var fb = firebase.initializeApp({ config });
+var fb = firebase.initializeApp(config()).database();
 
 const getFirebaseStims = () => {
-  return fb.ref('stimId');
+  return fb
+    .ref()
+    .once('value')
+    .then(snapshot => _.map(snapshot.val()))
+    .then(stims => app.ports.receiveFirebaseStims.send(stims))
+    .catch(err => console.log('Error retreiving stims from Firebase', err));
 };
 
 const addFirebaseStim = stim => {