Select a Path

[johnlindquist]

Select a Path

// Name: Select a Path

import "@johnlindquist/kit"

let filePath = await path()

await div(md(`You selected ${filePath}`))

Open select-a-path in Script Kit

Select a Path with Options

// Name: Select a Path with Options

import "@johnlindquist/kit"

await path({
  hint: `Select a path containing JS files`,
  onlyDirs: true,
  onChoiceFocus: async (input, { focused }) => {
    let focusedPath = focused.value
    try {
      let files = await readdir(focusedPath)
      let hasJS = files.find(f => f.endsWith(".js"))

      setPreview(
        md(
          `${
            hasJS ? "✅ Found" : "🔴 Didn't find"
          } JS files`
        )
      )
    } catch (error) {
      log(error)
    }
  },
})

Open select-a-path-with-options in Script Kit

Drag and Drop

// Name: Drop Example

import "@johnlindquist/kit"

// Note: Dropping one or more files returns an array of file information
// Dropping text or an image from the browser returns a string
let fileInfos = await drop()

let filePaths = fileInfos.map(f => f.path).join(",")

await div(md(filePaths))

Open drop-example in Script Kit

Select from Finder Prompts

// Name: Select from Finder Prompt

import "@johnlindquist/kit"

let filePath = await selectFile()

let folderPath = await selectFolder()

await div(md(`You selected ${filePath} and ${folderPath}`))

Open select-from-finder-prompt in Script Kit

[jbranchaud]

I ran into some confusion / odd-to-me behavior while trying out path() with an argument. It is possible that I'm not specifying the option correctly. I wanted to specify a path relative to my home directory (~/code/til). That didn't seem to work, so I ended up using the absolute path. Here is a video demonstrating the behavior. The format might be a little weird as I was half in the mindset of demonstrating the behavior and half in the mindset of recording a screencast.

figuring-out-path.mp4

[johnlindquist]

Definitely a bug. I'll get it sorted ASAP

[johnlindquist]

@jbranchaud if you append a final / to your absolute path, do you still experience the same bug? The logic for listing files in a directory is essentially "did the number of slashes change?".

[jbranchaud]

@johnlindquist I tried both of these variants (with and without home) and I got the same buggy behavior.

// let tilDir = home("code", "til/");
let tilDir = "/Users/jbranchaud/code/til/";
let filepath = await path(tilDir);

[jbranchaud]

@johnlindquist I'm realizing this isn't the best place to be reporting this issue. If it would be helpful, I can raise this in an actual Issue.

[johnlindquist]

@jbranchaud #950