miqro 6.1.1 → 6.1.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.
Files changed (167) hide show
  1. package/build/esm/editor/auth.d.ts +6 -0
  2. package/build/esm/editor/auth.js +41 -0
  3. package/build/esm/editor/common/admin-interface.d.ts +36 -0
  4. package/build/esm/editor/common/admin-interface.js +44 -0
  5. package/build/esm/editor/common/constants.d.ts +4 -0
  6. package/build/esm/editor/common/constants.js +20 -0
  7. package/build/esm/editor/common/constants.server.d.ts +2 -0
  8. package/build/esm/editor/common/constants.server.js +4 -0
  9. package/build/esm/editor/common/editor-index.d.ts +2 -0
  10. package/build/esm/editor/common/editor-index.js +14 -0
  11. package/build/esm/editor/common/html-encode.d.ts +1 -0
  12. package/build/esm/editor/common/html-encode.js +14 -0
  13. package/build/esm/editor/common/log-socket.d.ts +15 -0
  14. package/build/esm/editor/common/log-socket.js +70 -0
  15. package/build/esm/editor/common/templates.d.ts +11 -0
  16. package/build/esm/editor/common/templates.js +461 -0
  17. package/build/esm/editor/components/api-preview.d.ts +11 -0
  18. package/build/esm/editor/components/api-preview.js +90 -0
  19. package/build/esm/editor/components/editor.d.ts +16 -0
  20. package/build/esm/editor/components/editor.js +357 -0
  21. package/build/esm/editor/components/file-browser.d.ts +37 -0
  22. package/build/esm/editor/components/file-browser.js +126 -0
  23. package/build/esm/editor/components/file-editor-toolbar.d.ts +22 -0
  24. package/build/esm/editor/components/file-editor-toolbar.js +93 -0
  25. package/build/esm/editor/components/file-editor.d.ts +32 -0
  26. package/build/esm/editor/components/file-editor.js +59 -0
  27. package/build/esm/editor/components/filter-query.d.ts +1 -0
  28. package/build/esm/editor/components/filter-query.js +22 -0
  29. package/build/esm/editor/components/highlight-text-area.d.ts +11 -0
  30. package/build/esm/editor/components/highlight-text-area.js +124 -0
  31. package/build/esm/editor/components/log-viewer.d.ts +6 -0
  32. package/build/esm/editor/components/log-viewer.js +69 -0
  33. package/build/esm/editor/components/new-file.d.ts +10 -0
  34. package/build/esm/editor/components/new-file.js +117 -0
  35. package/build/esm/editor/components/scroll-query.d.ts +7 -0
  36. package/build/esm/editor/components/scroll-query.js +21 -0
  37. package/build/esm/editor/components/start-page.d.ts +13 -0
  38. package/build/esm/editor/components/start-page.js +30 -0
  39. package/build/esm/editor/http/admin/editor/api/fs/delete.api.d.ts +3 -0
  40. package/build/esm/editor/http/admin/editor/api/fs/delete.api.js +29 -0
  41. package/build/esm/editor/http/admin/editor/api/fs/read.api.d.ts +5 -0
  42. package/build/esm/editor/http/admin/editor/api/fs/read.api.js +49 -0
  43. package/build/esm/editor/http/admin/editor/api/fs/rename.api.d.ts +4 -0
  44. package/build/esm/editor/http/admin/editor/api/fs/rename.api.js +39 -0
  45. package/build/esm/editor/http/admin/editor/api/fs/scan.api.d.ts +26 -0
  46. package/build/esm/editor/http/admin/editor/api/fs/scan.api.js +149 -0
  47. package/build/esm/editor/http/admin/editor/api/fs/write.api.d.ts +3 -0
  48. package/build/esm/editor/http/admin/editor/api/fs/write.api.js +38 -0
  49. package/build/esm/editor/http/admin/editor/api/server/reload.api.d.ts +10 -0
  50. package/build/esm/editor/http/admin/editor/api/server/reload.api.js +46 -0
  51. package/build/esm/editor/http/admin/editor/api/server/restart.api.d.ts +10 -0
  52. package/build/esm/editor/http/admin/editor/api/server/restart.api.js +45 -0
  53. package/build/esm/editor/http/admin/editor/editor.d.ts +1 -0
  54. package/build/esm/editor/http/admin/editor/editor.js +7 -0
  55. package/build/esm/editor/http/admin/editor/index.api.d.ts +3 -0
  56. package/build/esm/editor/http/admin/editor/index.api.js +21 -0
  57. package/build/esm/editor/server.d.ts +3 -0
  58. package/build/esm/editor/server.js +49 -0
  59. package/build/esm/editor/ws.d.ts +3 -0
  60. package/build/esm/editor/ws.js +11 -0
  61. package/build/esm/src/bin/compile.d.ts +3 -0
  62. package/build/esm/src/bin/compile.js +30 -0
  63. package/build/esm/src/bin/doc-md.d.ts +17 -0
  64. package/build/esm/src/bin/doc-md.js +186 -0
  65. package/build/esm/src/bin/generate-doc.d.ts +6 -0
  66. package/build/esm/src/bin/generate-doc.js +53 -0
  67. package/build/esm/src/bin/test.d.ts +3 -0
  68. package/build/esm/src/bin/test.js +67 -0
  69. package/build/esm/src/bin/types.d.ts +3 -0
  70. package/build/esm/src/bin/types.js +20 -0
  71. package/editor/auth.ts +51 -0
  72. package/editor/common/admin-interface.ts +84 -0
  73. package/editor/common/constants.server.ts +5 -0
  74. package/editor/common/constants.ts +21 -0
  75. package/editor/common/editor-index.tsx +17 -0
  76. package/editor/common/html-encode.ts +14 -0
  77. package/editor/common/log-socket.tsx +85 -0
  78. package/editor/common/templates.ts +466 -0
  79. package/editor/components/api-preview.tsx +116 -0
  80. package/editor/components/editor.tsx +486 -0
  81. package/editor/components/file-browser.tsx +308 -0
  82. package/editor/components/file-editor-toolbar.tsx +191 -0
  83. package/editor/components/file-editor.tsx +122 -0
  84. package/editor/components/filter-query.tsx +22 -0
  85. package/editor/components/highlight-text-area.tsx +144 -0
  86. package/editor/components/log-viewer.tsx +110 -0
  87. package/editor/components/new-file.tsx +169 -0
  88. package/editor/components/scroll-query.tsx +22 -0
  89. package/editor/components/start-page.tsx +49 -0
  90. package/editor/http/admin/editor/api/fs/delete.api.tsx +32 -0
  91. package/editor/http/admin/editor/api/fs/read.api.tsx +55 -0
  92. package/editor/http/admin/editor/api/fs/rename.api.tsx +41 -0
  93. package/editor/http/admin/editor/api/fs/scan.api.tsx +181 -0
  94. package/editor/http/admin/editor/api/fs/write.api.tsx +41 -0
  95. package/editor/http/admin/editor/api/server/reload.api.ts +53 -0
  96. package/editor/http/admin/editor/api/server/restart.api.tsx +52 -0
  97. package/editor/http/admin/editor/editor.tsx +8 -0
  98. package/editor/http/admin/editor/index.api.tsx +39 -0
  99. package/editor/server.ts +57 -0
  100. package/editor/ws.ts +15 -0
  101. package/package.json +1 -1
  102. package/src/bin/compile.ts +35 -0
  103. package/src/bin/doc-md.ts +210 -0
  104. package/src/bin/generate-doc.ts +64 -0
  105. package/src/bin/test.ts +92 -0
  106. package/src/bin/types.ts +22 -0
  107. package/src/cluster.ts +27 -0
  108. package/src/common/arguments.ts +503 -0
  109. package/src/common/assets.ts +128 -0
  110. package/src/common/checksum.ts +58 -0
  111. package/src/common/constants.ts +18 -0
  112. package/src/common/content-type.ts +84 -0
  113. package/src/common/esbuild.ts +94 -0
  114. package/src/common/exit.ts +91 -0
  115. package/src/common/fs.ts +17 -0
  116. package/src/common/help.ts +51 -0
  117. package/src/common/jsx.ts +512 -0
  118. package/src/common/paths.ts +158 -0
  119. package/src/common/watch.ts +85 -0
  120. package/src/inflate/inflate-sea.ts +206 -0
  121. package/src/inflate/inflate.ts +99 -0
  122. package/src/inflate/md.ts +25 -0
  123. package/src/inflate/setup-auth.ts +40 -0
  124. package/src/inflate/setup-cors.ts +40 -0
  125. package/src/inflate/setup-db.ts +113 -0
  126. package/src/inflate/setup-error.ts +43 -0
  127. package/src/inflate/setup-http.ts +655 -0
  128. package/src/inflate/setup-log.ts +44 -0
  129. package/src/inflate/setup-middleware.ts +46 -0
  130. package/src/inflate/setup-server-config.ts +47 -0
  131. package/src/inflate/setup-test.ts +23 -0
  132. package/src/inflate/setup-ws.ts +48 -0
  133. package/src/inflate/setup.doc.ts +68 -0
  134. package/src/inflate/utils/sea-utils.ts +14 -0
  135. package/src/lib.ts +19 -0
  136. package/src/main.ts +87 -0
  137. package/src/services/app.ts +658 -0
  138. package/src/services/editor.tsx +101 -0
  139. package/src/services/globals.ts +143 -0
  140. package/src/services/hot-reload.ts +48 -0
  141. package/src/services/migrations.ts +66 -0
  142. package/src/services/utils/admin-interface.ts +37 -0
  143. package/src/services/utils/cache.ts +88 -0
  144. package/src/services/utils/cluster-cache.ts +230 -0
  145. package/src/services/utils/cluster-ws.ts +197 -0
  146. package/src/services/utils/db-manager.ts +92 -0
  147. package/src/services/utils/get-route.ts +70 -0
  148. package/src/services/utils/log-transport.ts +75 -0
  149. package/src/services/utils/log.ts +92 -0
  150. package/src/services/utils/server-interface.ts +172 -0
  151. package/src/services/utils/websocketmanager.ts +149 -0
  152. package/src/types/@esbuild.d.ts +1 -0
  153. package/src/types/@miqro/core.d.ts +2 -0
  154. package/src/types/@miqro/jsx.d.ts +2 -0
  155. package/src/types/@miqro/parser.d.ts +2 -0
  156. package/src/types/@miqro/query.d.ts +2 -0
  157. package/src/types/@miqro/request.d.ts +2 -0
  158. package/src/types/@miqro/test.d.ts +2 -0
  159. package/src/types/@miqro.d.ts +1 -0
  160. package/src/types/@types.d.ts +1 -0
  161. package/src/types/browser.globals.d.ts +9 -0
  162. package/src/types/globals.d.ts +2 -0
  163. package/src/types/jsx.globals.d.ts +37 -0
  164. package/src/types/miqro.d.ts +129 -0
  165. package/src/types/postject.d.ts +1 -0
  166. package/src/types/server.globals.d.ts +72 -0
  167. package/src/types.ts +222 -0
@@ -0,0 +1,461 @@
1
+ export const TEMPLATES = {
2
+ EMPTY: {
3
+ displayName: "empty file",
4
+ //template: () => "",
5
+ sufix: "",
6
+ language: "text",
7
+ prefix: ""
8
+ },
9
+ JSON: {
10
+ displayName: "a .json.ts file",
11
+ template: () => `import { ServerRequest, ServerResponse } from "miqro";
12
+
13
+ export default async (req: ServerRequest | null, res: ServerResponse | null) => {
14
+ return {
15
+ count: 1
16
+ }
17
+ }`,
18
+ sufix: ".json.ts",
19
+ language: "typescript",
20
+ prefix: ""
21
+ },
22
+ API: {
23
+ prefix: "http",
24
+ sufix: ".api.ts",
25
+ displayName: ".api.ts file",
26
+ language: "typescript",
27
+ template: () => `import { ServerRequest, ServerResponse, APIRoute } from "miqro";
28
+
29
+ export default {
30
+ path: "/health",
31
+ description: "checks the health of the service",
32
+ method: "GET",
33
+ //middleware: [server.middleware.json()],
34
+ request: {
35
+ /*body: {
36
+ someAttr: "string",
37
+ optionalArray: "number[]?"
38
+ }*/
39
+ },
40
+ response: {
41
+ status: [200, 400],
42
+ body: {
43
+ status: {
44
+ type: "enum",
45
+ enumValues: ["OK", "NOK"]
46
+ },
47
+ message: "string?"
48
+ }
49
+ },
50
+ handler: async (req: ServerRequest, res: ServerResponse) => {
51
+ try {
52
+ const [{ c }] = await req?.server?.db?.get("MyDB")?.query("SELECT 1+1 as c") as [{ c: number }];
53
+ const statusText = String(c) === "2" ? "OK" : "NOK";
54
+ return {
55
+ status: statusText === "OK" ? 200 : 400,
56
+ body: {
57
+ status: statusText
58
+ }
59
+ }
60
+ } catch (e) {
61
+ req.logger.error(e);
62
+ return {
63
+ status: 400,
64
+ body: {
65
+ status: "NOK",
66
+ message: e.message
67
+ }
68
+ };
69
+ }
70
+ }
71
+ } as APIRoute`
72
+ },
73
+ MIGRATION: {
74
+ prefix: "migration",
75
+ sufix: ".ts",
76
+ displayName: "migration file",
77
+ language: "typescript",
78
+ template: () => `import { Migration } from "miqro";
79
+
80
+ export default {
81
+ up: async (db, logger) => {
82
+ await db.createTable("mytable", {
83
+ id: {
84
+ type: "bigint",
85
+ autoIncrement: true,
86
+ primaryKey: true
87
+ },
88
+ name: {
89
+ type: "string"
90
+ }
91
+ }).yield(logger);
92
+ },
93
+ down: async (db, logger) => {
94
+ await db.dropTable("mytable").yield(logger);
95
+ }
96
+ } as Migration;`
97
+ },
98
+ TEST: {
99
+ prefix: "test",
100
+ sufix: ".test.tsx",
101
+ displayName: "a test file",
102
+ language: "typescript",
103
+ template: () => `import { } from "miqro";
104
+ import { strictEqual } from "node:assert";
105
+
106
+ describe("test group", () => {
107
+ it("sample test1", async () => {
108
+ const response = await test.request({
109
+ url: "/index.html"
110
+ });
111
+ strictEqual(response.status, 200);
112
+ });
113
+
114
+ it("sample test2", async () => {
115
+ await test.jsx.test(async (container, root, runtime) => {
116
+ function SomeComponent() {
117
+ return <p id="test-id">HelloWorld</p>
118
+ }
119
+ container.render(<SomeComponent />);
120
+ strictEqual(runtime.getElementById("test-id")?.textContent, "HelloWorld");
121
+ });
122
+ });
123
+ });
124
+ `
125
+ },
126
+ HTMLTSX: {
127
+ prefix: "http",
128
+ sufix: ".html.tsx",
129
+ displayName: ".html.tsx file",
130
+ language: "typescript",
131
+ template: () => `import { ServerRequest, ServerResponse, APIOptions } from "miqro";
132
+
133
+ /*export const apiOptions: APIOptions = {
134
+ path: ["/", "/index.html"],
135
+ method: ["GET"]
136
+ };*/
137
+
138
+ export default async (req: ServerRequest | null, res: ServerResponse | null) => {
139
+ return <html>
140
+ <head></head>
141
+ <body>
142
+ <h1>hello world!</h1>
143
+ </body>
144
+ </html>;
145
+ }`
146
+ },
147
+ AUTHCONFIG: {
148
+ prefix: "",
149
+ sufix: ".ts",
150
+ filename: "auth",
151
+ displayName: "auth.ts file",
152
+ language: "typescript",
153
+ template: () => `import { AuthConfig } from "miqro";
154
+
155
+ export default {
156
+ //path: ["/api/"], //optionaly specify a custom path list
157
+ /*options: {
158
+ tokenLocation: "free",// "query"//"cookie" //"header"
159
+ tokenLocationName: "x-auth"
160
+ },*/
161
+ authService: {
162
+ verify: async ({ token, req, res }) => {
163
+ // TODO Implement logic
164
+ return null;
165
+ /*return {
166
+ username: "username",
167
+ groups: ["someapi"],
168
+ account: "account",
169
+ token: ""
170
+ };*/
171
+ }
172
+ }
173
+ } as AuthConfig;
174
+ `
175
+ },
176
+ DOCCONFIG: {
177
+ prefix: "",
178
+ sufix: ".ts",
179
+ filename: "doc",
180
+ displayName: "doc.ts file",
181
+ language: "typescript",
182
+ template: () => `import { DocConfig } from "miqro";
183
+
184
+ export default {
185
+ // auto publish API documentation
186
+ publish: {
187
+ "/api/doc.html": {
188
+ type: "HTML", // can be "MD" | "JSON" | "HTML"
189
+ //all: true, // enable to show .html and other static resources
190
+ }
191
+ }
192
+ } as DocConfig;`
193
+ },
194
+ WSCONFIG: {
195
+ prefix: "",
196
+ sufix: ".ts",
197
+ filename: "ws",
198
+ displayName: "ws.ts file",
199
+ language: "typescript",
200
+ template: () => `import { WSConfig } from "miqro";
201
+
202
+ export default {
203
+ path: "/socket",
204
+ //disabled: true,
205
+ //maxConnections: 100,
206
+ /*onConnection(req) {
207
+
208
+ },*/
209
+ /*onDisconnect: (req) => {
210
+
211
+ },*/
212
+ /*onError: (req, error) => {
213
+
214
+ },*/
215
+ /*onMessage: (req, data) => {
216
+
217
+ },*/
218
+ validate(req) {
219
+ // TODO implement logic
220
+ return false;
221
+ },
222
+ } as WSConfig;
223
+ `
224
+ },
225
+ SERVERCONFIG: {
226
+ prefix: "",
227
+ sufix: ".ts",
228
+ filename: "server",
229
+ displayName: "server.ts file",
230
+ language: "typescript",
231
+ template: () => `import { ServerConfig } from "miqro";
232
+
233
+ export default {
234
+ preload: async (server) => {
235
+ server.logger.info("server preload");
236
+ /* uncomment code below to migrate-up the database "MyDB" before loading */
237
+ /*if (server?.isPrimaryWorker()) {
238
+ await server.db.migrate({ direction: "up", dbName: "MyDB" });
239
+ }*/
240
+ },
241
+ load: async (server) => {
242
+ server.logger.info("server loaded");
243
+ },
244
+ start: async (server) => {
245
+ server.logger.info("server started");
246
+ if (server.isPrimaryWorker()) {
247
+ try {
248
+ server.openBrowser("/index.html");
249
+ } catch (e) {
250
+ server.logger.error(e.message);
251
+ }
252
+ }
253
+ },
254
+ unload: (server) => {
255
+ server.logger.info("server unload");
256
+ },
257
+ stop: (server) => {
258
+ server.logger.info("server stop");
259
+ }
260
+ } as ServerConfig;
261
+ `
262
+ },
263
+ TSCONFIGJSON: {
264
+ prefix: "",
265
+ sufix: ".json",
266
+ filename: "tsconfig",
267
+ displayName: "tsconfig.json file",
268
+ language: "json",
269
+ template: () => `{
270
+ "compilerOptions": {
271
+ "target": "es2022",
272
+ "noEmit": true,
273
+ "module": "NodeNext",
274
+ "moduleResolution": "nodenext",
275
+ "lib": ["es2021", "dom"],
276
+ "jsx": "react",
277
+ "jsxFactory": "JSX.createElement",
278
+ "jsxFragmentFactory": "JSX.Fragment",
279
+ "typeRoots": [
280
+ "./.types"
281
+ ]
282
+ }
283
+ }
284
+ `
285
+ },
286
+ MINIFIEDJSX: {
287
+ prefix: "http",
288
+ sufix: ".min.tsx",
289
+ displayName: "min.tsx file",
290
+ language: "typescript",
291
+ template: () => `import { } from "miqro";
292
+
293
+ export function MyComponent() {
294
+ return <p>HelloWorld</p>
295
+ }
296
+ window.addEventListener("load", (event) => {
297
+ jsx.define("my-tag", MyComponent, {
298
+ shadowInit: false,
299
+ observedAttributes: []
300
+ });
301
+ });
302
+ `
303
+ },
304
+ JSX: {
305
+ prefix: "http",
306
+ sufix: ".tsx",
307
+ displayName: ".tsx file",
308
+ language: "typescript",
309
+ template: () => `import { } from "miqro";
310
+
311
+ export function MyComponent() {
312
+ return <p>HelloWorld</p>
313
+ }
314
+ window.addEventListener("load", (event) => {
315
+ jsx.define("my-tag", MyComponent, {
316
+ shadowInit: false,
317
+ observedAttributes: []
318
+ });
319
+ });
320
+ `
321
+ },
322
+ SSRTSX: {
323
+ prefix: "http",
324
+ sufix: ".tsx",
325
+ displayName: "an ssr component example using webcomponents",
326
+ language: "typescript",
327
+ httpSufix: ".js",
328
+ template: (_filename, httpPath) => `import { } from "miqro";
329
+
330
+ // TODO change this accordingly
331
+ const TAG = "my-tag";
332
+
333
+ function MyComponent(props, children) {
334
+ const [count, setcount] = jsx.useState(0);
335
+ jsx.useEffect(()=>{
336
+ const timeout = setTimeout(()=>{
337
+ setcount(count+1);
338
+ }, 1000);
339
+ return ()=>{
340
+ clearTimeout(timeout);
341
+ }
342
+ });
343
+ return <p>Count: {count}</p>
344
+ }
345
+
346
+ window.addEventListener("load", (event) => {
347
+ jsx.define(TAG, MyComponent, {
348
+ shadowInit: false,
349
+ observedAttributes: []
350
+ });
351
+ });
352
+
353
+ export function SSRComponent(props, children) {
354
+ return JSX.createElement(
355
+ JSX.Fragment, null,
356
+ JSX.createElement(TAG, props,
357
+ JSX.createElement(MyComponent, props, ...children)
358
+ ),
359
+ JSX.createElement("script", { type: "module", src: "/${httpPath}" })
360
+ );
361
+ }
362
+ `
363
+ },
364
+ SSRMINTSX: {
365
+ prefix: "http",
366
+ sufix: ".min.tsx",
367
+ displayName: "a minified ssr component example using webcomponents",
368
+ language: "typescript",
369
+ httpSufix: ".min.js",
370
+ template: (filename, httpPath) => `import { } from "miqro";
371
+
372
+ // TODO change this accordingly
373
+ const TAG = "my-tag";
374
+
375
+ function MyComponent(props, children) {
376
+ const [count, setcount] = jsx.useState(0);
377
+ jsx.useEffect(()=>{
378
+ const timeout = setTimeout(()=>{
379
+ setcount(count+1);
380
+ }, 1000);
381
+ return ()=>{
382
+ clearTimeout(timeout);
383
+ }
384
+ });
385
+ return <p>Count: {count}</p>
386
+ }
387
+
388
+ window.addEventListener("load", (event) => {
389
+ jsx.define(TAG, MyComponent, {
390
+ shadowInit: false,
391
+ observedAttributes: []
392
+ });
393
+ });
394
+
395
+ export function SSRComponent(props, children) {
396
+ return JSX.createElement(
397
+ JSX.Fragment, null,
398
+ JSX.createElement(TAG, props,
399
+ JSX.createElement(MyComponent, props, ...children)
400
+ ),
401
+ JSX.createElement("script", { type: "module", src: "/${httpPath}" })
402
+ );
403
+ }
404
+ `
405
+ },
406
+ JS: {
407
+ prefix: "http",
408
+ sufix: ".js",
409
+ displayName: ".js file",
410
+ language: "typescript",
411
+ template: () => `window.addEventListener("load", (event) => {
412
+
413
+ });
414
+ `
415
+ },
416
+ CSS: {
417
+ prefix: "http",
418
+ sufix: ".css",
419
+ displayName: ".css file",
420
+ language: "css",
421
+ template: () => `* {
422
+ font-family: "Menlo" !important;
423
+ font-size: 11px;
424
+ }
425
+ `
426
+ },
427
+ DBCONFIG: {
428
+ prefix: "",
429
+ filename: "db",
430
+ sufix: ".ts",
431
+ displayName: "db.ts file",
432
+ language: "typescript",
433
+ template: () => `import { DBConfig } from "miqro";
434
+
435
+ export default {
436
+ //dialect: "node:sqlite"
437
+ //storage: "./db.sqlite3"
438
+ //url: "..."
439
+ //disabled: false,
440
+ name: "MyDB"
441
+ } as DBConfig`
442
+ },
443
+ CORS: {
444
+ prefix: "",
445
+ filename: "cors",
446
+ sufix: ".ts",
447
+ displayName: "cors.ts file",
448
+ language: "typescript",
449
+ template: () => `import { CORSConfig } from "miqro";
450
+
451
+ export default {
452
+ origins: "*",
453
+ /*validate: (origin: string, origins: string | string[]) => {
454
+ return false
455
+ },
456
+ methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
457
+ preflightContinue: false*/
458
+ } as CORSConfig;
459
+ `
460
+ }
461
+ };
@@ -0,0 +1,11 @@
1
+ export declare function APIPReview(props: {
2
+ apiPreview?: {
3
+ path: string;
4
+ method: string;
5
+ }[];
6
+ isPanelVisible: (panel: string) => boolean;
7
+ }): JSX.Element;
8
+ export declare namespace APIPReview {
9
+ var asFragment: boolean;
10
+ var shadowInit: boolean;
11
+ }
@@ -0,0 +1,90 @@
1
+ import { HighlightTextArea } from "./highlight-text-area.js";
2
+ const DEFAULT_HEADERS = `{"content-type": "application/json"}`;
3
+ const DEFAULT_BODY = `{}`;
4
+ export function APIPReview(props) {
5
+ const pathRef = jsx.useRef();
6
+ const methodRef = jsx.useRef();
7
+ const headersRef = jsx.useRef();
8
+ const bodyRef = jsx.useRef();
9
+ const [headers, setHeaders] = jsx.useState(DEFAULT_HEADERS);
10
+ const [body, setBody] = jsx.useState(DEFAULT_BODY);
11
+ const [responseStatus, setresponseStatus] = jsx.useState(null);
12
+ const [responseHeaders, setresponseHeaders] = jsx.useState(null);
13
+ const [responseBody, setresponseBody] = jsx.useState(null);
14
+ const { path, method } = props.apiPreview ? props.apiPreview[0] : { path: "", method: "" };
15
+ jsx.useEffect(() => {
16
+ setresponseStatus(null);
17
+ setresponseHeaders(null);
18
+ setresponseBody(null);
19
+ /*setHeaders(DEFAULT_HEADERS);
20
+ setBody(DEFAULT_BODY);*/
21
+ }, [path]);
22
+ const useBody = String(method).toLocaleLowerCase() !== "get";
23
+ function submit() {
24
+ try {
25
+ if (methodRef.current && pathRef.current && headersRef.current) {
26
+ setHeaders(headersRef.current.value);
27
+ if (bodyRef.current) {
28
+ setBody(bodyRef.current.value);
29
+ }
30
+ fetch(pathRef.current.value, useBody && bodyRef.current ? {
31
+ method: methodRef.current.value,
32
+ headers: JSON.parse(headersRef.current.value),
33
+ body: bodyRef.current.value
34
+ } : {
35
+ method: methodRef.current.value,
36
+ headers: JSON.parse(headersRef.current.value),
37
+ }).then(async (r) => {
38
+ setresponseStatus(r.status);
39
+ const headers = {};
40
+ r.headers.forEach((value, key) => {
41
+ headers[key] = value;
42
+ });
43
+ setresponseHeaders(JSON.stringify(headers, undefined, 2));
44
+ const text = await r.text();
45
+ setresponseBody(text);
46
+ try {
47
+ setresponseBody(JSON.stringify(JSON.parse(text), undefined, 2));
48
+ }
49
+ catch (e) {
50
+ // ignore
51
+ }
52
+ }).catch(e => {
53
+ console.error(e);
54
+ });
55
+ }
56
+ }
57
+ catch (e) {
58
+ console.error(e);
59
+ }
60
+ }
61
+ return JSX.createElement("div", { style: `${!props.isPanelVisible("right") ? "display: none;" : ""}${props.apiPreview ? "" : " display: none; "}margin:0; padding: 0; overflow: auto; max-height: 100%; width:100%;` },
62
+ JSX.createElement("form", { onsubmit: ev => {
63
+ ev.preventDefault();
64
+ submit();
65
+ } },
66
+ JSX.createElement("p", null, "path"),
67
+ JSX.createElement("input", { style: "width: calc(100% - 4 * var(--file-browser-separation));", type: "text", value: path, ref: pathRef }),
68
+ JSX.createElement("p", null, "method"),
69
+ JSX.createElement("input", { style: "width: calc(100% - 4 * var(--file-browser-separation));", type: "text", value: method, ref: methodRef }),
70
+ JSX.createElement("p", null, "headers"),
71
+ JSX.createElement("input", { style: "width: calc(100% - 4 * var(--file-browser-separation));", type: "text", value: headers, ref: headersRef }),
72
+ useBody ?
73
+ JSX.createElement(JSX.Fragment, null,
74
+ JSX.createElement("p", null, "body"),
75
+ JSX.createElement("input", { style: "width: calc(100% - 4 * var(--file-browser-separation));", type: "text", value: body, ref: bodyRef })) :
76
+ JSX.createElement(JSX.Fragment, null),
77
+ JSX.createElement("button", { style: "margin-top: var(--file-browser-separation); width: 100%;", class: "btn", onclick: ev => {
78
+ ev.preventDefault();
79
+ submit();
80
+ } }, "submit"),
81
+ JSX.createElement("div", null,
82
+ JSX.createElement("p", null, "response status"),
83
+ JSX.createElement("p", null, responseStatus),
84
+ JSX.createElement("p", null, "response headers"),
85
+ JSX.createElement(HighlightTextArea, { content: responseHeaders ? responseHeaders : "null", language: "json", disabled: "true" }),
86
+ JSX.createElement("p", null, "response body"),
87
+ JSX.createElement(HighlightTextArea, { content: responseBody ? responseBody : "null", language: "json", disabled: "true" }))));
88
+ }
89
+ APIPReview.asFragment = true;
90
+ APIPReview.shadowInit = false;
@@ -0,0 +1,16 @@
1
+ export declare function Editor(props: {
2
+ disablelog?: boolean;
3
+ disablepreview?: boolean;
4
+ disablereload?: boolean;
5
+ migrations: string;
6
+ services: string;
7
+ reloadstring: string;
8
+ files: string;
9
+ initialcurrent: string;
10
+ classname?: string;
11
+ errors: string;
12
+ }): JSX.Element;
13
+ export declare namespace Editor {
14
+ var asFragment: boolean;
15
+ var shadowInit: boolean;
16
+ }