Write a Script with Script Kit to Browse Hacker News

Instantly Launch Chrome Dev Tools with Script Kit

Control Chrome From Script Kit using Apple Events

Manipulate Images With Drag and Drop in Script Kit

List and Launch Dev Projects with Script Kit

Apply Title Case to Text Anywhere Using Script Kit

Save Chrome Tabs in a Markdown File and Take Notes with Script Kit

Scrape a Website on a Schedule with Script Kit

Build a Multi-Tab Todos App in Script Kit

Script Kit Showcase for Optimizing Your Everyday Workflows

Developers often keep their dev projects in a specific directory like "dev", "projects", or something similar. Script Kit allows you quickly read all the files of any directory then display them in a list so you can open them in your editor.


[Install open-project](https://scriptkit.com/api/new?name=open-project&url=https://gist.githubusercontent.com/johnlindquist/91cf994e450ecd5d45bce9aef9b345a1/raw/880be2d827b9602afe59d4e230e6753288f5bbb8/open-project.js")

```js
// Name: Open Project

import "@johnlindquist/kit"

let dirs = await readdir(home("dev"))

let selectedDir = await arg(
  "Open Project:",
  dirs.map(dir => ({
    name: dir,
    description: home("dev", dir),
    value: home("dev", dir),
  }))
)

edit(selectedDir)
```

https://app.egghead.io/api/v1/lessons/script-kit-list-and-launch-dev-projects-with-script-kit/subtitles

John Lindquist: [0:00] Create a script called open project. We'll hit Enter. That launches the script in VS Code. I keep all of my projects in a directory called home inside of the dev folder. If you look at home dev, you'll see that, we'll run this real quick, it resolves to users John Lindquist/div.

[0:20] We'll go ahead and read that directory and find all of the directories inside of there. Let's pop those directories into an arg. We'll call this open project, then pass in our ders. Then run open project again. You can see a list of the projects I currently have in my dev directory.

[0:44] I can obviously type in filter down to select the project that I want. To provide a bit more information, we can map on this so that the choice is an object with a name of der and a description of home dev der.

[1:01] That way, when we run this, you'll see the full path beneath that, which would definitely help if we're scanning multiple directories. We're also going to add the value here. If you don't add the value, it'll pass back the entire object.

[1:15] We will add the value of that home dev der so that once you hit Enter, the value that comes out of our would be the selected der. Then we just have to pass selected der into edit. We'll say, edit selected der. It's saved there, and open project.

[1:33] We'll go ahead and open electron builder. You can see it fires open my selected editor with the directory we selected.

List and Launch Dev Projects with Script Kit

Share this video with your friends

Course

Script Kit Showcase for Optimizing Your Everyday Workflows