@dargmuesli/nuxt-cookie-control 9.0.0-beta.1 → 9.0.1

package/README.md

@@ -6,7 +6,7 @@
 
 ![nuxt-cookie-control](https://drive.google.com/a/broj42.com/uc?id=19sFguJo7SKUvmH4xu9DhK9ZXzR6oWLX8)
 
-✅ Translated for: ar, az, be, bg, ca, cs, da, de, en, es, fi, fr, hr, hu, id, it, ja, km, ko, lt, nl, no, oc, pt, pl, ro, rs, ru, sk, sl, sv, tr, uk and zh
+✅ Translated for: ar, az, be, bg, ca, cs, da, de, en, es, fi, fr, hr, hu, id, it, ja, km, ko, lt, nl, no, oc, pt, pl, ro, rs, ru, sk, sl, sv, tr, uk and zh-CN
 
 ✅ Vue 3 support
 
@@ -260,6 +260,26 @@ Every property that includes a `{ en: ... }` value is a translatable property th
 </CookieControl>
 ```
 
+#### Iframe
+
+```html
+<CookieIframe>
+  <template #iframe>
+    Content to display if iframes are blocked.
+  </template>
+</CookieIframe>
+```
+
+#### Control button
+
+```html
+<CookieIframe>
+  <template #controlButton>
+    <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M247.2 17c-22.1-3.1-44.6.9-64.4 11.4l-74 39.5c-19.7 10.5-35.6 27-45.4 47.1l-36.7 75.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9l-14.6-82.8c-3.9-22.1-14.6-42.3-30.7-57.9l-60.2-58.3c-16.1-15.6-36.6-25.6-58.7-28.7zM208 144a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-64 192a32 32 0 1 1 64 0a32 32 0 1 1-64 0m224-64a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
+  </template>
+</CookieIframe>
+```
+
 ### Props
 
 - locale: `['en']`

package/dist/module.d.mts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { CookieOptions } from 'nuxt/app';
 
-type Locale = 'ar' | 'az' | 'be' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'km' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk' | 'zh';
+type Locale = 'ar' | 'az' | 'be' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'km' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk' | 'zh-CN';
 type PartialRecord<K extends string | number | symbol, T> = Partial<Record<K, T>>;
 type Translatable = string | PartialRecord<Locale, string>;
 interface Cookie {
@@ -31,6 +31,7 @@ interface LocaleStrings {
     settingsUnsaved: string;
 }
 interface ModuleOptions {
+    _isPrerendered: boolean | undefined;
     barPosition: 'top-left' | 'top-right' | 'top-full' | 'bottom-left' | 'bottom-right' | 'bottom-full';
     closeModalOnClickOutside: boolean;
     colors: false | Record<string, unknown>;

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "9.0.0-beta.1",
+  "version": "9.0.1",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -2,6 +2,7 @@ import { resolve } from 'node:path';
 import { pathToFileURL } from 'node:url';
 import { createResolver, defineNuxtModule, addPlugin, addImports, addTypeTemplate, updateTemplates, extendWebpackConfig, extendViteConfig, resolvePath } from '@nuxt/kit';
 import { defu } from 'defu';
+import en from '../dist/runtime/locale/en.js';
 
 const CONFIG_KEY = "cookieControl";
 
@@ -15,8 +16,7 @@ const execSrcReplacements = (src, replacements) => {
       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);
+    } else src = src.replace(replacement.from, replacement.to);
   }
   return src;
 };
@@ -47,6 +47,7 @@ const replaceCodePlugin = (config) => {
 };
 
 const DEFAULTS = {
+  _isPrerendered: void 0,
   barPosition: "bottom-full",
   closeModalOnClickOutside: false,
   colors: {
@@ -99,30 +100,11 @@ const DEFAULTS = {
   isIframeBlocked: false,
   isModalForced: false,
   locales: ["en"],
-  // TODO: use Nuxt module "i18n"
-  localeTexts: {
-    en: {
-      accept: "Accept",
-      acceptAll: "Accept all",
-      bannerDescription: "We use our own cookies and third-party cookies so that we can display this website correctly and better understand how this website is used, with a view to improving the services we offer. A decision on cookie usage permissions can be changed anytime using the cookie button that will appear after a selection has been made on this banner.",
-      bannerTitle: "Cookies",
-      close: "Close",
-      cookiesFunctional: "Functional cookies",
-      cookiesNecessary: "Necessary cookies",
-      cookiesOptional: "Optional cookies",
-      decline: "Decline",
-      declineAll: "Decline all",
-      here: "here",
-      iframeBlocked: "To see this, please enable functional cookies",
-      manageCookies: "Learn more and customize",
-      save: "Save",
-      settingsUnsaved: "You have unsaved settings"
-    }
-  }
+  localeTexts: { en }
 };
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "9.0.0-beta.1";
+const version = "9.0.1";
 
 const resolver = createResolver(import.meta.url);
 const runtimeDir = resolver.resolve("./runtime");
@@ -143,6 +125,7 @@ const module = defineNuxtModule({
     }
   },
   async setup(moduleOptions, nuxt) {
+    moduleOptions._isPrerendered = nuxt.options._generate;
     nuxt.options.alias["#cookie-control/set-vars"] = moduleOptions.isCssPonyfillEnabled ? resolver.resolve(runtimeDir, "set-vars/ponyfill") : resolver.resolve(runtimeDir, "set-vars/native");
     nuxt.options.alias["#cookie-control"] = runtimeDir;
     nuxt.options.build.transpile.push("#cookie-control");
@@ -232,8 +215,7 @@ const loadLocales = async (moduleOptions) => {
   moduleOptions.locales = [];
   for (const locale of locales) {
     const text = await import(pathToFileURL(await resolvePath(resolve(runtimeDir, "locale", locale))).href).then((r) => r.default || r);
-    if (!text)
-      throw new Error(`Could not import text for locale ${locale}`);
+    if (!text) throw new Error(`Could not import text for locale ${locale}`);
     moduleOptions.locales.push(locale);
     moduleOptions.localeTexts[locale] = {
       ...text,

package/dist/runtime/components/ClientOnlyPrerender.vue

@@ -0,0 +1,12 @@
+<template>
+  <slot v-if="!isPrerendered" />
+  <ClientOnly v-else>
+    <slot />
+  </ClientOnly>
+</template>
+
+<script setup>
+import { useRuntimeConfig } from "#app";
+const runtimeConfig = useRuntimeConfig();
+const isPrerendered = runtimeConfig.public.cookieControl._isPrerendered;
+</script>

package/dist/runtime/components/ClientOnlyPrerender.vue.d.ts

@@ -0,0 +1,19 @@
+declare const isPrerendered: any;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_8: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<{}, {
+    isPrerendered: typeof isPrerendered;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};