Using Satellizer with and across subdomains using cookies

satellizer-storage-decorator.js

/*
Satellizer's storage service can use 'localStorage' and 'sessionStorage' by default.

None of these options work well if you need to use Satellizer with or across subdomains.
(Given, there is the fun iframe and postMessage workaround, but that's really inconvenient.)

Here's a simple approach using cookies for storage, which can be used across subdomains
(since cookies can be used across subdomains, right?).

By default, $http is configured with withCredentials set to false, so the cookies themselves
won't be sent to the server.

Simply add this after you load Satellizer.

Requires ngCookies.
*/

angular.module('satellizer')
.requires.push('ngCookies');

angular.module('satellizer')
.decorator('SatellizerStorage', function($delegate, $cookies) {
  var storage = {
    get: function(key) {
      return $cookies.get(key);
    },
    set: function(key, value) {
      // TODO: Replace '.domain' with your domain!
      $cookies.put(key, value, { path: '/', domain: '.domain' });
    },
    remove: function(key) {
      $cookies.remove(key);
    }
  };

  return storage;
});