@things-factory/oauth2-client 7.0.0-alpha.9 → 7.0.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/client/pages/oauth2-client/oauth2-client-importer.ts +8 -19
- package/client/pages/oauth2-client/oauth2-client-list-page.ts +6 -5
- package/client/pages/oauth2-client-register.ts +7 -5
- package/client/pages/oauth2-client.ts +58 -30
- package/client/pages/oauth2-clients.ts +41 -45
- package/dist-client/pages/oauth2-client/oauth2-client-importer.d.ts +1 -0
- package/dist-client/pages/oauth2-client/oauth2-client-importer.js +5 -12
- package/dist-client/pages/oauth2-client/oauth2-client-importer.js.map +1 -1
- package/dist-client/pages/oauth2-client/oauth2-client-list-page.js +6 -5
- package/dist-client/pages/oauth2-client/oauth2-client-list-page.js.map +1 -1
- package/dist-client/pages/oauth2-client-register.d.ts +1 -0
- package/dist-client/pages/oauth2-client-register.js +6 -5
- package/dist-client/pages/oauth2-client-register.js.map +1 -1
- package/dist-client/pages/oauth2-client.d.ts +1 -0
- package/dist-client/pages/oauth2-client.js +58 -30
- package/dist-client/pages/oauth2-client.js.map +1 -1
- package/dist-client/pages/oauth2-clients.d.ts +2 -1
- package/dist-client/pages/oauth2-clients.js +40 -45
- package/dist-client/pages/oauth2-clients.js.map +1 -1
- package/dist-client/route.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/routes.js.map +1 -1
- package/dist-server/service/oauth2-client/oauth2-client-mutation.js +2 -2
- package/dist-server/service/oauth2-client/oauth2-client-mutation.js.map +1 -1
- package/dist-server/service/oauth2-client/oauth2-client-query.js +3 -3
- package/dist-server/service/oauth2-client/oauth2-client-query.js.map +1 -1
- package/dist-server/service/oauth2-client/oauth2-client-type.js +6 -6
- package/dist-server/service/oauth2-client/oauth2-client-type.js.map +1 -1
- package/dist-server/service/oauth2-client/oauth2-client.js +5 -5
- package/dist-server/service/oauth2-client/oauth2-client.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
- package/server/service/oauth2-client/oauth2-client-query.ts +4 -1
- package/server/service/oauth2-client/oauth2-client.ts +3 -3
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import '@material/web/button/elevated-button.js';
|
|
3
|
+
import '@material/web/button/outlined-button.js';
|
|
2
4
|
import gql from 'graphql-tag';
|
|
3
5
|
import { css, html } from 'lit';
|
|
4
6
|
import { customElement, property } from 'lit/decorators.js';
|
|
5
7
|
import { connect } from 'pwa-helpers/connect-mixin.js';
|
|
6
8
|
import { client } from '@operato/graphql';
|
|
7
9
|
import { notify } from '@operato/layout';
|
|
8
|
-
import { PageView, store } from '@operato/shell';
|
|
10
|
+
import { navigate, PageView, store } from '@operato/shell';
|
|
9
11
|
let Oauth2Clients = class Oauth2Clients extends connect(store)(PageView) {
|
|
10
12
|
constructor() {
|
|
11
13
|
super(...arguments);
|
|
@@ -25,7 +27,9 @@ let Oauth2Clients = class Oauth2Clients extends connect(store)(PageView) {
|
|
|
25
27
|
What type of oauth2 client are you building?<br />Choose the platform type that best suits the audience you’re
|
|
26
28
|
building for.
|
|
27
29
|
</p>
|
|
28
|
-
<
|
|
30
|
+
<md-elevated-button @click=${e => navigate('oauth2-client-register')}
|
|
31
|
+
>register new oauth2 client</md-elevated-button
|
|
32
|
+
>
|
|
29
33
|
</div>
|
|
30
34
|
|
|
31
35
|
<div>
|
|
@@ -90,86 +94,76 @@ Oauth2Clients.styles = [
|
|
|
90
94
|
:host {
|
|
91
95
|
display: flex;
|
|
92
96
|
flex-direction: column;
|
|
93
|
-
background-color: var(--
|
|
94
|
-
padding: var(--
|
|
97
|
+
background-color: var(--md-sys-color-background);
|
|
98
|
+
padding: var(--spacing-large);
|
|
95
99
|
|
|
96
100
|
overflow: auto;
|
|
97
101
|
}
|
|
98
102
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
border: var(--button-border);
|
|
102
|
-
border-radius: var(--button-border-radius);
|
|
103
|
-
margin: var(--button-margin);
|
|
104
|
-
padding: var(--button-primary-padding);
|
|
105
|
-
color: var(--button-primary-color);
|
|
106
|
-
font: var(--button-primary-font);
|
|
107
|
-
text-transform: var(--button-text-transform);
|
|
108
|
-
|
|
109
|
-
text-decoration: none;
|
|
110
|
-
}
|
|
111
|
-
[button-primary]:hover {
|
|
112
|
-
background-color: var(--button-primary-active-background-color);
|
|
113
|
-
box-shadow: var(--button-active-box-shadow);
|
|
103
|
+
md-elevated-button {
|
|
104
|
+
text-transform: capitalize;
|
|
114
105
|
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
border: var(--button-border);
|
|
118
|
-
border-radius: var(--button-border-radius);
|
|
119
|
-
margin: var(--button-margin);
|
|
120
|
-
padding: var(--button-padding);
|
|
121
|
-
color: var(--button-color);
|
|
122
|
-
font: var(--button-font);
|
|
123
|
-
text-transform: var(--button-text-transform);
|
|
124
|
-
|
|
125
|
-
margin-right: 0;
|
|
106
|
+
|
|
107
|
+
md-outlined-button {
|
|
126
108
|
float: right;
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
[button]:hover {
|
|
130
|
-
border: var(--button-activ-border);
|
|
131
|
-
box-shadow: var(--button-active-box-shadow);
|
|
109
|
+
margin-top: var(--spacing-medium);
|
|
110
|
+
text-transform: capitalize;
|
|
132
111
|
}
|
|
112
|
+
|
|
133
113
|
h2 {
|
|
134
114
|
margin: var(--title-margin);
|
|
135
115
|
font: var(--title-font);
|
|
136
116
|
color: var(--title-text-color);
|
|
137
117
|
}
|
|
118
|
+
|
|
138
119
|
[page-description] {
|
|
139
120
|
margin: var(--page-description-margin);
|
|
140
121
|
font: var(--page-description-font);
|
|
141
122
|
color: var(--page-description-color);
|
|
142
123
|
}
|
|
143
|
-
|
|
144
|
-
margin: var(--margin-wide) 0;
|
|
145
|
-
}
|
|
124
|
+
|
|
146
125
|
table {
|
|
147
|
-
background-color: var(--theme-white-color);
|
|
148
126
|
width: 100%;
|
|
127
|
+
margin: var(--spacing-large) 0;
|
|
149
128
|
border-collapse: collapse;
|
|
150
129
|
}
|
|
130
|
+
|
|
131
|
+
tr {
|
|
132
|
+
background-color: var(--tr-background-color);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
tr:nth-child(odd) {
|
|
136
|
+
background-color: var(--tr-background-odd-color);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
tr:hover {
|
|
140
|
+
background-color: var(--tr-background-hover-color);
|
|
141
|
+
}
|
|
142
|
+
|
|
151
143
|
th {
|
|
152
|
-
background-color: rgba(var(--primary-color-rgb), 0.1);
|
|
153
144
|
border-top: var(--th-border-top);
|
|
154
|
-
border-bottom: var(--border-
|
|
145
|
+
border-bottom: var(--td-border-bottom);
|
|
155
146
|
padding: var(--th-padding);
|
|
156
147
|
|
|
157
148
|
font: var(--th-font);
|
|
158
|
-
color: var(--
|
|
149
|
+
color: var(--th-color);
|
|
159
150
|
text-transform: var(--th-text-transform);
|
|
151
|
+
text-align: left;
|
|
160
152
|
}
|
|
153
|
+
|
|
161
154
|
td {
|
|
162
155
|
padding: var(--td-padding);
|
|
163
|
-
border-bottom: var(--border-
|
|
156
|
+
border-bottom: var(--border-dim-color);
|
|
164
157
|
line-height: 1.1;
|
|
165
158
|
}
|
|
159
|
+
|
|
166
160
|
td a {
|
|
167
161
|
font: var(--td-font);
|
|
168
162
|
text-decoration: none;
|
|
169
|
-
color: var(--
|
|
163
|
+
color: var(--md-sys-color-on-surface);
|
|
170
164
|
}
|
|
165
|
+
|
|
171
166
|
td a strong {
|
|
172
|
-
color: var(--secondary-text-color);
|
|
173
167
|
font: bold 16px var(--theme-font);
|
|
174
168
|
|
|
175
169
|
display: block;
|
|
@@ -179,6 +173,7 @@ Oauth2Clients.styles = [
|
|
|
179
173
|
.text-align-center {
|
|
180
174
|
text-align: center;
|
|
181
175
|
}
|
|
176
|
+
|
|
182
177
|
.text-align-right {
|
|
183
178
|
text-align: right;
|
|
184
179
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oauth2-clients.js","sourceRoot":"","sources":["../../client/pages/oauth2-clients.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"oauth2-clients.js","sourceRoot":"","sources":["../../client/pages/oauth2-clients.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAG1D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;IAApD;;QA4F6B,YAAO,GAAU,EAAE,CAAA;IAkFhD,CAAC;IAhFC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,SAAS;SACjB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAA;QAEhC,OAAO,IAAI,CAAA;;;;;;;qCAOsB,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,wBAAwB,CAAC;;;;;;;;;;;;;YAahE,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;;4BAGE,iBAAiB,MAAM,CAAC,EAAE,EAAE;8BAC1B,MAAM,CAAC,IAAI;sBACnB,MAAM,CAAC,WAAW;;;;;;;aAO3B,CACF;;;KAGN,CAAA;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM;;QAC1C,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,GAAG,CAAA,MAAA,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAA;QAC/D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;OAWT;SACF,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,MAAM,CAAC;gBACL,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,2BAA2B;aACrC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAA;QACpC,CAAC;IACH,CAAC;;AA5KM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFF;CACF,AAzFY,CAyFZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;8CAAoB;AA5F1C,aAAa;IADlB,aAAa,CAAC,gBAAgB,CAAC;GAC1B,aAAa,CA8KlB","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/button/outlined-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { navigate, PageView, store } from '@operato/shell'\n\n@customElement('oauth2-clients')\nclass Oauth2Clients extends connect(store)(PageView) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-background);\n padding: var(--spacing-large);\n\n overflow: auto;\n }\n\n md-elevated-button {\n text-transform: capitalize;\n }\n\n md-outlined-button {\n float: right;\n margin-top: var(--spacing-medium);\n text-transform: capitalize;\n }\n\n h2 {\n margin: var(--title-margin);\n font: var(--title-font);\n color: var(--title-text-color);\n }\n\n [page-description] {\n margin: var(--page-description-margin);\n font: var(--page-description-font);\n color: var(--page-description-color);\n }\n\n table {\n width: 100%;\n margin: var(--spacing-large) 0;\n border-collapse: collapse;\n }\n\n tr {\n background-color: var(--tr-background-color);\n }\n\n tr:nth-child(odd) {\n background-color: var(--tr-background-odd-color);\n }\n\n tr:hover {\n background-color: var(--tr-background-hover-color);\n }\n\n th {\n border-top: var(--th-border-top);\n border-bottom: var(--td-border-bottom);\n padding: var(--th-padding);\n\n font: var(--th-font);\n color: var(--th-color);\n text-transform: var(--th-text-transform);\n text-align: left;\n }\n\n td {\n padding: var(--td-padding);\n border-bottom: var(--border-dim-color);\n line-height: 1.1;\n }\n\n td a {\n font: var(--td-font);\n text-decoration: none;\n color: var(--md-sys-color-on-surface);\n }\n\n td a strong {\n font: bold 16px var(--theme-font);\n\n display: block;\n text-decoration: none;\n }\n\n .text-align-center {\n text-align: center;\n }\n\n .text-align-right {\n text-align: right;\n }\n `\n ]\n\n @property({ type: Array }) clients: any[] = []\n\n get context() {\n return {\n title: `clients`\n }\n }\n\n render() {\n var clients = this.clients || []\n\n return html`\n <div>\n <h2>Registered Oauth2 Clients</h2>\n <p page-description>\n What type of oauth2 client are you building?<br />Choose the platform type that best suits the audience you’re\n building for.\n </p>\n <md-elevated-button @click=${e => navigate('oauth2-client-register')}\n >register new oauth2 client</md-elevated-button\n >\n </div>\n\n <div>\n <table>\n <tr>\n <th>app name</th>\n <th>API health</th>\n <th>Installs</th>\n <th>status</th>\n </tr>\n ${clients.map(\n client => html`\n <tr>\n <td>\n <a href=${`oauth2-client/${client.id}`}>\n <strong>${client.name}</strong>\n ${client.description}\n </a>\n </td>\n <td class=\"text-align-center\">OK</td>\n <td class=\"text-align-right\">1</td>\n <td class=\"text-align-center\">draft</td>\n </tr>\n `\n )}\n </table>\n </div>\n `\n }\n\n async pageUpdated(changes, lifecycle, before) {\n if (this.active) {\n this.clients = (await this.fetchOauth2Clients())?.items || []\n }\n }\n\n async fetchOauth2Clients() {\n const response = await client.query({\n query: gql`\n query {\n oauth2Clients {\n items {\n id\n name\n description\n }\n total\n }\n }\n `\n })\n\n if (response.errors) {\n notify({\n level: 'error',\n message: 'fetch oauth2 clients fail'\n })\n } else {\n return response.data.oauth2Clients\n }\n }\n}\n"]}
|
package/dist-client/route.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,gCAAgC,CAAC,CAAA;YACxC,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,uBAAuB,CAAC,CAAA;YAC/B,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,wBAAwB,CAAC,CAAA;YAChC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n switch (page) {\n case 'oauth2-client-register':\n import('./pages/oauth2-client-register')\n return page\n\n case 'oauth2-client':\n import('./pages/oauth2-client')\n return page\n\n case 'oauth2-clients':\n import('./pages/oauth2-clients')\n return page\n }\n}\n"]}
|