Add option for data-tnacookiespath attribute on <html>

nationalarchives · Dec 9, 2024 · e858d30 · e858d30
1 parent af6058d
commit e858d30
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,11 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
-- The `data-tnacookiesdomain` attribute of the `<html>` element can be used to define the domain for cookies
+- Optional `data-tnacookiesdomain` and `data-tnacookiespath` attributes on the `<html>` element can be used to define the domain and path for cookies
 
 ### Changed
 
 - Shifted and split hero components no longer assume a contrasted background by default
+- `marketing` has been added to the default list of cookie policies
 
 ### Deprecated
 ### Removed

diff --git a/src/nationalarchives/lib/cookies.mjs b/src/nationalarchives/lib/cookies.mjs
@@ -72,7 +72,7 @@ export default class Cookies {
 
   /**
    * Create a cookie handler.
-   * @param {String} [options.extraPolicies=[]] - The extra cookie policies to manage in addition to essential, settings and usage.
+   * @param {String} [options.extraPolicies=[]] - The extra cookie policies to manage in addition to essential, settings, usage and marketing.
    * @param {String} [options.domain=""] - The domain to register the cookie with.
    * @param {String} [options.path=""] - The domain to register the cookie with.
    * @param {String} [options.secure=true] - Only set cookie in HTTPS environments.
@@ -84,7 +84,7 @@ export default class Cookies {
     const {
       extraPolicies = [],
       domain = null,
-      path = "/",
+      path = null,
       secure = true,
       policiesKey = "cookies_policy",
       newInstance = false,
@@ -102,7 +102,12 @@ export default class Cookies {
     } else {
       this.domain = domain;
     }
-    this.path = path;
+    if (path === null) {
+      this.path =
+        document.documentElement.getAttribute("data-tnacookiespath") || "/";
+    } else {
+      this.path = path;
+    }
     this.secure = secure;
     this.policiesKey = policiesKey;
     this.defaultAge = defaultAge;
@@ -119,6 +124,7 @@ export default class Cookies {
       ),
       usage: false,
       settings: false,
+      marketing: false,
       ...this.policies,
       essential: true,
     });