@qoh/core-react 0.0.2 → 0.0.3
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/lib/ApiError.d.ts +8 -6
- package/lib/ApiError.js +33 -1
- package/lib/QueenofheartsService.d.ts +10 -10
- package/lib/QueenofheartsService.js +485 -4
- package/lib/backend/DatoCMS.d.ts +5 -5
- package/lib/backend/DatoCMS.js +47 -1
- package/lib/backend/StrapiCMS.js +53 -1
- package/lib/backend/index.js +20 -1
- package/lib/components/Dodo.d.ts +1 -1
- package/lib/components/Dodo.js +65 -1
- package/lib/components/QueenofheartsRenderComponent.d.ts +1 -1
- package/lib/components/QueenofheartsRenderComponent.js +25 -1
- package/lib/index.d.ts +4 -4
- package/lib/index.js +49 -1
- package/package.json +1 -1
package/lib/ApiError.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
type Body = {
|
|
2
|
+
id: string;
|
|
3
|
+
summary: string;
|
|
4
|
+
details: string;
|
|
5
|
+
};
|
|
1
6
|
export declare class ApiError extends Error {
|
|
2
7
|
status: number;
|
|
3
|
-
body:
|
|
4
|
-
|
|
5
|
-
summary: string;
|
|
6
|
-
details: string;
|
|
7
|
-
};
|
|
8
|
-
constructor(status: number, body: any);
|
|
8
|
+
body: Body;
|
|
9
|
+
constructor(status: number, body: Body);
|
|
9
10
|
}
|
|
11
|
+
export {};
|
package/lib/ApiError.js
CHANGED
|
@@ -1 +1,33 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ApiError = void 0;
|
|
8
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
17
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
18
|
+
var ApiError = exports.ApiError = /*#__PURE__*/function (_Error) {
|
|
19
|
+
(0, _inherits2["default"])(ApiError, _Error);
|
|
20
|
+
var _super = _createSuper(ApiError);
|
|
21
|
+
function ApiError(status, body) {
|
|
22
|
+
var _this;
|
|
23
|
+
(0, _classCallCheck2["default"])(this, ApiError);
|
|
24
|
+
_this = _super.call(this, body.summary);
|
|
25
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "status", void 0);
|
|
26
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "body", void 0);
|
|
27
|
+
_this.name = 'ApiError';
|
|
28
|
+
_this.status = status;
|
|
29
|
+
_this.body = body;
|
|
30
|
+
return _this;
|
|
31
|
+
}
|
|
32
|
+
return (0, _createClass2["default"])(ApiError);
|
|
33
|
+
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(Error));
|
|
@@ -26,7 +26,7 @@ export declare class QueenofheartsService {
|
|
|
26
26
|
data: any;
|
|
27
27
|
debug: boolean;
|
|
28
28
|
backend: Backend;
|
|
29
|
-
apiToken: string;
|
|
29
|
+
apiToken: string | null;
|
|
30
30
|
localServer?: string;
|
|
31
31
|
latestUrl: string;
|
|
32
32
|
latestData: Object;
|
|
@@ -41,21 +41,21 @@ export declare class QueenofheartsService {
|
|
|
41
41
|
name: string;
|
|
42
42
|
operator: Filter;
|
|
43
43
|
value: string;
|
|
44
|
-
}[];
|
|
45
|
-
components?: string;
|
|
46
|
-
ignoreProperties?: string[];
|
|
44
|
+
}[] | undefined;
|
|
45
|
+
components?: string | undefined;
|
|
46
|
+
ignoreProperties?: string[] | undefined;
|
|
47
47
|
variables?: {
|
|
48
48
|
[x: string]: unknown;
|
|
49
49
|
filter?: {
|
|
50
50
|
name: string;
|
|
51
51
|
operator: Filter;
|
|
52
52
|
value: string;
|
|
53
|
-
}[];
|
|
54
|
-
locale?: string;
|
|
55
|
-
};
|
|
56
|
-
locale?: string;
|
|
57
|
-
depth?: number;
|
|
58
|
-
}) => Promise<any>;
|
|
53
|
+
}[] | undefined;
|
|
54
|
+
locale?: string | undefined;
|
|
55
|
+
} | undefined;
|
|
56
|
+
locale?: string | undefined;
|
|
57
|
+
depth?: number | undefined;
|
|
58
|
+
} | undefined) => Promise<any>;
|
|
59
59
|
private getRegisteredComponentsWithFields;
|
|
60
60
|
getQueries: () => Promise<any>;
|
|
61
61
|
private injectIds;
|
|
@@ -1,4 +1,485 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.componentRegistry = exports.QueenofheartsService = exports.Filter = void 0;
|
|
8
|
+
exports.getAllregisteredComponents = getAllregisteredComponents;
|
|
9
|
+
exports.registerComponent = registerComponent;
|
|
10
|
+
exports.unregisterComponent = unregisterComponent;
|
|
11
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
12
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
16
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
18
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
+
var _ApiError = require("./ApiError");
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
21
|
+
var _Dodo = _interopRequireDefault(require("./components/Dodo"));
|
|
22
|
+
var _QueenofheartsService;
|
|
23
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
|
+
var qohUri = 'https://qoh.azurewebsites.net/api';
|
|
26
|
+
var componentRegistry = exports.componentRegistry = {};
|
|
27
|
+
function unregisterComponent(name) {
|
|
28
|
+
delete componentRegistry[name];
|
|
29
|
+
}
|
|
30
|
+
function registerComponent(functionalComponent, typeName, fieldNames) {
|
|
31
|
+
if (typeName !== undefined) {
|
|
32
|
+
if (componentRegistry[typeName] === undefined) {
|
|
33
|
+
var componentWithFieldNames = {
|
|
34
|
+
component: functionalComponent,
|
|
35
|
+
fieldNames: fieldNames
|
|
36
|
+
};
|
|
37
|
+
componentRegistry[typeName] = componentWithFieldNames;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
function getAllregisteredComponents() {
|
|
42
|
+
return componentRegistry;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
//TODO: remove????
|
|
46
|
+
var Filter = exports.Filter = /*#__PURE__*/function (Filter) {
|
|
47
|
+
Filter["eq"] = "eq";
|
|
48
|
+
Filter["in"] = "in";
|
|
49
|
+
Filter["neq"] = "neq";
|
|
50
|
+
Filter["notIn"] = "notIn";
|
|
51
|
+
return Filter;
|
|
52
|
+
}({});
|
|
53
|
+
var QueenofheartsService = exports.QueenofheartsService = /*#__PURE__*/function () {
|
|
54
|
+
function QueenofheartsService(backend, apiToken, localServer) {
|
|
55
|
+
var _this = this;
|
|
56
|
+
(0, _classCallCheck2["default"])(this, QueenofheartsService);
|
|
57
|
+
(0, _defineProperty2["default"])(this, "data", void 0);
|
|
58
|
+
(0, _defineProperty2["default"])(this, "debug", void 0);
|
|
59
|
+
(0, _defineProperty2["default"])(this, "backend", void 0);
|
|
60
|
+
(0, _defineProperty2["default"])(this, "apiToken", void 0);
|
|
61
|
+
(0, _defineProperty2["default"])(this, "localServer", void 0);
|
|
62
|
+
//debugger-data:
|
|
63
|
+
(0, _defineProperty2["default"])(this, "latestUrl", '');
|
|
64
|
+
(0, _defineProperty2["default"])(this, "latestData", {});
|
|
65
|
+
(0, _defineProperty2["default"])(this, "buildUrl", function (endpoint) {
|
|
66
|
+
//use Azure function
|
|
67
|
+
if (_this.apiToken) {
|
|
68
|
+
var _this$localServer;
|
|
69
|
+
return "".concat((_this$localServer = _this.localServer) !== null && _this$localServer !== void 0 ? _this$localServer : qohUri, "/").concat(endpoint, "?code=").concat(_this.apiToken);
|
|
70
|
+
}
|
|
71
|
+
//use localServer (API token not provided)
|
|
72
|
+
else if (_this.apiToken == '') {
|
|
73
|
+
return "".concat(_this.localServer, "/").concat(endpoint);
|
|
74
|
+
} else {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
(0, _defineProperty2["default"])(this, "queryGraphql", /*#__PURE__*/function () {
|
|
79
|
+
var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(graphqlQuery) {
|
|
80
|
+
var queryUrl, response, body, errorResponse;
|
|
81
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
82
|
+
while (1) switch (_context.prev = _context.next) {
|
|
83
|
+
case 0:
|
|
84
|
+
/*
|
|
85
|
+
if (!this.backend.uri) {
|
|
86
|
+
throw new Error(
|
|
87
|
+
'Backend-Uri is missing. The Backend-Uri is either set via the constructor or the init methode.'
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
if (!this.backend.token) {
|
|
91
|
+
throw new Error(
|
|
92
|
+
'Token is missing. The token is eihter set via the constructor or the init methode.'
|
|
93
|
+
);
|
|
94
|
+
}
|
|
95
|
+
*/
|
|
96
|
+
queryUrl = _this.buildUrl('execGraphqlQuery');
|
|
97
|
+
if (!queryUrl) {
|
|
98
|
+
_context.next = 18;
|
|
99
|
+
break;
|
|
100
|
+
}
|
|
101
|
+
_context.next = 4;
|
|
102
|
+
return fetch(queryUrl, {
|
|
103
|
+
method: 'POST',
|
|
104
|
+
headers: {
|
|
105
|
+
'Content-Type': 'application/json'
|
|
106
|
+
},
|
|
107
|
+
body: JSON.stringify({
|
|
108
|
+
uri: _this.backend.uri,
|
|
109
|
+
query: graphqlQuery,
|
|
110
|
+
token: _this.backend.token
|
|
111
|
+
})
|
|
112
|
+
});
|
|
113
|
+
case 4:
|
|
114
|
+
response = _context.sent;
|
|
115
|
+
if (!response.ok) {
|
|
116
|
+
_context.next = 13;
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
_context.next = 8;
|
|
120
|
+
return response.json();
|
|
121
|
+
case 8:
|
|
122
|
+
body = _context.sent;
|
|
123
|
+
_this.sendDebugEvent();
|
|
124
|
+
return _context.abrupt("return", body);
|
|
125
|
+
case 13:
|
|
126
|
+
_context.next = 15;
|
|
127
|
+
return response.json();
|
|
128
|
+
case 15:
|
|
129
|
+
errorResponse = _context.sent;
|
|
130
|
+
console.log(errorResponse);
|
|
131
|
+
throw new _ApiError.ApiError(response.status, errorResponse);
|
|
132
|
+
case 18:
|
|
133
|
+
throw new _ApiError.ApiError(500, {
|
|
134
|
+
id: '99',
|
|
135
|
+
summary: 'queryUrl was not set',
|
|
136
|
+
details: "LocalServer: ".concat(_this.localServer)
|
|
137
|
+
});
|
|
138
|
+
case 19:
|
|
139
|
+
case "end":
|
|
140
|
+
return _context.stop();
|
|
141
|
+
}
|
|
142
|
+
}, _callee);
|
|
143
|
+
}));
|
|
144
|
+
return function (_x) {
|
|
145
|
+
return _ref.apply(this, arguments);
|
|
146
|
+
};
|
|
147
|
+
}());
|
|
148
|
+
(0, _defineProperty2["default"])(this, "query", /*#__PURE__*/function () {
|
|
149
|
+
var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(queryName, options) {
|
|
150
|
+
var queryUrl, extendedVariables, _extendedVariables$fi, _options$variables, _extendedVariables$fi2, response, _yield$response$json, body, normalizedBody, injectedBody, errorResponse;
|
|
151
|
+
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
152
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
153
|
+
case 0:
|
|
154
|
+
// if (!this.backend.uri) {
|
|
155
|
+
// throw new Error(
|
|
156
|
+
// 'Backend-Uri is missing. The Backend-Uri is either set via the constructor or the init methode.'
|
|
157
|
+
// );
|
|
158
|
+
// }
|
|
159
|
+
// if (!this.backend.token) {
|
|
160
|
+
// throw new Error(
|
|
161
|
+
// 'Token is missing. The token is eihter set via the constructor or the init methode.'
|
|
162
|
+
// );
|
|
163
|
+
// }
|
|
164
|
+
// if (queryName) {
|
|
165
|
+
// throw new Error('QueryName is missing. The QueryName is has to be provided when calling the query methode. The queryName refers to the name of the objects to be queried. E.g. pages');
|
|
166
|
+
// }
|
|
167
|
+
queryUrl = _this.buildUrl('execQuery');
|
|
168
|
+
extendedVariables = options !== null && options !== void 0 && options.variables ? _objectSpread({}, options.variables) : {};
|
|
169
|
+
if (options !== null && options !== void 0 && options.locale) {
|
|
170
|
+
extendedVariables.locale = options.locale;
|
|
171
|
+
}
|
|
172
|
+
if (options !== null && options !== void 0 && options.filter && Array.isArray(options.filter)) {
|
|
173
|
+
if (!extendedVariables.filter) {
|
|
174
|
+
extendedVariables.filter = [];
|
|
175
|
+
}
|
|
176
|
+
(_extendedVariables$fi = extendedVariables.filter).push.apply(_extendedVariables$fi, (0, _toConsumableArray2["default"])(options.filter));
|
|
177
|
+
if (options !== null && options !== void 0 && (_options$variables = options.variables) !== null && _options$variables !== void 0 && _options$variables.filter && Array.isArray(options.variables.filter)) {
|
|
178
|
+
(_extendedVariables$fi2 = extendedVariables.filter).push.apply(_extendedVariables$fi2, (0, _toConsumableArray2["default"])(options.variables.filter));
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
if (!queryUrl) {
|
|
182
|
+
_context2.next = 35;
|
|
183
|
+
break;
|
|
184
|
+
}
|
|
185
|
+
_context2.next = 7;
|
|
186
|
+
return fetch(queryUrl, {
|
|
187
|
+
method: 'POST',
|
|
188
|
+
headers: {
|
|
189
|
+
'Content-Type': 'application/json'
|
|
190
|
+
},
|
|
191
|
+
body: JSON.stringify({
|
|
192
|
+
uri: _this.backend.uri,
|
|
193
|
+
queryname: queryName,
|
|
194
|
+
token: _this.backend.token,
|
|
195
|
+
variables: extendedVariables,
|
|
196
|
+
components: _this.getRegisteredComponentsWithFields(),
|
|
197
|
+
ignoreProperties: options === null || options === void 0 ? void 0 : options.ignoreProperties,
|
|
198
|
+
depth: options === null || options === void 0 ? void 0 : options.depth
|
|
199
|
+
})
|
|
200
|
+
});
|
|
201
|
+
case 7:
|
|
202
|
+
response = _context2.sent;
|
|
203
|
+
if (!response.ok) {
|
|
204
|
+
_context2.next = 28;
|
|
205
|
+
break;
|
|
206
|
+
}
|
|
207
|
+
_context2.next = 11;
|
|
208
|
+
return response.json();
|
|
209
|
+
case 11:
|
|
210
|
+
_context2.t1 = _yield$response$json = _context2.sent;
|
|
211
|
+
_context2.t0 = _context2.t1 === null;
|
|
212
|
+
if (_context2.t0) {
|
|
213
|
+
_context2.next = 15;
|
|
214
|
+
break;
|
|
215
|
+
}
|
|
216
|
+
_context2.t0 = _yield$response$json === void 0;
|
|
217
|
+
case 15:
|
|
218
|
+
if (!_context2.t0) {
|
|
219
|
+
_context2.next = 19;
|
|
220
|
+
break;
|
|
221
|
+
}
|
|
222
|
+
_context2.t2 = void 0;
|
|
223
|
+
_context2.next = 20;
|
|
224
|
+
break;
|
|
225
|
+
case 19:
|
|
226
|
+
_context2.t2 = _yield$response$json.data;
|
|
227
|
+
case 20:
|
|
228
|
+
body = _context2.t2;
|
|
229
|
+
normalizedBody = _this.backend.normalize(body);
|
|
230
|
+
injectedBody = _this.debug ? _this.injectIds(normalizedBody) : normalizedBody;
|
|
231
|
+
_this.latestData = injectedBody;
|
|
232
|
+
_this.sendDebugEvent();
|
|
233
|
+
return _context2.abrupt("return", injectedBody);
|
|
234
|
+
case 28:
|
|
235
|
+
_context2.next = 30;
|
|
236
|
+
return response.json();
|
|
237
|
+
case 30:
|
|
238
|
+
errorResponse = _context2.sent;
|
|
239
|
+
console.log(errorResponse);
|
|
240
|
+
throw new _ApiError.ApiError(response.status, errorResponse);
|
|
241
|
+
case 33:
|
|
242
|
+
_context2.next = 36;
|
|
243
|
+
break;
|
|
244
|
+
case 35:
|
|
245
|
+
throw new _ApiError.ApiError(500, {
|
|
246
|
+
id: '99',
|
|
247
|
+
summary: 'Query: queryUrl or options are invalid',
|
|
248
|
+
details: ""
|
|
249
|
+
});
|
|
250
|
+
case 36:
|
|
251
|
+
case "end":
|
|
252
|
+
return _context2.stop();
|
|
253
|
+
}
|
|
254
|
+
}, _callee2);
|
|
255
|
+
}));
|
|
256
|
+
return function (_x2, _x3) {
|
|
257
|
+
return _ref2.apply(this, arguments);
|
|
258
|
+
};
|
|
259
|
+
}());
|
|
260
|
+
(0, _defineProperty2["default"])(this, "getRegisteredComponentsWithFields", function () {
|
|
261
|
+
var components = {};
|
|
262
|
+
var entries = Object.entries(getAllregisteredComponents());
|
|
263
|
+
if (entries && Array.isArray(entries)) {
|
|
264
|
+
entries.forEach(function (_ref3) {
|
|
265
|
+
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
|
|
266
|
+
key = _ref4[0],
|
|
267
|
+
value = _ref4[1];
|
|
268
|
+
var fields = {};
|
|
269
|
+
var fieldNames = value.fieldNames;
|
|
270
|
+
var hasAtLeastOneField = false;
|
|
271
|
+
if (fieldNames && Array.isArray(fieldNames)) {
|
|
272
|
+
fieldNames.forEach(function (field) {
|
|
273
|
+
fields[field] = true;
|
|
274
|
+
hasAtLeastOneField = true;
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
if (hasAtLeastOneField) {
|
|
278
|
+
components[key] = fields;
|
|
279
|
+
} else {
|
|
280
|
+
components[key] = {
|
|
281
|
+
__all: true
|
|
282
|
+
};
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
}
|
|
286
|
+
return components;
|
|
287
|
+
});
|
|
288
|
+
(0, _defineProperty2["default"])(this, "getQueries", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
289
|
+
var queryUrl, response, body;
|
|
290
|
+
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
291
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
292
|
+
case 0:
|
|
293
|
+
queryUrl = _this.buildUrl('queries');
|
|
294
|
+
if (!(queryUrl && _this.backend && (_this.localServer || _this.backend.token))) {
|
|
295
|
+
_context3.next = 18;
|
|
296
|
+
break;
|
|
297
|
+
}
|
|
298
|
+
_context3.next = 4;
|
|
299
|
+
return fetch(queryUrl, {
|
|
300
|
+
method: 'POST',
|
|
301
|
+
headers: {
|
|
302
|
+
'Content-Type': 'application/json'
|
|
303
|
+
},
|
|
304
|
+
body: JSON.stringify({
|
|
305
|
+
uri: _this.backend.uri,
|
|
306
|
+
token: _this.backend.token || null
|
|
307
|
+
})
|
|
308
|
+
});
|
|
309
|
+
case 4:
|
|
310
|
+
response = _context3.sent;
|
|
311
|
+
if (!response.ok) {
|
|
312
|
+
_context3.next = 16;
|
|
313
|
+
break;
|
|
314
|
+
}
|
|
315
|
+
_context3.prev = 6;
|
|
316
|
+
_context3.next = 9;
|
|
317
|
+
return response.json();
|
|
318
|
+
case 9:
|
|
319
|
+
body = _context3.sent;
|
|
320
|
+
return _context3.abrupt("return", body);
|
|
321
|
+
case 13:
|
|
322
|
+
_context3.prev = 13;
|
|
323
|
+
_context3.t0 = _context3["catch"](6);
|
|
324
|
+
console.error(_context3.t0);
|
|
325
|
+
case 16:
|
|
326
|
+
_context3.next = 19;
|
|
327
|
+
break;
|
|
328
|
+
case 18:
|
|
329
|
+
console.error('api, uri and CMSToken have to be provided');
|
|
330
|
+
case 19:
|
|
331
|
+
return _context3.abrupt("return", '');
|
|
332
|
+
case 20:
|
|
333
|
+
case "end":
|
|
334
|
+
return _context3.stop();
|
|
335
|
+
}
|
|
336
|
+
}, _callee3, null, [[6, 13]]);
|
|
337
|
+
})));
|
|
338
|
+
this.backend = backend;
|
|
339
|
+
this.apiToken = apiToken ? apiToken : null;
|
|
340
|
+
this.localServer = localServer;
|
|
341
|
+
// devtools-panel events and debug-option
|
|
342
|
+
this.debug = typeof document !== 'undefined' && document.getElementsByTagName('body')[0].classList.contains('qoh-inject-ids');
|
|
343
|
+
if (this.debug && typeof window !== 'undefined') {
|
|
344
|
+
window.addEventListener('QueenOfHearts-RequestData', function () {
|
|
345
|
+
_this.sendDebugEvent();
|
|
346
|
+
});
|
|
347
|
+
window.addEventListener('QueenOfHearts-RequestQueries', function () {
|
|
348
|
+
_this.sendQueriesEvent();
|
|
349
|
+
});
|
|
350
|
+
window.addEventListener('QueenOfHearts-HighlightComponent', function (event) {
|
|
351
|
+
_this.highlightComponent(event.detail);
|
|
352
|
+
});
|
|
353
|
+
window.addEventListener('QueenOfHearts-RequestComponentHTML', function (event) {
|
|
354
|
+
_this.sendComponentHTML(event.detail);
|
|
355
|
+
});
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
(0, _createClass2["default"])(QueenofheartsService, [{
|
|
359
|
+
key: "createComponent",
|
|
360
|
+
value: function createComponent(props) {
|
|
361
|
+
var _componentRegistry$pr, _componentRegistry$pr2;
|
|
362
|
+
var functionalComponent = (_componentRegistry$pr = (_componentRegistry$pr2 = componentRegistry[props.data.__typename]) === null || _componentRegistry$pr2 === void 0 ? void 0 : _componentRegistry$pr2.component) !== null && _componentRegistry$pr !== void 0 ? _componentRegistry$pr : _Dodo["default"];
|
|
363
|
+
return /*#__PURE__*/_react["default"].createElement(functionalComponent, _objectSpread(_objectSpread({}, props), props.data));
|
|
364
|
+
}
|
|
365
|
+
}, {
|
|
366
|
+
key: "injectIds",
|
|
367
|
+
value: function injectIds(data) {
|
|
368
|
+
var _this2 = this;
|
|
369
|
+
if (Array.isArray(data)) {
|
|
370
|
+
data.forEach(function (entry) {
|
|
371
|
+
return _this2.injectIds(entry);
|
|
372
|
+
});
|
|
373
|
+
} else if (data && (0, _typeof2["default"])(data) === 'object') {
|
|
374
|
+
if (data.hasOwnProperty('__typename')) {
|
|
375
|
+
var id = Math.random().toString();
|
|
376
|
+
data.__qohId = id.substr(id.indexOf('.') + 1);
|
|
377
|
+
}
|
|
378
|
+
Object.keys(data).forEach(function (key) {
|
|
379
|
+
return data[key] = _this2.injectIds(data[key]);
|
|
380
|
+
});
|
|
381
|
+
}
|
|
382
|
+
return data;
|
|
383
|
+
}
|
|
384
|
+
}, {
|
|
385
|
+
key: "sendDebugEvent",
|
|
386
|
+
value: function sendDebugEvent() {
|
|
387
|
+
if (typeof window === 'undefined') return;
|
|
388
|
+
var debugData = {
|
|
389
|
+
registeredComponents: Object.keys(componentRegistry),
|
|
390
|
+
url: this.latestUrl,
|
|
391
|
+
data: this.latestData
|
|
392
|
+
};
|
|
393
|
+
var event = new CustomEvent('QueenOfHearts-DebuggingData', {
|
|
394
|
+
detail: debugData
|
|
395
|
+
});
|
|
396
|
+
window.dispatchEvent(event);
|
|
397
|
+
}
|
|
398
|
+
}, {
|
|
399
|
+
key: "sendQueriesEvent",
|
|
400
|
+
value: function () {
|
|
401
|
+
var _sendQueriesEvent = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
|
|
402
|
+
var event;
|
|
403
|
+
return _regenerator["default"].wrap(function _callee4$(_context4) {
|
|
404
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
405
|
+
case 0:
|
|
406
|
+
if (!(typeof window === 'undefined')) {
|
|
407
|
+
_context4.next = 2;
|
|
408
|
+
break;
|
|
409
|
+
}
|
|
410
|
+
return _context4.abrupt("return");
|
|
411
|
+
case 2:
|
|
412
|
+
_context4.t0 = CustomEvent;
|
|
413
|
+
_context4.next = 5;
|
|
414
|
+
return this.getQueries();
|
|
415
|
+
case 5:
|
|
416
|
+
_context4.t1 = _context4.sent;
|
|
417
|
+
_context4.t2 = {
|
|
418
|
+
detail: _context4.t1
|
|
419
|
+
};
|
|
420
|
+
event = new _context4.t0('QueenOfHearts-AvailableQueries', _context4.t2);
|
|
421
|
+
window.dispatchEvent(event);
|
|
422
|
+
case 9:
|
|
423
|
+
case "end":
|
|
424
|
+
return _context4.stop();
|
|
425
|
+
}
|
|
426
|
+
}, _callee4, this);
|
|
427
|
+
}));
|
|
428
|
+
function sendQueriesEvent() {
|
|
429
|
+
return _sendQueriesEvent.apply(this, arguments);
|
|
430
|
+
}
|
|
431
|
+
return sendQueriesEvent;
|
|
432
|
+
}()
|
|
433
|
+
}, {
|
|
434
|
+
key: "sendComponentHTML",
|
|
435
|
+
value: function sendComponentHTML(id) {
|
|
436
|
+
var _document$querySelect;
|
|
437
|
+
if (typeof window === 'undefined') return;
|
|
438
|
+
var component = (_document$querySelect = document.querySelector("[qohId='".concat(id, "']"))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.nextElementSibling;
|
|
439
|
+
if (component) {
|
|
440
|
+
var event = new CustomEvent('QueenOfHearts-SelectedComponentHTML', {
|
|
441
|
+
detail: {
|
|
442
|
+
qohId: id,
|
|
443
|
+
html: component.outerHTML
|
|
444
|
+
}
|
|
445
|
+
});
|
|
446
|
+
window.dispatchEvent(event);
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
}, {
|
|
450
|
+
key: "highlightComponent",
|
|
451
|
+
value: function highlightComponent(id) {
|
|
452
|
+
var _document$querySelect2;
|
|
453
|
+
var animation = [{
|
|
454
|
+
outline: 'thick auto white'
|
|
455
|
+
}, {
|
|
456
|
+
outline: 'thick auto red'
|
|
457
|
+
}];
|
|
458
|
+
var animationTiming = {
|
|
459
|
+
duration: 1000,
|
|
460
|
+
iterations: 2
|
|
461
|
+
};
|
|
462
|
+
var component = (_document$querySelect2 = document.querySelector("[qohId='".concat(id, "']"))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.nextElementSibling;
|
|
463
|
+
component && component.scrollIntoView({
|
|
464
|
+
behavior: 'smooth',
|
|
465
|
+
block: 'center',
|
|
466
|
+
inline: 'center'
|
|
467
|
+
});
|
|
468
|
+
component && component.animate(animation, animationTiming);
|
|
469
|
+
}
|
|
470
|
+
}], [{
|
|
471
|
+
key: "init",
|
|
472
|
+
value: function init(backend, apiToken, localServer) {
|
|
473
|
+
QueenofheartsService.instance = new QueenofheartsService(backend, apiToken, localServer);
|
|
474
|
+
}
|
|
475
|
+
}, {
|
|
476
|
+
key: "getInstance",
|
|
477
|
+
value: function getInstance() {
|
|
478
|
+
if (!QueenofheartsService.instance) console.error('QueenofheartsService was not initializes using QueenofheartsService.init(backend, apiToken)');
|
|
479
|
+
return QueenofheartsService.instance;
|
|
480
|
+
}
|
|
481
|
+
}]);
|
|
482
|
+
return QueenofheartsService;
|
|
483
|
+
}();
|
|
484
|
+
_QueenofheartsService = QueenofheartsService;
|
|
485
|
+
(0, _defineProperty2["default"])(QueenofheartsService, "instance", void 0);
|
package/lib/backend/DatoCMS.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Backend from './Backend';
|
|
2
2
|
export default class DatoCMS implements Backend {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
token: string;
|
|
4
|
+
uri: string;
|
|
5
|
+
constructor(token: string);
|
|
6
|
+
renameSEOMetaTags(props: any): void;
|
|
7
|
+
normalize(data: any): any;
|
|
8
8
|
}
|
package/lib/backend/DatoCMS.js
CHANGED
|
@@ -1 +1,47 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
+
var DatoCMS = exports["default"] = /*#__PURE__*/function () {
|
|
13
|
+
function DatoCMS(token) {
|
|
14
|
+
(0, _classCallCheck2["default"])(this, DatoCMS);
|
|
15
|
+
(0, _defineProperty2["default"])(this, "token", '');
|
|
16
|
+
(0, _defineProperty2["default"])(this, "uri", 'https://graphql.datocms.com/');
|
|
17
|
+
this.token = token;
|
|
18
|
+
}
|
|
19
|
+
(0, _createClass2["default"])(DatoCMS, [{
|
|
20
|
+
key: "renameSEOMetaTags",
|
|
21
|
+
value: function renameSEOMetaTags(props) {
|
|
22
|
+
props.forEach(function (_, i, tags) {
|
|
23
|
+
tags[i].__typename = "SEOMetaTag";
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
key: "normalize",
|
|
28
|
+
value: function normalize(data) {
|
|
29
|
+
var _this = this;
|
|
30
|
+
if (data["_seoMetaTags"]) {
|
|
31
|
+
this.renameSEOMetaTags(data["_seoMetaTags"]);
|
|
32
|
+
}
|
|
33
|
+
Object.keys(data).forEach(function (key) {
|
|
34
|
+
if (Array.isArray(data[key])) {
|
|
35
|
+
data[key] = data[key].map(function (value) {
|
|
36
|
+
return _this.normalize(value);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
if (!!data[key] && (0, _typeof2["default"])(data[key]) === "object") {
|
|
40
|
+
data[key] = _this.normalize(data[key]);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
return data;
|
|
44
|
+
}
|
|
45
|
+
}]);
|
|
46
|
+
return DatoCMS;
|
|
47
|
+
}();
|
package/lib/backend/StrapiCMS.js
CHANGED
|
@@ -1 +1,53 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
+
var _dotenv = _interopRequireDefault(require("dotenv"));
|
|
13
|
+
_dotenv["default"].config();
|
|
14
|
+
var StrapiCMS = exports["default"] = /*#__PURE__*/function () {
|
|
15
|
+
function StrapiCMS(token, strapiUrl) {
|
|
16
|
+
(0, _classCallCheck2["default"])(this, StrapiCMS);
|
|
17
|
+
(0, _defineProperty2["default"])(this, "token", '');
|
|
18
|
+
(0, _defineProperty2["default"])(this, "uri", '');
|
|
19
|
+
this.token = token;
|
|
20
|
+
this.uri = strapiUrl;
|
|
21
|
+
}
|
|
22
|
+
(0, _createClass2["default"])(StrapiCMS, [{
|
|
23
|
+
key: "renameSEOMetaTags",
|
|
24
|
+
value: function renameSEOMetaTags(props) {
|
|
25
|
+
props.forEach(function (_, i, tags) {
|
|
26
|
+
tags[i].__typename = 'SEOMetaTag';
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
}, {
|
|
30
|
+
key: "normalize",
|
|
31
|
+
value: function normalize(data) {
|
|
32
|
+
var _this = this;
|
|
33
|
+
if (!data) {
|
|
34
|
+
return data;
|
|
35
|
+
}
|
|
36
|
+
if (data['_seoMetaTags']) {
|
|
37
|
+
this.renameSEOMetaTags(data['_seoMetaTags']);
|
|
38
|
+
}
|
|
39
|
+
Object.keys(data).forEach(function (key) {
|
|
40
|
+
if (Array.isArray(data[key])) {
|
|
41
|
+
data[key] = data[key].map(function (value) {
|
|
42
|
+
return _this.normalize(value);
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
if (!!data[key] && (0, _typeof2["default"])(data[key]) === 'object') {
|
|
46
|
+
data[key] = _this.normalize(data[key]);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
return data;
|
|
50
|
+
}
|
|
51
|
+
}]);
|
|
52
|
+
return StrapiCMS;
|
|
53
|
+
}();
|
package/lib/backend/index.js
CHANGED
|
@@ -1 +1,20 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "DatoCMS", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _DatoCMS["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "StrapiCMS", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _StrapiCMS["default"];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _DatoCMS = _interopRequireDefault(require("./DatoCMS"));
|
|
20
|
+
var _StrapiCMS = _interopRequireDefault(require("./StrapiCMS"));
|
package/lib/components/Dodo.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export default function DodoComponent(props: any): JSX.Element;
|
|
2
|
+
export default function DodoComponent(props: any): JSX.Element | null;
|
package/lib/components/Dodo.js
CHANGED
|
@@ -1 +1,65 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = DodoComponent;
|
|
9
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _material = require("@mui/material");
|
|
12
|
+
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
15
|
+
function renderArray(key, value, i) {
|
|
16
|
+
return /*#__PURE__*/React.createElement(_material.Accordion, {
|
|
17
|
+
key: "".concat(key, "_").concat(i),
|
|
18
|
+
style: {
|
|
19
|
+
width: "100%"
|
|
20
|
+
}
|
|
21
|
+
}, /*#__PURE__*/React.createElement(_material.AccordionSummary, {
|
|
22
|
+
style: {
|
|
23
|
+
padding: 0
|
|
24
|
+
},
|
|
25
|
+
expandIcon: /*#__PURE__*/React.createElement(_ExpandMore["default"], null)
|
|
26
|
+
}, key, ": Array[", value.length, "]"), /*#__PURE__*/React.createElement(_material.AccordionDetails, null, value.map(function (element, i) {
|
|
27
|
+
return renderData('', element, i);
|
|
28
|
+
})));
|
|
29
|
+
}
|
|
30
|
+
function renderObject(key, value, i) {
|
|
31
|
+
return /*#__PURE__*/React.createElement(_material.Accordion, {
|
|
32
|
+
key: "".concat(key, "_").concat(i),
|
|
33
|
+
style: {
|
|
34
|
+
width: "100%"
|
|
35
|
+
}
|
|
36
|
+
}, /*#__PURE__*/React.createElement(_material.AccordionSummary, {
|
|
37
|
+
expandIcon: /*#__PURE__*/React.createElement(_ExpandMore["default"], null)
|
|
38
|
+
}, key), /*#__PURE__*/React.createElement(_material.AccordionDetails, null, Object.entries(value).map(function (entry, i) {
|
|
39
|
+
return renderData(entry[0], entry[1], i);
|
|
40
|
+
})));
|
|
41
|
+
}
|
|
42
|
+
function renderSimple(key, value, i) {
|
|
43
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
key: "".concat(key, "_").concat(i)
|
|
45
|
+
}, key, ": ", "".concat(value));
|
|
46
|
+
}
|
|
47
|
+
function renderData(key, value, i) {
|
|
48
|
+
var _value$__typename;
|
|
49
|
+
if (Array.isArray(value)) return renderArray(key, value, i);
|
|
50
|
+
if (!value || ['string', 'number'].includes((0, _typeof2["default"])(value))) return renderSimple(key, value, i);
|
|
51
|
+
if (typeof value === 'boolean') return renderSimple(key, value ? 'true' : 'false', i);
|
|
52
|
+
var objectKey = "".concat(key ? key + ': ' : '').concat((_value$__typename = value.__typename) !== null && _value$__typename !== void 0 ? _value$__typename : 'object');
|
|
53
|
+
return renderObject(objectKey, value, i);
|
|
54
|
+
}
|
|
55
|
+
function DodoComponent(props) {
|
|
56
|
+
if ((0, _typeof2["default"])(props.data) === "object") {
|
|
57
|
+
return /*#__PURE__*/React.createElement(_material.Paper, {
|
|
58
|
+
style: {
|
|
59
|
+
margin: ".5em",
|
|
60
|
+
width: "calc(100% - 1em)"
|
|
61
|
+
}
|
|
62
|
+
}, renderData('', props.data, 1));
|
|
63
|
+
}
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function QueenofheartsRenderComponent(props: any): JSX.Element;
|
|
2
|
+
export declare function QueenofheartsRenderComponent(props: any): JSX.Element | null;
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.QueenofheartsRenderComponent = QueenofheartsRenderComponent;
|
|
8
|
+
var _index = require("../index");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
function QueenofheartsRenderComponent(props) {
|
|
11
|
+
if (props.data && _index.QueenofheartsService.getInstance()) {
|
|
12
|
+
if (Array.isArray(props.data)) {
|
|
13
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.data.map(function (item, index) {
|
|
14
|
+
return _index.QueenofheartsService.getInstance().createComponent({
|
|
15
|
+
data: item,
|
|
16
|
+
key: index
|
|
17
|
+
});
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
20
|
+
return _index.QueenofheartsService.getInstance().createComponent(props);
|
|
21
|
+
} else if (!_index.QueenofheartsService.getInstance()) {
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "QueenofheartsService is not initialised");
|
|
23
|
+
}
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "QueenofheartsRenderComponent: Invalid Data received");
|
|
25
|
+
}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './components/QueenofheartsRenderComponent';
|
|
2
|
+
export * from './QueenofheartsService';
|
|
3
|
+
export * from './backend';
|
|
4
|
+
export * from './ApiError';
|
package/lib/index.js
CHANGED
|
@@ -1 +1,49 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _QueenofheartsRenderComponent = require("./components/QueenofheartsRenderComponent");
|
|
7
|
+
Object.keys(_QueenofheartsRenderComponent).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _QueenofheartsRenderComponent[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _QueenofheartsRenderComponent[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _QueenofheartsService = require("./QueenofheartsService");
|
|
18
|
+
Object.keys(_QueenofheartsService).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _QueenofheartsService[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _QueenofheartsService[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _backend = require("./backend");
|
|
29
|
+
Object.keys(_backend).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _backend[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _backend[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _ApiError = require("./ApiError");
|
|
40
|
+
Object.keys(_ApiError).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _ApiError[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _ApiError[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|