open-browse-window.js

import _ from "lodash"
import { formatBytes } from "./format" // https://gist.github.com/neysidev/71d6100023c4359a5cff256f2601c333

const openBrowseWindow = ({
  accept = [],
  multiple = false,
  onChange = () => {},
}) => {
  // Initialize the file input
  const input = document.createElement("input")
  input.type = "file"
  input.multiple = multiple
  input.accept = accept.join(",")

  // Add the event listener
  input.addEventListener("change", event => {
    // convert file list to array
    const filesArray = _.toArray(event.target.files)

    const files = filesArray.map(file => ({
      ...file,
      size: formatBytes(file.size),
      extension: file.name.split(".").at(-1),
      url: URL.createObjectURL(file),
    }))

    onChange(files)
  })

  // Open the file input
  input.click()
}