fix: code block copy button not working in offline mode (#53)

dist/base.html

@@ -250,7 +250,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.8ffeb9c9.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.1c0198ae.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

src/assets/javascripts/bundle.ts

@@ -30,6 +30,7 @@ import {
   NEVER,
   Observable,
   Subject,
+  catchError,
   defer,
   delay,
   filter,
@@ -111,6 +112,7 @@ function fetchSearchIndex(): Observable<SearchIndex> {
       .pipe(
         // @ts-ignore - @todo fix typings
         map(() => __index),
+        catchError(() => NEVER),
         shareReplay(1)
       )
   } else {

src/assets/javascripts/components/search/_/index.ts

@@ -40,7 +40,7 @@ import css from "../client/index.css"
 import { SearchIndex } from "../schema"
 import { configuration } from "~/_"
 import { h } from "~/utilities"
-import { watchToggle } from "~/browser"
+import { getElement, watchToggle } from "~/browser"
 
 /* ----------------------------------------------------------------------------
  * Types
@@ -97,27 +97,37 @@ export function mountSearch(
   shadow.appendChild(h("style", {}, css.toString()))
 
   // Setup search worker
-  setup(config.search, {
-    highlight: config.features.includes("search.highlight")
-  })
-  from(index$)
-    .subscribe(index => {
-      // Adjust base URLs of items
-      for (const item of index.items) {
-        item.location = new URL(item.location, config.base).toString()
-      }
-      mount(index, shadow)
+  try {
+    setup(config.search, {
+      highlight: config.features.includes("search.highlight")
+    })
+    from(index$)
+      .subscribe(index => {
+        // Adjust base URLs of items
+        for (const item of index.items) {
+          item.location = new URL(item.location, config.base).toString()
+        }
+        mount(index, shadow)
+      })
+
+    // Open search
+    fromEvent(el, "click").subscribe(() => {
+      open()
     })
 
-  // Open search
-  fromEvent(el, "click").subscribe(() => {
-    open()
-  })
-
-  // Open search on mobile
-  watchToggle("search")
-    .pipe(skip(1))
-    .subscribe(() => open())
+    // Open search on mobile
+    watchToggle("search")
+      .pipe(skip(1))
+      .subscribe(() => open())
+  } catch {
+    // Search could not be initialized - we're likely offline, and the offline
+    // plugin has not been included, so we just hide the search
+    el.hidden = true
+
+    // Also hide search button in mobile view
+    let button = getElement("label[for=__search]")
+    button.hidden = true
+  }
 
   // Return nothing
   return NEVER

src/assets/javascripts/integrations/instant/index.ts

@@ -25,6 +25,7 @@
 
 import {
   EMPTY,
+  NEVER,
   Observable,
   Subject,
   catchError,
@@ -268,7 +269,7 @@ export function setupInstantNavigation(
   { sitemap$, location$, viewport$, progress$ }: SetupOptions
 ): Observable<Document> {
   if (location.protocol === "file:")
-    return EMPTY
+    return NEVER
 
   // Since we might be on a slow connection, the user might trigger multiple
   // instant navigation events that overlap. MkDocs produces relative URLs for