miqro 6.2.13 → 7.0.1

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