Merge remote-tracking branch 'origin/main' into test/mock-connector

danielroe · danielroe · commit b143ce66e776 · 2026-02-10T14:59:59.000Z
diff --git a/app/components/Code/Viewer.vue b/app/components/Code/Viewer.vue
@@ -62,10 +62,11 @@ watch(
 function handleImportLinkNavigate() {
   if (!codeRef.value) return
 
-  const anchors = codeRef.value.querySelectorAll('a.import-link')
+  const anchors = codeRef.value.querySelectorAll<HTMLAnchorElement>('a.import-link')
   anchors.forEach(anchor => {
     // NOTE: We do not need to remove previous listeners because we re-create the entire HTML content on each html update
     anchor.addEventListener('click', event => {
+      if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return
       const href = anchor.getAttribute('href')
       if (href) {
         event.preventDefault()
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
@@ -57,7 +57,7 @@ const typesHref = computed(() => {
   <ul class="flex items-center gap-1.5 list-none m-0 p-0">
     <!-- TypeScript types badge -->
     <li v-if="!props.isBinary" class="contents">
-      <TooltipApp :text="typesTooltip">
+      <TooltipApp :text="typesTooltip" strategy="fixed">
         <LinkBase
           v-if="typesHref"
           variant="button-secondary"
@@ -88,6 +88,7 @@ const typesHref = computed(() => {
     <li class="contents">
       <TooltipApp
         :text="isLoading ? '' : hasEsm ? $t('package.metrics.esm') : $t('package.metrics.no_esm')"
+        strategy="fixed"
       >
         <TagStatic
           tabindex="0"
@@ -107,7 +108,7 @@ const typesHref = computed(() => {
 
     <!-- CJS badge -->
     <li v-if="isLoading || hasCjs" class="contents">
-      <TooltipApp :text="isLoading ? '' : $t('package.metrics.cjs')">
+      <TooltipApp :text="isLoading ? '' : $t('package.metrics.cjs')" strategy="fixed">
         <TagStatic
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
diff --git a/app/components/Tooltip/Base.vue b/app/components/Tooltip/Base.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import type { Placement } from '@floating-ui/vue'
+import type { Placement, Strategy } from '@floating-ui/vue'
 import { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/vue'
 
 const props = withDefaults(
@@ -17,9 +17,12 @@ const props = withDefaults(
     tooltipAttr?: HTMLAttributes
     /** Teleport target for the tooltip content (defaults to 'body') */
     to?: string | HTMLElement
+    /** Strategy for the tooltip - prefer fixed for sticky containers (defaults to 'absolute') */
+    strategy?: Strategy
   }>(),
   {
     to: 'body',
+    strategy: 'absolute',
   },
 )
 
@@ -31,6 +34,7 @@ const placement = computed<Placement>(() => props.position || 'bottom')
 const { floatingStyles } = useFloating(triggerRef, tooltipRef, {
   placement,
   whileElementsMounted: autoUpdate,
+  strategy: props.strategy,
   middleware: [offset(4), flip(), shift({ padding: 8 })],
 })
 </script>
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
@@ -623,6 +623,7 @@ onKeyStroke(
                     : $t('package.verified_provenance')
                 "
                 position="bottom"
+                strategy="fixed"
               >
                 <LinkBase
                   variant="button-secondary"
@@ -696,6 +697,7 @@ onKeyStroke(
               "
               position="bottom"
               class="items-center"
+              strategy="fixed"
             >
               <ButtonBase
                 @click="likeAction"
diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
@@ -55,6 +55,7 @@
     "claim_button": "\"{name}\" beanspruchen",
     "want_to_claim": "Möchtest du diesen Paketnamen beanspruchen?",
     "start_typing": "Tippe, um Pakete zu suchen",
+    "algolia_disclaimer": "Powered by Algolia",
     "exact_match": "exakt",
     "suggestion": {
       "user": "Benutzer",
@@ -85,7 +86,14 @@
       "search": "Datenquelle",
       "language": "Sprache"
     },
-    "data_source": {},
+    "data_source": {
+      "label": "Datenquelle",
+      "description": "Wähle, woher npmx Suchdaten abruft. Einzelne Paketseiten verwenden immer direkt die npm Registry.",
+      "npm": "npm Registry",
+      "npm_description": "Ruft Suche, Org- und Benutzerlisten direkt von der offiziellen npm Registry ab. Maßgeblich, aber kann langsamer sein.",
+      "algolia": "Algolia",
+      "algolia_description": "Nutzt Algolia für schnellere Suche, Org- und Benutzerseiten."
+    },
     "relative_dates": "Relative Datumsangaben",
     "include_types": "{'@'}types bei Installation einschließen",
     "include_types_description": "TypeScript-Typdefinitionen ({'@'}types-Paket) automatisch zu Installationsbefehlen für Pakete ohne Typen hinzufügen",
@@ -248,7 +256,16 @@
       "view_more_details": "Weitere Details anzeigen",
       "error_loading": "Fehler beim Laden der Herkunftsdaten"
     },
-    "security_downgrade": {},
+    "security_downgrade": {
+      "title": "Vertrauensabbau",
+      "description_to_none_provenance": "Diese Version wurde ohne {provenance} veröffentlicht.",
+      "description_to_none_trustedPublisher": "Diese Version wurde ohne {trustedPublishing} veröffentlicht.",
+      "description_to_provenance_trustedPublisher": "Diese Version verwendet {provenance}, aber nicht {trustedPublishing}.",
+      "fallback_install_provenance": "Installationsbefehle sind auf {version} fixiert, die letzte Version mit {provenance}.",
+      "fallback_install_trustedPublisher": "Installationsbefehle sind auf {version} fixiert, die letzte Version mit vertrauenswürdigem Publishing.",
+      "provenance_link_text": "Herkunft",
+      "trusted_publishing_link_text": "vertrauenswürdiges Publishing"
+    },
     "keywords_title": "Schlüsselwörter",
     "compatibility": "Kompatibilität",
     "card": {
@@ -322,8 +339,11 @@
       "legend_estimation": "Schätzung",
       "no_data": "Keine Daten vorhanden",
       "y_axis_label": "{granularity} {facet}",
+      "facet": "Facette",
+      "title": "Trends",
       "items": {
-        "downloads": "Downloads"
+        "downloads": "Downloads",
+        "likes": "Likes"
       }
     },
     "downloads": {
@@ -823,7 +843,8 @@
       "create_account": "Neues Konto erstellen",
       "connect_bluesky": "Mit Bluesky verbinden",
       "what_is_atmosphere": "Was ist ein Atmosphere-Konto?",
-      "atmosphere_explanation": "{npmx} nutzt das {atproto}, um viele seiner sozialen Funktionen zu betreiben. So können Nutzer ihre Daten selbst verwalten und ein einziges Konto für alle kompatiblen Anwendungen nutzen. Sobald du ein Konto erstellt hast, kannst du andere Apps wie {bluesky} und {tangled} mit demselben Konto nutzen."
+      "atmosphere_explanation": "{npmx} nutzt das {atproto}, um viele seiner sozialen Funktionen zu betreiben. So können Nutzer ihre Daten selbst verwalten und ein einziges Konto für alle kompatiblen Anwendungen nutzen. Sobald du ein Konto erstellt hast, kannst du andere Apps wie {bluesky} und {tangled} mit demselben Konto nutzen.",
+      "default_input_error": "Bitte geben Sie einen gültigen Handle, eine DID oder eine vollständige PDS-URL ein"
     }
   },
   "header": {
@@ -959,6 +980,9 @@
         "types_none": "Keine",
         "vulnerabilities_summary": "{count} ({critical}C/{high}H)",
         "up_to_you": "Deine Entscheidung!"
+      },
+      "trends": {
+        "title": "Trends vergleichen"
       }
     }
   },
diff --git a/lunaria/files/de-DE.json b/lunaria/files/de-DE.json
@@ -54,6 +54,7 @@
     "claim_button": "\"{name}\" beanspruchen",
     "want_to_claim": "Möchtest du diesen Paketnamen beanspruchen?",
     "start_typing": "Tippe, um Pakete zu suchen",
+    "algolia_disclaimer": "Powered by Algolia",
     "exact_match": "exakt",
     "suggestion": {
       "user": "Benutzer",
@@ -84,7 +85,14 @@
       "search": "Datenquelle",
       "language": "Sprache"
     },
-    "data_source": {},
+    "data_source": {
+      "label": "Datenquelle",
+      "description": "Wähle, woher npmx Suchdaten abruft. Einzelne Paketseiten verwenden immer direkt die npm Registry.",
+      "npm": "npm Registry",
+      "npm_description": "Ruft Suche, Org- und Benutzerlisten direkt von der offiziellen npm Registry ab. Maßgeblich, aber kann langsamer sein.",
+      "algolia": "Algolia",
+      "algolia_description": "Nutzt Algolia für schnellere Suche, Org- und Benutzerseiten."
+    },
     "relative_dates": "Relative Datumsangaben",
     "include_types": "{'@'}types bei Installation einschließen",
     "include_types_description": "TypeScript-Typdefinitionen ({'@'}types-Paket) automatisch zu Installationsbefehlen für Pakete ohne Typen hinzufügen",
@@ -247,7 +255,16 @@
       "view_more_details": "Weitere Details anzeigen",
       "error_loading": "Fehler beim Laden der Herkunftsdaten"
     },
-    "security_downgrade": {},
+    "security_downgrade": {
+      "title": "Vertrauensabbau",
+      "description_to_none_provenance": "Diese Version wurde ohne {provenance} veröffentlicht.",
+      "description_to_none_trustedPublisher": "Diese Version wurde ohne {trustedPublishing} veröffentlicht.",
+      "description_to_provenance_trustedPublisher": "Diese Version verwendet {provenance}, aber nicht {trustedPublishing}.",
+      "fallback_install_provenance": "Installationsbefehle sind auf {version} fixiert, die letzte Version mit {provenance}.",
+      "fallback_install_trustedPublisher": "Installationsbefehle sind auf {version} fixiert, die letzte Version mit vertrauenswürdigem Publishing.",
+      "provenance_link_text": "Herkunft",
+      "trusted_publishing_link_text": "vertrauenswürdiges Publishing"
+    },
     "keywords_title": "Schlüsselwörter",
     "compatibility": "Kompatibilität",
     "card": {
@@ -321,8 +338,11 @@
       "legend_estimation": "Schätzung",
       "no_data": "Keine Daten vorhanden",
       "y_axis_label": "{granularity} {facet}",
+      "facet": "Facette",
+      "title": "Trends",
       "items": {
-        "downloads": "Downloads"
+        "downloads": "Downloads",
+        "likes": "Likes"
       }
     },
     "downloads": {
@@ -822,7 +842,8 @@
       "create_account": "Neues Konto erstellen",
       "connect_bluesky": "Mit Bluesky verbinden",
       "what_is_atmosphere": "Was ist ein Atmosphere-Konto?",
-      "atmosphere_explanation": "{npmx} nutzt das {atproto}, um viele seiner sozialen Funktionen zu betreiben. So können Nutzer ihre Daten selbst verwalten und ein einziges Konto für alle kompatiblen Anwendungen nutzen. Sobald du ein Konto erstellt hast, kannst du andere Apps wie {bluesky} und {tangled} mit demselben Konto nutzen."
+      "atmosphere_explanation": "{npmx} nutzt das {atproto}, um viele seiner sozialen Funktionen zu betreiben. So können Nutzer ihre Daten selbst verwalten und ein einziges Konto für alle kompatiblen Anwendungen nutzen. Sobald du ein Konto erstellt hast, kannst du andere Apps wie {bluesky} und {tangled} mit demselben Konto nutzen.",
+      "default_input_error": "Bitte geben Sie einen gültigen Handle, eine DID oder eine vollständige PDS-URL ein"
     }
   },
   "header": {
@@ -958,6 +979,9 @@
         "types_none": "Keine",
         "vulnerabilities_summary": "{count} ({critical}C/{high}H)",
         "up_to_you": "Deine Entscheidung!"
+      },
+      "trends": {
+        "title": "Trends vergleichen"
       }
     }
   },

Original file line number	Diff line number	Diff line change
`@@ -623,6 +623,7 @@ onKeyStroke(`
`623`	`623`	`: $t('package.verified_provenance')`
`624`	`624`	`"`
`625`	`625`	`position="bottom"`
	`626`	`+ strategy="fixed"`
`626`	`627`	`>`
`627`	`628`	`<LinkBase`
`628`	`629`	`variant="button-secondary"`
`@@ -696,6 +697,7 @@ onKeyStroke(`
`696`	`697`	`"`
`697`	`698`	`position="bottom"`
`698`	`699`	`class="items-center"`
	`700`	`+ strategy="fixed"`
`699`	`701`	`>`
`700`	`702`	`<ButtonBase`
`701`	`703`	`@click="likeAction"`