@vario-software/vario-app-framework-frontend 2026.32.1 → 2026.33.1
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/package.json +4 -3
- package/readme.md +32 -0
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vario-software/vario-app-framework-frontend",
|
|
3
|
-
"version": "2026.
|
|
3
|
+
"version": "2026.33.1",
|
|
4
|
+
"description": "Frontend assets for VARIO Cloud Apps: corporate-design CSS and JavaScript helpers for the iframe integration — postMessage communication, frame height, app token handling and shared settings.",
|
|
5
|
+
"homepage": "https://developer.vario-software.de/",
|
|
6
|
+
"bugs": "https://developer.vario-software.de/help-support",
|
|
4
7
|
"repository": "https://github.com/vario-software/vario-app-framework",
|
|
5
8
|
"author": "VARIO Software AG",
|
|
6
|
-
"homepage": "https://www.vario.ag",
|
|
7
|
-
"description": "Provides CSS and useful JavaScript utilities for app features and capabilities to make a VARIO Cloud App appear in the corporate design, giving it a consistent look.",
|
|
8
9
|
"license": "MIT",
|
|
9
10
|
"type": "module",
|
|
10
11
|
"publishConfig": {
|
package/readme.md
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# VARIO App Framework — Frontend
|
|
2
|
+
|
|
3
|
+
The browser-side part of the [VARIO App Framework](https://github.com/vario-software/vario-app-framework). A VARIO Cloud App runs in an iframe inside the ERP; this package provides what it needs there:
|
|
4
|
+
|
|
5
|
+
- **Corporate-design CSS** — buttons, inputs, cards, datagrids, checkboxes and toggles, so the App matches the ERP
|
|
6
|
+
- **Communication helpers** — `sendMain` / `receiveMain` for the postMessage protocol between App and ERP
|
|
7
|
+
- **Integration utilities** — frame height transfer, App token handling, shared settings, screen-size classes, sticky-nav buttons and edit mode
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @vario-software/vario-app-framework-frontend
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<link rel="stylesheet" href="node_modules/@vario-software/vario-app-framework-frontend/style/index.css">
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
```javascript
|
|
18
|
+
import { sendMain, receiveMain } from '@vario-software/vario-app-framework-frontend/script/communication.js';
|
|
19
|
+
|
|
20
|
+
sendMain({ height: document.body.scrollHeight });
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Installing [`@vario-software/vario-app-framework`](https://www.npmjs.com/package/@vario-software/vario-app-framework) pulls in this package together with the backend part.
|
|
24
|
+
|
|
25
|
+
## VARIO Cloud developer resources
|
|
26
|
+
|
|
27
|
+
- [Understand VARIO Cloud Apps](https://developer.vario-software.de/documentation/apps/introduction)
|
|
28
|
+
- [Build your first VARIO Cloud App](https://developer.vario-software.de/documentation/apps/quickstart)
|
|
29
|
+
- [Browse the VARIO Cloud Developer Docs](https://developer.vario-software.de/)
|
|
30
|
+
- [View the source code on GitHub](https://github.com/vario-software/vario-app-framework)
|
|
31
|
+
|
|
32
|
+
For more information about VARIO and our ERP system, visit [www.vario-software.de](https://www.vario-software.de).
|