@statewalker/webrun-http-browser 0.3.3 → 0.4.2

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 (93) hide show
  1. package/README.md +406 -51
  2. package/demo/demo-1.html +109 -194
  3. package/demo/demo-2.html +118 -299
  4. package/dist/core/data-calls.d.ts +5 -0
  5. package/dist/core/data-calls.d.ts.map +1 -0
  6. package/dist/core/data-channels.d.ts +17 -0
  7. package/dist/core/data-channels.d.ts.map +1 -0
  8. package/dist/core/index.d.ts +6 -0
  9. package/dist/core/index.d.ts.map +1 -0
  10. package/dist/core/message-target.d.ts +2 -0
  11. package/dist/core/message-target.d.ts.map +1 -0
  12. package/dist/core/registry.d.ts +18 -0
  13. package/dist/core/registry.d.ts.map +1 -0
  14. package/dist/http/http-send-recieve.d.ts +36 -0
  15. package/dist/http/http-send-recieve.d.ts.map +1 -0
  16. package/dist/http/index.d.ts +4 -0
  17. package/dist/http/index.d.ts.map +1 -0
  18. package/dist/index.d.ts +4 -0
  19. package/dist/index.d.ts.map +1 -0
  20. package/dist/index.js +2670 -807
  21. package/dist/relay/index-sw.d.ts +7 -0
  22. package/dist/relay/index-sw.d.ts.map +1 -0
  23. package/dist/relay/index.d.ts +69 -0
  24. package/dist/relay/index.d.ts.map +1 -0
  25. package/dist/relay/split-service-url.d.ts +13 -0
  26. package/dist/relay/split-service-url.d.ts.map +1 -0
  27. package/dist/relay-sw.d.ts +2 -0
  28. package/dist/relay-sw.d.ts.map +1 -0
  29. package/dist/relay-sw.js +1660 -0
  30. package/dist/sw/http-sw-dispatcher.d.ts +28 -0
  31. package/dist/sw/http-sw-dispatcher.d.ts.map +1 -0
  32. package/dist/sw/index.d.ts +3 -0
  33. package/dist/sw/index.d.ts.map +1 -0
  34. package/dist/sw/sw-dispatcher.d.ts +74 -0
  35. package/dist/sw/sw-dispatcher.d.ts.map +1 -0
  36. package/dist/sw-worker.d.ts +2 -0
  37. package/dist/sw-worker.d.ts.map +1 -0
  38. package/dist/sw-worker.js +1597 -0
  39. package/dist/sw.d.ts +2 -0
  40. package/dist/sw.d.ts.map +1 -0
  41. package/dist/sw.js +1883 -0
  42. package/package.json +51 -37
  43. package/public/index.html +61 -97
  44. package/public/index.js +7 -4
  45. package/public/sw-worker.js +4 -0
  46. package/public-relay/heartbeat.js +4 -3
  47. package/public-relay/relay-sw.js +4 -6
  48. package/public-relay/relay.html +16 -11
  49. package/src/core/data-calls.ts +46 -0
  50. package/src/core/data-channels.ts +262 -0
  51. package/src/core/index.ts +9 -0
  52. package/src/core/message-target.ts +8 -0
  53. package/src/core/registry.ts +54 -0
  54. package/src/http/http-send-recieve.ts +94 -0
  55. package/src/http/index.ts +7 -0
  56. package/src/index.ts +3 -0
  57. package/src/relay/index-sw.ts +145 -0
  58. package/src/relay/index.ts +261 -0
  59. package/src/relay/split-service-url.ts +30 -0
  60. package/src/relay-sw.ts +7 -0
  61. package/src/sw/http-sw-dispatcher.ts +122 -0
  62. package/src/sw/index.ts +2 -0
  63. package/src/sw/sw-dispatcher.ts +332 -0
  64. package/src/sw-worker.ts +7 -0
  65. package/src/sw.ts +1 -0
  66. package/CHANGELOG.md +0 -1
  67. package/LICENSE +0 -21
  68. package/demo/demo-2 copy.html +0 -598
  69. package/demo/demo-3.html +0 -167
  70. package/dist/index-sw-umd.js +0 -798
  71. package/dist/index-sw-umd.min.js +0 -2
  72. package/dist/index-sw.js +0 -791
  73. package/dist/index-sw.min.js +0 -2
  74. package/dist/index-umd.js +0 -853
  75. package/dist/index-umd.min.js +0 -2
  76. package/dist/index.min.js +0 -2
  77. package/index.js +0 -1
  78. package/src/core/data-calls.js +0 -36
  79. package/src/core/data-channels.js +0 -192
  80. package/src/core/data-send-recieve.js +0 -28
  81. package/src/core/errors.js +0 -13
  82. package/src/core/index.js +0 -4
  83. package/src/http/HttpError.js +0 -59
  84. package/src/http/http-send-recieve.js +0 -40
  85. package/src/http/http-stubs.js +0 -135
  86. package/src/http/index.js +0 -3
  87. package/src/http/readable-streams.js +0 -33
  88. package/src/index.js +0 -7
  89. package/src/relay/index-sw.js +0 -216
  90. package/src/relay/index.js +0 -263
  91. package/src/relay/splitServiceUrl.js +0 -24
  92. package/src/sw/http-sw-dispatcher.js +0 -128
  93. package/src/sw/sw-dispatcher.js +0 -264
package/demo/demo-2 copy.html DELETED
@@ -1,598 +0,0 @@
1
- <!DOCTYPE HTML>
2
- <html>
3
-
4
- <head>
5
- <meta charset="utf-8" />
6
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
7
- <meta name="viewport" content="width=device-width, initial-scale=1" />
8
- </head>
9
-
10
- <body>
11
- <div id="view"></div>
12
-
13
- <script type="module">
14
- import * as WebRunHttp from "https://unpkg.com/@statewalker/webrun-http-browser@0.3/dist/index.js";
15
- import { Hono } from "https://unpkg.com/hono@3.5/dist/index.js";
16
- import mime from "https://esm.sh/mime-types";
17
- import {
18
- BrowserFilesApi,
19
- FilesApi,
20
- isHandlerAccessible,
21
- MemFilesApi,
22
- verifyPermission,
23
- } from "https://unpkg.com/@statewalker/webrun-files@0.2.0/dist/index.js";
24
-
25
- Promise.resolve().then(main).catch(console.error);
26
- async function main() {
27
- // Load a Hono request router:
28
- const router = getRouter();
29
-
30
- // Create an HTTP Server with the specified name.
31
- // It uses the given Hono router to dispatch requests
32
- // between endpoints.
33
- const serviceBaseUrl = await startHttpService({
34
- serviceKey: "MY_STATIC_SITE_LAUNCHER",
35
- router
36
- })
37
- const siteUrl = `${serviceBaseUrl}/fs/index.html`;
38
-
39
- // Now we can visualize the site in an iframe iframe:
40
- const container = document.querySelector("#view");
41
-
42
- // We also append a reference to this site.
43
- // It allows to open the site in a separate window:
44
- const a = document.createElement("a");
45
- a.target = "_blank";
46
- a.href = siteUrl;
47
- a.innerText = siteUrl;
48
- container.appendChild(a);
49
- }
50
-
51
- async function startHttpService({
52
- serviceKey,
53
- router
54
- }) {
55
- // Step 1: Start a ServiceWorker and open a MessageChannel used to recieve HTTP requests and send responses:
56
- const connection = await WebRunHttp.newRemoteRelayChannel();
57
-
58
- // Step 2: Define an HTTP handler
59
- const serviceBaseUrl = `${connection.baseUrl}~${serviceKey}`;
60
- const app = new Hono({
61
- getPath: (req) => req.url.substring(serviceBaseUrl.length)
62
- });
63
- // Add the router
64
- app.route("/", router);
65
- const httpHandler = (request) => app.fetch(request);
66
-
67
- // Step 3: Instantiate a "server" using the communcation channel with the ServiceWorker:
68
- const close = await WebRunHttp.initHttpService(httpHandler, {
69
- key: serviceKey, // Service prefix
70
- port: connection.port
71
- });
72
-
73
- return serviceBaseUrl;
74
- }
75
-
76
- function getRouter() {
77
- const router = new Hono();
78
- const files = [...document.querySelectorAll("[data-file]")].reduce((index, elm) => {
79
- const fileName = elm.getAttribute("data-file");
80
- const value = elm.innerText.replaceAll("<\\/script>", "</" + "script>");
81
- index[fileName] = value;
82
- return index;
83
- }, {})
84
- router.get("/*", newStaticFilesDispatcher(files))
85
- return router;
86
- }
87
-
88
- function newStaticFilesDispatcher(files) {
89
- return function showStaticFiles(context) {
90
- let { url, path } = context.req;
91
- path = path.replace(/#.*$/, "");
92
- if (path.match(/\/$/)) {
93
- path = path + "index.html";
94
- }
95
- const result = files[path];
96
- if (!result) {
97
- return context.notFound();
98
- }
99
- const mimeType = mime.lookup(path) || "application/octet-stream";
100
- context.header("Content-Type", mimeType);
101
- context.status(201);
102
- if (typeof result === "object") {
103
- return context.json(result);
104
- } else {
105
- return context.body(result);
106
- }
107
- };
108
- }
109
- </script>
110
-
111
- <script type="template/file" data-file="/fs/files-tree.css">
112
- .tree {
113
- --tree-line-width: 1px;
114
- --tree-line-color: silver;
115
- --tree-connector-radius: 0.1em;
116
- --tree-connector-length: 0.5em;
117
- --tree-connector-height: 0.6em;
118
- --tree-content-padding: 0.5em;
119
- position: relative;
120
- }
121
- .tree .tree-node {
122
- position: relative;
123
- padding-inline-start: var(--tree-connector-length);
124
- border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
125
- }
126
- .tree .tree-node:before {
127
- content: "";
128
- position: absolute;
129
- top: 0;
130
- left: 0;
131
- right: 0;
132
- width: var(--tree-connector-length);
133
- height: var(--tree-connector-height);
134
- max-height: 100%;
135
- margin-inline-start: calc(0em - var(--tree-line-width));
136
- border-bottom: var(--tree-line-width) solid var(--tree-line-color);
137
- border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
138
- border-end-start-radius: var(--tree-connector-radius);
139
- }
140
- .tree .tree-node:last-child {
141
- border-inline-start: var(--tree-line-width) solid transparent;
142
- }
143
- .tree .tree-node > .tree-node-content {
144
- position: relative;
145
- padding-inline-start: var(--tree-content-padding);
146
- }
147
- .tree .tree-node > .tree-node-content:before {
148
- content: "";
149
- position: absolute;
150
- top: var(--tree-connector-height);
151
- left: 0;
152
- right: 0;
153
- width: var(--tree-line-width);
154
- height: calc(100% - var(--tree-connector-height));
155
- border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
156
- }
157
- .tree .tree-node > .tree-node-content:last-child:before {
158
- border-inline-start: var(--tree-line-width) solid transparent;
159
- }
160
-
161
- .tree {
162
- --tree-content-padding: 0.1em;
163
- padding: 1em 1em 1em 2em;
164
- }
165
- .tree .tree-node > .tree-node-content {
166
- display: flex;
167
- gap: 0.2em;
168
- }
169
- .tree .tree-node > .tree-node-content > .icon-dir,
170
- .tree .tree-node > .tree-node-content > .icon-file {
171
- display: block;
172
- width: 1.5em;
173
- color: gray;
174
- }
175
- </script>
176
- <script type="template/file" data-file="/fs/index.html">
177
- <!DOCTYPE HTML>
178
- <html>
179
- <head>
180
- <meta charset="utf-8" />
181
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
182
- <meta name="viewport" content="width=device-width, initial-scale=1" />
183
- <link crossorigin="anonymous" media="all" rel="stylesheet" href="./files-tree.css" />
184
- </head>
185
- <body>
186
- <h3>Local File System</h3>
187
- <p>
188
- This page allows you to get read/write access to your local file system and develop the whole site directly in the browser without an HTTP server.
189
- </p>
190
- <div>
191
- <button id="fs-open">Open Workspace</button>
192
- <button id="fs-redraw-tree" style="display: none;">Redraw Files Tree</button>
193
- </div>
194
- <div id="fs-view"></div>
195
-
196
- <script type="module" src="./js/index.js"><\/script>
197
- </body>
198
- </html>
199
- </script>
200
-
201
- <script data-file="/fs/js/deps.js" type="template/file">
202
- export * as WebRunHttp from "https://unpkg.com/@statewalker/webrun-http-browser@0.3/dist/index.js";
203
- export { Hono } from "https://unpkg.com/hono@3.5/dist/index.js";
204
- export {
205
- BrowserFilesApi,
206
- verifyPermission,
207
- } from "https://unpkg.com/@statewalker/webrun-files@0.2.0/dist/index.js";
208
- export * as mime from "https://esm.sh/mime-types";
209
- </script>
210
-
211
-
212
- <script data-file="/fs/js/openRepository.js" type="template/file">
213
- import { BrowserFilesApi, verifyPermission } from "./deps.js";
214
- export async function openRepository(readwrite = true) {
215
- const handler = await window.showDirectoryPicker();
216
- if (!(await verifyPermission(handler, readwrite))) {
217
- throw new Error("Access was not granted");
218
- }
219
- const fs = new BrowserFilesApi({ rootHandler : handler });
220
- return fs;
221
- }
222
- </script>
223
-
224
- <script data-file="/fs/js/startHttpService.js" type="template/file">
225
- import { WebRunHttp, Hono } from "./deps.js";
226
-
227
- export async function startHttpService({
228
- serviceKey,
229
- router
230
- }) {
231
- // Step 1: Start a ServiceWorker and open a MessageChannel used to recieve HTTP requests and send responses:
232
- const connection = await WebRunHttp.newRemoteRelayChannel();
233
-
234
- // Step 2: Define an HTTP handler
235
- const serviceBaseUrl = `${connection.baseUrl}~${serviceKey}`;
236
- const app = new Hono({
237
- getPath: (req) => req.url.substring(serviceBaseUrl.length)
238
- });
239
- // Add the router
240
- app.route("/", router);
241
- const httpHandler = (request) => app.fetch(request);
242
-
243
- // Step 3: Instantiate a "server" using the communcation channel with the ServiceWorker:
244
- const close = await WebRunHttp.initHttpService(httpHandler, {
245
- key: serviceKey, // Service prefix
246
- port: connection.port
247
- });
248
-
249
- return serviceBaseUrl;
250
- }
251
- </script>
252
-
253
- <script data-file="/fs/js/newFilesRouter.js" type="template/file">
254
- import { Hono, WebRunHttp } from "./deps.js";
255
-
256
- export function newFilesRouter(fs) {
257
- const router = new Hono();
258
- router.get("/*", async (context) => {
259
- let { url, path } = context.req;
260
- path = path.replace(/#.*$/, "");
261
- if (path.match(/\/$/)) {
262
- path = path + "index.html";
263
- }
264
- const fileInfo = await fs.stats(path);
265
- if (!fileInfo || (fileInfo.kind !== "file")) {
266
- return context.notFound();
267
- }
268
- const content = await fs.read(fileInfo);
269
- const responseBody = await WebRunHttp.toReadableStream(content);
270
- return new Response(responseBody, {
271
- status: 200,
272
- headers: {
273
- "Content-Type": fileInfo.type,
274
- },
275
- });
276
- });
277
- return router;
278
- }
279
-
280
- </script>
281
-
282
- <script data-file="/fs/js/index.js" type="template/file">
283
- console.log("Hell-o!");
284
- const SERVICE_KEY = "FS"
285
- import { Hono, WebRunHttp } from "./deps.js";
286
- import { startHttpService } from "./startHttpService.js";
287
- import { openRepository } from "./openRepository.js";
288
- import { newFilesRouter } from "./newFilesRouter.js";
289
-
290
- Promise.resolve().then(main).catch(console.error);
291
-
292
- async function main() {
293
- const openBtn = document.querySelector("#fs-open");
294
- const refreshBtn = document.querySelector("#fs-redraw-tree");
295
- let close;
296
- openBtn.addEventListener("click", async () => {
297
- if (close) close();
298
- const fs = await openRepository();
299
- const router = await newFilesRouter(fs);
300
- const serviceBaseUrl = await startHttpService({
301
- serviceKey : SERVICE_KEY,
302
- router
303
- })
304
-
305
- openBtn.parentElement.style.display = "none";
306
- refreshBtn.style.display = "block";
307
- renderFilesExplorer(fs, serviceBaseUrl);
308
- refreshBtn.addEventListener("click", (event) => {
309
- renderFilesExplorer(fs, serviceBaseUrl);
310
- });
311
- })
312
- }
313
-
314
- async function renderFilesExplorer(fs, baseUrl) {
315
- const container = document.querySelector("#fs-view");
316
- container.innerHTML = "";
317
- container.classList.add("tree");
318
- for await (let file of fs.list("/", { recursive: false })) {
319
- renderFile({
320
- fs,
321
- file,
322
- baseUrl,
323
- container
324
- })
325
- }
326
- }
327
-
328
- function renderFile({
329
- fs,
330
- file,
331
- container,
332
- baseUrl
333
- }) {
334
- let path = file.path;
335
- const isDirectory = file.kind === "directory";
336
- if (isDirectory) {
337
- if (path[path.length - 1] !== '/') {
338
- path += '/';
339
- }
340
- }
341
-
342
- const treeNodeElm = newElement("tree-node", container);
343
- const treeNodeContentElm = newElement("tree-node-content", treeNodeElm);
344
- const iconElm = newElement("tree-node-icon", treeNodeContentElm);
345
- const iconCls = isDirectory ? "icon-dir" : "icon-file";
346
- iconElm.classList.add(iconCls);
347
- iconElm.innerText = isDirectory ? 'dir' : 'file';
348
-
349
- const linkElm = newElement("file-name", treeNodeContentElm, "a");
350
- const fileUrl = baseUrl + path;
351
- linkElm.setAttribute("href", fileUrl);
352
- linkElm.setAttribute("target", "_blank");
353
- linkElm.innerText = file.name;
354
-
355
- if (isDirectory) {
356
- let opened = false;
357
- linkElm.addEventListener("click", async (ev) => {
358
- ev.preventDefault();
359
- ev.stopPropagation();
360
- opened = !opened;
361
- if (opened) {
362
- for await (let child of fs.list(file, { recursive: false })) {
363
- renderFile({
364
- fs,
365
- file : child,
366
- baseUrl,
367
- container : treeNodeElm
368
- })
369
- }
370
- } else {
371
- let elm = treeNodeElm.querySelector(".tree-node-content");
372
- elm = elm?.nextElementSibling;
373
- while (elm) {
374
- const next = elm.nextElementSibling;
375
- treeNodeElm.removeChild(elm);
376
- elm = next;
377
- }
378
- }
379
- })
380
- }
381
-
382
- function newElement(className, parent, name = "div") {
383
- const div = document.createElement(name);
384
- className
385
- .split(/\\s+/)
386
- .map(s => s.trim())
387
- .forEach(cls => div.classList.add(cls));
388
- if (parent) {
389
- parent.appendChild(div);
390
- }
391
- return div;
392
- }
393
- }
394
-
395
- </script>
396
-
397
-
398
- <script type="template/file" data-file="/fs/index-1.html">
399
- <!DOCTYPE HTML>
400
- <html>
401
- <head>
402
- <meta charset="utf-8" />
403
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
404
- <meta name="viewport" content="width=device-width, initial-scale=1" />
405
- <link crossorigin="anonymous" media="all" rel="stylesheet" href="./files-tree.css" />
406
- </head>
407
- <body>
408
- <h3>Local File System</h3>
409
- <p>
410
- This page allows you to get read/write access to your local file system and develop the whole site directly in the browser without an HTTP server.
411
- </p>
412
-
413
- <div>
414
- <button id="fs-open">Open File System</button>
415
- <div><small>When you click on this button the browser will ask you to give access to the directory you want to explore in your browser.</small></div>
416
- </div>
417
-
418
- <div>
419
- <button id="fs-redraw-tree" style="display: none;">Refresh</button>
420
- <div id="fs-view"></div>
421
- </div>
422
-
423
- <script type="module">
424
- const SERVICE_KEY = "FS"
425
- const ENDPOINT_BASE_URL = "https://unpkg.com/@statewalker/webrun-http-browser@0.2.1/public-relay"
426
- import {
427
- BrowserFilesApi,
428
- FilesApi,
429
- isHandlerAccessible,
430
- MemFilesApi,
431
- verifyPermission,
432
- } from "https://unpkg.com/@statewalker/webrun-files@0.2.0/dist/index.js";
433
- import * as relayLib from "https://unpkg.com/@statewalker/webrun-http-browser@0.2.1/dist/index.js";
434
- import { lookup } from "https://esm.sh/mime-types";
435
-
436
-
437
- Promise.resolve().then(main).catch(console.error);
438
-
439
- async function main() {
440
- const openBtn = document.querySelector("#fs-open");
441
- const refreshBtn = document.querySelector("#fs-redraw-tree");
442
- let close;
443
- openBtn.addEventListener("click", async () => {
444
- if (close) close();
445
- const fs = await openRepository();
446
- const channel = await relayLib.newRemoteRelayChannel();
447
- close = () => channel.close();
448
- await startFileServer(SERVICE_KEY, fs, channel.port);
449
- openBtn.parentElement.style.display = "none";
450
- refreshBtn.style.display = "block";
451
- renderFilesExplorer(fs);
452
- refreshBtn.addEventListener("click", (event) => {
453
- renderFilesExplorer(fs);
454
- });
455
- })
456
- }
457
-
458
-
459
- async function renderFilesExplorer(fs) {
460
- const baseUrl = \`\${ENDPOINT_BASE_URL}/~\${SERVICE_KEY}\`;
461
- const container = document.querySelector("#fs-view");
462
- container.innerHTML = "";
463
- container.classList.add("tree");
464
- for await (let file of fs.list("/", { recursive: false })) {
465
- renderFile({
466
- fs,
467
- file,
468
- baseUrl,
469
- container
470
- })
471
- }
472
- }
473
-
474
- function renderFile({
475
- fs,
476
- file,
477
- container,
478
- baseUrl
479
- }) {
480
- let path = file.path;
481
- const isDirectory = file.kind === "directory";
482
- if (isDirectory) {
483
- if (path[path.length - 1] !== '/') {
484
- path += '/';
485
- }
486
- }
487
-
488
- const treeNodeElm = newElement("tree-node", container);
489
- const treeNodeContentElm = newElement("tree-node-content", treeNodeElm);
490
- const iconElm = newElement("tree-node-icon", treeNodeContentElm);
491
- const iconCls = isDirectory ? "icon-dir" : "icon-file";
492
- iconElm.classList.add(iconCls);
493
- iconElm.innerText = isDirectory ? 'dir' : 'file';
494
-
495
- const linkElm = newElement("file-name", treeNodeContentElm, "a");
496
- const fileUrl = baseUrl + path;
497
- linkElm.setAttribute("href", fileUrl);
498
- linkElm.setAttribute("target", "_blank");
499
- linkElm.innerText = file.name;
500
-
501
- if (isDirectory) {
502
- let opened = false;
503
- linkElm.addEventListener("click", async (ev) => {
504
- ev.preventDefault();
505
- ev.stopPropagation();
506
- opened = !opened;
507
- if (opened) {
508
- for await (let child of fs.list(file, { recursive: false })) {
509
- renderFile({
510
- fs,
511
- file : child,
512
- baseUrl,
513
- container : treeNodeElm
514
- })
515
- }
516
- } else {
517
- let elm = treeNodeElm.querySelector(".tree-node-content");
518
- elm = elm?.nextElementSibling;
519
- while (elm) {
520
- const next = elm.nextElementSibling;
521
- treeNodeElm.removeChild(elm);
522
- elm = next;
523
- }
524
- }
525
- })
526
- }
527
-
528
- function newElement(className, parent, name = "div") {
529
- const div = document.createElement(name);
530
- className
531
- .split(/\\s+/)
532
- .map(s => s.trim())
533
- .forEach(cls => div.classList.add(cls));
534
- if (parent) {
535
- parent.appendChild(div);
536
- }
537
- return div;
538
- }
539
- }
540
-
541
- async function openRepository(readwrite = true) {
542
- const handler = await window.showDirectoryPicker();
543
- if (!(await verifyPermission(handler, readwrite))) {
544
- throw new Error("Access was not granted");
545
- }
546
- const fs = new BrowserFilesApi({ rootHandler : handler });
547
- return fs;
548
- }
549
-
550
- async function startFileServer(serviceKey, fs, port) {
551
- await relayLib.initHttpService(async (req) => {
552
- try {
553
- let path = new URL(req.url).pathname;
554
- path = path.replace(/^[^~]+~[^\\/]+?(\\/.*)$/, '$1');
555
- if (path[path.length - 1] === '/') {
556
- path += 'index.html';
557
- }
558
- const mimeType = lookup(path.toLowerCase()) || "application/octet-stream";
559
- const fileInfo = await fs.stats(path);
560
- if (!fileInfo || (fileInfo.kind !== "file")) {
561
- return new Response(JSON.stringify({
562
- status: 404,
563
- statusText: "File not found. Path: '" + path + "'.",
564
- }, null, 2), {
565
- status: 404,
566
- statusText : "File not found. Path: '" + path + "'.",
567
- headers : {
568
- "Content-Type": "application/json"
569
- }
570
- });
571
- }
572
- const content = await fs.read(fileInfo);
573
- const responseBody = await relayLib.toReadableStream(content);
574
- return new Response(responseBody, {
575
- status: 200,
576
- headers: {
577
- "Content-Type": fileInfo.type,
578
- },
579
- });
580
- } catch (error) {
581
- console.error(error);
582
- return new Response(JSON.stringify(error), {
583
- status: 500,
584
- statusText: error.message,
585
- });
586
- }
587
- }, {
588
- key: serviceKey,
589
- port,
590
- });
591
- }
592
- <\/script>
593
- </body>
594
- </html>
595
- </script>
596
- </body>
597
-
598
- </html>