feat: add support for tangled!

Author: danielroe

app/composables/useRepoMeta.ts

@@ -466,6 +466,56 @@ const sourcehutAdapter: ProviderAdapter = {
   },
 }
 
+const tangledAdapter: ProviderAdapter = {
+  id: 'tangled',
+
+  parse(url) {
+    const host = url.hostname.toLowerCase()
+    if (
+      host !== 'tangled.sh' &&
+      host !== 'www.tangled.sh' &&
+      host !== 'tangled.org' &&
+      host !== 'www.tangled.org'
+    ) {
+      return null
+    }
+
+    const parts = url.pathname.split('/').filter(Boolean)
+    if (parts.length < 2) return null
+
+    // Tangled uses owner/repo format (owner is a domain-like identifier)
+    const owner = decodeURIComponent(parts[0] ?? '').trim()
+    const repo = decodeURIComponent(parts[1] ?? '')
+      .trim()
+      .replace(/\.git$/i, '')
+
+    if (!owner || !repo) return null
+
+    return { provider: 'tangled', owner, repo }
+  },
+
+  links(ref) {
+    const base = `https://tangled.sh/${ref.owner}/${ref.repo}`
+    return {
+      repo: base,
+      stars: base, // Tangled shows stars on the repo page
+      forks: `${base}/fork`,
+    }
+  },
+
+  async fetchMeta(_ref, links) {
+    // Tangled doesn't have a public API for repo stats yet
+    // Just return basic info without fetching
+    return {
+      provider: 'tangled',
+      url: links.repo,
+      stars: 0,
+      forks: 0,
+      links,
+    }
+  },
+}
+
 // Order matters: more specific adapters should come before generic ones
 const providers: readonly ProviderAdapter[] = [
   githubAdapter,
@@ -474,6 +524,7 @@ const providers: readonly ProviderAdapter[] = [
   codebergAdapter,
   giteeAdapter,
   sourcehutAdapter,
+  tangledAdapter,
   giteaAdapter, // Generic Gitea adapter last as fallback for self-hosted instances
 ] as const
 

app/pages/[...package].vue

@@ -164,6 +164,7 @@ const PROVIDER_ICONS: Record<string, string> = {
   gitea: 'i-simple-icons-gitea',
   gitee: 'i-simple-icons-gitee',
   sourcehut: 'i-simple-icons-sourcehut',
+  tangled: 'i-custom-tangled',
 }
 
 const repoProviderIcon = computed(() => {

shared/utils/git-providers.ts

@@ -8,6 +8,7 @@ export type ProviderId =
   | 'codeberg'
   | 'sourcehut'
   | 'gitee'
+  | 'tangled'
 
 export interface RepoRef {
   provider: ProviderId
@@ -148,6 +149,27 @@ const providers: ProviderConfig[] = [
     getRawBaseUrl: (ref, branch = 'HEAD') =>
       `https://git.sr.ht/${ref.owner}/${ref.repo}/blob/${branch}`,
   },
+  {
+    id: 'tangled',
+    matchHost: host =>
+      host === 'tangled.sh' ||
+      host === 'www.tangled.sh' ||
+      host === 'tangled.org' ||
+      host === 'www.tangled.org',
+    parsePath: parts => {
+      if (parts.length < 2) return null
+      // Tangled uses owner/repo format (owner is a domain-like identifier, e.g., nonbinary.computer)
+      const owner = decodeURIComponent(parts[0] ?? '').trim()
+      const repo = decodeURIComponent(parts[1] ?? '')
+        .trim()
+        .replace(/\.git$/i, '')
+      if (!owner || !repo) return null
+      return { owner, repo }
+    },
+    getRawBaseUrl: (ref, branch = 'main') =>
+      `https://tangled.sh/${ref.owner}/${ref.repo}/raw/branch/${branch}`,
+    blobToRaw: url => url.replace('/blob/', '/raw/branch/'),
+  },
   {
     id: 'gitea',
     matchHost: host => {
@@ -169,6 +191,8 @@ const providers: ProviderConfig[] = [
         'gitee.com',
         'sr.ht',
         'git.sr.ht',
+        'tangled.sh',
+        'tangled.org',
         ...GITLAB_HOSTS,
       ]
       if (skipHosts.some(h => host === h || host.endsWith(`.${h}`))) return false

test/unit/readme-url-resolution.spec.ts

@@ -165,4 +165,55 @@ describe('parseRepositoryInfo', () => {
       })
     })
   })
+
+  describe('Tangled support', () => {
+    it('parses Tangled URL with tangled.org domain', () => {
+      const result = parseRepositoryInfo({
+        url: 'https://tangled.org/nonbinary.computer/weaver',
+      })
+      expect(result).toMatchObject({
+        provider: 'tangled',
+        owner: 'nonbinary.computer',
+        repo: 'weaver',
+        rawBaseUrl: 'https://tangled.sh/nonbinary.computer/weaver/raw/branch/main',
+      })
+    })
+
+    it('parses Tangled URL with tangled.sh domain', () => {
+      const result = parseRepositoryInfo({
+        url: 'https://tangled.sh/pds.ls/pdsls',
+      })
+      expect(result).toMatchObject({
+        provider: 'tangled',
+        owner: 'pds.ls',
+        repo: 'pdsls',
+        rawBaseUrl: 'https://tangled.sh/pds.ls/pdsls/raw/branch/main',
+      })
+    })
+
+    it('parses Tangled URL with .git suffix', () => {
+      const result = parseRepositoryInfo({
+        type: 'git',
+        url: 'https://tangled.org/owner/repo.git',
+      })
+      expect(result).toMatchObject({
+        provider: 'tangled',
+        owner: 'owner',
+        repo: 'repo',
+      })
+    })
+
+    it('parses Tangled URL with directory (monorepo)', () => {
+      const result = parseRepositoryInfo({
+        url: 'https://tangled.org/tangled.org/core',
+        directory: 'packages/web',
+      })
+      expect(result).toMatchObject({
+        provider: 'tangled',
+        owner: 'tangled.org',
+        repo: 'core',
+        directory: 'packages/web',
+      })
+    })
+  })
 })

uno.config.ts

@@ -7,11 +7,19 @@ import {
 } from 'unocss'
 import type { Theme } from '@unocss/preset-wind4/theme'
 
+const customIcons = {
+  tangled:
+    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" d="M16.346 24.11c-.785-.007-1.384-.235-2.034-.632-.932-.49-1.643-1.314-2.152-2.222-.808 1.003-1.888 1.611-3.097 1.955-.515.15-1.416.301-2.911-.24-2.154-.724-3.723-2.965-3.545-5.25-.033-.946.313-1.875.802-2.674-1.305-.7-2.37-1.876-2.777-3.318-.248-.79-.237-1.64-.146-2.452.327-1.916 1.764-3.582 3.615-4.182.738-1.683 2.35-2.938 4.176-3.193a5.54 5.54 0 0 1 3.528.7C13.351.89 16.043.383 18.1 1.436c1.568.75 2.69 2.312 2.962 4.015 1.492.598 2.749 1.817 3.242 3.365.33.958.34 2.013.127 2.997-.382 1.536-1.465 2.842-2.868 3.557.003.273.901 2.243.751 3.73-.033 1.858-1.211 3.62-2.846 4.475-.954.557-2.085.546-3.12.535m-4.47-5.35c1.322-.148 2.19-1.3 2.862-2.339.319-.473.562-1.002.803-1.506.314.287.58.828 1.075.957.522.163 1.133.03 1.453-.443.611-1.14.31-2.517-.046-3.699-.22-.679-.507-1.375-1.054-1.856.116-.823-.372-1.66-1.065-2.09-.592.47-1.491.468-2.061-.037-1.093 1.115-2.095 1.078-3.063.195-.217-.199-.632 1.212-2.088.413-.837.7-1.485 1.375-2.06 2.346-.559 1.046-1.143 1.976-1.194 3.113-.024.664.495 1.36 1.198 1.306.703.063 1.182-.63 1.714-.917.08.928.169 1.924.482 2.829.36 1.171 1.627 1.916 2.825 1.745zm.687-3.498c-.644-.394-.334-1.25-.36-1.871.064-.75.115-1.538.453-2.221.356-.487 1.226-.3 1.265.326-.026.628-.314 1.254-.28 1.905-.075.544.054 1.155-.186 1.653-.198.275-.6.355-.892.208m-2.81-.358c-.605-.329-.413-1.156-.508-1.73.08-.666.014-1.51.571-1.978.545-.38 1.287.271 1.03.869-.276.755-.096 1.58-.09 2.346a.712.712 0 0 1-1.002.493"/></svg>',
+}
+
 export default defineConfig({
   presets: [
     presetWind4(),
     presetIcons({
       scale: 1.2,
+      collections: {
+        custom: customIcons,
+      },
     }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],