Normalizing and denormalizing with normalizr

normalizr-spec.ts

import { normalize, denormalize, schema } from 'normalizr';
import { assert } from 'chai';

const data = [
  {
    id_str: '123',
    url: 'https://twitter.com',
    user: {
      id: 456,
      name: 'Jimmy',
      misc: [
        {
          id: 1,
          text: 'meh'
        },

        {
          id: 2,
          text: 'bah'
        }
      ]
    }
  },

  {
    id_str: '124',
    url: 'https://twitter.com',
    user: {
      id: 457,
      name: 'Marlene',
      misc: [
        {
          id: 3,
          text: 'boo'
        }
      ]
    }
  }
];

const misc = new schema.Entity('misc');

const user = new schema.Entity('users', { misc: new schema.Array(misc) });

const tweet = new schema.Entity('tweets', { user }, {
  idAttribute: 'id_str'
});

const mySchema = new schema.Array(tweet);

// tslint:disable:no-console
// tslint:disable:no-magic-numbers
describe('normalizr', () => {
  describe('normalize', () => {
    it('should normalize data to a "normalized" shape', () => {
      const normalizedData = normalize(data, mySchema);

      console.log(JSON.stringify(normalizedData));

      assert.property(normalizedData, 'entities');
      assert.property(normalizedData.entities, 'misc');
      assert.property(normalizedData.entities, 'users');
      assert.property(normalizedData.entities, 'tweets');

      assert.deepEqual(normalizedData.entities.tweets[123], {
        id_str: '123',
        url: 'https://twitter.com',
        user: 456
      });
    });
  });

  describe('denormalize', () => {
    it('should denormalize normalized data back to its original shape', () => {
      const normalizedData = normalize(data, mySchema);
      const denormalizedData = denormalize(normalizedData.result, mySchema, normalizedData.entities);

      console.log(JSON.stringify(denormalizedData));

      assert.deepEqual(denormalizedData, data);
    });
  });
});
// tslint:enable:no-console
// tslint:enable:no-magic-numbers
// tslint:enable:object-literal-key-quotes

normalizedData is:

{
  "entities": {
    "misc": {
      "1": {
        "id": 1,
        "text": "meh"
      },
      "2": {
        "id": 2,
        "text": "bah"
      },
      "3": {
        "id": 3,
        "text": "boo"
      }
    },
    "users": {
      "456": {
        "id": 456,
        "name": "Jimmy",
        "misc": [
          1,
          2
        ]
      },
      "457": {
        "id": 457,
        "name": "Marlene",
        "misc": [
          3
        ]
      }
    },
    "tweets": {
      "123": {
        "id_str": "123",
        "url": "https://twitter.com",
        "user": 456
      },
      "124": {
        "id_str": "124",
        "url": "https://twitter.com",
        "user": 457
      }
    }
  },
  "result": [
    "123",
    "124"
  ]
}

denormalizedData is:

[
  {
    "id_str": "123",
    "url": "https://twitter.com",
    "user": {
      "id": 456,
      "name": "Jimmy",
      "misc" :[
        {
          "id": 1,
          "text": "meh"
        },
        {
          "id": 2,
          "text": "bah"
        }
      ]
    }
  },
  {
    "id_str": "124",
    "url": "https://twitter.com",
    "user": {
      "id": 457,
      "name": "Marlene",
      "misc" :[
        {
          "id": 3,
          "text": "boo"
        }
      ]
    }
  }
]