Add new normalizr (#565)

Author: mmahalwy

package.json

@@ -77,7 +77,7 @@
     "json-loader": "0.5.4",
     "morgan": "1.7.0",
     "node-sass": "4.1.1",
-    "normalizr": "2.2.1",
+    "normalizr": "3.0.2",
     "pretty-error": "2.0.0",
     "promise": "7.1.1",
     "proxy-middleware": "0.14.0",

src/redux/actions/ayahs.js

@@ -1,7 +1,5 @@
 import { ayahsSchema } from 'redux/schemas';
 
-import { arrayOf } from 'normalizr';
-
 import {
   LOAD,
   LOAD_SUCCESS,
@@ -24,7 +22,7 @@ export function load(id, from, to, options = defaultOptions) {
 
   return {
     types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
-    schema: arrayOf(ayahsSchema),
+    schema: [ayahsSchema],
     promise: client => client.get(`/v2/surahs/${id}/ayahs`, {
       params: {
         from,

src/redux/actions/bookmarks.js

@@ -1,5 +1,4 @@
 import { bookmarksSchema } from 'redux/schemas';
-import { arrayOf } from 'normalizr';
 import {
   LOAD,
   LOAD_SUCCESS,
@@ -19,7 +18,7 @@ export function isLoaded(globalState) {
 export function load() {
   return {
     types: [LOAD, LOAD_SUCCESS, LOAD_FAILURE],
-    schema: arrayOf(bookmarksSchema),
+    schema: [bookmarksSchema],
     promise: client => client.get('/onequran/api/v1/bookmarks')
   };
 }

src/redux/actions/search.js

@@ -1,5 +1,4 @@
 import { ayahsSchema } from 'redux/schemas';
-import { arrayOf } from 'normalizr';
 
 import {
   SEARCH,
@@ -10,7 +9,7 @@ import {
 export function search(params) {
   return {
     types: [SEARCH, SEARCH_SUCCESS, SEARCH_FAIL],
-    schema: { results: arrayOf({ ayah: ayahsSchema }) },
+    schema: { results: [{ ayah: ayahsSchema }] },
     // TODO: We are doing this because of a weird obj.hasOwnProperty method missing on `params`
     promise: client => client.get('/v2/search', { params: { q: params.q } }),
     params

src/redux/actions/surahs.js

@@ -1,5 +1,4 @@
 import { surahsSchema } from 'redux/schemas';
-import { arrayOf } from 'normalizr';
 import {
   LOAD,
   LOAD_SUCCESS,
@@ -13,15 +12,15 @@ import {
 export function loadAll() {
   return {
     types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
-    schema: arrayOf(surahsSchema),
+    schema: [surahsSchema],
     promise: client => client.get('/v2/surahs')
   };
 }
 
 export function load(id) {
   return {
     types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
-    schema: arrayOf(surahsSchema),
+    schema: [surahsSchema],
     promise: client => client.get(`/v2/surahs/${id}`)
   };
 }

src/redux/schemas.js

@@ -1,8 +1,8 @@
-import { Schema } from 'normalizr';
+import { schema } from 'normalizr';
 
-export const surahsSchema = new Schema('surahs');
-export const ayahsSchema = new Schema('ayahs', { idAttribute: 'ayahKey' });
-export const bookmarksSchema = new Schema('bookmarks', { idAttribute: 'ayahKey' });
+export const surahsSchema = new schema.Entity('surahs');
+export const ayahsSchema = new schema.Entity('ayahs', {}, { idAttribute: 'ayahKey' });
+export const bookmarksSchema = new schema.Entity('bookmarks', {}, { idAttribute: 'ayahKey' });
 
 const schemas = {
   surahsSchema,

src/types/segmentType.js

@@ -6,8 +6,5 @@ export default PropTypes.shape({
     endTime: PropTypes.number.isRequired,
     duration: PropTypes.number.isRequired,
   })),
-  intervals: PropTypes.oneOfType([
-    PropTypes.array,
-    PropTypes.object
-  ]) // TODO: This should be done a better way.
+  intervals: PropTypes.any // TODO: This should be done a better way.
 });