chore: convert project to a pnpm workspace (#26)

Author: nickytonline

.github/workflows/autofix.yml

@@ -19,7 +19,7 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: "pnpm"
+          cache: pnpm
 
       - name: 📦 Install dependencies
         run: pnpm install

README.md

@@ -58,7 +58,7 @@ Note the URL under `Forwarding`. It should look something like `https://<GUID>.n
   - **GitHub App name**: Pick any name at all. I normally add `[dev]` at the end of any apps I'm using in development only.
   - **Homepage URL**: Doesn't matter; just pick a URL: `https://unsight.dev` would be fine.
   - **Setup URL**: `http://localhost:3000`. Tick the 'Redirect on update' checkbox underneath.
-  - **Webhook URL**: Put the URL you got when starting ngrok, plus `/github/webhook`: `https://<GUID>.ngrok-free.app/github/webhook`. For the 'Secret' field underneath the URL, create a random GUID or password and make a note of it. 
+  - **Webhook URL**: Put the URL you got when starting ngrok, plus `/github/webhook`: `https://<GUID>.ngrok-free.app/github/webhook`. For the 'Secret' field underneath the URL, create a random GUID or password and make a note of it.
   - **Repository permissions**: Select 'Issues': 'Read-only'.
   - **Subscribe to events**: Select 'Installation target', 'Issues', 'Meta' and 'Repository'.
 

app/composables/repos.ts

@@ -1,4 +1,17 @@
 // @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
+import antfu from '@antfu/eslint-config'
+import withNuxt from './packages/web/.nuxt/eslint.config.mjs'
 
-export default withNuxt()
+export default withNuxt(antfu()).append(
+  {
+    rules: {
+      'no-console': 'off',
+    },
+  },
+  {
+    files: ['**/*.yml'],
+    rules: {
+      '@stylistic/spaced-comment': 'off',
+    },
+  },
+)

eslint.config.js

@@ -1,45 +1,19 @@
 {
-  "name": "nuxt-app",
-  "private": true,
+  "name": "unsight-dev",
   "type": "module",
+  "private": true,
+  "packageManager": "[email protected]",
   "scripts": {
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare && simple-git-hooks",
     "lint": "eslint .",
-    "test:types": "vue-tsc --noEmit"
-  },
-  "dependencies": {
-    "@iconify-json/ri": "1.2.3",
-    "@iconify-json/tabler": "1.2.11",
-    "@nuxthub/core": "^0.8.7",
-    "@nuxtjs/html-validator": "1.8.2",
-    "@octokit/auth-app": "^7.1.3",
-    "@octokit/rest": "^21.0.2",
-    "@octokit/webhooks-types": "^7.6.1",
-    "@unocss/nuxt": "^0.65.1",
-    "@unocss/reset": "^0.65.1",
-    "hex-rgb": "^5.0.0",
-    "ml-distance": "^4.0.1",
-    "ml-kmeans": "^6.0.0",
-    "nuxt": "latest",
-    "nuxt-time": "1.0.3",
-    "nuxt-webhook-validators": "0.1.5",
-    "ohash": "^1.1.4",
-    "rgb-to-hsl": "^0.0.3",
-    "universal-github-app-jwt": "^2.2.0",
-    "unocss": "^0.65.1",
-    "unplugin-vue-router": "^0.10.9"
+    "test:types": "pnpm -r test:types",
+    "postinstall": "simple-git-hooks"
   },
   "devDependencies": {
-    "@nuxt/eslint": "0.7.3",
+    "@antfu/eslint-config": "^3.12.0",
+    "eslint": "^9.17.0",
     "lint-staged": "15.2.11",
     "simple-git-hooks": "2.11.1",
-    "typescript": "5.6.3",
-    "vue-tsc": "2.1.10",
-    "wrangler": "3.95.0"
+    "typescript": "~5.6"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"
@@ -48,6 +22,5 @@
     "*.{js,ts,mjs,cjs,json,.*rc}": [
       "npx eslint --fix"
     ]
-  },
-  "packageManager": "[email protected]"
+  }
 }

package.json

@@ -0,0 +1,7 @@
+export function useRepos() {
+  return useFetch('/api/repos', {
+    baseURL: useRuntimeConfig().public.remote,
+    getCachedData: (key, nuxtApp) => nuxtApp.payload.data[key] || nuxtApp.static.data[key],
+    default: () => [],
+  })
+}

.env.example packages/web/.env.example

@@ -1,5 +1,6 @@
-import { defineNuxtModule, updateRuntimeConfig } from 'nuxt/kit'
+import process from 'node:process'
 import consola from 'consola'
+import { defineNuxtModule, updateRuntimeConfig } from 'nuxt/kit'
 
 export default defineNuxtModule({
   meta: {

app/app.vue packages/web/app/app.vue

@@ -67,6 +67,7 @@ export default defineNuxtConfig({
   },
   eslint: {
     config: {
+      standalone: false,
       stylistic: true,
     },
   },

app/components/GitHubIssue.vue packages/web/app/components/GitHubIssue.vue

@@ -0,0 +1,40 @@
+{
+  "name": "web",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "test:types": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@iconify-json/ri": "1.2.3",
+    "@iconify-json/tabler": "1.2.11",
+    "@nuxthub/core": "^0.8.7",
+    "@nuxtjs/html-validator": "1.8.2",
+    "@octokit/auth-app": "^7.1.3",
+    "@octokit/rest": "^21.0.2",
+    "@octokit/webhooks-types": "^7.6.1",
+    "@unocss/nuxt": "^0.65.1",
+    "@unocss/reset": "^0.65.1",
+    "hex-rgb": "^5.0.0",
+    "ml-distance": "^4.0.1",
+    "ml-kmeans": "^6.0.0",
+    "nuxt": "latest",
+    "nuxt-time": "1.0.3",
+    "nuxt-webhook-validators": "0.1.5",
+    "ohash": "^1.1.4",
+    "rgb-to-hsl": "^0.0.3",
+    "universal-github-app-jwt": "^2.2.0",
+    "unocss": "^0.65.1",
+    "unplugin-vue-router": "^0.10.9"
+  },
+  "devDependencies": {
+    "@nuxt/eslint": "0.7.3",
+    "vue-tsc": "2.1.10",
+    "wrangler": "3.95.0"
+  }
+}

app/components/GitHubIssueLoading.vue packages/web/app/components/GitHubIssueLoading.vue

@@ -1,6 +1,6 @@
+import type { IssueMetadata } from '~~/server/utils/embeddings'
 import { defineCachedCorsEventHandler } from '~~/server/utils/cached-cors'
 import { storageKeyForIssue } from '~~/server/utils/embeddings'
-import type { IssueMetadata } from '~~/server/utils/embeddings'
 
 export default defineCachedCorsEventHandler(async (event) => {
   const { owner, repo, number } = getRouterParams(event)

packages/web/app/composables/repos.ts

@@ -3,8 +3,8 @@ import type { H3Event } from 'h3'
 import { createAppAuth } from '@octokit/auth-app'
 import { Octokit } from '@octokit/rest'
 
+import { getMetadataForRepo, type InstallationRepo, removeMetadataForRepo, setMetadataForRepo } from '~~/server/utils/metadata'
 import { indexIssue, removeIssue, storagePrefixForRepo } from '../../utils/embeddings'
-import { getMetadataForRepo, removeMetadataForRepo, setMetadataForRepo, type InstallationRepo } from '~~/server/utils/metadata'
 
 export default defineEventHandler(async (event) => {
   const isValidWebhook = await isValidGithubWebhook(event)
@@ -82,7 +82,7 @@ async function addRepos(event: H3Event, installation: Installation | Installatio
 
   event.waitUntil(Promise.all(repos.map((repo) => {
     if (repo.private) {
-      return
+      return undefined
     }
     const [owner, name] = repo.full_name.split('/')
     return setMetadataForRepo(owner!, name!, { ...repo, indexed: false })
@@ -120,8 +120,8 @@ export async function indexRepo(octokit: Octokit, repo: InstallationRepo) {
     for (const issue of response.data) {
       promises.push(indexIssue(issue, { owner: { login: owner! }, name: name! }))
     }
-    if (parseInt(response.headers['x-ratelimit-remaining'] || '999') < 100) {
-      console.info(parseInt(response.headers['x-ratelimit-remaining']!), 'requests remaining')
+    if (Number.parseInt(response.headers['x-ratelimit-remaining'] || '999') < 100) {
+      console.info(Number.parseInt(response.headers['x-ratelimit-remaining']!), 'requests remaining')
     }
     return []
   })

app/pages/[owner]/[repo]/[issue].vue packages/web/app/pages/[owner]/[repo]/[issue].vue

@@ -14,12 +14,14 @@ export default defineTask({
     const indexed: string[] = []
     let count = 1
     for (const repo of repos) {
-      if (repo.indexed) continue
+      if (repo.indexed)
+        continue
 
       try {
         const [owner, name] = repo.repo.split('/')
         const meta = await getMetadataForRepo(owner!, name!)
-        if (!meta) continue
+        if (!meta)
+          continue
 
         await indexRepo(octokit, meta)
         indexed.push(repo.repo)

app/pages/[owner]/[repo]/index.vue packages/web/app/pages/[owner]/[repo]/index.vue

@@ -1,5 +1,5 @@
-import { defineTask } from 'nitropack/runtime'
 import type { StoredEmbeddings } from '~~/server/utils/embeddings'
+import { defineTask } from 'nitropack/runtime'
 
 export default defineTask({
   meta: {

app/pages/index.vue packages/web/app/pages/index.vue

@@ -1,5 +1,5 @@
-import { kmeans } from 'ml-kmeans'
 import { similarity } from 'ml-distance'
+import { kmeans } from 'ml-kmeans'
 
 export function clusterEmbeddings<T extends { number: number, title: string }>(issues: T[], embeddings: number[][]) {
   for (let i = issues.length - 1; i >= 0; i--) {

augments/declarations.d.ts packages/web/augments/declarations.d.ts

@@ -1,6 +1,6 @@
-import { hash } from 'ohash'
-import type { Repository, Issue } from '@octokit/webhooks-types'
 import type { RestEndpointMethodTypes } from '@octokit/rest'
+import type { Issue, Repository } from '@octokit/webhooks-types'
+import { hash } from 'ohash'
 
 type RestIssue = RestEndpointMethodTypes['issues']['get']['response']['data']
 
@@ -97,7 +97,7 @@ export async function indexIssue(issue: Issue | RestIssue, repository: { owner:
   return embeddings
 }
 
-export type IssueMetadata = {
+export interface IssueMetadata {
   owner: string
   repository: string
   number: number
@@ -107,7 +107,7 @@ export type IssueMetadata = {
   labels?: string[]
 }
 
-export type StoredEmbeddings = {
+export interface StoredEmbeddings {
   mtime: number
   hash: string
   metadata: IssueMetadata

modules/local.ts packages/web/modules/local.ts

@@ -1,4 +1,4 @@
-export type InstallationRepo = {
+export interface InstallationRepo {
   id: number
   node_id: string
   name: string

nuxt.config.ts packages/web/nuxt.config.ts

@@ -1,11 +1,11 @@
 {
-  "files": [],
   "references": [
     {
       "path": "./.nuxt/tsconfig.json"
     },
     {
       "path": "./.nuxt/tsconfig.server.json"
     }
-  ]
+  ],
+  "files": []
 }