@shivaedev/work-board 0.0.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +51 -0
- package/LICENSE +21 -0
- package/README.md +157 -2
- package/dist/board.d.ts +8 -0
- package/dist/board.d.ts.map +1 -0
- package/dist/board.js +27 -0
- package/dist/board.js.map +1 -0
- package/dist/cli.d.ts +3 -0
- package/dist/cli.d.ts.map +1 -0
- package/dist/cli.js +17 -0
- package/dist/cli.js.map +1 -0
- package/dist/files/changes.d.ts +17 -0
- package/dist/files/changes.d.ts.map +1 -0
- package/dist/files/changes.js +38 -0
- package/dist/files/changes.js.map +1 -0
- package/dist/files/home.d.ts +11 -0
- package/dist/files/home.d.ts.map +1 -0
- package/dist/files/home.js +33 -0
- package/dist/files/home.js.map +1 -0
- package/dist/files/list.d.ts +9 -0
- package/dist/files/list.d.ts.map +1 -0
- package/dist/files/list.js +38 -0
- package/dist/files/list.js.map +1 -0
- package/dist/http/assets.d.ts +15 -0
- package/dist/http/assets.d.ts.map +1 -0
- package/dist/http/assets.js +32 -0
- package/dist/http/assets.js.map +1 -0
- package/dist/http/events.d.ts +5 -0
- package/dist/http/events.d.ts.map +1 -0
- package/dist/http/events.js +17 -0
- package/dist/http/events.js.map +1 -0
- package/dist/http/loopback.d.ts +4 -0
- package/dist/http/loopback.d.ts.map +1 -0
- package/dist/http/loopback.js +22 -0
- package/dist/http/loopback.js.map +1 -0
- package/dist/http/page.d.ts +9 -0
- package/dist/http/page.d.ts.map +1 -0
- package/dist/http/page.js +43 -0
- package/dist/http/page.js.map +1 -0
- package/dist/http/respond.d.ts +8 -0
- package/dist/http/respond.d.ts.map +1 -0
- package/dist/http/respond.js +15 -0
- package/dist/http/respond.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/page/board.d.ts +4 -0
- package/dist/page/board.d.ts.map +1 -0
- package/dist/page/board.js +32 -0
- package/dist/page/board.js.map +1 -0
- package/dist/page/client.d.ts +2 -0
- package/dist/page/client.d.ts.map +1 -0
- package/dist/page/client.js +91 -0
- package/dist/page/client.js.map +1 -0
- package/dist/page/diagrams.d.ts +2 -0
- package/dist/page/diagrams.d.ts.map +1 -0
- package/dist/page/diagrams.js +73 -0
- package/dist/page/diagrams.js.map +1 -0
- package/dist/page/document.d.ts +4 -0
- package/dist/page/document.d.ts.map +1 -0
- package/dist/page/document.js +9 -0
- package/dist/page/document.js.map +1 -0
- package/dist/page/escape.d.ts +2 -0
- package/dist/page/escape.d.ts.map +1 -0
- package/dist/page/escape.js +3 -0
- package/dist/page/escape.js.map +1 -0
- package/dist/page/nav.d.ts +3 -0
- package/dist/page/nav.d.ts.map +1 -0
- package/dist/page/nav.js +22 -0
- package/dist/page/nav.js.map +1 -0
- package/dist/page/shell.d.ts +2 -0
- package/dist/page/shell.d.ts.map +1 -0
- package/dist/page/shell.js +11 -0
- package/dist/page/shell.js.map +1 -0
- package/dist/page/style.d.ts +2 -0
- package/dist/page/style.d.ts.map +1 -0
- package/dist/page/style.js +75 -0
- package/dist/page/style.js.map +1 -0
- package/dist/page/swap.d.ts +2 -0
- package/dist/page/swap.d.ts.map +1 -0
- package/dist/page/swap.js +123 -0
- package/dist/page/swap.js.map +1 -0
- package/dist/page/updated.d.ts +2 -0
- package/dist/page/updated.d.ts.map +1 -0
- package/dist/page/updated.js +2 -0
- package/dist/page/updated.js.map +1 -0
- package/dist/render/board.d.ts +20 -0
- package/dist/render/board.d.ts.map +1 -0
- package/dist/render/board.js +54 -0
- package/dist/render/board.js.map +1 -0
- package/dist/render/code.d.ts +10 -0
- package/dist/render/code.d.ts.map +1 -0
- package/dist/render/code.js +47 -0
- package/dist/render/code.js.map +1 -0
- package/dist/render/failed.d.ts +9 -0
- package/dist/render/failed.d.ts.map +1 -0
- package/dist/render/failed.js +4 -0
- package/dist/render/failed.js.map +1 -0
- package/dist/render/footnotes.d.ts +19 -0
- package/dist/render/footnotes.d.ts.map +1 -0
- package/dist/render/footnotes.js +23 -0
- package/dist/render/footnotes.js.map +1 -0
- package/dist/render/highlighter.d.ts +13 -0
- package/dist/render/highlighter.d.ts.map +1 -0
- package/dist/render/highlighter.js +11 -0
- package/dist/render/highlighter.js.map +1 -0
- package/dist/render/markdown.d.ts +5 -0
- package/dist/render/markdown.d.ts.map +1 -0
- package/dist/render/markdown.js +15 -0
- package/dist/render/markdown.js.map +1 -0
- package/dist/serve.d.ts +9 -0
- package/dist/serve.d.ts.map +1 -0
- package/dist/serve.js +9 -0
- package/dist/serve.js.map +1 -0
- package/package.json +62 -3
- package/src/board.ts +44 -0
- package/src/cli.ts +24 -0
- package/src/files/changes.ts +71 -0
- package/src/files/home.ts +37 -0
- package/src/files/list.ts +55 -0
- package/src/http/assets.ts +38 -0
- package/src/http/events.ts +29 -0
- package/src/http/loopback.ts +29 -0
- package/src/http/page.ts +54 -0
- package/src/http/respond.ts +18 -0
- package/src/index.ts +1 -0
- package/src/page/board.ts +37 -0
- package/src/page/client.ts +90 -0
- package/src/page/diagrams.ts +72 -0
- package/src/page/document.ts +10 -0
- package/src/page/escape.ts +3 -0
- package/src/page/nav.ts +28 -0
- package/src/page/shell.ts +12 -0
- package/src/page/style.ts +79 -0
- package/src/page/swap.ts +122 -0
- package/src/page/updated.ts +1 -0
- package/src/render/board.ts +82 -0
- package/src/render/code.ts +54 -0
- package/src/render/failed.ts +3 -0
- package/src/render/footnotes.ts +32 -0
- package/src/render/highlighter.ts +17 -0
- package/src/render/markdown.ts +16 -0
- package/src/serve.ts +16 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Effect, Option } from "effect";
|
|
2
|
+
import { respond } from "./respond.js";
|
|
3
|
+
const LOOPBACK_NAMES = new Set(["127.0.0.1", "localhost", "[::1]"]);
|
|
4
|
+
const hostnameOf = (host) => {
|
|
5
|
+
try {
|
|
6
|
+
return new URL(`http://${host}/`).hostname;
|
|
7
|
+
}
|
|
8
|
+
catch {
|
|
9
|
+
return undefined;
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const loopbackAddress = (address) => {
|
|
13
|
+
const unmapped = address.replace(/^::ffff:/i, "");
|
|
14
|
+
return unmapped === "::1" || /^127(?:\.\d{1,3}){3}$/.test(unmapped);
|
|
15
|
+
};
|
|
16
|
+
const fromLoopback = (request) => {
|
|
17
|
+
const host = request.headers.host;
|
|
18
|
+
const addressed = host !== undefined && LOOPBACK_NAMES.has(hostnameOf(host) ?? "");
|
|
19
|
+
return addressed && Option.match(request.remoteAddress, { onNone: () => true, onSome: loopbackAddress });
|
|
20
|
+
};
|
|
21
|
+
export const loopbackOnly = (handler) => (request) => fromLoopback(request) ? handler(request) : Effect.succeed(respond("Only loopback hosts are served", "text/plain", 403));
|
|
22
|
+
//# sourceMappingURL=loopback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loopback.js","sourceRoot":"","sources":["../../src/http/loopback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AAEpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAsB,EAAE;IACvD,IAAI,CAAC;QACJ,OAAO,IAAI,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC5C,CAAC;IAAC,MAAM,CAAC;QACR,OAAO,SAAS,CAAC;IAClB,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAe,EAAW,EAAE;IACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,QAAQ,KAAK,KAAK,IAAI,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAA4C,EAAW,EAAE;IAC9E,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;IAClC,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,IAAI,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACnF,OAAO,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;AAC1G,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GACxB,CAAO,OAAqH,EAAE,EAAE,CAChI,CAAC,OAA4C,EAAE,EAAE,CAChD,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,gCAAgC,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Effect, FileSystem, Path } from "effect";
|
|
2
|
+
import type { HttpServerRequest } from "effect/unstable/http";
|
|
3
|
+
import type { Changes } from "../files/changes.ts";
|
|
4
|
+
export interface PageOptions {
|
|
5
|
+
readonly root: string;
|
|
6
|
+
readonly home: string | undefined;
|
|
7
|
+
}
|
|
8
|
+
export declare const page: (options: PageOptions, changes: Changes) => (request: HttpServerRequest.HttpServerRequest) => Effect.Effect<import("effect/unstable/http/HttpServerResponse").HttpServerResponse, import("effect/PlatformError").PlatformError, FileSystem.FileSystem | import("../render/highlighter.ts").Highlighter | Path.Path>;
|
|
9
|
+
//# sourceMappingURL=page.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/http/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAU,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAUnD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAaD,eAAO,MAAM,IAAI,GAAI,SAAS,WAAW,EAAE,SAAS,OAAO,4QAyB1D,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Effect, FileSystem, Option, Path } from "effect";
|
|
2
|
+
import { within } from "../files/list.js";
|
|
3
|
+
import { boardHtml } from "../page/board.js";
|
|
4
|
+
import { documentHtml } from "../page/document.js";
|
|
5
|
+
import { escapeHtml } from "../page/escape.js";
|
|
6
|
+
import { navHtml } from "../page/nav.js";
|
|
7
|
+
import { shell } from "../page/shell.js";
|
|
8
|
+
import { boardOf } from "../render/board.js";
|
|
9
|
+
import { respond } from "./respond.js";
|
|
10
|
+
const requestedPath = (url) => {
|
|
11
|
+
const pathname = new URL(url, "http://127.0.0.1").pathname.replace(/^\/+/, "");
|
|
12
|
+
try {
|
|
13
|
+
return decodeURIComponent(pathname);
|
|
14
|
+
}
|
|
15
|
+
catch {
|
|
16
|
+
return pathname;
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const message = (text) => `<p class="empty">${escapeHtml(text)}</p>`;
|
|
20
|
+
export const page = (options, changes) => {
|
|
21
|
+
const body = Effect.fn("WorkBoard.pageBody")(function* (file) {
|
|
22
|
+
const fs = yield* FileSystem.FileSystem;
|
|
23
|
+
const path = yield* Path.Path;
|
|
24
|
+
const real = yield* Effect.option(fs.realPath(path.join(options.root, file.path)));
|
|
25
|
+
if (Option.isNone(real) || !within(changes.realRoot, path.sep, real.value)) {
|
|
26
|
+
return Option.none();
|
|
27
|
+
}
|
|
28
|
+
const source = yield* fs.readFileString(real.value);
|
|
29
|
+
return Option.some(file.path === options.home ? yield* boardHtml(boardOf(source), file.path, file.modified) : yield* documentHtml(source, file));
|
|
30
|
+
});
|
|
31
|
+
return Effect.fn("WorkBoard.page")(function* (request) {
|
|
32
|
+
const files = yield* changes.files;
|
|
33
|
+
const requested = requestedPath(request.url) || options.home || files[0]?.path || "";
|
|
34
|
+
const file = files.find((candidate) => candidate.path === requested);
|
|
35
|
+
const nav = navHtml(files, requested, options.home);
|
|
36
|
+
const missing = () => respond(shell(requested, nav, message(`No markdown file at ${requested || options.root}.`)), "text/html", 404);
|
|
37
|
+
if (file === undefined) {
|
|
38
|
+
return missing();
|
|
39
|
+
}
|
|
40
|
+
return yield* body(file).pipe(Effect.map(Option.match({ onNone: missing, onSome: (main) => respond(shell(file.path, nav, main), "text/html") })), Effect.catch(() => Effect.succeed(respond(shell(file.path, nav, message(`${file.path} could not be read.`)), "text/html", 500))));
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/http/page.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HttpServerResponse } from "effect/unstable/http";
|
|
2
|
+
export declare const HEADERS: {
|
|
3
|
+
"cache-control": string;
|
|
4
|
+
"content-security-policy": string;
|
|
5
|
+
"x-content-type-options": string;
|
|
6
|
+
};
|
|
7
|
+
export declare const respond: (body: string | Uint8Array, contentType: string, status?: number) => HttpServerResponse.HttpServerResponse;
|
|
8
|
+
//# sourceMappingURL=respond.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"respond.d.ts","sourceRoot":"","sources":["../../src/http/respond.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAY1D,eAAO,MAAM,OAAO;;;;CAA0G,CAAC;AAE/H,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,GAAG,UAAU,EAAE,aAAa,MAAM,EAAE,eAAY,KAAG,kBAAkB,CAAC,kBAGxB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HttpServerResponse } from "effect/unstable/http";
|
|
2
|
+
const POLICY = [
|
|
3
|
+
"default-src 'self'",
|
|
4
|
+
"script-src 'self'",
|
|
5
|
+
"style-src 'self' 'unsafe-inline'",
|
|
6
|
+
"img-src 'self' data: https:",
|
|
7
|
+
"object-src 'none'",
|
|
8
|
+
"base-uri 'none'",
|
|
9
|
+
"frame-ancestors 'none'",
|
|
10
|
+
].join("; ");
|
|
11
|
+
export const HEADERS = { "cache-control": "no-store", "content-security-policy": POLICY, "x-content-type-options": "nosniff" };
|
|
12
|
+
export const respond = (body, contentType, status = 200) => typeof body === "string"
|
|
13
|
+
? HttpServerResponse.text(body, { contentType: `${contentType}; charset=utf-8`, headers: HEADERS, status })
|
|
14
|
+
: HttpServerResponse.uint8Array(body, { contentType, headers: HEADERS, status });
|
|
15
|
+
//# sourceMappingURL=respond.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"respond.js","sourceRoot":"","sources":["../../src/http/respond.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,GAAG;IACd,oBAAoB;IACpB,mBAAmB;IACnB,kCAAkC;IAClC,6BAA6B;IAC7B,mBAAmB;IACnB,iBAAiB;IACjB,wBAAwB;CACxB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,eAAe,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,EAAE,wBAAwB,EAAE,SAAS,EAAE,CAAC;AAE/H,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAyB,EAAE,WAAmB,EAAE,MAAM,GAAG,GAAG,EAAyC,EAAE,CAC9H,OAAO,IAAI,KAAK,QAAQ;IACvB,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,GAAG,WAAW,iBAAiB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3G,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Effect } from "effect";
|
|
2
|
+
import { type Board } from "../render/board.ts";
|
|
3
|
+
export declare const boardHtml: (board: Board, fallbackTitle: string, modified: number) => Effect.Effect<string, import("../render/failed.ts").RenderFailed, import("../render/highlighter.ts").Highlighter>;
|
|
4
|
+
//# sourceMappingURL=board.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"board.d.ts","sourceRoot":"","sources":["../../src/page/board.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,KAAK,KAAK,EAA0B,MAAM,oBAAoB,CAAC;AAkBxE,eAAO,MAAM,SAAS,8KAiBpB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Effect } from "effect";
|
|
2
|
+
import { countsOf } from "../render/board.js";
|
|
3
|
+
import { renderMarkdown } from "../render/markdown.js";
|
|
4
|
+
import { escapeHtml } from "./escape.js";
|
|
5
|
+
import { updated } from "./updated.js";
|
|
6
|
+
const counts = (board) => countsOf(board)
|
|
7
|
+
.map(({ count, title }) => `<span><b>${count}</b> ${escapeHtml(title.toLowerCase())}</span>`)
|
|
8
|
+
.join(" · ");
|
|
9
|
+
const section = Effect.fn("WorkBoard.section")(function* ({ heading, items, notes }, render) {
|
|
10
|
+
const rendered = yield* Effect.forEach(items, (item) => Effect.map(render(item), (html) => `<article class="item">${html}</article>`));
|
|
11
|
+
const note = notes === "" ? "" : `<div class="notes">${yield* render(notes)}</div>`;
|
|
12
|
+
return `<section>${yield* render(heading)}${note}${rendered.join("")}</section>`;
|
|
13
|
+
});
|
|
14
|
+
export const boardHtml = Effect.fn("WorkBoard.boardHtml")(function* (board, fallbackTitle, modified) {
|
|
15
|
+
let fragments = 0;
|
|
16
|
+
const render = (fragment) => {
|
|
17
|
+
fragments += 1;
|
|
18
|
+
return renderMarkdown(board.definitions === "" ? fragment : `${fragment}\n\n${board.definitions}`, `part-${fragments}-`);
|
|
19
|
+
};
|
|
20
|
+
const title = board.title === "" ? `<h1>${escapeHtml(fallbackTitle)}</h1>` : yield* render(board.title);
|
|
21
|
+
const intro = board.intro === "" ? "" : `<div class="intro">${yield* render(board.intro)}</div>`;
|
|
22
|
+
const sections = yield* Effect.forEach(board.sections, (each) => section(each, render));
|
|
23
|
+
const footer = board.footer === "" ? "" : `<footer>${yield* render(board.footer)}</footer>`;
|
|
24
|
+
return [
|
|
25
|
+
`<header class="board-head">${title}${intro}`,
|
|
26
|
+
`<p class="counts">${counts(board)}</p>`,
|
|
27
|
+
`<p class="meta">${updated(modified)}</p></header>`,
|
|
28
|
+
`<div class="board">${sections.join("")}</div>`,
|
|
29
|
+
footer,
|
|
30
|
+
].join("");
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=board.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"board.js","sourceRoot":"","sources":["../../src/page/board.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const client = "\nimport { renderDiagrams } from \"/_board/diagrams.js\";\nimport { remember, swap } from \"/_board/swap.js\";\n\nconst since = (modified) => {\n const seconds = Math.max(0, Math.round((Date.now() - modified) / 1000));\n if (seconds < 60) return seconds + \"s\";\n if (seconds < 3600) return Math.round(seconds / 60) + \"m\";\n if (seconds < 172800) return Math.round(seconds / 3600) + \"h\";\n return Math.round(seconds / 86400) + \"d\";\n};\n\nconst tick = () => {\n for (const age of document.querySelectorAll(\"[data-modified]\")) {\n const ago = since(Number(age.dataset.modified));\n age.textContent = age.classList.contains(\"short\") ? ago : \"updated \" + ago + \" ago\";\n }\n};\n\nremember(document.getElementById(\"files\"));\nremember(document.getElementById(\"doc\"));\n\nconst live = document.getElementById(\"live\");\nlet connected = false;\nlet dropped = true;\nlet failure = \"\";\n\nconst show = () => {\n const state = failure !== \"\" ? \"stale\" : connected ? \"live\" : \"down\";\n live.dataset.state = state;\n live.textContent = failure !== \"\" ? failure : connected ? \"live\" : \"reconnecting\";\n};\n\nconst load = async () => {\n try {\n const response = await fetch(location.pathname, { cache: \"no-store\" });\n const next = new DOMParser().parseFromString(await response.text(), \"text/html\");\n const files = next.getElementById(\"files\");\n const doc = next.getElementById(\"doc\");\n if (files === null || doc === null) {\n failure = \"refresh failed (\" + response.status + \")\";\n return;\n }\n failure = \"\";\n swap(document.getElementById(\"files\"), files);\n swap(document.getElementById(\"doc\"), doc);\n document.title = next.title;\n tick();\n renderDiagrams(document);\n } catch {\n failure = \"refresh failed\";\n }\n};\n\nlet loading = false;\nlet dirty = false;\nconst refresh = async () => {\n if (loading) {\n dirty = true;\n return;\n }\n loading = true;\n do {\n dirty = false;\n await load();\n } while (dirty);\n loading = false;\n show();\n};\n\nconst events = new EventSource(\"/events\");\nevents.addEventListener(\"ready\", () => {\n connected = true;\n show();\n if (dropped) refresh();\n dropped = false;\n});\nconst down = () => {\n connected = false;\n dropped = true;\n show();\n};\nevents.addEventListener(\"change\", refresh);\nevents.addEventListener(\"down\", down);\nevents.addEventListener(\"error\", down);\n\ntick();\nsetInterval(tick, 5000);\nrenderDiagrams(document);\n";
|
|
2
|
+
//# sourceMappingURL=client.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/page/client.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,m/EAyFlB,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
export const client = `
|
|
2
|
+
import { renderDiagrams } from "/_board/diagrams.js";
|
|
3
|
+
import { remember, swap } from "/_board/swap.js";
|
|
4
|
+
|
|
5
|
+
const since = (modified) => {
|
|
6
|
+
const seconds = Math.max(0, Math.round((Date.now() - modified) / 1000));
|
|
7
|
+
if (seconds < 60) return seconds + "s";
|
|
8
|
+
if (seconds < 3600) return Math.round(seconds / 60) + "m";
|
|
9
|
+
if (seconds < 172800) return Math.round(seconds / 3600) + "h";
|
|
10
|
+
return Math.round(seconds / 86400) + "d";
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const tick = () => {
|
|
14
|
+
for (const age of document.querySelectorAll("[data-modified]")) {
|
|
15
|
+
const ago = since(Number(age.dataset.modified));
|
|
16
|
+
age.textContent = age.classList.contains("short") ? ago : "updated " + ago + " ago";
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
remember(document.getElementById("files"));
|
|
21
|
+
remember(document.getElementById("doc"));
|
|
22
|
+
|
|
23
|
+
const live = document.getElementById("live");
|
|
24
|
+
let connected = false;
|
|
25
|
+
let dropped = true;
|
|
26
|
+
let failure = "";
|
|
27
|
+
|
|
28
|
+
const show = () => {
|
|
29
|
+
const state = failure !== "" ? "stale" : connected ? "live" : "down";
|
|
30
|
+
live.dataset.state = state;
|
|
31
|
+
live.textContent = failure !== "" ? failure : connected ? "live" : "reconnecting";
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const load = async () => {
|
|
35
|
+
try {
|
|
36
|
+
const response = await fetch(location.pathname, { cache: "no-store" });
|
|
37
|
+
const next = new DOMParser().parseFromString(await response.text(), "text/html");
|
|
38
|
+
const files = next.getElementById("files");
|
|
39
|
+
const doc = next.getElementById("doc");
|
|
40
|
+
if (files === null || doc === null) {
|
|
41
|
+
failure = "refresh failed (" + response.status + ")";
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
failure = "";
|
|
45
|
+
swap(document.getElementById("files"), files);
|
|
46
|
+
swap(document.getElementById("doc"), doc);
|
|
47
|
+
document.title = next.title;
|
|
48
|
+
tick();
|
|
49
|
+
renderDiagrams(document);
|
|
50
|
+
} catch {
|
|
51
|
+
failure = "refresh failed";
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
let loading = false;
|
|
56
|
+
let dirty = false;
|
|
57
|
+
const refresh = async () => {
|
|
58
|
+
if (loading) {
|
|
59
|
+
dirty = true;
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
loading = true;
|
|
63
|
+
do {
|
|
64
|
+
dirty = false;
|
|
65
|
+
await load();
|
|
66
|
+
} while (dirty);
|
|
67
|
+
loading = false;
|
|
68
|
+
show();
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
const events = new EventSource("/events");
|
|
72
|
+
events.addEventListener("ready", () => {
|
|
73
|
+
connected = true;
|
|
74
|
+
show();
|
|
75
|
+
if (dropped) refresh();
|
|
76
|
+
dropped = false;
|
|
77
|
+
});
|
|
78
|
+
const down = () => {
|
|
79
|
+
connected = false;
|
|
80
|
+
dropped = true;
|
|
81
|
+
show();
|
|
82
|
+
};
|
|
83
|
+
events.addEventListener("change", refresh);
|
|
84
|
+
events.addEventListener("down", down);
|
|
85
|
+
events.addEventListener("error", down);
|
|
86
|
+
|
|
87
|
+
tick();
|
|
88
|
+
setInterval(tick, 5000);
|
|
89
|
+
renderDiagrams(document);
|
|
90
|
+
`;
|
|
91
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/page/client.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFrB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const diagrams = "\nconst rendered = new Map();\nconst dark = matchMedia(\"(prefers-color-scheme: dark)\");\nlet mermaid;\nlet counter = 0;\n\nconst token = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n\nconst load = async () => {\n mermaid ??= (await import(\"/_board/mermaid/mermaid.esm.min.mjs\")).default;\n mermaid.initialize({\n startOnLoad: false,\n securityLevel: \"strict\",\n theme: \"base\",\n themeVariables: {\n darkMode: dark.matches,\n background: token(\"--bg\"),\n primaryColor: token(\"--surface\"),\n primaryTextColor: token(\"--text\"),\n primaryBorderColor: token(\"--border\"),\n lineColor: token(\"--muted\"),\n textColor: token(\"--text\"),\n fontFamily: token(\"--sans\"),\n },\n });\n return mermaid;\n};\n\nconst schemeNow = () => (dark.matches ? \"dark\" : \"light\");\n\nconst draw = async (figure) => {\n const source = figure.querySelector(\".diagram-source\").textContent;\n const scheme = schemeNow();\n const key = scheme + \":\" + source;\n if (!rendered.has(key)) {\n rendered.set(key, load().then((engine) => engine.render(\"diagram-\" + ++counter, source)).then((result) => result.svg));\n }\n try {\n const svg = await rendered.get(key);\n if (scheme !== schemeNow()) {\n rendered.delete(key);\n return;\n }\n figure.querySelector(\".diagram-svg\")?.remove();\n figure.insertAdjacentHTML(\"afterbegin\", '<div class=\"diagram-svg\">' + svg + \"</div>\");\n figure.dataset.state = \"drawn\";\n } catch (error) {\n rendered.delete(key);\n if (scheme !== schemeNow()) return;\n figure.querySelector(\".diagram-svg\")?.remove();\n figure.dataset.state = \"failed\";\n figure.dataset.error = String(error?.message ?? error);\n }\n};\n\nconst forget = (root) => {\n const shown = new Set([...root.querySelectorAll(\"figure.diagram .diagram-source\")].map((source) => source.textContent));\n for (const key of rendered.keys()) {\n if (!shown.has(key.slice(key.indexOf(\":\") + 1))) rendered.delete(key);\n }\n};\n\nexport const renderDiagrams = (root, selector = \"figure.diagram:not([data-state=drawn])\") => {\n forget(root);\n return Promise.all([...root.querySelectorAll(selector)].map(draw));\n};\n\ndark.addEventListener(\"change\", () => {\n mermaid = undefined;\n renderDiagrams(document, \"figure.diagram\");\n});\n";
|
|
2
|
+
//# sourceMappingURL=diagrams.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diagrams.d.ts","sourceRoot":"","sources":["../../src/page/diagrams.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,s2EAuEpB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
export const diagrams = `
|
|
2
|
+
const rendered = new Map();
|
|
3
|
+
const dark = matchMedia("(prefers-color-scheme: dark)");
|
|
4
|
+
let mermaid;
|
|
5
|
+
let counter = 0;
|
|
6
|
+
|
|
7
|
+
const token = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim();
|
|
8
|
+
|
|
9
|
+
const load = async () => {
|
|
10
|
+
mermaid ??= (await import("/_board/mermaid/mermaid.esm.min.mjs")).default;
|
|
11
|
+
mermaid.initialize({
|
|
12
|
+
startOnLoad: false,
|
|
13
|
+
securityLevel: "strict",
|
|
14
|
+
theme: "base",
|
|
15
|
+
themeVariables: {
|
|
16
|
+
darkMode: dark.matches,
|
|
17
|
+
background: token("--bg"),
|
|
18
|
+
primaryColor: token("--surface"),
|
|
19
|
+
primaryTextColor: token("--text"),
|
|
20
|
+
primaryBorderColor: token("--border"),
|
|
21
|
+
lineColor: token("--muted"),
|
|
22
|
+
textColor: token("--text"),
|
|
23
|
+
fontFamily: token("--sans"),
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
return mermaid;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const schemeNow = () => (dark.matches ? "dark" : "light");
|
|
30
|
+
|
|
31
|
+
const draw = async (figure) => {
|
|
32
|
+
const source = figure.querySelector(".diagram-source").textContent;
|
|
33
|
+
const scheme = schemeNow();
|
|
34
|
+
const key = scheme + ":" + source;
|
|
35
|
+
if (!rendered.has(key)) {
|
|
36
|
+
rendered.set(key, load().then((engine) => engine.render("diagram-" + ++counter, source)).then((result) => result.svg));
|
|
37
|
+
}
|
|
38
|
+
try {
|
|
39
|
+
const svg = await rendered.get(key);
|
|
40
|
+
if (scheme !== schemeNow()) {
|
|
41
|
+
rendered.delete(key);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
figure.querySelector(".diagram-svg")?.remove();
|
|
45
|
+
figure.insertAdjacentHTML("afterbegin", '<div class="diagram-svg">' + svg + "</div>");
|
|
46
|
+
figure.dataset.state = "drawn";
|
|
47
|
+
} catch (error) {
|
|
48
|
+
rendered.delete(key);
|
|
49
|
+
if (scheme !== schemeNow()) return;
|
|
50
|
+
figure.querySelector(".diagram-svg")?.remove();
|
|
51
|
+
figure.dataset.state = "failed";
|
|
52
|
+
figure.dataset.error = String(error?.message ?? error);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
const forget = (root) => {
|
|
57
|
+
const shown = new Set([...root.querySelectorAll("figure.diagram .diagram-source")].map((source) => source.textContent));
|
|
58
|
+
for (const key of rendered.keys()) {
|
|
59
|
+
if (!shown.has(key.slice(key.indexOf(":") + 1))) rendered.delete(key);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export const renderDiagrams = (root, selector = "figure.diagram:not([data-state=drawn])") => {
|
|
64
|
+
forget(root);
|
|
65
|
+
return Promise.all([...root.querySelectorAll(selector)].map(draw));
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
dark.addEventListener("change", () => {
|
|
69
|
+
mermaid = undefined;
|
|
70
|
+
renderDiagrams(document, "figure.diagram");
|
|
71
|
+
});
|
|
72
|
+
`;
|
|
73
|
+
//# sourceMappingURL=diagrams.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diagrams.js","sourceRoot":"","sources":["../../src/page/diagrams.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEvB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Effect } from "effect";
|
|
2
|
+
import type { MarkdownFile } from "../files/list.ts";
|
|
3
|
+
export declare const documentHtml: (source: string, file: MarkdownFile) => Effect.Effect<string, import("../render/failed.ts").RenderFailed, import("../render/highlighter.ts").Highlighter>;
|
|
4
|
+
//# sourceMappingURL=document.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../src/page/document.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,eAAO,MAAM,YAAY,2JAGvB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Effect } from "effect";
|
|
2
|
+
import { renderMarkdown } from "../render/markdown.js";
|
|
3
|
+
import { escapeHtml } from "./escape.js";
|
|
4
|
+
import { updated } from "./updated.js";
|
|
5
|
+
export const documentHtml = Effect.fn("WorkBoard.documentHtml")(function* (source, file) {
|
|
6
|
+
const html = yield* renderMarkdown(source);
|
|
7
|
+
return `<p class="meta">${escapeHtml(file.path)} · ${updated(file.modified)}</p><article class="doc">${html}</article>`;
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=document.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"document.js","sourceRoot":"","sources":["../../src/page/document.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAc,EAAE,IAAkB;IAC5G,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,mBAAmB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,4BAA4B,IAAI,YAAY,CAAC;AACzH,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"escape.d.ts","sourceRoot":"","sources":["../../src/page/escape.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,MAAsF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"escape.js","sourceRoot":"","sources":["../../src/page/escape.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAqC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAE3H,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAqBrD,eAAO,MAAM,OAAO,GAAI,OAAO,aAAa,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,KAAG,MAMvG,CAAC"}
|
package/dist/page/nav.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { escapeHtml } from "./escape.js";
|
|
2
|
+
const nameOf = (path) => path.slice(path.lastIndexOf("/") + 1).replace(/\.md$/, "");
|
|
3
|
+
const folderOf = (path) => path.slice(0, Math.max(0, path.lastIndexOf("/")));
|
|
4
|
+
const hrefOf = (path) => `/${path.split("/").map(encodeURIComponent).join("/")}`;
|
|
5
|
+
const link = (file, current) => {
|
|
6
|
+
const here = file.path === current ? ' aria-current="page"' : "";
|
|
7
|
+
const age = `<span class="age short" data-modified="${file.modified}"></span>`;
|
|
8
|
+
return `<a href="${hrefOf(file.path)}"${here}>${escapeHtml(nameOf(file.path))}</a>${age}`;
|
|
9
|
+
};
|
|
10
|
+
const folder = (name, files, current) => {
|
|
11
|
+
const links = files.map((file) => `<li>${link(file, current)}</li>`).join("");
|
|
12
|
+
const open = files.some((file) => file.path === current) ? " open" : "";
|
|
13
|
+
return `<details data-key="folder:${escapeHtml(name)}"${open}><summary>${escapeHtml(name)}/ (${files.length})</summary><ul>${links}</ul></details>`;
|
|
14
|
+
};
|
|
15
|
+
export const navHtml = (files, current, home) => {
|
|
16
|
+
const ordered = [...files.filter((file) => file.path === home), ...files.filter((file) => file.path !== home)];
|
|
17
|
+
const folders = Map.groupBy(ordered, (file) => (file.path === home ? "" : folderOf(file.path)));
|
|
18
|
+
return [...folders]
|
|
19
|
+
.map(([name, grouped]) => (name === "" ? grouped.map((file) => `<span>${link(file, current)}</span>`).join("") : folder(name, grouped, current)))
|
|
20
|
+
.join("");
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=nav.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/page/shell.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,KAAG,MAStD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { escapeHtml } from "./escape.js";
|
|
2
|
+
export const shell = (title, nav, main) => [
|
|
3
|
+
'<!doctype html><html lang="en"><head><meta charset="utf-8">',
|
|
4
|
+
'<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="light dark">',
|
|
5
|
+
`<title>${escapeHtml(title)}</title>`,
|
|
6
|
+
'<link rel="stylesheet" href="/_board/style.css"><script type="module" src="/_board/client.js"></script>',
|
|
7
|
+
'</head><body><div class="page"><header class="bar">',
|
|
8
|
+
`<nav id="files" class="files">${nav}</nav><span id="live" class="live">connecting</span></header>`,
|
|
9
|
+
`<main id="doc">${main}</main></div></body></html>`,
|
|
10
|
+
].join("");
|
|
11
|
+
//# sourceMappingURL=shell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../src/page/shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,IAAY,EAAU,EAAE,CACzE;IACC,6DAA6D;IAC7D,qHAAqH;IACrH,UAAU,UAAU,CAAC,KAAK,CAAC,UAAU;IACrC,yGAAyG;IACzG,qDAAqD;IACrD,iCAAiC,GAAG,+DAA+D;IACnG,kBAAkB,IAAI,6BAA6B;CACnD,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AA8EA,eAAO,MAAM,KAAK,QAA2C,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
const tokens = `
|
|
2
|
+
:root {
|
|
3
|
+
color-scheme: light dark;
|
|
4
|
+
--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
5
|
+
--mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
6
|
+
--bg: #ffffff; --surface: #f6f8fa; --text: #1f2328; --muted: #59636e; --border: #d1d9e0; --link: #0969da; --danger: #b3261e;
|
|
7
|
+
}
|
|
8
|
+
@media (prefers-color-scheme: dark) {
|
|
9
|
+
:root { --bg: #1e1e1e; --surface: #272727; --text: #e8e8e8; --muted: #a8a8a8; --border: #3d3d3d; --link: #58a6ff; --danger: #ff8a80; }
|
|
10
|
+
}
|
|
11
|
+
`;
|
|
12
|
+
const page = `
|
|
13
|
+
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 var(--sans); }
|
|
14
|
+
a { color: var(--link); }
|
|
15
|
+
.page { box-sizing: content-box; max-width: 72ch; margin: 0 auto; padding: 0 16px 64px; }
|
|
16
|
+
.bar { display: flex; align-items: flex-start; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
|
|
17
|
+
.files { flex: 1; display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; }
|
|
18
|
+
.files a { color: var(--text); text-decoration: none; }
|
|
19
|
+
.files a:hover, .files a[aria-current="page"] { color: var(--link); text-decoration: underline; }
|
|
20
|
+
.files details[open] { flex-basis: 100%; }
|
|
21
|
+
.files summary { cursor: pointer; color: var(--muted); }
|
|
22
|
+
.files ul { list-style: none; margin: 4px 0 8px; padding: 0 0 0 12px; border-left: 1px solid var(--border); }
|
|
23
|
+
.age { color: var(--muted); font: 12px var(--mono); margin-left: 6px; }
|
|
24
|
+
.live { color: var(--muted); font: 12px/1.9 var(--mono); }
|
|
25
|
+
.live[data-state="down"], .live[data-state="stale"] { color: var(--danger); }
|
|
26
|
+
.meta { color: var(--muted); font-size: 14px; margin: 0; }
|
|
27
|
+
.meta .age { margin: 0; }
|
|
28
|
+
`;
|
|
29
|
+
const prose = `
|
|
30
|
+
h1, h2, h3, h4 { font-weight: 600; line-height: 1.25; margin: 1.6em 0 0.5em; }
|
|
31
|
+
h1 { font-size: 1.9em; margin-top: 1em; }
|
|
32
|
+
h2 { font-size: 1.45em; }
|
|
33
|
+
h3 { font-size: 1.15em; }
|
|
34
|
+
h1 strong, h2 strong, h3 strong { font-weight: inherit; }
|
|
35
|
+
p, ul, ol, pre, table, blockquote, details, figure { margin: 0 0 1.1em; }
|
|
36
|
+
li + li { margin-top: 0.25em; }
|
|
37
|
+
.contains-task-list { list-style: none; padding-left: 0.4em; }
|
|
38
|
+
hr { border: 0; border-top: 1px solid var(--border); margin: 2em 0; }
|
|
39
|
+
blockquote { padding-left: 1em; border-left: 3px solid var(--border); color: var(--muted); }
|
|
40
|
+
code { font: 0.875em var(--mono); background: var(--surface); padding: 0.1em 0.35em; border-radius: 4px; overflow-wrap: anywhere; }
|
|
41
|
+
pre { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 12px 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
42
|
+
pre code { background: none; padding: 0; font-size: 0.85em; }
|
|
43
|
+
.shiki span { color: var(--shiki-light); }
|
|
44
|
+
@media (prefers-color-scheme: dark) { .shiki span { color: var(--shiki-dark); } }
|
|
45
|
+
table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 0.925em; }
|
|
46
|
+
th, td { text-align: left; vertical-align: top; padding: 6px 10px; border: 1px solid var(--border); }
|
|
47
|
+
tr:nth-child(2n) td { background: var(--surface); }
|
|
48
|
+
@media (max-width: 600px) { table { table-layout: fixed; } td, th { overflow-wrap: anywhere; } }
|
|
49
|
+
summary { cursor: pointer; color: var(--muted); }
|
|
50
|
+
details[open] > summary { margin-bottom: 0.5em; }
|
|
51
|
+
img, svg { max-width: 100%; height: auto; }
|
|
52
|
+
.empty { color: var(--muted); font-style: italic; }
|
|
53
|
+
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
|
|
54
|
+
`;
|
|
55
|
+
const board = `
|
|
56
|
+
.board-head .intro { color: var(--muted); }
|
|
57
|
+
.counts { margin: 0; }
|
|
58
|
+
.counts b { font-variant-numeric: tabular-nums; }
|
|
59
|
+
.board section { margin-top: 2.2em; }
|
|
60
|
+
.board section > h2 { margin: 0 0 0.2em; }
|
|
61
|
+
.item, .notes { padding: 0.9em 0 0.1em; border-top: 1px solid var(--border); }
|
|
62
|
+
.item > h3 { margin: 0 0 0.4em; }
|
|
63
|
+
.item > h3 > code:first-child { background: none; padding: 0; margin-right: 0.6em; color: var(--muted); font-weight: 400; }
|
|
64
|
+
footer { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.925em; }
|
|
65
|
+
`;
|
|
66
|
+
const diagrams = `
|
|
67
|
+
figure.diagram { margin-left: 0; margin-right: 0; }
|
|
68
|
+
figure.diagram[data-state="pending"] { min-height: 12rem; background: var(--surface); border-radius: 6px; }
|
|
69
|
+
figure.diagram .diagram-source { display: none; }
|
|
70
|
+
figure.diagram[data-state="failed"] .diagram-source { display: block; }
|
|
71
|
+
figure.diagram[data-state="failed"]::after { content: attr(data-error); color: var(--danger); font-size: 0.875em; }
|
|
72
|
+
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
|
|
73
|
+
`;
|
|
74
|
+
export const style = tokens + page + prose + board + diagrams;
|
|
75
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;;;;;;;;;;CAUd,CAAC;AAEF,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;CAgBZ,CAAC;AAEF,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyBb,CAAC;AAEF,MAAM,KAAK,GAAG;;;;;;;;;;CAUb,CAAC;AAEF,MAAM,QAAQ,GAAG;;;;;;;CAOhB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const swap = "\nconst containers = new Set([\"DIV\", \"SECTION\", \"ARTICLE\", \"HEADER\", \"FOOTER\", \"MAIN\", \"NAV\"]);\n\nconst structural = (element) => [...element.childNodes].every((node) => node.nodeType === 1 || node.textContent.trim() === \"\");\n\nconst pristine = new WeakMap();\n\nexport const remember = (element) => {\n pristine.set(element, element.outerHTML);\n if (containers.has(element.tagName)) for (const child of element.children) remember(child);\n};\n\nconst normalized = (element) => {\n const copy = element.cloneNode(true);\n for (const node of [copy, ...copy.querySelectorAll(\"*\")]) {\n if (node.tagName === \"DETAILS\") node.removeAttribute(\"open\");\n if (node.matches(\"figure.diagram\")) {\n node.querySelector(\".diagram-svg\")?.remove();\n node.dataset.state = \"pending\";\n delete node.dataset.error;\n }\n if (node.matches(\"[data-modified]\")) node.textContent = \"\";\n }\n return copy.outerHTML;\n};\n\nconst signature = (element) => {\n if (!pristine.has(element)) pristine.set(element, normalized(element));\n return pristine.get(element);\n};\n\nconst sameShell = (old, next) =>\n old.tagName === next.tagName && containers.has(old.tagName) && old.cloneNode(false).outerHTML === next.cloneNode(false).outerHTML;\n\nconst matches = (a, b) => {\n let start = 0;\n while (start < a.length && start < b.length && a[start] === b[start]) start++;\n let tail = 0;\n while (tail < a.length - start && tail < b.length - start && a[a.length - 1 - tail] === b[b.length - 1 - tail]) tail++;\n const n = a.length - start - tail;\n const m = b.length - start - tail;\n const table = Array.from({ length: n + 1 }, () => new Uint32Array(m + 1));\n for (let i = n - 1; i >= 0; i--) {\n for (let j = m - 1; j >= 0; j--) {\n table[i][j] = a[start + i] === b[start + j] ? table[i + 1][j + 1] + 1 : Math.max(table[i + 1][j], table[i][j + 1]);\n }\n }\n const pairs = Array.from({ length: start }, (_, index) => [index, index]);\n for (let i = 0, j = 0; i < n && j < m; ) {\n if (a[start + i] === b[start + j]) pairs.push([start + i++, start + j++]);\n else if (table[i + 1][j] >= table[i][j + 1]) i++;\n else j++;\n }\n for (let index = tail; index > 0; index--) pairs.push([a.length - index, b.length - index]);\n return [...pairs, [a.length, b.length]];\n};\n\nconst patch = (current, incoming) => {\n if (!structural(current) || !structural(incoming)) {\n current.replaceChildren(...incoming.childNodes);\n for (const child of current.children) remember(child);\n return;\n }\n const olds = [...current.children];\n const news = [...incoming.children];\n const signatures = news.map((next) => next.outerHTML);\n const arrive = (index) => {\n remember(news[index]);\n return news[index];\n };\n let i = 0;\n let j = 0;\n for (const [kept, arrived] of matches(olds.map(signature), signatures)) {\n const anchor = olds[kept] ?? null;\n for (; i < kept && j < arrived; i++, j++) {\n if (sameShell(olds[i], news[j])) {\n patch(olds[i], news[j]);\n pristine.set(olds[i], signatures[j]);\n } else olds[i].replaceWith(arrive(j));\n }\n for (; i < kept; i++) olds[i].remove();\n for (; j < arrived; j++) current.insertBefore(arrive(j), anchor);\n i++;\n j++;\n }\n};\n\nconst keysOf = (root) => {\n const seen = new Map();\n return [...root.querySelectorAll(\"details\")].map((details) => {\n const base =\n details.dataset.key ??\n (details.closest(\".item\")?.querySelector(\"h3\")?.textContent ?? \"\") + \"|\" + (details.querySelector(\"summary\")?.textContent ?? \"\");\n const count = seen.get(base) ?? 0;\n seen.set(base, count + 1);\n return [base + \"#\" + count, details];\n });\n};\n\nconst carryDrawings = (drawings, figures) => {\n if (drawings.length !== figures.length) return;\n figures.forEach((figure, index) => {\n const drawing = drawings[index];\n if (figure.dataset.state !== \"pending\" || drawing === null || drawing.isConnected) return;\n figure.prepend(drawing);\n figure.dataset.state = \"redrawing\";\n });\n};\n\nexport const swap = (current, incoming) => {\n const before = keysOf(current);\n const open = new Map(before.map(([key, details]) => [key, details.open]));\n const existing = new Set(before.map(([, details]) => details));\n const drawings = [...current.querySelectorAll(\"figure.diagram\")].map((figure) => figure.querySelector(\".diagram-svg\"));\n patch(current, incoming);\n carryDrawings(drawings, [...current.querySelectorAll(\"figure.diagram\")]);\n for (const [key, details] of keysOf(current)) {\n const was = open.get(key);\n if (was !== undefined && !existing.has(details)) details.open = was;\n }\n};\n";
|
|
2
|
+
//# sourceMappingURL=swap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/page/swap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,0pJAyHhB,CAAC"}
|