diff options
| author | Omar Rizwan <omar@omar.website> | 2021-04-22 17:23:05 -0700 |
|---|---|---|
| committer | Omar Rizwan <omar@omar.website> | 2021-04-22 17:24:45 -0700 |
| commit | 4ed3736a6123133c745bc85e6ba77720fc48f3fc (patch) | |
| tree | a8cb318ce766499c0edcdd170bf8cd978376f573 /extension/background.js | |
| parent | e404d44985869544beceb4e9ea259f5cf3926a3a (diff) | |
| download | TabFS-4ed3736a6123133c745bc85e6ba77720fc48f3fc.tar.gz TabFS-4ed3736a6123133c745bc85e6ba77720fc48f3fc.zip | |
extension: add runtime/routes.html
Diffstat (limited to 'extension/background.js')
| -rw-r--r-- | extension/background.js | 34 |
1 files changed, 26 insertions, 8 deletions
diff --git a/extension/background.js b/extension/background.js index c885d45..d2e2ac8 100644 --- a/extension/background.js +++ b/extension/background.js @@ -613,9 +613,33 @@ Routes["/runtime/background.js"] = { } }; +Routes["/runtime/routes.html"] = routeWithContents(async () => { + return ` +<html> + <body> + <dl> + ${Object.entries(Routes).map(([path, {usage}]) => { + const usages = usage ? (Array.isArray(usage) ? usage : [usage]) : []; + return ` + <dt>${path}</dt> + <dd>Usage: + <ul> + ${usages.map(u => `<li>${u}</li>`).join('\n')} + </ul> + </dd> + `; + }).join('\n')} + </dl> + </body> +</html> +`; +}); + Routes["/runtime/background.js.html"] = routeWithContents(async () => { + // WIP const classes = [ - [/Routes\["[^\]]+"\] = /, 'route'] + [/Routes\["[^\]]+"\] = /, 'route'], + [/usage:/, 'usage'] ]; const js = await window.backgroundJS; @@ -645,12 +669,6 @@ Routes["/runtime/background.js.html"] = routeWithContents(async () => { </style> </head> <body> - <!-- <dl> - ${Object.entries(Routes).map(([a, b]) => ` - <dt>${a}</dt> - <dd>${b}</dd> - `).join('\n')} - </dl> --> <pre><code>${classedJs}</code></pre> <script> @@ -658,7 +676,7 @@ Routes["/runtime/background.js.html"] = routeWithContents(async () => { function render() { let y = 0; for (let line of lines) { - if (line.classList.contains('route') || line.dataset.expand == 'true') { + if (line.classList.contains('route') || line.classList.contains('usage')) { line.style.height = '15px'; line.style.transform = 'translate(0px, ' + y + 'px)'; y += 15; |