Link to regex-to-strings demo

wimpyprogrammer · wimpyprogrammer · commit 7e99feadc3eb · 2019-09-16T22:09:39.000-05:00
Generate a link to reverse the Regular Expression into its source
strings.
diff --git a/demo/index.html b/demo/index.html
@@ -149,6 +149,9 @@
 						class="form-control js-output"
 						rows="1"
 					></textarea>
+					<a class="form-text js-link-expand" href="javascript:void(0)">
+						Expand expression with <code>regex-to-strings</code>
+					</a>
 				</div>
 			</section>
 
diff --git a/demo/src/demo.ts b/demo/src/demo.ts
@@ -14,8 +14,18 @@ const $delimiter = getElement<HTMLSelectElement>('.js-delimiter');
 const $caseSensitive = getElement<HTMLInputElement>('.js-case');
 const $trim = getElement<HTMLInputElement>('.js-trim');
 const $output = getElement<HTMLTextAreaElement>('.js-output');
+const $expandLink = getElement<HTMLAnchorElement>('.js-link-expand');
 const $submit = getElement<HTMLButtonElement>('.js-generate');
 
+function generateExpandUrl(delimiter: string, pattern: RegExp): URL {
+	const query = new URLSearchParams({
+		delimiter,
+		numResults: '500',
+		pattern: pattern.toString(),
+	});
+	return new URL(`https://www.wimpyprogrammer.com/regex-to-strings/?${query}`);
+}
+
 function generatePattern(words: string): RegExp {
 	const delimiter = $delimiter.options[$delimiter.selectedIndex].value;
 	const isCaseSensitive = $caseSensitive.checked;
@@ -58,6 +68,9 @@ function onClickGenerate(): void {
 	const words = $input.value;
 	const pattern = generatePattern(words);
 	displayPattern(pattern);
+
+	const delimiter = $delimiter.options[$delimiter.selectedIndex].value;
+	$expandLink.href = generateExpandUrl(delimiter, pattern).toString();
 }
 $submit.addEventListener('click', onClickGenerate);
 
@@ -73,4 +86,7 @@ autoExpandTextarea($output);
 	$input.dispatchEvent(new Event('input'));
 	const pattern = generatePattern(exampleInput);
 	displayPattern(pattern);
+
+	const delimiter = $delimiter.options[$delimiter.selectedIndex].value;
+	$expandLink.href = generateExpandUrl(delimiter, pattern).toString();
 })();
