refined-github · fregante · Apr 14, 2023 · Apr 9, 2023 · Apr 9, 2023 · Apr 9, 2023
diff --git a/collector.ts b/collector.ts
@@ -1,6 +1,6 @@
 /** @file This needs to be in a separate file so it can bee tree-shaken before being published, while still being importable by tests */
 
-const testableUrls = new Map<string, string[]>();
+export const testableUrls = new Map<string, string[]>();
 
 export function addTests(test: string, urls: string[]): void {
 	// @ts-expect-error KISS for Vite

diff --git a/demo/Detections.svelte b/demo/Detections.svelte
@@ -0,0 +1,30 @@
+<script>
+	import * as urlDetection from '../index';
+	import { getTests } from '../collector';
+</script>
+
+<style>
+	pre, code {
+		white-space: nowrap;
+	}
+	pre a {
+		color: inherit;
+	}
+</style>
+{#each Object.keys(urlDetection) as name}
+	{#if !name.startsWith('_') && name !== 'utils'}
+		<h2 id={name}><a href="#{name}">{name}</a></h2>
+		{@const urls = getTests(name)}
+		{#if urls[0] === 'combinedTestOnly'}
+			<p><em>Demo URLs missing</em></p>
+			{:else if urls.length === 0}
+			<p><em>Undeterminable via URL</em></p>
+		{:else}
+			<pre><code>
+				{#each urls as url}
+					<a href="/?url={encodeURIComponent(url)}">{url}</a><br>
+				{/each}
+			</code></pre>
+		{/if}
+	{/if}
+{/each}
diff --git a/demo/App.svelte → demo/Index.svelte b/demo/App.svelte → demo/Index.svelte
@@ -1,8 +1,7 @@
 <script>
-
 	import parseUrl from './parse-url.js';
 	import * as urlDetection from '../index';
-	import { getAllUrls } from '../collector';
+	import { getAllUrls, testableUrls } from '../collector';
 
 	const defaultUrl = 'https://github.com/refined-github/github-url-detection';
 	const urlParameter = new URLSearchParams(location.search);
@@ -75,6 +74,10 @@
 	.undefined {
 		color: gray;
 	}
+
+	pre a {
+		color: inherit;
+	}
 </style>
 
 <label>
@@ -99,7 +102,7 @@
 		{#each detections as {name, detect, result} (name)}
 				{#if detect}
 					<div class={String(result)}>
-					{name}(url) // <span>{String(result)}</span></div>
+					<a href="/detections.html#{name}">{name}</a>(url) // <span>{String(result)}</span></div>
 				{:else}
 					<div class="undefined">
 					{name}() // undeterminable via URL</div>

diff --git a/demo/detections.html b/demo/detections.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link
+			rel="stylesheet"
+			href="https://unpkg.com/chota@0.7.2/dist/chota.min.css"
+		/>
+		<meta name="viewport" content="width=device-width,initial-scale=1" />
+
+		<title>`github-url-detection` detections</title>
+
+		<link rel="stylesheet" href="global.css" />
+		<script defer type="module" src="detections.js"></script>
+	</head>
+
+	<body>
+		<h1>
+			<a href="https://github.com/refined-github/github-url-detection">
+				refined-github/github-url-detection
+			</a>
+		</h1>
+		<main class="container">
+		</main>
+	</body>
+</html>
diff --git a/demo/detections.js b/demo/detections.js
@@ -0,0 +1,7 @@
+import Detections from './Detections.svelte';
+
+const app = new Detections({
+	target: document.querySelector('main'),
+});
+
+export default app;
diff --git a/demo/index.html b/demo/index.html
@@ -11,7 +11,7 @@
 		<title>`github-url-detection` npm module testing ground</title>
 
 		<link rel="stylesheet" href="global.css" />
-		<script defer type="module" src="main.js"></script>
+		<script defer type="module" src="index.js"></script>
 	</head>
 
 	<body>

diff --git a/demo/main.js → demo/index.js b/demo/main.js → demo/index.js
@@ -1,6 +1,6 @@
-import App from './App.svelte';
+import Index from './Index.svelte';
 
-const app = new App({
+const app = new Index({
 	target: document.querySelector('main'),
 });
 

diff --git a/demo/vite.config.ts b/demo/vite.config.ts
@@ -1,7 +1,19 @@
+import {resolve} from 'node:path';
+import * as url from 'node:url';
 import {defineConfig} from 'vite';
 import {svelte} from '@sveltejs/vite-plugin-svelte';
 
+const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
+
 export default defineConfig({
 	base: '',
 	plugins: [svelte()],
+	build: {
+		rollupOptions: {
+			input: {
+				main: resolve(__dirname, 'index.html'),
+				nested: resolve(__dirname, 'detections.html'),
+			},
+		},
+	},
 });