@dargmuesli/nuxt-cookie-control 6.1.0 → 6.1.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -1,9 +1,9 @@
 import { resolve } from 'node:path';
 import { pathToFileURL } from 'node:url';
-import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, resolvePath } from '@nuxt/kit';
+import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, extendViteConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "6.1.0";
+const version = "6.1.1";
 
 const en = {
   accept: "Accept",
@@ -77,6 +77,47 @@ const DEFAULTS = {
   localeTexts: { en }
 };
 
+const execSrcReplacements = (src, replacements) => {
+  for (const replacement of replacements) {
+    if ((typeof replacement.from === "string" || replacement.from instanceof RegExp) === false) {
+      throw new TypeError(
+        "[vite-plugin-replace]: The replacement option 'from' is not of type 'string' or 'RegExp'."
+      );
+    } else if ((typeof replacement.to === "string" || replacement.to instanceof Function) === false) {
+      throw new TypeError(
+        "[vite-plugin-replace]: The replacement option 'to' is not of type 'string' or 'Function'"
+      );
+    } else
+      src = src.replace(replacement.from, replacement.to);
+  }
+  return src;
+};
+const replaceCodePlugin = (config) => {
+  if (config === void 0) {
+    config = {
+      replacements: []
+    };
+  } else if ((typeof config === "object" || config !== null) === false) {
+    throw new TypeError(
+      "[vite-plugin-replace]: The configuration is not of type 'Object'."
+    );
+  } else if (Array.isArray(config.replacements) === false) {
+    throw new TypeError(
+      "[vite-plugin-replace]: The configuration option 'replacement' is not of type 'Array'."
+    );
+  }
+  return {
+    name: "transform-file",
+    enforce: "pre",
+    transform: function(src) {
+      return {
+        code: execSrcReplacements(src, config.replacements),
+        map: null
+      };
+    }
+  };
+};
+
 const resolver = createResolver(import.meta.url);
 const runtimeDir = resolver.resolve("./runtime");
 const module = defineNuxtModule({
@@ -146,6 +187,18 @@ const blockIframes = (moduleOptions) => {
         }
       });
     });
+    extendViteConfig((config) => {
+      config?.plugins?.push(
+        replaceCodePlugin({
+          replacements: [
+            {
+              from: /<iframe[^>]*.*|<\/iframe>/g,
+              to: (match) => match.includes("cookie-enabled") ? match : match.replace(/<iframe/g, "<CookieIframe").replace(/iframe>/g, "CookieIframe>")
+            }
+          ]
+        })
+      );
+    });
   }
 };
 const loadLocales = async (moduleOptions) => {

package/dist/runtime/components/CookieControl.vue

@@ -212,6 +212,7 @@ const {
   isModalActive,
   moduleOptions,
 } = useCookieControl()
+const nuxtApp = useNuxtApp()
 
 // data
 const expires = new Date(Date.now() + moduleOptions.cookieExpiryOffsetMs)
@@ -278,6 +279,9 @@ const getName = (name: Translatable) => {
     ? localeStrings.value?.cookiesFunctional
     : resolveTranslatable(name, props.locale)
 }
+const init = () => {
+  nuxtApp.$cookies.locale.value = props.locale
+}
 const onModalClick = () => {
   if (moduleOptions.closeModalOnClickOutside) {
     isModalActive.value = false
@@ -392,6 +396,7 @@ watch(
   },
   { deep: true },
 )
+
 watch(isConsentGiven, (current, _previous) => {
   if (current === undefined) {
     cookieIsConsentGiven.value = undefined
@@ -400,6 +405,16 @@ watch(isConsentGiven, (current, _previous) => {
   }
 })
 
+watch(
+  () => props.locale,
+  (locale) => {
+    nuxtApp.$cookies.locale.value = locale
+  },
+)
+
+// initialization
+init()
+
 defineExpose({
   accept,
   acceptPartial,

package/dist/runtime/components/CookieIframe.vue

@@ -1,6 +1,10 @@
 <template>
-  <client-only>
-    <iframe v-if="isCookieFunctionalEnabled" />
+  <ClientOnly>
+    <iframe
+      v-if="isCookieFunctionalEnabled"
+      :cookie-enabled="null"
+      v-bind="$attrs"
+    />
     <div v-else class="cookieControl__BlockedIframe">
       <p>
         {{ localeStrings?.iframeBlocked }}
@@ -11,25 +15,18 @@
         />
       </p>
     </div>
-  </client-only>
+  </ClientOnly>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import { LOCALE_DEFAULT } from '../constants'
-import { Cookie, Locale } from '../types'
+import { Cookie } from '../types'
 
 import { useCookieControl } from '#imports'
 
-export interface Props {
-  locale?: Locale
-}
-const props = withDefaults(defineProps<Props>(), {
-  locale: LOCALE_DEFAULT,
-})
-
 const { cookiesEnabled, isModalActive, moduleOptions } = useCookieControl()
+const nuxtApp = useNuxtApp()
 
 // computations
 const isCookieFunctionalEnabled = computed(
@@ -38,5 +35,7 @@ const isCookieFunctionalEnabled = computed(
       (cookieEnabled: Cookie) => cookieEnabled.name === 'functional',
     ).length > 0,
 )
-const localeStrings = computed(() => moduleOptions.localeTexts[props.locale])
+const localeStrings = computed(
+  () => moduleOptions.localeTexts[nuxtApp.$cookies.locale.value],
+)
 </script>

package/dist/runtime/plugin.mjs

@@ -26,11 +26,13 @@ export default defineNuxtPlugin((_nuxtApp) => {
   );
   const cookiesEnabledIds = ref(cookieCookiesEnabledIds);
   const isModalActive = ref();
+  const locale = ref();
   const state = {
-    isConsentGiven,
     cookiesEnabled,
     cookiesEnabledIds,
+    isConsentGiven,
     isModalActive,
+    locale,
     moduleOptions
   };
   return {

package/dist/runtime/types.d.ts

@@ -61,5 +61,6 @@ export interface State {
     cookiesEnabledIds: Ref<string[] | undefined>;
     isConsentGiven: Ref<boolean | undefined>;
     isModalActive: Ref<boolean>;
+    locale: Ref<Locale>;
     moduleOptions: ModuleOptions;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "Nuxt Cookie Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [