feat(explorer): integrate filter option

Ben Schlegel

2023-09-16 31d16fbd2c82380af586e458b2c1ff29b90b53ae

 quartz/components/ExplorerNode.tsx

@@ -1,5 +1,5 @@
// @ts-ignore
import { QuartzPluginData } from "vfile"
import { QuartzPluginData } from "../plugins/vfile"
import { resolveRelative } from "../util/path"

export interface Options {
@@ -8,6 +8,7 @@
  folderClickBehavior: "collapse" | "link"
  useSavedState: boolean
  sortFn: (a: FileNode, b: FileNode) => number
  filterFn?: (node: FileNode) => boolean
}

type DataWrapper = {
@@ -67,6 +68,25 @@
  }

  /**
   * Filter FileNode tree. Behaves similar to `Array.prototype.filter()`, but modifies tree in place
   * @param filterFn function to filter tree with
   */
  filter(filterFn: (node: FileNode) => boolean) {
    const filteredNodes: FileNode[] = []

    const traverse = (node: FileNode) => {
      if (filterFn(node)) {
        filteredNodes.push(node)
      }
      node.children.forEach(traverse)
    }

    traverse(this)

    this.children = filteredNodes
  }

  /**
   * Get folder representation with state of tree.
   * Intended to only be called on root node before changes to the tree are made
   * @param collapsed default state of folders (collapsed by default or not)