dash-button-web 0.0.21 → 0.0.23-beta.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/dist/cjs/app-globals-cd54EKuF.js +15 -0
- package/dist/cjs/dash-button.cjs.entry.js +2189 -2074
- package/dist/cjs/index-BfwSK14n.js +1507 -0
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +5 -7
- package/dist/cjs/web-compnont.cjs.js +15 -15
- package/dist/collection/collection-manifest.json +5 -3
- package/dist/collection/components/my-component/dash-button.js +134 -38
- package/dist/collection/global/app.js +7 -0
- package/dist/collection/index.js +0 -1
- package/dist/collection/services/config.js +2 -1
- package/dist/collection/services/menu.js +18 -5
- package/dist/components/dash-button.js +1 -4233
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -3
- package/dist/esm/app-globals-B2hgy9FG.js +13 -0
- package/dist/esm/dash-button.entry.js +2189 -2072
- package/dist/esm/index-6_Ga3Eox.js +1499 -0
- package/dist/esm/index.js +0 -2
- package/dist/esm/loader.js +6 -6
- package/dist/esm/web-compnont.js +15 -14
- package/dist/types/components/my-component/dash-button.d.ts +3 -0
- package/dist/types/components.d.ts +75 -3
- package/dist/types/global/app.d.ts +2 -0
- package/dist/types/services/config.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +268 -70
- package/dist/web-compnont/index.esm.js +0 -2
- package/dist/web-compnont/p-39949e8a.entry.js +1 -0
- package/dist/web-compnont/p-6_Ga3Eox.js +3 -0
- package/dist/web-compnont/p-DiU1T8CW.js +1 -0
- package/dist/web-compnont/web-compnont.esm.js +1 -2
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +4 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/package.json +3 -2
- package/readme.md +43 -19
- package/dist/cjs/dash-button.cjs.entry.js.map +0 -1
- package/dist/cjs/index-87d4993d.js +0 -1793
- package/dist/cjs/index-87d4993d.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/web-compnont.cjs.js.map +0 -1
- package/dist/collection/components/my-component/dash-button.e2e.js +0 -26
- package/dist/collection/components/my-component/dash-button.e2e.js.map +0 -1
- package/dist/collection/components/my-component/dash-button.js.map +0 -1
- package/dist/collection/components/my-component/dash-button.spec.js +0 -35
- package/dist/collection/components/my-component/dash-button.spec.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/services/config.js.map +0 -1
- package/dist/collection/services/menu.js.map +0 -1
- package/dist/components/dash-button.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/esm/dash-button.entry.js.map +0 -1
- package/dist/esm/index-e3df5eaf.js +0 -1766
- package/dist/esm/index-e3df5eaf.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/web-compnont.js.map +0 -1
- package/dist/web-compnont/index.esm.js.map +0 -1
- package/dist/web-compnont/p-c1ec12fe.js +0 -3
- package/dist/web-compnont/p-c1ec12fe.js.map +0 -1
- package/dist/web-compnont/p-fc02a292.entry.js +0 -10
- package/dist/web-compnont/p-fc02a292.entry.js.map +0 -1
- package/dist/web-compnont/web-compnont.esm.js.map +0 -1
- package/loader/package.json +0 -11
package/readme.md
CHANGED
|
@@ -28,11 +28,14 @@ If it is a framework, you wll need to configure more options. Therefore, follow
|
|
|
28
28
|
|
|
29
29
|
Here, we show how to integrate DashButton into your frontend application.
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
> Note: From version v0.0.17 onward, configuring or managing the Keycloak instance is no longer required. It is handled by the Portal application backend services. Keycloak configuration (Step 1) can therefore be skipped.
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### Step 1 - Setup Keycloak Server Application
|
|
32
35
|
|
|
33
36
|
First, you need to start your own **Keycloak instance** or use the **DS2 version**. We recommend using the DS2-based Keycloak instance.
|
|
34
37
|
|
|
35
|
-
|
|
38
|
+
#### Option 1 – Use DS2 Keycloak details
|
|
36
39
|
You can use predefined Keycloak credentials to configure DashButton. The required details are summarized below.
|
|
37
40
|
|
|
38
41
|
- Keyclaok URL: **https://keycloak.ds2.icelab.cloud**
|
|
@@ -40,7 +43,7 @@ You can use predefined Keycloak credentials to configure DashButton. The require
|
|
|
40
43
|
- Client ID: **dashbtn**
|
|
41
44
|
|
|
42
45
|
|
|
43
|
-
|
|
46
|
+
#### Option 2 – Configure your own Keycloak client
|
|
44
47
|
If you use your own version, you need to configure the realm, client, and test users.
|
|
45
48
|
Make sure the client is set up with a **client ID** and that **client authentication is disabled**.
|
|
46
49
|
|
|
@@ -83,25 +86,16 @@ Next, you need to put the script file path in the **src/index.html** file header
|
|
|
83
86
|
|
|
84
87
|
After that, you can pass configuration options as follows using the web component.
|
|
85
88
|
|
|
89
|
+
> **Note:** From version v0.0.17 onward, Keycloak configuration is no longer required. These settings have been removed from the DashButton configuration and are automatically retrieved from the Portal API backend. Please ensure that the portal-api-url is configured correctly.
|
|
90
|
+
|
|
86
91
|
#### Configuration options
|
|
87
92
|
|
|
88
93
|
| Attribute | Description | Type | Default |
|
|
89
94
|
| ----------------- | ----------- | --------- | ------------------------- |
|
|
90
|
-
| `
|
|
91
|
-
| `keycloak-uri` | `Keycloak server URI` | `string` | `"http://localhost:8080"` |
|
|
92
|
-
| `realm` |`Keycloak realm`| `string` | `` |
|
|
95
|
+
| `portal-api-url` | `Portal API URL` | `string` | `` |
|
|
93
96
|
| `redirect-uri` | `Application redirect URI` | `string` | `` |
|
|
94
97
|
| `show-post-login-text` | `Successfully logged in shows a custom button message` | `boolean` | `false` |
|
|
95
98
|
| `auth-method` | `Authentication method` | `string` | `check-sso`, `(login-required)` |
|
|
96
|
-
| `app-id` | `Application unique ID` | `string` | `` |
|
|
97
|
-
| `portal-url` | `Portal URL` | `string` | `` |
|
|
98
|
-
| `portal-api-url` | `Portal API URL` | `string` | `` |
|
|
99
|
-
| `show-unauthorized-modal` | `Show unauthorized modal` | `boolean` | `false` |
|
|
100
|
-
| `other-link-type` | `Add new links for the menu` | `string` | `local or global` |
|
|
101
|
-
| `application-display-name` | `Menu application display name` | `string` | `Applications` |
|
|
102
|
-
| `disable-application-tab` | `disable application tab` | `boolean` | `false` |
|
|
103
|
-
| `menu-view-type` | `the style of the menu` | `string` | `grid/list` |
|
|
104
|
-
|
|
105
99
|
|
|
106
100
|
#### Theme Configuration options
|
|
107
101
|
|
|
@@ -120,11 +114,15 @@ Now, you are almost done. In the final stage, you can place the web-component bu
|
|
|
120
114
|
|
|
121
115
|
> Note: Replace DashButton configuration with actual values.
|
|
122
116
|
|
|
123
|
-
To
|
|
124
|
-
For the DS2 platform, you can use **https://portal-api.ds2.icelab.cloud** as the Portal API URL
|
|
117
|
+
To retrieve all configurations for the DashButton, use the **portal-api-url** attribute and provide the Portal backend API endpoint URL.
|
|
118
|
+
For the DS2 platform, you can use **https://portal-api.ds2.icelab.cloud** as the Portal API URL.
|
|
125
119
|
|
|
126
120
|
```sh
|
|
127
|
-
<dash-button
|
|
121
|
+
<dash-button
|
|
122
|
+
portal-api-url="replace_url"
|
|
123
|
+
auth-method="login-required"
|
|
124
|
+
show-post-login-text="false">
|
|
125
|
+
</dash-button>
|
|
128
126
|
```
|
|
129
127
|
After that test your application can be test with user credentials and then you can get an output similar to this.
|
|
130
128
|
|
|
@@ -151,15 +149,41 @@ First, you need to import the script tag into the header section of your main HT
|
|
|
151
149
|
After that, all you need to do is place the dash button in your preferred location on the web page. To do so, use the following web component button tag and place it in your application with preferred configuration options.
|
|
152
150
|
|
|
153
151
|
```sh
|
|
154
|
-
<dash-button
|
|
152
|
+
<dash-button
|
|
153
|
+
portal-api-url="replace_url">
|
|
154
|
+
</dash-button>
|
|
155
155
|
```
|
|
156
156
|
|
|
157
|
+
## Work with Secure Applications
|
|
158
|
+
|
|
159
|
+
Starting from v0.0.21, an application access permission validation workflow has been introduced.
|
|
160
|
+
|
|
161
|
+
With this update, users cannot proceed with restricted applications if they do not have the required permissions.
|
|
162
|
+
|
|
163
|
+
> Note: This validation is not applied to all available applications globally (for example: Portal, Marketplace, etc.).
|
|
164
|
+
|
|
165
|
+
#### Skipping the Security Check Warning
|
|
166
|
+
|
|
167
|
+
To add your application as a secure application, follow these steps:
|
|
168
|
+
1. Go to the Portal Edit Profile Page
|
|
169
|
+
2. Navigate to the Organization URL section
|
|
170
|
+
3. Add your Organization Domain URL
|
|
171
|
+
4. Save the changes
|
|
172
|
+
|
|
173
|
+
After completing these steps, you can continue accessing the application without receiving the warning.
|
|
174
|
+
|
|
157
175
|
That's it, enjoy!
|
|
158
176
|
|
|
159
177
|
---
|
|
160
178
|
|
|
161
179
|
##### Changelog:
|
|
162
180
|
|
|
181
|
+
**v0.0.23**
|
|
182
|
+
- Fixed restricted page access logic
|
|
183
|
+
|
|
184
|
+
**v0.0.22**
|
|
185
|
+
- Fixed an issue with local module link generation.
|
|
186
|
+
|
|
163
187
|
**v0.0.21**
|
|
164
188
|
- Added access permission verification using organization URL and public links (shows blocked modal)
|
|
165
189
|
|