Merge remote-tracking branch 'origin/main' into feat/org-packages-fancy

danielroe · danielroe · commit cfcd5c712d75 · 2026-01-28T17:16:47.000Z
diff --git a/.github/workflows/lunaria.yml b/.github/workflows/lunaria.yml
@@ -0,0 +1,43 @@
+name: lunaria
+
+on:
+  # Trigger the workflow every time a pull request is opened or synchronized at the target `main` branch
+  pull_request_target:
+    types: [opened, synchronize]
+
+# Automatically cancel in-progress actions on the same branch
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}
+  cancel-in-progress: true
+
+# Allow this job to clone the repository and comment on the pull request
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  lunaria-overview:
+    if: false # temporarily disabled
+    name: Generate Lunaria Overview
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        with:
+          # Necessary for Lunaria to work properly
+          # Makes the action clone the entire git history
+          fetch-depth: 0
+
+      - uses: actions/checkout@v6
+      - run: corepack enable
+      - uses: actions/setup-node@v6
+        with:
+          node-version: lts/*
+          cache: pnpm
+
+      - name: 📦 Install dependencies
+        run: pnpm install
+
+      - name: Generate Lunaria Overview
+        uses: lunariajs/action@v1-prerelease
diff --git a/.github/workflows/semantic-pull-requests.yml b/.github/workflows/semantic-pull-requests.yml
@@ -0,0 +1,35 @@
+name: chore
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+permissions: {}
+
+jobs:
+  semantic-pr:
+    permissions:
+      contents: read
+      pull-requests: read # for amannn/action-semantic-pull-request to analyze PRs
+      statuses: write # for amannn/action-semantic-pull-request to mark status of analyzed PR
+    if: github.repository == 'npmx-dev/npmx.dev'
+    runs-on: ubuntu-latest
+    name: semantic-pr
+    steps:
+      - name: Validate PR title
+        uses: amannn/action-semantic-pull-request@48f256284bd46cdaab1048c3721360e808335d50 # v6.1.1
+        with:
+          scopes: |
+            docs
+            i18n
+            deps
+          subjectPattern: ^(?![A-Z]).+$
+          subjectPatternError: |
+            The subject "{subject}" found in the pull request title "{title}"
+            didn't match the configured pattern. Please ensure that the subject
+            doesn't start with an uppercase character.
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -365,13 +365,27 @@ Make sure to read about [Playwright best practices](https://playwright.dev/docs/
 4. ensure CI checks pass (lint, type check, tests)
 5. request review from maintainers
 
-### Commit messages
+### Commit messages and PR titles
 
-Write clear, concise commit messages that explain the "why" behind changes:
+Write clear, concise PR titles that explain the "why" behind changes.
+
+We use [Conventional Commits](https://www.conventionalcommits.org/). Since we squash on merge, the PR title becomes the commit message in `main`, so it's important to get it right.
+
+Format: `type(scope): description`
+
+**Types:** `feat`, `fix`, `docs`, `style`, `refactor`, `perf`, `test`, `build`, `ci`, `chore`, `revert`
+
+**Scopes (optional):** `docs`, `i18n`, `deps`
+
+**Examples:**
 
 - `fix: resolve search pagination issue`
 - `feat: add package version comparison`
-- `docs: update installation instructions`
+- `fix(i18n): update French translations`
+- `chore(deps): update vite to v6`
+
+> [!NOTE]
+> The subject must start with a lowercase letter. Individual commit messages within your PR don't need to follow this format since they'll be squashed.
 
 ## Pre-commit hooks
 
diff --git a/app/components/ConnectorModal.vue b/app/components/ConnectorModal.vue
@@ -162,8 +162,7 @@ watch(open, isOpen => {
                     type="password"
                     name="connector-token"
                     :placeholder="$t('connector.modal.token_placeholder')"
-                    autocomplete="off"
-                    spellcheck="false"
+                    v-bind="noCorrect"
                     class="w-full px-3 py-2 font-mono text-sm bg-bg-subtle border border-border rounded-md text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
                   />
                 </div>
diff --git a/app/components/OrgMembersPanel.vue b/app/components/OrgMembersPanel.vue
@@ -327,7 +327,7 @@ watch(lastExecutionTime, () => {
           type="search"
           name="members-search"
           :placeholder="$t('org.members.filter_placeholder')"
-          autocomplete="off"
+          v-bind="noCorrect"
           class="w-full pl-7 pr-2 py-1.5 font-mono text-sm bg-bg-subtle border border-border rounded text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
         />
       </div>
@@ -512,8 +512,7 @@ watch(lastExecutionTime, () => {
             type="text"
             name="new-member-username"
             :placeholder="$t('org.members.username_placeholder')"
-            autocomplete="off"
-            spellcheck="false"
+            v-bind="noCorrect"
             class="w-full px-2 py-1.5 font-mono text-sm bg-bg border border-border rounded text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
           />
           <div class="flex items-center gap-2">
diff --git a/app/components/OrgTeamsPanel.vue b/app/components/OrgTeamsPanel.vue
@@ -296,7 +296,7 @@ watch(lastExecutionTime, () => {
           type="search"
           name="teams-search"
           :placeholder="$t('org.teams.filter_placeholder')"
-          autocomplete="off"
+          v-bind="noCorrect"
           class="w-full pl-7 pr-2 py-1.5 font-mono text-sm bg-bg-subtle border border-border rounded text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
         />
       </div>
@@ -453,8 +453,7 @@ watch(lastExecutionTime, () => {
                 type="text"
                 :name="`add-user-${teamName}`"
                 :placeholder="$t('org.teams.username_placeholder')"
-                autocomplete="off"
-                spellcheck="false"
+                v-bind="noCorrect"
                 class="flex-1 px-2 py-1 font-mono text-sm bg-bg-subtle border border-border rounded text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
               />
               <button
@@ -510,8 +509,7 @@ watch(lastExecutionTime, () => {
               type="text"
               name="new-team-name"
               :placeholder="$t('org.teams.team_name_placeholder')"
-              autocomplete="off"
-              spellcheck="false"
+              v-bind="noCorrect"
               class="flex-1 px-2 py-1.5 font-mono text-sm bg-bg border border-border rounded-r text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
             />
           </div>
diff --git a/app/components/PackageDownloadAnalytics.vue b/app/components/PackageDownloadAnalytics.vue
@@ -487,7 +487,9 @@ const config = computed(() => ({
       stroke: isDarkMode.value ? '#4A4A4A' : '#a3a3a3',
       labels: {
         axis: {
-          yLabel: $t('package.downloads.y_axis_label', { granularity: selectedGranularity.value }),
+          yLabel: $t('package.downloads.y_axis_label', {
+            granularity: $t(`package.downloads.granularity_${selectedGranularity.value}`),
+          }),
           xLabel: packageName,
           yLabelOffsetX: 12,
           fontSize: 24,
diff --git a/app/components/PackageListControls.vue b/app/components/PackageListControls.vue
@@ -66,7 +66,7 @@ const showFilteredCount = computed(() => {
         v-model="filterValue"
         type="search"
         :placeholder="placeholder ?? $t('package.list.filter_placeholder')"
-        autocomplete="off"
+        v-bind="noCorrect"
         class="w-full bg-bg-subtle border border-border rounded-lg pl-10 pr-4 py-2 font-mono text-sm text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:(border-border-hover outline-none)"
       />
     </div>
diff --git a/app/components/PackageMaintainers.vue b/app/components/PackageMaintainers.vue
@@ -227,8 +227,7 @@ watch(
             type="text"
             name="add-owner-username"
             :placeholder="$t('package.maintainers.username_placeholder')"
-            autocomplete="off"
-            spellcheck="false"
+            v-bind="noCorrect"
             class="flex-1 px-2 py-1 font-mono text-sm bg-bg-subtle border border-border rounded text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
           />
           <button
diff --git a/app/components/UserCombobox.vue b/app/components/UserCombobox.vue
@@ -145,8 +145,7 @@ const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)')
       type="text"
       :placeholder="placeholder ?? $t('user.combobox.default_placeholder')"
       :disabled="disabled"
-      autocomplete="off"
-      spellcheck="false"
+      v-bind="noCorrect"
       role="combobox"
       aria-autocomplete="list"
       :aria-expanded="isOpen && (filteredSuggestions.length > 0 || showNewUserHint)"
diff --git a/app/composables/useRepoMeta.ts b/app/composables/useRepoMeta.ts
@@ -86,6 +86,20 @@ type RadicleProjectResponse = {
   issues?: { open: number; closed: number }
 }
 
+/** microcosm's constellation API response for /links/all to get tangled.org  stats */
+type ConstellationAllLinksResponse = {
+  links: Record<
+    string,
+    Record<
+      string,
+      {
+        records: number
+        distinct_dids: number
+      }
+    >
+  >
+}
+
 type ProviderAdapter = {
   id: ProviderId
   parse(url: URL): RepoRef | null
@@ -568,15 +582,35 @@ const tangledAdapter: ProviderAdapter = {
         { headers: { 'User-Agent': 'npmx', 'Accept': 'text/html' } },
         REPO_META_TTL,
       )
+      // Extracts the at-uri used in atproto
+      const atUriMatch = html.match(/data-star-subject-at="([^"]+)"/)
       // Extract star count from: hx-post="/star?subject=...&countHint=23"
       const starMatch = html.match(/countHint=(\d+)/)
-      const stars = starMatch?.[1] ? parseInt(starMatch[1], 10) : 0
+      //We'll set the stars from tangled's repo page and may override it with constellation if successful
+      let stars = starMatch?.[1] ? parseInt(starMatch[1], 10) : 0
+      let forks = 0
+      const atUri = atUriMatch?.[1]
+
+      if (atUriMatch) {
+        try {
+          //Get counts of records that reference this repo in the atmosphere using constellation
+          const allLinks = await cachedFetch<ConstellationAllLinksResponse>(
+            `https://constellation.microcosm.blue/links/all?target=${atUri}`,
+            { headers: { 'User-Agent': 'npmx' } },
+            REPO_META_TTL,
+          )
+          stars = allLinks.links['sh.tangled.feed.star']?.['.subject']?.distinct_dids ?? stars
+          forks = allLinks.links['sh.tangled.repo']?.['.source']?.distinct_dids ?? stars
+        } catch {
+          //failing silently since this is just an enhancement to the information already showing
+        }
+      }
 
       return {
         provider: 'tangled',
         url: links.repo,
         stars,
-        forks: 0, // Tangled doesn't expose fork count
+        forks,
         links,
       }
     } catch {
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -66,7 +66,7 @@ defineOgImageComponent('Default')
                 type="search"
                 name="q"
                 :placeholder="$t('search.placeholder')"
-                autocomplete="off"
+                v-bind="noCorrect"
                 autofocus
                 class="w-full bg-bg-subtle border border-border rounded-lg pl-8 pr-24 py-4 font-mono text-base text-fg placeholder:text-fg-subtle transition-all duration-300 focus:(border-accent outline-none)"
                 @input="handleSearch"
diff --git a/app/pages/search.vue b/app/pages/search.vue
@@ -791,10 +791,7 @@ defineOgImageComponent('Default', {
                   type="search"
                   name="q"
                   :placeholder="$t('search.placeholder')"
-                  autocapitalize="off"
-                  autocomplete="off"
-                  autocorrect="off"
-                  spellcheck="false"
+                  v-bind="noCorrect"
                   class="w-full max-w-full bg-bg-subtle border border-border rounded-lg pl-8 pr-10 py-3 font-mono text-base text-fg placeholder:text-fg-subtle transition-colors duration-300 focus:border-accent focus-visible:outline-none appearance-none"
                   @focus="isSearchFocused = true"
                   @blur="isSearchFocused = false"
diff --git a/app/utils/input.ts b/app/utils/input.ts
@@ -0,0 +1,6 @@
+export const noCorrect = {
+  autocapitalize: 'off',
+  autocomplete: 'off',
+  autocorrect: 'off',
+  spellcheck: 'false',
+} as const
diff --git a/lunaria.config.ts b/lunaria.config.ts
@@ -0,0 +1,42 @@
+import { defineConfig } from '@lunariajs/core/config'
+
+export default defineConfig({
+  repository: {
+    name: 'npmx-dev/npmx.dev',
+  },
+  sourceLocale: {
+    label: 'English',
+    lang: 'en',
+  },
+  locales: [
+    {
+      label: 'Français',
+      lang: 'fr',
+    },
+    {
+      label: 'Italiano',
+      lang: 'it',
+    },
+    {
+      label: '简体中文',
+      lang: 'zh-CN',
+    },
+  ],
+  files: [
+    {
+      include: ['i18n/locales/en.json'],
+      pattern: 'i18n/locales/@lang.json',
+      type: 'dictionary',
+    },
+  ],
+  tracking: {
+    ignoredKeywords: [
+      'lunaria-ignore',
+      'typo',
+      'en-only',
+      'broken link',
+      'i18nReady',
+      'i18nIgnore',
+    ],
+  },
+})
diff --git a/lunaria/components.ts b/lunaria/components.ts
diff --git a/lunaria/lunaria.ts b/lunaria/lunaria.ts
diff --git a/lunaria/styles.ts b/lunaria/styles.ts
diff --git a/package.json b/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/server/api/registry/docs/[...pkg].get.ts b/server/api/registry/docs/[...pkg].get.ts
diff --git a/server/plugins/fetch-cache.ts b/server/plugins/fetch-cache.ts
