fix(paths): emit clickable hyperlinks for printed paths

Author: danielroe

packages/nuxt-cli/package.json

@@ -48,6 +48,7 @@
     "@bomb.sh/tab": "^0.0.19",
     "@clack/prompts": "^1.7.0",
     "citty": "^0.2.2",
+    "clickable-path": "^0.0.1",
     "confbox": "^0.2.4",
     "consola": "^3.4.2",
     "defu": "^6.1.7",

packages/nuxt-cli/src/utils/paths.ts

@@ -1,11 +1,14 @@
-import { delimiter } from 'node:path'
+import { delimiter, relative } from 'node:path'
 import process from 'node:process'
-import { relative } from 'pathe'
+import { link } from 'clickable-path'
 
 const cwd = process.cwd()
 
 export function relativeToProcess(path: string) {
-  return relative(cwd, path) || path
+  return link(path, {
+    cwd,
+    formatter: absolute => relative(cwd, absolute) || absolute,
+  })
 }
 
 export function withNodePath(path: string) {

packages/nuxt-cli/test/unit/utils/paths.spec.ts

@@ -0,0 +1,14 @@
+import { join } from 'node:path'
+import process from 'node:process'
+
+import { describe, expect, it, vi } from 'vitest'
+
+import { relativeToProcess } from '../../../src/utils/paths'
+
+describe('relativeToProcess', () => {
+  it('should label paths relative to the working directory', () => {
+    vi.stubEnv('FORCE_HYPERLINK', '0')
+    expect(relativeToProcess(join(process.cwd(), 'src', 'app.vue'))).toBe(join('src', 'app.vue'))
+    expect(relativeToProcess(process.cwd())).toBe(process.cwd())
+  })
+})

pnpm-lock.yaml

@@ -1,3 +1,6 @@
+minimumReleaseAgeExclude:
+  - clickable-path
+
 packages:
   - packages/*
   - packages/nuxt-cli/test/fixtures/*