Finished search and moved components to setup functions

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

@@ -0,0 +1,106 @@
+/*
+ * Copyright (c) 2016-2019 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+import { Observable, OperatorFunction, combineLatest, pipe } from "rxjs"
+import { map, shareReplay } from "rxjs/operators"
+
+import { switchMapIf } from "extensions"
+import { Agent, getElements } from "utilities"
+
+import { Header } from "../../header"
+import {
+  Main,
+  Sidebar,
+  paintSidebar,
+  watchSidebar
+} from "../../main"
+import {
+  AnchorList,
+  paintAnchorList,
+  watchAnchorList
+} from "../anchor"
+
+/* ----------------------------------------------------------------------------
+ * Types
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Table of contents
+ */
+export interface TableOfContents {
+  sidebar: Sidebar                     /* Sidebar */
+  anchors: AnchorList                  /* Anchor list */
+}
+
+/* ----------------------------------------------------------------------------
+ * Helper types
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Options
+ */
+interface Options {
+  header$: Observable<Header>          /* Header observable */
+  main$: Observable<Main>              /* Main observable */
+}
+
+/* ----------------------------------------------------------------------------
+ * Functions
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Setup table of contents from source observable
+ *
+ * @param agent - Agent
+ * @param options - Options
+ *
+ * @return Operator function
+ */
+export function setupTableOfContents(
+  agent: Agent, { header$, main$ }: Options
+): OperatorFunction<HTMLElement, TableOfContents> {
+  const { media } = agent
+  return pipe(
+    switchMapIf(media.tablet$, el => {
+
+      /* Watch and paint sidebar */
+      const sidebar$ = watchSidebar(el, agent, { main$ })
+        .pipe(
+          paintSidebar(el)
+        )
+
+      /* Watch and paint anchor list (scroll spy) */
+      const els = getElements<HTMLAnchorElement>(".md-nav__link", el)
+      const anchors$ = watchAnchorList(els, agent, { header$ })
+        .pipe(
+          paintAnchorList(els)
+        )
+
+      /* Combine into a single hot observable */
+      return combineLatest([sidebar$, anchors$])
+        .pipe(
+          map(([sidebar, anchors]) => ({ sidebar, anchors }))
+        )
+    }),
+    shareReplay(1)
+  )
+}