feat: rename readme tab to main tab

Author: alexdln

app/components/AppFooter.vue

@@ -88,25 +88,25 @@ const closeModal = () => modalRef.value?.close?.()
               </p>
               <ul class="mb-8 flex flex-col gap-2">
                 <li class="flex gap-2 items-center">
-                  <kbd class="kbd">.</kbd>
-                  <span>{{ $t('shortcuts.open_code_view') }}</span>
-                </li>
-                <li class="flex gap-2 items-center">
-                  <kbd class="kbd">r</kbd>
-                  <span>{{ $t('shortcuts.open_readme') }}</span>
+                  <kbd class="kbd">m</kbd>
+                  <span>{{ $t('shortcuts.open_main') }}</span>
                 </li>
                 <li class="flex gap-2 items-center">
                   <kbd class="kbd">d</kbd>
                   <span>{{ $t('shortcuts.open_docs') }}</span>
                 </li>
                 <li class="flex gap-2 items-center">
-                  <kbd class="kbd">c</kbd>
-                  <span>{{ $t('shortcuts.compare_from_package') }}</span>
+                  <kbd class="kbd">.</kbd>
+                  <span>{{ $t('shortcuts.open_code_view') }}</span>
                 </li>
                 <li class="flex gap-2 items-center">
                   <kbd class="kbd">f</kbd>
                   <span>{{ $t('shortcuts.open_diff') }}</span>
                 </li>
+                <li class="flex gap-2 items-center">
+                  <kbd class="kbd">c</kbd>
+                  <span>{{ $t('shortcuts.compare_from_package') }}</span>
+                </li>
               </ul>
               <p class="text-fg-muted leading-relaxed">
                 <i18n-t keypath="shortcuts.disable_shortcuts" tag="span" scope="global">

app/components/Package/Header.vue

@@ -14,7 +14,7 @@ const props = defineProps<{
   latestVersion: SlimVersion | null
   provenanceData: ProvenanceDetails | null
   provenanceStatus: string
-  page: 'readme' | 'docs' | 'code' | 'diff'
+  page: 'main' | 'docs' | 'code' | 'diff'
 }>()
 
 const { requestedVersion, orgName } = usePackageRoute()
@@ -107,7 +107,7 @@ const codeLink = computed((): RouteLocationRaw | null => {
   }
 })
 
-const readmeLink = computed((): RouteLocationRaw | null => {
+const mainLink = computed((): RouteLocationRaw | null => {
   if (props.pkg == null || props.resolvedVersion == null) {
     return null
   }
@@ -145,12 +145,12 @@ onKeyStroke(
 )
 
 onKeyStroke(
-  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'r') && !isEditableElement(e.target),
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'm') && !isEditableElement(e.target),
   e => {
-    if (readmeLink.value === null) return
+    if (mainLink.value === null) return
     e.preventDefault()
 
-    navigateTo(readmeLink.value)
+    navigateTo(mainLink.value)
   },
   { dedupe: true },
 )
@@ -355,7 +355,7 @@ const likeAction = async () => {
           >
             <LinkBase
               variant="button-secondary"
-              to="#provenance"
+              :to="packageRoute(packageName, resolvedVersion, '#provenance')"
               :aria-label="$t('package.provenance_section.view_more_details')"
               classicon="i-lucide:shield-check"
               class="py-1.5 px-2.5 me-2"
@@ -393,13 +393,13 @@ const likeAction = async () => {
       :class="$style.packageNav"
     >
       <LinkBase
-        v-if="readmeLink"
-        :to="readmeLink"
-        aria-keyshortcuts="r"
+        v-if="mainLink"
+        :to="mainLink"
+        aria-keyshortcuts="m"
         class="decoration-none border-b-2 p-1 hover:border-accent/50 lowercase"
-        :class="page === 'readme' ? 'border-accent text-accent!' : 'border-transparent'"
+        :class="page === 'main' ? 'border-accent text-accent!' : 'border-transparent'"
       >
-        {{ $t('package.readme.title') }}
+        {{ $t('package.links.main') }}
       </LinkBase>
       <LinkBase
         v-if="docsLink"

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

@@ -584,7 +584,7 @@ const showSkeleton = shallowRef(false)
         :provenance-data="provenanceData"
         :provenance-status="provenanceStatus"
         :class="$style.areaHeader"
-        page="readme"
+        page="main"
       />
       <article id="package-article" :class="$style.packagePage">
         <!-- Package details -->
@@ -1012,7 +1012,7 @@ const showSkeleton = shallowRef(false)
             :class="{ 'bg-bg border-border border-b': isReadmeHeaderPinned }"
             :style="{ top: readmeStickyTop }"
           >
-            <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider">
+            <h2 id="readme-heading" class="group text-fg-subtle uppercase font-medium">
               <LinkBase to="#readme">
                 {{ $t('package.readme.title') }}
               </LinkBase>

app/utils/router.ts

@@ -1,6 +1,10 @@
 import type { RouteLocationRaw } from 'vue-router'
 
-export function packageRoute(packageName: string, version?: string | null): RouteLocationRaw {
+export function packageRoute(
+  packageName: string,
+  version?: string | null,
+  hash?: string,
+): RouteLocationRaw {
   const [org, name = ''] = packageName.startsWith('@') ? packageName.split('/') : ['', packageName]
 
   if (version) {
@@ -12,6 +16,7 @@ export function packageRoute(packageName: string, version?: string | null): Rout
         // remove spaces to be correctly resolved by router
         version: version.replace(/\s+/g, ''),
       },
+      hash,
     }
   }
 

i18n/locales/en.json

@@ -37,7 +37,7 @@
     "open_code_view": "Open code view",
     "open_docs": "Open docs",
     "disable_shortcuts": "You can disable keyboard shortcuts in {settings}.",
-    "open_readme": "Open readme",
+    "open_main": "Open main information",
     "open_diff": "Open version differences"
   },
   "search": {
@@ -287,6 +287,7 @@
       "view_source": "View source"
     },
     "links": {
+      "main": "main",
       "repo": "repo",
       "homepage": "homepage",
       "issues": "issues",

i18n/schema.json

@@ -115,7 +115,7 @@
         "disable_shortcuts": {
           "type": "string"
         },
-        "open_readme": {
+        "open_main": {
           "type": "string"
         },
         "open_diff": {
@@ -865,6 +865,9 @@
         "links": {
           "type": "object",
           "properties": {
+            "main": {
+              "type": "string"
+            },
             "repo": {
               "type": "string"
             },