@bauer-group/accessibility-widget-nextjs 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -0
- package/dist/AccessibilityWidgetClient.d.ts +19 -0
- package/dist/AccessibilityWidgetClient.d.ts.map +1 -0
- package/dist/AccessibilityWidgetClient.js +23 -0
- package/dist/AccessibilityWidgetClient.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/package.json +65 -0
- package/src/AccessibilityWidgetClient.tsx +25 -0
- package/src/index.ts +2 -0
package/README.md
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
# @bauer-group/accessibility-widget-nextjs
|
|
2
|
+
|
|
3
|
+
<a id="english"></a>
|
|
4
|
+
|
|
5
|
+
> Next.js App Router wrapper with the `'use client'` directive.
|
|
6
|
+
|
|
7
|
+
**π¬π§ English** Β· [π©πͺ Deutsch](#-deutsch)
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
// app/layout.tsx
|
|
13
|
+
import { AccessibilityWidgetClient } from '@bauer-group/accessibility-widget-nextjs';
|
|
14
|
+
|
|
15
|
+
export default function Layout({ children }: { children: React.ReactNode }) {
|
|
16
|
+
return (
|
|
17
|
+
<html lang="de">
|
|
18
|
+
<body>
|
|
19
|
+
{children}
|
|
20
|
+
<AccessibilityWidgetClient
|
|
21
|
+
loaderSrc="/accessibility-widget/accessibility-widget-loader.min.js"
|
|
22
|
+
cssHref="/accessibility-widget/accessibility-widget.min.css"
|
|
23
|
+
config={{ locale: 'auto' }}
|
|
24
|
+
/>
|
|
25
|
+
</body>
|
|
26
|
+
</html>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Copy the widget assets to `public/accessibility-widget/*`.
|
|
32
|
+
|
|
33
|
+
## License
|
|
34
|
+
|
|
35
|
+
MIT Β· Β© 2026 BAUER GROUP β the widget loaded at runtime is separately licensed (AGPL-3.0-only or commercial).
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
<a id="-deutsch"></a>
|
|
40
|
+
|
|
41
|
+
## π©πͺ Deutsch
|
|
42
|
+
|
|
43
|
+
> Next.js-App-Router-Wrapper mit `'use client'`-Direktive.
|
|
44
|
+
|
|
45
|
+
[π¬π§ English](#english) Β· **π©πͺ Deutsch**
|
|
46
|
+
|
|
47
|
+
### Nutzung
|
|
48
|
+
|
|
49
|
+
```tsx
|
|
50
|
+
// app/layout.tsx
|
|
51
|
+
import { AccessibilityWidgetClient } from '@bauer-group/accessibility-widget-nextjs';
|
|
52
|
+
|
|
53
|
+
export default function Layout({ children }: { children: React.ReactNode }) {
|
|
54
|
+
return (
|
|
55
|
+
<html lang="de">
|
|
56
|
+
<body>
|
|
57
|
+
{children}
|
|
58
|
+
<AccessibilityWidgetClient
|
|
59
|
+
loaderSrc="/accessibility-widget/accessibility-widget-loader.min.js"
|
|
60
|
+
cssHref="/accessibility-widget/accessibility-widget.min.css"
|
|
61
|
+
config={{ locale: 'auto' }}
|
|
62
|
+
/>
|
|
63
|
+
</body>
|
|
64
|
+
</html>
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
Widget-Assets nach `public/accessibility-widget/*` kopieren.
|
|
70
|
+
|
|
71
|
+
### Lizenz
|
|
72
|
+
|
|
73
|
+
MIT Β· Β© 2026 BAUER GROUP β the widget loaded at runtime is separately licensed (AGPL-3.0-only or commercial).
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type AccessibilityWidgetProps } from '@bauer-group/accessibility-widget-react';
|
|
2
|
+
/**
|
|
3
|
+
* Drop into app/layout.tsx β by default the widget loads from the CDN `v1` tag,
|
|
4
|
+
* so no props are required:
|
|
5
|
+
*
|
|
6
|
+
* import { AccessibilityWidgetClient } from '@bauer-group/accessibility-widget-nextjs';
|
|
7
|
+
* export default function RootLayout({ children }) {
|
|
8
|
+
* return (
|
|
9
|
+
* <html lang="de">
|
|
10
|
+
* <body>
|
|
11
|
+
* {children}
|
|
12
|
+
* <AccessibilityWidgetClient config={{ locale: 'auto' }} />
|
|
13
|
+
* </body>
|
|
14
|
+
* </html>
|
|
15
|
+
* );
|
|
16
|
+
* }
|
|
17
|
+
*/
|
|
18
|
+
export declare function AccessibilityWidgetClient(props: AccessibilityWidgetProps): import("react").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=AccessibilityWidgetClient.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessibilityWidgetClient.d.ts","sourceRoot":"","sources":["../src/AccessibilityWidgetClient.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yCAAyC,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,wBAAwB,+BAExE"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { AccessibilityWidget, } from '@bauer-group/accessibility-widget-react';
|
|
4
|
+
/**
|
|
5
|
+
* Drop into app/layout.tsx β by default the widget loads from the CDN `v1` tag,
|
|
6
|
+
* so no props are required:
|
|
7
|
+
*
|
|
8
|
+
* import { AccessibilityWidgetClient } from '@bauer-group/accessibility-widget-nextjs';
|
|
9
|
+
* export default function RootLayout({ children }) {
|
|
10
|
+
* return (
|
|
11
|
+
* <html lang="de">
|
|
12
|
+
* <body>
|
|
13
|
+
* {children}
|
|
14
|
+
* <AccessibilityWidgetClient config={{ locale: 'auto' }} />
|
|
15
|
+
* </body>
|
|
16
|
+
* </html>
|
|
17
|
+
* );
|
|
18
|
+
* }
|
|
19
|
+
*/
|
|
20
|
+
export function AccessibilityWidgetClient(props) {
|
|
21
|
+
return _jsx(AccessibilityWidget, { ...props });
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=AccessibilityWidgetClient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessibilityWidgetClient.js","sourceRoot":"","sources":["../src/AccessibilityWidgetClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EACL,mBAAmB,GAEpB,MAAM,yCAAyC,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAA+B;IACvE,OAAO,KAAC,mBAAmB,OAAK,KAAK,GAAI,CAAC;AAC5C,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@bauer-group/accessibility-widget-nextjs",
|
|
3
|
+
"version": "1.1.0",
|
|
4
|
+
"description": "Next.js App Router Wrapper (Client Component) fΓΌr das BAUER GROUP Accessibility Widget.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"author": "BAUER GROUP <info@ge.bauer-group.com>",
|
|
7
|
+
"homepage": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations/tree/main/packages/js/nextjs",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations.git",
|
|
11
|
+
"directory": "packages/js/nextjs"
|
|
12
|
+
},
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/bauer-group/SaaS-AccessibilityWidgetIntegrations/issues"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"nextjs",
|
|
18
|
+
"next",
|
|
19
|
+
"react",
|
|
20
|
+
"accessibility",
|
|
21
|
+
"a11y",
|
|
22
|
+
"wcag",
|
|
23
|
+
"bfsg",
|
|
24
|
+
"en301549",
|
|
25
|
+
"widget",
|
|
26
|
+
"bauer-group"
|
|
27
|
+
],
|
|
28
|
+
"type": "module",
|
|
29
|
+
"main": "./dist/index.js",
|
|
30
|
+
"types": "./dist/index.d.ts",
|
|
31
|
+
"exports": {
|
|
32
|
+
".": {
|
|
33
|
+
"types": "./dist/index.d.ts",
|
|
34
|
+
"import": "./dist/index.js"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"files": [
|
|
38
|
+
"dist",
|
|
39
|
+
"src",
|
|
40
|
+
"README.md"
|
|
41
|
+
],
|
|
42
|
+
"scripts": {
|
|
43
|
+
"build": "tsc -p tsconfig.build.json",
|
|
44
|
+
"typecheck": "tsc --noEmit",
|
|
45
|
+
"clean": "rimraf dist tsconfig.build.tsbuildinfo"
|
|
46
|
+
},
|
|
47
|
+
"peerDependencies": {
|
|
48
|
+
"next": ">=14",
|
|
49
|
+
"react": ">=18"
|
|
50
|
+
},
|
|
51
|
+
"dependencies": {
|
|
52
|
+
"@bauer-group/accessibility-widget-react": "^1.1.0"
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@types/react": "^19.1.0",
|
|
56
|
+
"next": "^15.2.0",
|
|
57
|
+
"react": "^19.1.0",
|
|
58
|
+
"rimraf": "^6.0.1",
|
|
59
|
+
"typescript": "^5.8.0"
|
|
60
|
+
},
|
|
61
|
+
"sideEffects": false,
|
|
62
|
+
"publishConfig": {
|
|
63
|
+
"access": "public"
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import {
|
|
3
|
+
AccessibilityWidget,
|
|
4
|
+
type AccessibilityWidgetProps,
|
|
5
|
+
} from '@bauer-group/accessibility-widget-react';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Drop into app/layout.tsx β by default the widget loads from the CDN `v1` tag,
|
|
9
|
+
* so no props are required:
|
|
10
|
+
*
|
|
11
|
+
* import { AccessibilityWidgetClient } from '@bauer-group/accessibility-widget-nextjs';
|
|
12
|
+
* export default function RootLayout({ children }) {
|
|
13
|
+
* return (
|
|
14
|
+
* <html lang="de">
|
|
15
|
+
* <body>
|
|
16
|
+
* {children}
|
|
17
|
+
* <AccessibilityWidgetClient config={{ locale: 'auto' }} />
|
|
18
|
+
* </body>
|
|
19
|
+
* </html>
|
|
20
|
+
* );
|
|
21
|
+
* }
|
|
22
|
+
*/
|
|
23
|
+
export function AccessibilityWidgetClient(props: AccessibilityWidgetProps) {
|
|
24
|
+
return <AccessibilityWidget {...props} />;
|
|
25
|
+
}
|
package/src/index.ts
ADDED