feat(WebexDataProvider): implement the component

Author: akoushke

src/adapters/WebexJSONAdapter.js

@@ -0,0 +1,20 @@
+import {ActivitiesJSONAdapter, PeopleJSONAdapter, RoomsJSONAdapter} from './';
+
+export default class WebexJSONAdapter {
+  /**
+   * Creates a new instance of the WebexAdapter.
+   * The primary datasource model comes from the following structure:
+   * WebexJSONAdapter = {
+   *  activitiesJSONAdapter: activitiesData,
+   *  peopleJSONAdapter: peopleData,
+   *  roomsJSONAdapter: roomsData
+   * }
+   *
+   * @param {Object} datasource The primary datasource the json adapter will be using.
+   */
+  constructor(datasource) {
+    this.activitiesAdapter = new ActivitiesJSONAdapter(datasource.activities);
+    this.peopleAdapter = new PeopleJSONAdapter(datasource.people);
+    this.roomsAdapter = new RoomsJSONAdapter(datasource.rooms);
+  }
+}

src/adapters/index.js

@@ -1,4 +1,5 @@
 export {default as WebexAdapter} from './WebexAdapter';
+export {default as WebexJSONAdapter} from './WebexJSONAdapter';
 export {default as PeopleAdapter} from './PeopleAdapter';
 export {default as PeopleJSONAdapter} from './PeopleJSONAdapter';
 export {default as ActivitiesAdapter} from './ActivitiesAdapter';

src/components/WebexDataProvider/README.md

@@ -0,0 +1,3 @@
+# Webex Activity Data Provider Component
+
+LALLI HELP ME HERE PLEASE. MY BRAIN IS FRIED RIGHT NOW!

src/components/WebexDataProvider/WebexDataProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const AdapterContext = React.createContext();
+
+export default function WebexDataProvider({adapter, children}) {
+  return <AdapterContext.Provider value={adapter}>{children}</AdapterContext.Provider>;
+}
+
+WebexDataProvider.propTypes = {
+  adapter: PropTypes.exact({
+    roomsAdapter: PropTypes.object.isRequired,
+    activitiesAdapter: PropTypes.object.isRequired,
+    peopleAdapter: PropTypes.object.isRequired,
+  }).isRequired,
+  children: PropTypes.node.isRequired,
+};

src/components/hooks/__mocks__/useActivity.js

@@ -1,7 +1,11 @@
-export default function useActivity(activityID, adapter) {
-  if (!(activityID in adapter.datasource)) {
+import {useContext} from 'react';
+
+export default function useActivity(activityID) {
+  const datasource = useContext();
+
+  if (!(activityID in datasource.activitiesAdapter)) {
     throw new Error(`Could not find activity with ID "${activityID}"`);
   }
 
-  return adapter.datasource[activityID];
+  return datasource.activitiesAdapter[activityID];
 }

src/components/hooks/__mocks__/useActivityStream.js

@@ -1,3 +1,7 @@
-export default function useActivityStream(ID, adapter) {
-  return `${ID}-activities` in adapter.datasource ? adapter.datasource[`${ID}-activities`] : [];
+import {useContext} from 'react';
+
+export default function useActivityStream(ID) {
+  const datasource = useContext();
+
+  return `${ID}-activities` in datasource.roomsAdapter ? datasource.roomsAdapter[`${ID}-activities`] : [];
 }

src/components/hooks/__mocks__/usePerson.js

@@ -1,7 +1,11 @@
-export default function usePerson(personID, adapter) {
-  if (!(personID in adapter.datasource)) {
+import {useContext} from 'react';
+
+export default function usePerson(personID) {
+  const datasource = useContext();
+
+  if (!(personID in datasource.peopleAdapter)) {
     throw new Error(`Could not find person with ID "${personID}"`);
   }
 
-  return adapter.datasource[personID];
+  return datasource.peopleAdapter[personID];
 }

src/components/hooks/__mocks__/useRoom.js

@@ -1,7 +1,11 @@
-export default function useRoom(roomID, adapter) {
-  if (!(roomID in adapter.datasource)) {
+import {useContext} from 'react';
+
+export default function useRoom(roomID) {
+  const datasource = useContext();
+
+  if (!(roomID in datasource.roomsAdapter)) {
     throw new Error(`Could not find room with ID "${roomID}"`);
   }
 
-  return adapter.datasource[roomID];
+  return datasource.roomsAdapter[roomID];
 }

src/components/hooks/useActivity.js

@@ -1,20 +1,22 @@
-import {useState, useEffect} from 'react';
+import {useContext, useState, useEffect} from 'react';
+
+import {AdapterContext} from '../../components/';
 
 /**
  * Custom hook that returns activity data of the given ID.
  *
  * @param {string} activityID  ID of the activity for which to return data.
- * @param {obj} activitiesAdapter  Component data adapter from which to retrieve data.
  * @returns {Person} Data of the activity
  */
-export default function useActivity(activityID, activitiesAdapter) {
+export default function useActivity(activityID) {
   const [activity, setActivity] = useState({});
+  const adapter = useContext(AdapterContext);
 
   useEffect(() => {
     const onError = (error) => {
       throw error;
     };
-    const subscription = activitiesAdapter.getActivity(activityID).subscribe(setActivity, onError);
+    const subscription = adapter.activitiesAdapter.getActivity(activityID).subscribe(setActivity, onError);
 
     return () => {
       subscription.unsubscribe();

src/components/hooks/useActivityStream.js

@@ -1,4 +1,6 @@
-import {useEffect, useReducer} from 'react';
+import {useContext, useEffect, useReducer} from 'react';
+
+import {AdapterContext} from '../../components/';
 
 const APPEND_ACTIVITIES = 'append_activities';
 
@@ -30,14 +32,14 @@ function reducer(activityIDs, action) {
  * Custom hook that returns activity data associated to the room of the given ID.
  *
  * @param {string} roomID  ID of the room for which to return data.
- * @param {RoomsAdapter} roomsAdapter  Component data adapter from which to retrieve data.
  * @returns {Room} Activity ID associated to the room
  */
-export default function useActivityStream(roomID, roomsAdapter) {
+export default function useActivityStream(roomID) {
   const [activityIDs, dispatch] = useReducer(reducer, []);
+  const adapter = useContext(AdapterContext);
 
   useEffect(() => {
-    const subscription = roomsAdapter.getRoomActivities(roomID).subscribe((activities) => {
+    const subscription = adapter.roomsAdapter.getRoomActivities(roomID).subscribe((activities) => {
       dispatch({type: APPEND_ACTIVITIES, payload: activities});
     });