Merge branch 'main' into feature/package-rigntbar-scroll

Author: danielroe

README.md

@@ -13,12 +13,16 @@
 
 ## Vision
 
-The aim of [npmx.dev](https://npmx.dev) is to provide a better browser for the npm registry – fast, modern, and accessible. We don't aim to replace the [npmjs.com](https://www.npmjs.com/) registry, just provide a better UI, DX, and admin experience.
+The goal of [npmx.dev](https://npmx.dev) is to build a fast, modern browser for the npm registry.
 
-- **Speed first** – Layout shift, flakiness, slowness is The Worst. Fast searching, filtering, and navigation.
-- **URL compatible** – Replace `npmjs.com` with `xnpmjs.com` or `npmx.dev` in any URL and it just works.
-- **Simplicity** – No noise, cluttered display, or confusing UI. If in doubt: choose simplicity.
-- **Admin UI** – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.
+We're not replacing the [npmjs.com](https://www.npmjs.com/) registry, but instead providing an elevated developer experience through a fast, modern UI.
+
+What npmx offers:
+
+- **Speed** – Fast searching, filtering, and navigation.
+- **Simplicity** – Get the information you need when you need it in an intuitive UI.
+- **Compatibility** – Replace `npmjs.com` with `xnpmjs.com` or `npmx.dev` in any URL and it just works.
+- **Enhanced admin experience** – Manage your packages, teams, and organizations from the browser, powered by your local npm CLI.
 
 ## Shortcuts
 
@@ -36,7 +40,7 @@ The aim of [npmx.dev](https://npmx.dev) is to provide a better browser for the n
 
 ### Package browsing
 
-- **Dark mode by default** – easier on the eyes
+- **Dark mode and light mode** – plus customize the color palette to your preferences
 - **Fast search** – quick package search with instant results
 - **Package details** – READMEs, versions, dependencies, and metadata
 - **Code viewer** – browse package source code with syntax highlighting and permalink to specific lines
@@ -100,7 +104,7 @@ The aim of [npmx.dev](https://npmx.dev) is to provide a better browser for the n
 
 ### npm compatibility
 
-npmx.dev supports npm permalinks – just replace `npmjs.com` with `npmx.dev` or `xnpmjs.com` and it works:
+npmx.dev supports npm permalinks – just replace `npmjs.com` with `npmx.dev` or `xnpmjs.com` to get the npmx experience:
 
 | npm URL                         | npmx.dev equivalent                                                    |
 | ------------------------------- | ---------------------------------------------------------------------- |
@@ -142,7 +146,7 @@ npmx.dev also supports shorter, cleaner URLs:
 
 ## Contributing
 
-We welcome contributions – please do feel free to poke around and improve things. See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on how to get up and running!
+We welcome contributions – please do feel free to explore the project and improve things. See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on how to get up and running!
 
 ## Related projects
 
@@ -151,6 +155,7 @@ We welcome contributions – please do feel free to poke around and improve
 - [npm-userscript](https://github.com/bluwy/npm-userscript) – Browser userscript with various improvements and fixes for npmjs.com
 - [npm-alt](https://npm.willow.sh/) – An alternative npm package browser
 - [npkg.lorypelli.dev](https://npkg.lorypelli.dev/) – An alternative frontend to npm made with as little client-side JavaScript as possible
+- [vscode-npmx](https://github.com/npmx-dev/vscode-npmx) – VSCode extension for npmx
 
 If you're building something cool, let us know! 🙏
 

app/components/Header/MobileMenu.vue

@@ -58,7 +58,7 @@ onUnmounted(deactivate)
     >
       <div
         v-if="isOpen"
-        class="fixed inset-0 z-50 sm:hidden"
+        class="fixed inset-0 z-[60] sm:hidden"
         role="dialog"
         aria-modal="true"
         :aria-label="$t('nav.mobile_menu')"

app/composables/useAtproto.ts

@@ -1,14 +1,6 @@
 import type { UserSession } from '#shared/schemas/userSession'
 
 export function useAtproto() {
-  if (import.meta.server) {
-    return {
-      user: ref(null),
-      pending: ref(false),
-      logout: async () => {},
-    }
-  }
-
   const { data: user, pending, clear } = useFetch<UserSession | null>('/api/auth/session')
 
   async function logout() {

i18n/locales/zh-CN.json

@@ -193,7 +193,8 @@
     },
     "create": {
       "title": "创建新项目",
-      "copy_command": "拷贝创建命令"
+      "copy_command": "拷贝创建命令",
+      "view": "{packageName} 由同一位维护者维护，点击查看详情"
     },
     "run": {
       "title": "运行",
@@ -202,7 +203,8 @@
     "readme": {
       "title": "Readme",
       "no_readme": "没有可用的 README。",
-      "view_on_github": "在 GitHub 上查看"
+      "view_on_github": "在 GitHub 上查看",
+      "toc_title": "大纲"
     },
     "keywords_title": "关键词",
     "compatibility": "兼容性",

lunaria/files/zh-CN.json

@@ -193,7 +193,8 @@
     },
     "create": {
       "title": "创建新项目",
-      "copy_command": "拷贝创建命令"
+      "copy_command": "拷贝创建命令",
+      "view": "{packageName} 由同一位维护者维护，点击查看详情"
     },
     "run": {
       "title": "运行",
@@ -202,7 +203,8 @@
     "readme": {
       "title": "Readme",
       "no_readme": "没有可用的 README。",
-      "view_on_github": "在 GitHub 上查看"
+      "view_on_github": "在 GitHub 上查看",
+      "toc_title": "大纲"
     },
     "keywords_title": "关键词",
     "compatibility": "兼容性",

package.json

@@ -70,6 +70,7 @@
     "@vueuse/integrations": "14.2.0",
     "@vueuse/nuxt": "14.2.0",
     "@vueuse/router": "^14.2.0",
+    "defu": "6.1.4",
     "focus-trap": "^7.8.0",
     "marked": "17.0.1",
     "module-replacements": "2.11.0",