From acdf88153c6c8d14a64cfd8dbe679c73c438a8fa Mon Sep 17 00:00:00 2001
From: Gerben <gerben@treora.com>
Date: Thu, 20 Aug 2020 13:55:58 +0200
Subject: [PATCH] Export applyFragDir() for browser console use.

---
 demo.html       |  7 +++++++
 src/polyfill.ts | 19 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/demo.html b/demo.html
index 3c2966b..1b21756 100644
--- a/demo.html
+++ b/demo.html
@@ -4,6 +4,13 @@
         <meta charset="utf-8"/>
         <title>Text Fragments playground</title>
         <script src="./lib/polyfill.js" type="module"></script>
+        <script>
+            (async function () {
+                const { applyFragDir } = await import('./lib/polyfill.js');
+                globalThis.applyFragDir = applyFragDir;
+                console.log(`You can try out fragment directives using applyFragDir(…); e.g. applyFragDir(':~:text=bla')`);
+            })();
+        </script>
         <style>
             body {
                 margin: 0;
diff --git a/src/polyfill.ts b/src/polyfill.ts
index f548d3f..e410831 100644
--- a/src/polyfill.ts
+++ b/src/polyfill.ts
@@ -13,12 +13,18 @@ import {
 } from './index.js';
 
 function run(): void {
-    const { documentUrl, documentFragmentDirective } = initializeDocumentFragmentDirective(window.document) ?? {};
+    const { documentUrl, documentFragmentDirective } = initializeDocumentFragmentDirective(document) ?? {};
     if (documentUrl !== document.URL) {
         // We could change the location to hide the fragment directive from the fragment, as the spec prescribes; however this would also hide it from the user (and could trigger other event listeners).
         // document.location.replace(documentUrl);
     }
+    applyFragmentDirective({ document, documentFragmentDirective });
+}
 
+function applyFragmentDirective({ document, documentFragmentDirective } : {
+    document: Document,
+    documentFragmentDirective: string | null,
+}): void {
     if (documentFragmentDirective !== null) {
         const { documentIndicatedPart, ranges } = indicatedPartOfTheDocument_beginning({
             document,
@@ -80,3 +86,14 @@ function install(): void {
 }
 
 install();
+
+// A small tool to use from e.g. the browser console.
+export function applyFragDir(fragmentDirective: string) {
+    if (typeof fragmentDirective !== 'string' || !fragmentDirective.includes(':~:'))
+        throw new TypeError('Expected a fragment directive string, e.g. ":~:text=bla&text=blub"');
+    fragmentDirective = fragmentDirective.substring(fragmentDirective.indexOf(':~:') + 3);
+    applyFragmentDirective({
+        document,
+        documentFragmentDirective: fragmentDirective,
+    });
+}