@dargmuesli/nuxt-cookie-control 7.4.1 → 8.0.0-beta.2

package/README.md

@@ -206,8 +206,7 @@ Every property that includes a `{ en: ... }` value is a translatable property th
   description: {
     en: 'This cookie stores preferences.'
   },
-  id: 'p', // if unset, `getCookieId(cookie)` returns the cookie's slugified name instead, which e.g. is used to fill the state's `enabledCookieIds` list
-  // use a short cookie id to save bandwidth!
+  id: 'p', // use a short cookie id to save bandwidth and prefixes to separate
   name: {
     en: 'Preferences' // you always have to specify a cookie name (in English)
   },

package/dist/module.d.mts

@@ -6,7 +6,7 @@ type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 type Translatable = string | PartialRecord<Locale, string>;
 interface Cookie {
     description?: Translatable;
-    id?: string;
+    id: string;
     name: Translatable;
     links?: Record<string, string | null>;
     src?: string;

package/dist/module.d.ts

@@ -6,7 +6,7 @@ type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 type Translatable = string | PartialRecord<Locale, string>;
 interface Cookie {
     description?: Translatable;
-    id?: string;
+    id: string;
     name: Translatable;
     links?: Record<string, string | null>;
     src?: string;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "7.4.1",
+  "version": "8.0.0-beta.2",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { pathToFileURL } from 'node:url';
 import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, extendViteConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "7.4.1";
+const version = "8.0.0-beta.2";
 
 const en = {
   accept: "Accept",
@@ -165,6 +165,7 @@ export default ${JSON.stringify(
 const blockIframes = (moduleOptions) => {
   if (moduleOptions.isIframeBlocked) {
     const isIframeBlocked = {
+      id: "ncc_f",
       name: "functional"
     };
     if (moduleOptions.cookies) {

package/dist/runtime/components/CookieControl.vue

@@ -95,7 +95,7 @@
                             type="checkbox"
                             :checked="
                               getCookieIds(localCookiesEnabled).includes(
-                                getCookieId(cookie),
+                                cookie.id,
                               )
                             "
                             @change="toogleCookie(cookie)"
@@ -125,7 +125,7 @@
                               {{
                                 'IDs: ' +
                                 cookie.targetCookieIds
-                                  .map((id: string) => `"${id}"`)
+                                  .map((id) => `"${id}"`)
                                   .join(', ')
                               }}
                             </span>
@@ -197,15 +197,14 @@ import {
   CookieType,
   type Locale,
   type Translatable,
-} from '../types'
+} from '#cookie-control/types'
 import {
   getAllCookieIdsString,
-  getCookieId,
   getCookieIds,
   removeCookie,
   resolveTranslatable,
-} from '../methods'
-
+} from '#cookie-control/methods'
+import { COOKIE_ID_SEPARATOR } from '#cookie-control/constants'
 import setCssVariables from '#cookie-control/set-vars'
 import { useCookieControl, useCookie, useNuxtApp } from '#imports'
 
@@ -247,7 +246,8 @@ const isSaved = computed(
   () =>
     getCookieIds(cookiesEnabled.value || [])
       .sort()
-      .join('|') !== getCookieIds(localCookiesEnabled.value).sort().join('|'),
+      .join(COOKIE_ID_SEPARATOR) !==
+    getCookieIds(localCookiesEnabled.value).sort().join(COOKIE_ID_SEPARATOR),
 )
 const localeStrings = computed(() => moduleOptions.localeTexts[props.locale])
 
@@ -266,7 +266,7 @@ const acceptPartial = () => {
     cookiesOptionalEnabled: [
       ...moduleOptions.cookies.necessary,
       ...moduleOptions.cookies.optional,
-    ].filter((cookie) => localCookiesEnabledIds.includes(getCookieId(cookie))),
+    ].filter((cookie) => localCookiesEnabledIds.includes(cookie.id)),
   })
 }
 const decline = () => {
@@ -325,9 +325,7 @@ const toggleButton = ($event: MouseEvent) => {
   )?.click()
 }
 const toogleCookie = (cookie: Cookie) => {
-  const cookieIndex = getCookieIds(localCookiesEnabled.value).indexOf(
-    getCookieId(cookie),
-  )
+  const cookieIndex = getCookieIds(localCookiesEnabled.value).indexOf(cookie.id)
 
   if (cookieIndex < 0) {
     localCookiesEnabled.value.push(cookie)
@@ -361,7 +359,9 @@ watch(
     localCookiesEnabled.value = [...(current || [])]
 
     if (isConsentGiven.value) {
-      cookieCookiesEnabledIds.value = getCookieIds(current || []).join('|')
+      cookieCookiesEnabledIds.value = getCookieIds(current || []).join(
+        COOKIE_ID_SEPARATOR,
+      )
 
       for (const cookieEnabled of current || []) {
         if (!cookieEnabled.src) continue

package/dist/runtime/constants.d.ts

@@ -1,2 +1,3 @@
 import type { Locale } from './types';
+export declare const COOKIE_ID_SEPARATOR = "~";
 export declare const LOCALE_DEFAULT: Locale;

package/dist/runtime/constants.mjs

@@ -1 +1,2 @@
+export const COOKIE_ID_SEPARATOR = "~";
 export const LOCALE_DEFAULT = "en";

package/dist/runtime/methods.d.ts

@@ -1,7 +1,6 @@
 import type { Cookie, ModuleOptions, Translatable } from './types';
 export declare const getAllCookieIdsString: (moduleOptions: ModuleOptions) => string;
-export declare const getCookieId: (cookie: Cookie) => string;
 export declare const getCookieIds: (cookies: Cookie[]) => string[];
-export declare const removeCookie: (name: string) => any;
+export declare const removeCookie: (name: string) => undefined;
 export declare const resolveTranslatable: (translatable: Translatable, locale?: import("./types").Locale) => string;
 export declare const useResolveTranslatable: (locale?: import("./types").Locale) => (translatable: Translatable) => string;

package/dist/runtime/methods.mjs

@@ -1,13 +1,11 @@
-import slugify from "@sindresorhus/slugify";
 import { LOCALE_DEFAULT } from "./constants.mjs";
 import { useCookie } from "#imports";
 export const getAllCookieIdsString = (moduleOptions) => getCookieIds([
   ...moduleOptions.cookies.necessary,
   ...moduleOptions.cookies.optional
 ]).join("");
-export const getCookieId = (cookie) => cookie.id || slugify(resolveTranslatable(cookie.name));
-export const getCookieIds = (cookies) => cookies.map((cookie) => getCookieId(cookie));
-export const removeCookie = (name) => useCookie(name, { expires: /* @__PURE__ */ new Date(0) });
+export const getCookieIds = (cookies) => cookies.map((cookie) => cookie.id);
+export const removeCookie = (name) => useCookie(name).value = void 0;
 export const resolveTranslatable = (translatable, locale = LOCALE_DEFAULT) => {
   if (typeof translatable === "string")
     return translatable;

package/dist/runtime/plugin.mjs

@@ -1,5 +1,6 @@
 import { ref } from "vue";
-import { getAllCookieIdsString, getCookieId } from "./methods.mjs";
+import { COOKIE_ID_SEPARATOR } from "./constants.mjs";
+import { getAllCookieIdsString } from "./methods.mjs";
 import { defineNuxtPlugin, useCookie } from "#imports";
 import moduleOptions from "#build/cookie-control-options";
 const plugin = defineNuxtPlugin((_nuxtApp) => {
@@ -10,17 +11,17 @@ const plugin = defineNuxtPlugin((_nuxtApp) => {
   const cookieCookiesEnabledIds = useCookie(
     moduleOptions.cookieNameCookiesEnabledIds,
     moduleOptions.cookieOptions
-  ).value?.split("|");
+  ).value?.split(COOKIE_ID_SEPARATOR);
   const isConsentGiven = ref(
     cookieIsConsentGiven === void 0 ? void 0 : cookieIsConsentGiven.value === getAllCookieIdsString(moduleOptions)
   );
   const cookiesEnabled = ref(
     cookieCookiesEnabledIds === void 0 ? void 0 : [
       ...moduleOptions.cookies.necessary.filter(
-        (cookieNecessary) => cookieCookiesEnabledIds.includes(getCookieId(cookieNecessary))
+        (cookieNecessary) => cookieCookiesEnabledIds.includes(cookieNecessary.id)
       ),
       ...moduleOptions.cookies.optional.filter(
-        (cookieOptional) => cookieCookiesEnabledIds.includes(getCookieId(cookieOptional))
+        (cookieOptional) => cookieCookiesEnabledIds.includes(cookieOptional.id)
       )
     ]
   );

package/dist/runtime/types.d.ts

@@ -9,7 +9,7 @@ export declare enum CookieType {
 }
 export interface Cookie {
     description?: Translatable;
-    id?: string;
+    id: string;
     name: Translatable;
     links?: Record<string, string | null>;
     src?: string;

package/package.json

@@ -4,8 +4,7 @@
     "Dario Ferderber <dario.ferderber@broj42.com>"
   ],
   "dependencies": {
-    "@nuxt/kit": "3.11.1",
-    "@sindresorhus/slugify": "^2.2.1",
+    "@nuxt/kit": "^3.8.0",
     "css-vars-ponyfill": "^2.4.8",
     "string-replace-loader": "^3.1.0"
   },
@@ -72,6 +71,7 @@
   },
   "scripts": {
     "build": "nuxt-module-build build",
+    "dev": "pnpm --dir playground run dev",
     "lint": "eslint --ext .js,.ts,.vue . && nuxt typecheck",
     "lint:fix": "eslint --ext .js,.ts,.vue --fix . && nuxt typecheck --fix",
     "prepack": "pnpm build",
@@ -79,5 +79,5 @@
   },
   "type": "module",
   "types": "./dist/module.d.ts",
-  "version": "7.4.1"
+  "version": "8.0.0-beta.2"
 }