Question: how to include the file where using findDown

[incompletude]

From what I understand, findDown does not include the buffer. What is the proper way to find files including its buffer? Should I use read?

  const files = await findDown(".mdx", "src/posts")

Thx

[wooorm]

to-vfile can populate vfiles.

[incompletude]

It is a weird implementation since i already have a vfile.

[wooorm]

No it’s not.
vfile-find-* are explicitly designed to not read all the files you might not need.

[incompletude]

Something like this:

import { read } from "to-vfile"
import { findDown } from "vfile-find-down"

const load = async () => {
  const files = await findDown(".mdx", "src/posts")
  const paths = files.map((f) => f.path)

  for (const path of paths) {
    const file = await read(path, "utf8")
    console.log(file)
  }
}

load()

I think it is kinda weird because i already have vfiles but I have to get them all over again and dump the first files variables entirely. If find-down had a flag to include the files it would avoid this. but i know nothing so...

[wooorm]

You are missing the docs for the trees:

import { read } from "to-vfile"
import { findDown } from "vfile-find-down"

const files = await findDown(".mdx", "src/posts")
await Promise.all(files.map((f) => { read(f) }))

[incompletude]

now it makes sense thx for your time

[incompletude]

it works, thx for the lib

import { GradientVariant } from "emotion"
import { read } from "to-vfile"
import { VFile } from "vfile"
import { findDown } from "vfile-find-down"
import { matter } from "vfile-matter"

export interface Project {
  id: string
  type: "project"
  title: string
  subtitle: string
  image: string
  color: GradientVariant
  createdAt: string
  updatedAt: string
}

export interface Post {
  id: string
  type: "post"
  title: string
  subtitle: string
  image: string
  color: GradientVariant
  createdAt: string
  updatedAt: string
}

type PostType = "project" | "post"

type ObjectType<T> = T extends "project" ? Project : T extends "post" ? Post : never

let instance: Promise<VFile[]> | undefined

const initialize = async () => {
  const files = await findDown(".mdx", "src/posts")

  return Promise.all(
    files.map(async (f) => {
      await read(f, "utf8")

      matter(f)

      return f
    }),
  )
}

const findMany = async <T extends PostType>(type: T) => {
  if (!instance) {
    instance = initialize()
  }

  const files = await instance

  return files
    .filter((f) => (f.data.matter as any).type === type)
    .sort((a, b) => (new Date((a.data.matter as any).createdAt).getTime() > new Date((b.data.matter as any).createdAt).getTime() ? -1 : 1))
    .map((f) => f.data.matter) as ObjectType<T>[]
}

const Mdx = {
  findMany,
}

export { Mdx }