John Lindquist

// Name: Get GitHub Commits Messages Since Tag
// Description: Get all commit messages since a tag
// Author: John Lindquist
// Twitter: @johnlindquist

import "@johnlindquist/kit"

let { Octokit } = await import("@octokit/rest")

let ownerRepo = await arg("Enter username/repo. Example: johnlindquist/kit")
let [owner, repo] = ownerRepo.split("/")
let tag = await arg("Tag. Example: v1.54.53")

let client = new Octokit({
  auth: await env("GITHUB_PERSONAL_ACCESS_TOKEN"),
})

let page = 1
let hasMorePages = true
let messages = []

let ref = null
let tagPage = 1
while (!ref) {
  let listTags = await client.repos.listTags({
    owner,
    repo,
    per_page: 100,
    name: tag,
    page: tagPage,
  })

  tagPage++
  ref = listTags.data.find(t => t.name === tag).commit.sha
}

let commit = await client.repos.getCommit({
  owner,
  repo,
  ref,
})

let since = commit.data.commit.author.date

while (hasMorePages) {
  let data = await client.repos.listCommits({
    owner,
    repo,
    since,
    per_page: 100,
    page: page,
  })

  hasMorePages = data.data.length === 100
  messages = messages.concat(data.data.map(c => c.commit.message))

  page++
}

let text = messages.join("\n\n")

if (env?.["GITHUB_SCRIPTKIT_TOKEN"]) {
  let response = await createGist(text, {
    description: `Commit messages since ${tag}`,
    isPublic: false,
    fileName: "commit-messages.txt",
  })

  open(response.html_url)

  debugger
} else {
  await editor(text)
}

// Name: Open Recent VS Code Project

import "@johnlindquist/kit"
import { URL, fileURLToPath } from "url"

// /Users/johnlindquist/Library/Application Support/Code/User/globalStorage/state.vscdb
let filename = home("Library", "Application Support", "Code", "User", "globalStorage", "state.vscdb")
// windows path not tested, just guessing
if (isWin) filename = home("AppData", "Roaming", "Code", "User", "globalStorage", "state.vscdb")
let { default: sqlite3 } = await import("sqlite3")
let { open } = await import("sqlite")

const db = await open({
  filename,
  driver: sqlite3.Database,
})

let key = `history.recentlyOpenedPathsList`
let table = `ItemTable`

let result = await db.get(`SELECT * FROM ${table} WHERE key = '${key}'`)
let recentPaths = JSON.parse(result.value)
recentPaths = recentPaths.entries
  .map(e => e?.folderUri)
  .filter(Boolean)
  .map(uri => fileURLToPath(new URL(uri)))

let recentPath = await arg("Open a recent path", recentPaths)
hide()
await exec(`code ${recentPath}`)

// Name: Paste Clipboard Image as Cloudinary Markdown URL
// Shortcut: opt shift v

import "@johnlindquist/kit"

let buffer = await clipboard.readImage()

if (buffer && buffer.length) {
  let { default: cloudinary } = await npm("cloudinary")

  cloudinary.config({
    cloud_name: await env("CLOUDINARY_CLOUD_NAME"),
    api_key: await env("CLOUDINARY_API_KEY"),
    api_secret: await env("CLOUDINARY_API_SECRET"),
  })

  let response = await new Promise((response, reject) => {
    let cloudStream = cloudinary.v2.uploader.upload_stream(
      {
        folder: "clipboard",
      },
      (error, result) => {
        if (error) {
          reject(error)
        } else {
          response(result)
        }
      }
    )

    new Readable({
      read() {
        this.push(buffer)
        this.push(null)
      },
    }).pipe(cloudStream)
  })

  log(response)

  // format however you want
  let markdown = `![${response.url}](${response.url})`
  await setSelectedText(markdown)
} else {
  await div(md(`# No Image in Clipboard`))
}

// Name: Silent Mention
// Shortcut: opt x

import "@johnlindquist/kit"

let makeSilent = (str: string) =>
  str.replace(/[.#@]/g, m => m + "\u2060")

let text =
  (await getSelectedText()) ||
  (await arg("Enter text to silent"))

let silentText = makeSilent(text)
await setSelectedText(silentText)

// Name: Screenshot Current Tweet

import "@johnlindquist/kit"

const { chromium }: typeof import("playwright") = await npm(
  "playwright"
)

let url = await getActiveTab()
let timeout = 5000
let headless = false

const browser = await chromium.launch({
  timeout,
  headless,
})

const context = await browser.newContext({
  colorScheme: "dark",
})
const page = await context.newPage()
page.setDefaultTimeout(timeout)

await page.goto(url)

let screenshotPath = home(
  "Downloads",
  path.parse(url).name + ".png"
)

try {
  await page
    .locator("article[tabindex='-1']")
    .screenshot({ path: screenshotPath })
  await revealFile(screenshotPath)
  log(`Done`)
} catch (error) {
  log(error)
}

await browser.close()

sl y

// Name: Sleep on Shortcode
// Shortcode: sl

import "@johnlindquist/kit"

let confirm = await arg({
  placeholder: `Sleep system?`,
// Script Kit parses hints and assigns single key shortcuts to single letters inside of []
  hint: `[y]/[n]`,
})

if (confirm === "y") {
  sleep()
}

// Name: Theme Creator

// This will create a file at ~/.kenv/theme.txt
// Edit the file, then hit save to update the theme

import "@johnlindquist/kit"

let themePath = kenvPath("theme.txt")

if (!(await isFile(themePath))) {
  let defaultTheme = `
--color-primary: 255, 155, 255
--color-secondary: 255, 113, 39
--color-background: 255, 255, 255
    `.trim()

  await writeFile(themePath, defaultTheme)
}

await edit(themePath)

let { watch } = await npm("chokidar")

setIgnoreBlur(true)
let mS = mainScript()

watch(themePath).on("change", async () => {
  let contents = await readFile(themePath, "utf-8")

  let theme = contents.split("\n").reduce((acc, line) => {
    let [k, v] = line.trim().split(":")
    acc[k.trim()] = v.trim()
    return acc
  }, {})

  setTheme(theme)
})

await mS

// Name: Get Tailwind Color

import "@johnlindquist/kit"

let nearestColor = await npm("nearest-color")

const colors = {
  black: "#000",
  white: "#fff",
  slate: {
    50: "#f8fafc",
    100: "#f1f5f9",
    200: "#e2e8f0",
    300: "#cbd5e1",
    400: "#94a3b8",
    500: "#64748b",
    600: "#475569",
    700: "#334155",
    800: "#1e293b",
    900: "#0f172a",
  },
  gray: {
    50: "#f9fafb",
    100: "#f3f4f6",
    200: "#e5e7eb",
    300: "#d1d5db",
    400: "#9ca3af",
    500: "#6b7280",
    600: "#4b5563",
    700: "#374151",
    800: "#1f2937",
    900: "#111827",
  },
  zinc: {
    50: "#fafafa",
    100: "#f4f4f5",
    200: "#e4e4e7",
    300: "#d4d4d8",
    400: "#a1a1aa",
    500: "#71717a",
    600: "#52525b",
    700: "#3f3f46",
    800: "#27272a",
    900: "#18181b",
  },
  neutral: {
    50: "#fafafa",
    100: "#f5f5f5",
    200: "#e5e5e5",
    300: "#d4d4d4",
    400: "#a3a3a3",
    500: "#737373",
    600: "#525252",
    700: "#404040",
    800: "#262626",
    900: "#171717",
  },
  stone: {
    50: "#fafaf9",
    100: "#f5f5f4",
    200: "#e7e5e4",
    300: "#d6d3d1",
    400: "#a8a29e",
    500: "#78716c",
    600: "#57534e",
    700: "#44403c",
    800: "#292524",
    900: "#1c1917",
  },
  red: {
    50: "#fef2f2",
    100: "#fee2e2",
    200: "#fecaca",
    300: "#fca5a5",
    400: "#f87171",
    500: "#ef4444",
    600: "#dc2626",
    700: "#b91c1c",
    800: "#991b1b",
    900: "#7f1d1d",
  },
  orange: {
    50: "#fff7ed",
    100: "#ffedd5",
    200: "#fed7aa",
    300: "#fdba74",
    400: "#fb923c",
    500: "#f97316",
    600: "#ea580c",
    700: "#c2410c",
    800: "#9a3412",
    900: "#7c2d12",
  },
  amber: {
    50: "#fffbeb",
    100: "#fef3c7",
    200: "#fde68a",
    300: "#fcd34d",
    400: "#fbbf24",
    500: "#f59e0b",
    600: "#d97706",
    700: "#b45309",
    800: "#92400e",
    900: "#78350f",
  },
  yellow: {
    50: "#fefce8",
    100: "#fef9c3",
    200: "#fef08a",
    300: "#fde047",
    400: "#facc15",
    500: "#eab308",
    600: "#ca8a04",
    700: "#a16207",
    800: "#854d0e",
    900: "#713f12",
  },
  lime: {
    50: "#f7fee7",
    100: "#ecfccb",
    200: "#d9f99d",
    300: "#bef264",
    400: "#a3e635",
    500: "#84cc16",
    600: "#65a30d",
    700: "#4d7c0f",
    800: "#3f6212",
    900: "#365314",
  },
  green: {
    50: "#f0fdf4",
    100: "#dcfce7",
    200: "#bbf7d0",
    300: "#86efac",
    400: "#4ade80",
    500: "#22c55e",
    600: "#16a34a",
    700: "#15803d",
    800: "#166534",
    900: "#14532d",
  },
  emerald: {
    50: "#ecfdf5",
    100: "#d1fae5",
    200: "#a7f3d0",
    300: "#6ee7b7",
    400: "#34d399",
    500: "#10b981",
    600: "#059669",
    700: "#047857",
    800: "#065f46",
    900: "#064e3b",
  },
  teal: {
    50: "#f0fdfa",
    100: "#ccfbf1",
    200: "#99f6e4",
    300: "#5eead4",
    400: "#2dd4bf",
    500: "#14b8a6",
    600: "#0d9488",
    700: "#0f766e",
    800: "#115e59",
    900: "#134e4a",
  },
  cyan: {
    50: "#ecfeff",
    100: "#cffafe",
    200: "#a5f3fc",
    300: "#67e8f9",
    400: "#22d3ee",
    500: "#06b6d4",
    600: "#0891b2",
    700: "#0e7490",
    800: "#155e75",
    900: "#164e63",
  },
  sky: {
    50: "#f0f9ff",
    100: "#e0f2fe",
    200: "#bae6fd",
    300: "#7dd3fc",
    400: "#38bdf8",
    500: "#0ea5e9",
    600: "#0284c7",
    700: "#0369a1",
    800: "#075985",
    900: "#0c4a6e",
  },
  blue: {
    50: "#eff6ff",
    100: "#dbeafe",
    200: "#bfdbfe",
    300: "#93c5fd",
    400: "#60a5fa",
    500: "#3b82f6",
    600: "#2563eb",
    700: "#1d4ed8",
    800: "#1e40af",
    900: "#1e3a8a",
  },
  indigo: {
    50: "#eef2ff",
    100: "#e0e7ff",
    200: "#c7d2fe",
    300: "#a5b4fc",
    400: "#818cf8",
    500: "#6366f1",
    600: "#4f46e5",
    700: "#4338ca",
    800: "#3730a3",
    900: "#312e81",
  },
  violet: {
    50: "#f5f3ff",
    100: "#ede9fe",
    200: "#ddd6fe",
    300: "#c4b5fd",
    400: "#a78bfa",
    500: "#8b5cf6",
    600: "#7c3aed",
    700: "#6d28d9",
    800: "#5b21b6",
    900: "#4c1d95",
  },
  purple: {
    50: "#faf5ff",
    100: "#f3e8ff",
    200: "#e9d5ff",
    300: "#d8b4fe",
    400: "#c084fc",
    500: "#a855f7",
    600: "#9333ea",
    700: "#7e22ce",
    800: "#6b21a8",
    900: "#581c87",
  },
  fuchsia: {
    50: "#fdf4ff",
    100: "#fae8ff",
    200: "#f5d0fe",
    300: "#f0abfc",
    400: "#e879f9",
    500: "#d946ef",
    600: "#c026d3",
    700: "#a21caf",
    800: "#86198f",
    900: "#701a75",
  },
  pink: {
    50: "#fdf2f8",
    100: "#fce7f3",
    200: "#fbcfe8",
    300: "#f9a8d4",
    400: "#f472b6",
    500: "#ec4899",
    600: "#db2777",
    700: "#be185d",
    800: "#9d174d",
    900: "#831843",
  },
  rose: {
    50: "#fff1f2",
    100: "#ffe4e6",
    200: "#fecdd3",
    300: "#fda4af",
    400: "#fb7185",
    500: "#f43f5e",
    600: "#e11d48",
    700: "#be123c",
    800: "#9f1239",
    900: "#881337",
  },
}

const tailwindColors = {}

for (const colorsKey in colors) {
  if (typeof colors[colorsKey] === "string") {
    tailwindColors[colorsKey] = colors[colorsKey]
  } else {
    for (const nestedKey in colors[colorsKey]) {
      tailwindColors[`${colorsKey}-${nestedKey}`] =
        colors[colorsKey][nestedKey]
    }
  }
}

let color = await arg({
  type: "color",
})

const getNearestTailwindColor =
  nearestColor.from(tailwindColors)
const nearestTailwindColor = getNearestTailwindColor(color)

await editor({
  language: "json",
  value: JSON.stringify(
    {
      color,
      nearestTailwindColor,
    },
    null,
    "\t"
  ),
})

// Name: Edit in VIM

import "@johnlindquist/kit"

let text = await getSelectedText()
let vimTextPath = tmpPath("vim.txt")
await writeFile(vimTextPath, text)

await term(`vim ${vimTextPath}`)

let contents = await readFile(vimTextPath, "utf-8")
await setSelectedText(contents)

// Name: Widget Dynamic Lists

import "@johnlindquist/kit"

let names = ["John", "Mindy", "Ben", "Scooter"]
let items = _.shuffle(names).map(name => ({ name }))

let html = `
  <div class="flex flex-col w-screen h-screen justify-around items-center">
      <button
      class="rounded px-4 py-2 bg-black bg-opacity-50 hover:bg-opacity-25 w-1/2"
      v-for="(item, index) in items" :key="item.name" :data-name="item.name" :data-index="index">{{index}}. {{item.name}}</button>
      <div>{{selected}}</div>
  </div>  
  `

let w = await widget(html, {
    state: {
      items,
      selected: items[0].name
    }
  }
)

w.onClick(event => {
  if (event.dataset.name) {
    w.setState({selected: event.dataset.name})
  }
})

setInterval(() => {
  items = _.shuffle(items)
  w.setState({
    items,
  })
}, 1000)