Raycast extension to launch projects in Visual Studio Code

c.tsx

import { ActionPanel, showToast, ToastStyle, List, closeMainWindow } from "@raycast/api";
import fs from "fs";
import path from "path";
import { exec } from "child_process";
import untildify from "untildify";

type directories = {
  [key: string]: string;
};

export default function () {
  const directories = {
    "~/Work/OpenSource": "Open Source",
  } as directories;

  return (
    <List searchBarPlaceholder="Search for project…">
      {Object.keys(directories).map((directory) => (
        <List.Section key={directory} title={directories[directory]}>
          {fs
            .readdirSync(untildify(directory), {
              withFileTypes: true,
            })
            .filter((project) => project.isDirectory())
            .map((project) => project.name)
            .map((projectName) => {
              const projectDirectory = untildify(path.join(directory, projectName));
              const icon = { fileIcon: projectDirectory };

              return (
                <List.Item
                  key={projectName}
                  icon={icon}
                  title={projectName}
                  actions={
                    <ActionPanel>
                      <ActionPanel.Item
                        title="Open in Code"
                        onAction={async () => {
                          exec(`open -a 'Visual Studio Code' "${projectDirectory}"`, (err) => err && showToast(ToastStyle.Failure, err?.message));
                          await closeMainWindow({ clearRootSearch: true });
                        }}
                      />
                    </ActionPanel>
                  }
                />
              );
            })}
        </List.Section>
      ))}
    </List>
  );
}