docs: fix examples

This commit is contained in:
Ben Schlegel 2023-09-17 21:32:23 +02:00
parent 6914d4b40c
commit 4afb099bf3
No known key found for this signature in database
GPG key ID: 8BDB8891C1575E22
2 changed files with 7 additions and 13 deletions

View file

@ -145,25 +145,19 @@ Component.Explorer({
### Remove list of elements (`filter`) ### Remove list of elements (`filter`)
Using this example, you can remove elements from your explorer by providing a list of folders/files using the `list` array. Using this example, you can remove elements from your explorer by providing an array of folders/files using the `omit` set.
```ts title="quartz.layout.ts" ```ts title="quartz.layout.ts"
Component.Explorer({ Component.Explorer({
filterFn: (node) => { filterFn: (node) => {
// list containing names of everything you want to filter out // set containing names of everything you want to filter out
const list = ["authoring content", "building your", "tags", "hosting"] const omit = new Set(["authoring content", "tags", "hosting"])
return omit.has(node.name.toLowerCase())
for (let listNodeName of list) {
if (listNodeName.toLowerCase() === node.name.toLowerCase()) {
return false // Found a match, so return false to filter out the node
}
}
return true // No match found, so return true to keep the node
}, },
}) })
``` ```
You can customize this by changing the entries of the `list` array. Simply add all folder or file names you want to remove to the array (case insensitive). You can customize this by changing the entries of the `omit` set. Simply add all folder or file names you want to remove.
## Advanced examples ## Advanced examples
@ -224,7 +218,7 @@ To fix this, we just changed around the order and apply the `sort` function befo
> You can then import them like this: > You can then import them like this:
> >
> ```ts title="quartz.layout.ts" > ```ts title="quartz.layout.ts"
> import { mapFn, filterFn, sortFn } from "./path/to/your/functions" > import { mapFn, filterFn, sortFn } from "./functions.ts"
> Component.Explorer({ > Component.Explorer({
> mapFn: mapFn, > mapFn: mapFn,
> filterFn: filterFn, > filterFn: filterFn,

View file

@ -82,7 +82,7 @@ export class FileNode {
/** /**
* Filter FileNode tree. Behaves similar to `Array.prototype.map()`, but modifies tree in place * Filter FileNode tree. Behaves similar to `Array.prototype.map()`, but modifies tree in place
* @param mapFn function to filter tree with * @param mapFn function to use for mapping over tree
*/ */
map(mapFn: (node: FileNode) => void) { map(mapFn: (node: FileNode) => void) {
mapFn(this) mapFn(this)