firstandthird / cookie-monster Goto Github PK

View Code? Open in Web Editor NEW

74.0 16.0 24.0 141 KB

Javascript Cookie Library

License: MIT License

JavaScript 100.00%

front-end

cookie-monster's Introduction

Cookie Monster

Cookie manager

Installation

npm install @firstandthird/cookie-monster

Usage

import CookieMonster from '@firstandthird/cookie-monster';

const name = 'cookiename'; // required
const value = 'somevalue'; // required - may also be an object
const expires = 10; // optional - Days cookie is valid
const path = '/test'; // optional - defaults to /
const domain = 'blog.example.com'; // optional
const isSecure = false; // optional - sets secure flag
const sameSite = 'Strict'; // optional - defaults to 'Strict' - Valid values: 'None', 'Lax', 'Strict'

// Set cookie
CookieMonster.set(name, value, expires, path, domain, isSecure, sameSite);

// Get cookie
CookieMonster.get(name);

// Remove cookie

CookieMonster.remove(name);

// Increment a counter cookie
CookieMonster.increment(name, expires);

// Decrement a counter cookie

CookieMonster.decrement(name, expires);

Methods can also be imported as needed:

import { get, remove } from '@firstandthird/cookie-monster';

get(name);

remove(name);

cookie-monster's People

Contributors

Stargazers

Watchers

cookie-monster's Issues

setting objects as cookie value

When I try to set an object as a cookie value, it fails. Should I use JSON myself or are you planing to add support for this in the library?

Not an issue, a suggestion...

Now you have cookie time only in nr of days, you could enhance that a little.

The old "days" parameter is renamed to "period".. (it defaults back to the original days).

Now the period can be "4d" or "8h" or "1d4h" or "12" for just 12 days

    if (typeof period === "number") {
        period = period.toString()+"d"
    }
    if (typeof period === "string") {
        var addtime=0, t, i, reg = /([0-9]{1,3}[d|h])/g, arr = period.match(reg);
        for (i=0;i<arr.length;i++) {
            t=arr[i].slice(-1);
            switch(t) {
                case 'h':
                    addtime += (parseInt(arr[i]) * 60 * 60 * 1000)
                    break;
                case 'd':
                default:    
                    addtime += (parseInt(arr[i]) * 24 * 60 * 60 * 1000)
                    break;
            }
        }
      date.setTime(date.getTime() + addtime);
      expires = "; expires=" + date.toUTCString();
    }

Add domain parameter for the set function

This is a nice way to do cookies, but I need to set the domain explicitly sometimes:

diff --git a/lib/monster.js b/lib/monster.js
index daae4c6..c6d61e6 100644
--- a/lib/monster.js
+++ b/lib/monster.js
@@ -1,10 +1,11 @@
var monster = {

set: function(name, value, days, path) {
set: function(name, value, days, path, domain) {
var date = new Date(),
expires = '',
type = typeof(value),
valueToUse = '';
path = path || "/";
domain = domain || null;
if (days) {
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
@@ -16,7 +17,8 @@ var monster = {
else
valueToUse = escape(value);
document.cookie = name + "=" + valueToUse + expires + "; path=" + path;
domain = domain ? "; domain=" + domain : '';
document.cookie = name + "=" + valueToUse + expires + "; path=" + path + domain;
},
get: function(name) {
var nameEQ = name + "=",

Why "v"?

Simple question... Why did you use v (here)? Could you not just set the object without the v? Or is it in case you need to store other values? If so, you're not, so why?

Curious :)

Safari Not Setting Cookie

I have a standard Safari setup.
Cookies from my Rails application are setting properly.
Safari v 6.0.2
No errors in console.
Cookies are not being set.

Not sure what to look for or to help debug, but let me know and I'll try and get you whatever information you need.

escape / unescape are deprecated

sensible to replace with encodeURIComponent / decodeURIComponent ?

Can you actually use this with ender? It's tagged with ender however there's no actually additions to the ender object ($) that can be used. I don't see any integrations in the code either, or anyway at all how to use it.