The latest articles on Forem by Bluzzi (@bluzzi). https://forem.com/bluzzi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F657613%2F40c2c961-f386-4a16-a34e-9e211f020f23.png https://forem.com/bluzzi en Bluzzi Thu, 27 Apr 2023 03:14:36 +0000 https://forem.com/bluzzi/jsts-cookie-muncher-effortless-cookie-management-1nfn https://forem.com/bluzzi/jsts-cookie-muncher-effortless-cookie-management-1nfn <p>When we create a website, we always need to use cookies, either on the browser side, or on the server side through the HTTP headers <code>Cookie</code> and <code>Set-Cookie</code>. </p> <p>The problem is that most of the packages allowing to handle cookies are not maintained anymore, not written in TS, not exported in both CommonJS and ES module, not 100% compliant with <a href="https://datatracker.ietf.org/doc/html/rfc6265">RFC 6265</a>, not complete enough and usable on both server and client side or simply don't have a good API...</p> <p>That's why I created my own package : <a href="https://github.com/Bluzzi/cookie-muncher"><strong>Cookie Muncher</strong></a>! A lightweight and typesafe package for manipulating cookies in NodeJS and the browser.</p> <ul> <li>🚀 Lightweight</li> <li>🌏 Works in all browsers</li> <li>🧪 Unit tested </li> <li>🔷 Typesafe</li> <li>📦 Support ESM &amp; CJS </li> <li>✅ <a href="https://datatracker.ietf.org/doc/html/rfc6265">RFC 6265</a> compliant</li> <li>📖 Well documented</li> </ul> <p>This package is divided into two modules.</p> <h2> <code>httpCookie</code> </h2> <p>Serialize and parse cookie from HTTP headers <code>Cookie</code> and Set-<code>Cookie</code>.</p> <ul> <li><a href="https://github.com/Bluzzi/cookie-muncher#httpcookieserializecookie-cookie-options-httpcookieoptions-string"><code>httpCookie.serialize(cookie: Cookie, options?: HttpCookieOptions): string</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#httpcookieparsecookies-string-cookie"><code>httpCookie.parse(cookies: string): Cookie[]</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#httpcookieoptions--domcookieoptions"><code>HttpCookieOptions</code></a></li> </ul> <h2> <code>domCookie</code> </h2> <p>Create, update, remove and get cookies from browser DOM.</p> <ul> <li><a href="https://github.com/Bluzzi/cookie-muncher#domcookiesetcookie-cookie-options-domcookieoptions-void"><code>domCookie.set(cookie: Cookie, options?: DomCookieOptions): void</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#domcookiegetname-string-cookie--null"><code>domCookie.get(name: string): Cookie | null</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#domcookiegetall-cookie"><code>domCookie.getAll(): Cookie[]</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#domcookieremovename-string-options-domcookieoptions-void"><code>domCookie.remove(name: string, options?: DomCookieOptions): void</code></a></li> <li><a href="https://github.com/Bluzzi/cookie-muncher#httpcookieoptions--domcookieoptions"><code>DomCookieOptions</code></a></li> </ul> <p>This package will definitely be your best friend the next time you need to use cookies! 🍪<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># NPM</span> npm <span class="nb">install </span>cookie-muncher <span class="c"># YARN</span> yarn add cookie-muncher <span class="c"># PNPM</span> pnpm <span class="nb">install </span>cshookie-muncher </code></pre> </div> <p>Feel free to drop a ⭐ on the <a href="https://github.com/Bluzzi/cookie-muncher">GitHub repo</a> or contribute! 😀</p> typescript javascript npm cookie