@bauer-group/accessibility-widget-nuxt 1.1.0

package/README.md

@@ -0,0 +1,73 @@
+# @bauer-group/accessibility-widget-nuxt
+
+<a id="english"></a>
+
+> Nuxt 3 client plugin for the BAUER GROUP Accessibility Widget.
+
+**🇬🇧 English** · [🇩🇪 Deutsch](#-deutsch)
+
+## Setup
+
+1. Copy the widget assets to `public/accessibility-widget/*`.
+2. Copy the plugin file:
+
+```bash
+cp node_modules/@bauer-group/accessibility-widget-nuxt/src/plugin.client.ts plugins/accessibility-widget.client.ts
+```
+
+3. In `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      accessibilityWidget: {
+        loaderSrc: '/accessibility-widget/accessibility-widget-loader.min.js',
+        config: { locale: 'auto' },
+      },
+    },
+  },
+});
+```
+
+## License
+
+MIT · © 2026 BAUER GROUP — the widget loaded at runtime is separately licensed (AGPL-3.0-only or commercial).
+
+---
+
+<a id="-deutsch"></a>
+
+## 🇩🇪 Deutsch
+
+> Nuxt-3-Client-Plugin für das BAUER GROUP Accessibility Widget.
+
+[🇬🇧 English](#english) · **🇩🇪 Deutsch**
+
+### Einrichtung
+
+1. Widget-Assets nach `public/accessibility-widget/*` kopieren.
+2. Plugin-Datei kopieren:
+
+```bash
+cp node_modules/@bauer-group/accessibility-widget-nuxt/src/plugin.client.ts plugins/accessibility-widget.client.ts
+```
+
+3. In `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      accessibilityWidget: {
+        loaderSrc: '/accessibility-widget/accessibility-widget-loader.min.js',
+        config: { locale: 'auto' },
+      },
+    },
+  },
+});
+```
+
+### Lizenz
+
+MIT · © 2026 BAUER GROUP — the widget loaded at runtime is separately licensed (AGPL-3.0-only or commercial).

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@bauer-group/accessibility-widget-nuxt",
+  "version": "1.1.0",
+  "description": "Nuxt Plugin für das BAUER GROUP Accessibility Widget.",
+  "license": "MIT",
+  "author": "BAUER GROUP <info@ge.bauer-group.com>",
+  "homepage": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations/tree/main/packages/js/nuxt",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations.git",
+    "directory": "packages/js/nuxt"
+  },
+  "bugs": {
+    "url": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations/issues"
+  },
+  "keywords": [
+    "nuxt",
+    "vue",
+    "accessibility",
+    "a11y",
+    "wcag",
+    "bfsg",
+    "en301549",
+    "widget",
+    "bauer-group"
+  ],
+  "type": "module",
+  "main": "./src/plugin.client.ts",
+  "files": [
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "nuxt": ">=3.10"
+  },
+  "devDependencies": {
+    "typescript": "^5.8.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/plugin.client.ts

@@ -0,0 +1,86 @@
+/**
+ * Default CDN origin — the floating `v1` (major) tag. The widget stays current
+ * automatically. Override via runtimeConfig only to self-host/mirror.
+ */
+const CDN_V1 = 'https://widgets.professional-hosting.com/accessibility-widget/v1';
+const DEFAULT_LOADER_SRC = `${CDN_V1}/accessibility-widget-loader.min.js`;
+const DEFAULT_CORE_SRC = `${CDN_V1}/accessibility-widget-core.min.js`;
+const DEFAULT_CSS_HREF = `${CDN_V1}/accessibility-widget.min.css`;
+
+/**
+ * Subset of the widget's runtime configuration. Declared locally so this MIT
+ * wrapper carries no dependency on the (AGPL) widget package; unknown keys pass through.
+ */
+export interface WidgetConfig {
+  corePath?: string;
+  cssPath?: string;
+  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+  locale?: string;
+  primaryColor?: string;
+  [key: string]: unknown;
+}
+
+/**
+ * Nuxt client-only plugin. Copy this file to `plugins/accessibility-widget.client.ts`
+ * in your Nuxt app. By default the widget loads from the CDN `v1` tag — no config
+ * needed. To self-host/mirror, override via `runtimeConfig.public.accessibilityWidget`
+ * in nuxt.config.ts:
+ *
+ *   export default defineNuxtConfig({
+ *     runtimeConfig: {
+ *       public: {
+ *         accessibilityWidget: {
+ *           loaderSrc: '/accessibility-widget/accessibility-widget-loader.min.js',
+ *           coreSrc:   '/accessibility-widget/accessibility-widget-core.min.js',
+ *           cssHref:   '/accessibility-widget/accessibility-widget.min.css',
+ *           config:    { locale: 'auto' },
+ *         },
+ *       },
+ *     },
+ *   });
+ */
+interface NuxtRuntime {
+  public: {
+    accessibilityWidget?: {
+      loaderSrc?: string;
+      coreSrc?: string;
+      cssHref?: string;
+      config?: WidgetConfig;
+    };
+  };
+}
+
+declare function defineNuxtPlugin(fn: () => void): unknown;
+declare function useRuntimeConfig(): NuxtRuntime;
+
+export default defineNuxtPlugin(() => {
+  if (typeof window === 'undefined') return;
+  const cfg = useRuntimeConfig().public.accessibilityWidget ?? {};
+  const loaderSrc = cfg.loaderSrc ?? DEFAULT_LOADER_SRC;
+  const coreSrc = cfg.coreSrc ?? DEFAULT_CORE_SRC;
+  const cssHref = cfg.cssHref ?? DEFAULT_CSS_HREF;
+
+  const w = window as unknown as { AccessibilityWidgetConfig?: WidgetConfig };
+  // The loader can't derive core/CSS from its own <script src>; pin them here.
+  w.AccessibilityWidgetConfig = {
+    ...(w.AccessibilityWidgetConfig ?? {}),
+    corePath: coreSrc,
+    cssPath: cssHref,
+    ...(cfg.config ?? {}),
+  };
+
+  if (cssHref && !document.querySelector('link[data-aw-css]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = cssHref;
+    link.setAttribute('data-aw-css', '1');
+    document.head.appendChild(link);
+  }
+  if (loaderSrc && !document.querySelector('script[data-aw-loader]')) {
+    const s = document.createElement('script');
+    s.src = loaderSrc;
+    s.defer = true;
+    s.setAttribute('data-aw-loader', '1');
+    document.head.appendChild(s);
+  }
+});