Cookie Class

cookie.ts

export const Cookie = {
  tld: true, // if true, set cookie domain at top level domain
  set: function(name, value, days?:number) {
    let cookie: any = { [name]: value, path: '/' };

    if (days) {
      let date: Date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      cookie.expires = date.toUTCString();
    }
    
    if (Cookie.tld) {
      cookie.domain = '.' + window.location.hostname.split('.').slice(-2).join('.');
    } 

    let arr=[]
    for(let key in cookie) {
       arr.push(`${key}=${cookie[key]}`);
    }
    document.cookie = arr.join('; ');

    return this.get(name);
  },

  getAll: function() {
    let cookie = {};
    document.cookie.split(';').forEach( el => {
      let [k,v] = el.split('=');
      cookie[k.trim()] = v;
    })
    return cookie;
  },

  get: function(name) {
    return this.getAll()[name];
  },

  delete: function(name) {
    this.set(name, '', -1);
  }

};

Thanks

there's a bug in getAll where it fails if the cookie value contains = (which is legal in cookie values), for example it would fail on the cookie

c1=foo=bar; c2=anything

with get("c1") incorrectly returning foo instead of foo=bar

to fix it, replace

      let [k,v] = el.split('=');
      cookie[k.trim()] = v;

with

      const split = el.split('=');
      cookie[parts[0].trim()] = parts.slice(1).join("=");