jquery.cookie.js

Voilà le code actuel du « plugin » jQuery qui permet la gestion des cookies, enfin plutôt du cookie côté formulaire de commentaire côté public du blog :

/*!
 * jQuery Cookie Plugin v1.4.1
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2006, 2014 Klaus Hartl
 * Released under the MIT license
 */
(function (factory) {
	if (typeof define === 'function' && define.amd) {
		// AMD
		define(['jquery'], factory);
	} else if (typeof exports === 'object') {
		// CommonJS
		factory(require('jquery'));
	} else {
		// Browser globals
		factory(jQuery);
	}
}(function ($) {

	var pluses = /\+/g;

	function encode(s) {
		return config.raw ? s : encodeURIComponent(s);
	}

	function decode(s) {
		return config.raw ? s : decodeURIComponent(s);
	}

	function stringifyCookieValue(value) {
		return encode(config.json ? JSON.stringify(value) : String(value));
	}

	function parseCookieValue(s) {
		if (s.indexOf('"') === 0) {
			// This is a quoted cookie as according to RFC2068, unescape...
			s = s.slice(1, -1).replace(/\"/g, '"').replace(/\\\\/g, '\\');
		}

		try {
			// Replace server-side written pluses with spaces.
			// If we can't decode the cookie, ignore it, it's unusable.
			// If we can't parse the cookie, ignore it, it's unusable.
			s = decodeURIComponent(s.replace(pluses, ' '));
			return config.json ? JSON.parse(s) : s;
		} catch(e) {}
	}

	function read(s, converter) {
		var value = config.raw ? s : parseCookieValue(s);
		return $.isFunction(converter) ? converter(value) : value;
	}

	var config = $.cookie = function (key, value, options) {

		// Write

		if (arguments.length > 1 && !$.isFunction(value)) {
			options = $.extend({}, config.defaults, options);

			if (typeof options.expires === 'number') {
				var days = options.expires, t = options.expires = new Date();
				t.setTime(+t + days * 864e+5);
			}

			return (document.cookie = [
				encode(key), '=', stringifyCookieValue(value),
				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
				options.path    ? '; path=' + options.path : '',
				options.domain  ? '; domain=' + options.domain : '',
				options.secure  ? '; secure' : ''
			].join(''));
		}

		// Read

		var result = key ? undefined : {};

		// To prevent the for loop in the first place assign an empty array
		// in case there are no cookies at all. Also prevents odd result when
		// calling $.cookie().
		var cookies = document.cookie ? document.cookie.split('; ') : [];

		for (var i = 0, l = cookies.length; i < l; i++) {
			var parts = cookies[i].split('=');
			var name = decode(parts.shift());
			var cookie = parts.join('=');

			if (key && key === name) {
				// If second argument (value) is a function it's a converter...
				result = read(cookie, value);
				break;
			}

			// Prevent storing a cookie that we couldn't decode.
			if (!key && (cookie = read(cookie)) !== undefined) {
				result[name] = cookie;
			}
		}

		return result;
	};

	config.defaults = {};

	$.removeCookie = function (key, options) {
		if ($.cookie(key) === undefined) {
			return false;
		}

		// Must not alter options, thus extending a fresh object...
		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
		return !$.cookie(key);
	};

}));

Un gros pâté de beaucoup de code qui sert pas toujours, voire pas souvent, voire jamais — IE si tu m’écoutes — …

Puis maintenant le code de post.js, qui l’utilise, pour gérer ce fameux cookie :

/*global $, getData */
'use strict';

if (typeof post_remember_str === 'undefined' && typeof getData !== 'undefined') {
  var post_remember_str = getData('dc_post_remember_str').post_remember_str;
}

$(function() {
	$('#comment-form p:has(input[type=submit][name=preview],button[type=submit][name=preview])').
		before(
			'<p class="remember"><input type="checkbox" id="c_remember" name="c_remember" /> ' +
			'<label for="c_remember">' + post_remember_str + '</label>' +
			'</p>'
		);

	var cookie = readCookie($.cookie('comment_info'));

	if (cookie != false) {
		$('#c_name').val(cookie[0]);
		$('#c_mail').val(cookie[1]);
		$('#c_site').val(cookie[2]);
		$('#c_remember').attr('checked','checked');
	}

	$('#c_remember').click(function() {
		if (this.checked) {
			setCookie();
		} else {
			dropCookie();
		}
	});

	$('#c_name').change(function() {
		if ($('#c_remember').get(0).checked) {
			setCookie();
		}
	});

	$('#c_mail').change(function() {
		if ($('#c_remember').get(0).checked) {
			setCookie();
		}
	});

	$('#c_site').change(function() {
		if ($('#c_remember').get(0).checked) {
			setCookie();
		}
	});

	function setCookie() {
		var name = $('#c_name').val();
		var mail = $('#c_mail').val();
		var site = $('#c_site').val();
		var cpath = $('h1 a').attr('href');
		if (!cpath) {
			cpath = '/';
		} else {
			cpath = cpath.replace(/.*:\/\/[^\/]*([^?]*).*/g,'$1');
		}

		$.cookie('comment_info', name + '\n' + mail + '\n' + site, {expires: 60, path: cpath});
	}

	function dropCookie() {
		$.cookie('comment_info','',{expires: -30, path: '/'});
	}

	function readCookie(c) {
		if (!c) {
			return false;
		}

		var s = c.split('\n');

		if (s.length != 3) {
			dropCookie();
			return false;
		}

		return s;
	}
});

J’ai l’intuition que :

  1. Le second code n’est pas loin d’être adaptable sans utiliser du tout jQuery
  2. Par conséquent, le code du premier n’est pas loin d’être bon pour la poubelle
  3. En conclusion ça permettrait, du côté public du blog, de se passer complètement de jQuery (hors besoin pour un plugin tiers, évidemment)

Ça militerait, comme je le disais hier, pour un système automatique de chargement de jQuery, à la demande d’un ou de plusieurs plugin et de la disparition du paramètre de choix de la version du côté des paramètres du blog.

J’aime bien l’idée de simplifier les choses, pas vous ?


D’ailleurs, après avoir un peu codé, mais pas encore testé, j’en arrive à ces quelques lignes de code, a priori suffisantes pour gérer proprement le cookie qui nous intéresse (voire d’ailleurs idem du côté de l’administration, ce qui sera à vérifier) :

// Returns the cookie with the given name or false if not found
function getCookie(name) {
  let matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : false;  // may be undefined rather than false?
}

// Set a new cookie
// usage: setCookie('user', 'John', {secure: true, 'expires': 60});
function setCookie(name, value, options = {}) {

  if (typeof options.expires === 'number') {
    // Cope with expires option given in number of days from now
      options.expires = new Date(Date.now() + options.expires * 864e5);
  }
  if (options.expires instanceof Date) {
    // Cope with expires option given as a Date object
    options.expires = options.expires.toUTCString();
  }

  let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);

  for (let optionKey in options) {
    updatedCookie += "; " + optionKey;
    let optionValue = options[optionKey];
    if (optionValue !== true) {
      updatedCookie += "=" + optionValue;
    }
  }

  document.cookie = updatedCookie;
}

// Delete a cookie
function deleteCookie(name) {
  setCookie(name, "", {
    'expires': -1
  });
}

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/14499

Haut de page