@dargmuesli/nuxt-cookie-control 6.0.0 → 6.1.1

package/README.md

@@ -4,7 +4,7 @@
 
 ![nuxt-cookie-control](https://drive.google.com/a/broj42.com/uc?id=19sFguJo7SKUvmH4xu9DhK9ZXzR6oWLX8)
 
-✅ Translated for: ar, az, bg, cs, da, de, en, es, fi, fr, hr, hu, it, ja, ko, lt, nl, no, oc, pt, pl, rs, ru, sk, sv, tr and uk
+✅ Translated for: ar, az, bg, cs, da, de, en, es, fi, fr, hr, hu, it, ja, ko, lt, nl, no, oc, pt, pl, ro, rs, ru, sk, sv, tr and uk
 
 ✅ Vue 3 support
 

package/dist/module.d.ts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { CookieOptions } from 'nuxt/app';
 
-type Locale = 'ar' | 'az' | 'bg' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
+type Locale = 'ar' | 'az' | 'bg' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
 type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 type Translatable = string | PartialRecord<Locale, string>;
 interface Cookie {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "6.0.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.0.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/locale/index.mjs

@@ -19,6 +19,7 @@ import no from "./no.mjs";
 import oc from "./oc.mjs";
 import pt from "./pt.mjs";
 import pl from "./pl.mjs";
+import ro from "./ro.mjs";
 import rs from "./rs.mjs";
 import ru from "./ru.mjs";
 import sk from "./sk.mjs";
@@ -47,6 +48,7 @@ export const locales = [
   oc,
   pt,
   pl,
+  ro,
   rs,
   ru,
   sk,

package/dist/runtime/locale/ro.d.ts

@@ -0,0 +1,3 @@
+import { LocaleStrings } from '../types';
+declare const _default: LocaleStrings;
+export default _default;

package/dist/runtime/locale/ro.mjs

@@ -0,0 +1,17 @@
+export default {
+  accept: "Accept\u0103",
+  acceptAll: "Accept\u0103 toate",
+  bannerDescription: "Utiliz\u0103m propriile noastre cookie-uri \u0219i cookie-uri ale ter\u021Bilor pentru a afi\u0219a corect acest site web \u0219i pentru a \xEEn\u021Belege mai bine modul \xEEn care este utilizat acest site web, cu scopul de a \xEEmbun\u0103t\u0103\u021Bi serviciile pe care le oferim. Decizia cu privire la permisiunile de utilizare a cookie-urilor poate fi modificat\u0103 \xEEn orice moment folosind butonul de cookie-uri care va ap\u0103rea dup\u0103 ce a\u021Bi f\u0103cut o selec\u021Bie pe aceast\u0103 banner.",
+  bannerTitle: "Cookie-uri",
+  close: "\xCEnchide",
+  cookiesFunctional: "Cookie-uri func\u021Bionale",
+  cookiesNecessary: "Cookie-uri necesare",
+  cookiesOptional: "Cookie-uri op\u021Bionale",
+  decline: "Declin\u0103",
+  declineAll: "Declin\u0103 toate",
+  here: "aici",
+  iframeBlocked: "Pentru a vedea aceasta, activeaz\u0103 cookie-urile func\u021Bionale",
+  manageCookies: "Afl\u0103 mai multe \u0219i configureaz\u0103",
+  save: "Salveaz\u0103",
+  settingsUnsaved: "Ai set\u0103ri nesalvate"
+};

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { CookieOptions } from 'nuxt/app';
-export type Locale = 'ar' | 'az' | 'bg' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
+export type Locale = 'ar' | 'az' | 'bg' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
 export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 export type Translatable = string | PartialRecord<Locale, string>;
 export declare enum CookieType {
@@ -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.0.0",
+  "version": "6.1.1",
   "description": "Nuxt Cookie Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [