fix: improve accuracy of package page skeleton (#1305)

Author: danielroe

app/components/Package/Playgrounds.vue

@@ -110,7 +110,10 @@ function focusMenuItem(index: number) {
 
 <template>
   <section v-if="links.length > 0" class="px-1">
-    <h2 id="playgrounds-heading" class="text-xs text-fg-subtle uppercase tracking-wider mb-3">
+    <h2
+      id="playgrounds-heading"
+      class="text-xs font-mono text-fg-subtle uppercase tracking-wider text-white mb-3"
+    >
       {{ $t('package.playgrounds.title') }}
     </h2>
 

app/components/Package/Skeleton.vue

@@ -18,6 +18,9 @@
     "social": "اجتماعي",
     "chat": "الدردشة"
   },
+  "shortcuts": {
+    "section": {}
+  },
   "search": {
     "label": "ابحث عن حزم npm",
     "placeholder": "ابحث عن الحزم…",
@@ -65,6 +68,7 @@
       "display": "العرض",
       "language": "اللغة"
     },
+    "data_source": {},
     "relative_dates": "تواريخ نسبية",
     "include_types": "تضمين {'@'}types في التثبيت",
     "include_types_description": "إضافة حزمة {'@'}types إلى أوامر التثبيت للحزم غير المرفقة بأنواع TypeScript.",
@@ -226,6 +230,7 @@
       "view_more_details": "عرض المزيد من التفاصيل",
       "error_loading": "فشل تحميل تفاصيل إثبات المصدر"
     },
+    "security_downgrade": {},
     "keywords_title": "الكلمات المفتاحية",
     "compatibility": "التوافق",
     "card": {
@@ -283,6 +288,21 @@
       "show_more": "(عرض المزيد ({count}))",
       "show_less": "(عرض أقل)"
     },
+    "trends": {
+      "granularity": "مستوى التفصيل",
+      "granularity_daily": "يومي",
+      "granularity_weekly": "أسبوعي",
+      "granularity_monthly": "شهري",
+      "granularity_yearly": "سنوي",
+      "start_date": "البداية",
+      "end_date": "النهاية",
+      "loading": "جارٍ التحميل…",
+      "date_range": "من {start} إلى {end}",
+      "date_range_multiline": "من {start}\nإلى {end}",
+      "download_file": "تنزيل {fileType}",
+      "toggle_annotator": "إظهار/إخفاء الشروح التوضيحية",
+      "items": {}
+    },
     "downloads": {
       "title": "التنزيلات الأسبوعية",
       "analyze": "تحليل التنزيلات",
@@ -360,7 +380,6 @@
     },
     "skeleton": {
       "loading": "جارٍ تحميل تفاصيل الحزمة",
-      "weekly": "أسبوعيًا",
       "maintainers": "المشرفون",
       "keywords": "الكلمات المفتاحية",
       "versions": "الإصدارات",
@@ -372,20 +391,7 @@
       "name_asc": "الاسم (A-Z)",
       "name_desc": "الاسم (Z-A)"
     },
-    "trends": {
-      "granularity": "مستوى التفصيل",
-      "granularity_daily": "يومي",
-      "granularity_weekly": "أسبوعي",
-      "granularity_monthly": "شهري",
-      "granularity_yearly": "سنوي",
-      "start_date": "البداية",
-      "end_date": "النهاية",
-      "loading": "جارٍ التحميل…",
-      "date_range": "من {start} إلى {end}",
-      "date_range_multiline": "من {start}\nإلى {end}",
-      "download_file": "تنزيل {fileType}",
-      "toggle_annotator": "إظهار/إخفاء الشروح التوضيحية"
-    }
+    "size": {}
   },
   "connector": {
     "modal": {
@@ -883,6 +889,7 @@
           "label": "التنزيلات/أسبوع",
           "description": "عدد التنزيلات الأسبوعية"
         },
+        "totalLikes": {},
         "lastUpdated": {
           "label": "تاريخ النشر",
           "description": "متى نُشر هذا الإصدار"
@@ -922,7 +929,8 @@
         "types_none": "الأنواع غير مضمّنة",
         "vulnerabilities_summary": "{count} ({critical} حرجة/{high} عالية)",
         "up_to_you": "الأمر متروك لك!"
-      }
+      },
+      "trends": {}
     }
   },
   "privacy_policy": {

i18n/locales/ar.json

@@ -16,6 +16,9 @@
     "social": "sosial",
     "chat": "söhbət"
   },
+  "shortcuts": {
+    "section": {}
+  },
   "search": {
     "label": "npm paketlərini axtar",
     "placeholder": "paket axtar...",
@@ -52,6 +55,7 @@
       "display": "Ekran",
       "language": "Dil"
     },
+    "data_source": {},
     "relative_dates": "Nisbi tarixlər",
     "include_types": "Quraşdırmaya {'@'}types daxil et",
     "include_types_description": "Tipsiz paketlər üçün quraşdırma əmrlərinə {'@'}types paketi əlavə et",
@@ -143,6 +147,7 @@
       "docs": "sənədlər",
       "fund": "maliyyələşdirmə"
     },
+    "likes": {},
     "docs": {
       "not_available": "Sənədlər mövcud deyil",
       "not_available_detail": "Bu versiya üçün sənədlər yaradıla bilmədi."
@@ -164,8 +169,11 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README mövcud deyil.",
-      "view_on_github": "GitHub-da bax"
+      "view_on_github": "GitHub-da bax",
+      "callout": {}
     },
+    "provenance_section": {},
+    "security_downgrade": {},
     "keywords_title": "Açar sözlər",
     "compatibility": "Uyğunluq",
     "card": {
@@ -218,6 +226,21 @@
       "show_more": "(daha {count} göstər)",
       "show_less": "(daha az göstər)"
     },
+    "trends": {
+      "granularity": "Dərəcəlilik",
+      "granularity_daily": "Günlük",
+      "granularity_weekly": "Həftəlik",
+      "granularity_monthly": "Aylıq",
+      "granularity_yearly": "İllik",
+      "start_date": "Başlanğıc",
+      "end_date": "Son",
+      "loading": "Yüklənir...",
+      "date_range": "{start} - {end}",
+      "date_range_multiline": "{start}\n- {end}",
+      "download_file": "{fileType} endir",
+      "toggle_annotator": "Annotator keçid",
+      "items": {}
+    },
     "downloads": {
       "title": "Həftəlik Endirmələr",
       "analyze": "Endirmələri təhlil et",
@@ -292,7 +315,6 @@
     },
     "skeleton": {
       "loading": "Paket detalları yüklənir",
-      "weekly": "Həftəlik",
       "maintainers": "Dəstəkçilər",
       "keywords": "Açar sözlər",
       "versions": "Versiyalar",
@@ -303,20 +325,7 @@
       "name_asc": "Ad (A-Z)",
       "name_desc": "Ad (Z-A)"
     },
-    "trends": {
-      "granularity": "Dərəcəlilik",
-      "granularity_daily": "Günlük",
-      "granularity_weekly": "Həftəlik",
-      "granularity_monthly": "Aylıq",
-      "granularity_yearly": "İllik",
-      "start_date": "Başlanğıc",
-      "end_date": "Son",
-      "loading": "Yüklənir...",
-      "date_range": "{start} - {end}",
-      "date_range_multiline": "{start}\n- {end}",
-      "download_file": "{fileType} endir",
-      "toggle_annotator": "Annotator keçid"
-    }
+    "size": {}
   },
   "connector": {
     "modal": {
@@ -549,6 +558,7 @@
     "more_keywords": "+{count} daha çox",
     "clear_all": "Hamısını təmizlə",
     "remove_filter": "{label} filtrini sil",
+    "chips": {},
     "download_range": {
       "any": "İstənilən",
       "lt100": "< 100",
@@ -709,8 +719,40 @@
   "compare": {
     "packages": {},
     "selector": {},
+    "no_dependency": {},
     "facets": {
-      "categories": {}
+      "categories": {},
+      "items": {
+        "packageSize": {},
+        "installSize": {},
+        "dependencies": {},
+        "totalDependencies": {},
+        "downloads": {},
+        "totalLikes": {},
+        "lastUpdated": {},
+        "deprecated": {},
+        "engines": {},
+        "types": {},
+        "moduleFormat": {},
+        "license": {},
+        "vulnerabilities": {}
+      },
+      "values": {},
+      "trends": {}
     }
+  },
+  "privacy_policy": {
+    "cookies": {
+      "what_are": {},
+      "types": {},
+      "local_storage": {},
+      "management": {}
+    },
+    "analytics": {},
+    "authenticated": {},
+    "data_retention": {},
+    "your_rights": {},
+    "contact": {},
+    "changes": {}
   }
 }

i18n/locales/az-AZ.json

@@ -17,6 +17,9 @@
     "social": "সোশ্যাল",
     "chat": "চ্যাট"
   },
+  "shortcuts": {
+    "section": {}
+  },
   "search": {
     "label": "npm প্যাকেজ অনুসন্ধান করুন",
     "placeholder": "প্যাকেজ অনুসন্ধান করুন...",
@@ -59,6 +62,7 @@
       "display": "প্রদর্শন",
       "language": "ভাষা"
     },
+    "data_source": {},
     "relative_dates": "আপেক্ষিক তারিখ",
     "include_types": "ইনস্টলে {'@'}types অন্তর্ভুক্ত করুন",
     "include_types_description": "নন-টাইপড প্যাকেজের ইনস্টল কমান্ডে {'@'}types প্যাকেজ যুক্ত করুন",
@@ -168,6 +172,7 @@
       "fund": "অর্থায়ন করুন",
       "compare": "তুলনা করুন"
     },
+    "likes": {},
     "docs": {
       "not_available": "ডকুমেন্টেশন উপলব্ধ নেই",
       "not_available_detail": "আমরা এই ভার্সনের জন্য ডকুমেন্টেশন তৈরি করতে পারিনি।"
@@ -189,8 +194,11 @@
     "readme": {
       "title": "রিডমি",
       "no_readme": "README উপলব্ধ নেই।",
-      "view_on_github": "GitHub এ দেখুন"
+      "view_on_github": "GitHub এ দেখুন",
+      "callout": {}
     },
+    "provenance_section": {},
+    "security_downgrade": {},
     "keywords_title": "কীওয়ার্ড",
     "compatibility": "সামঞ্জস্য",
     "card": {
@@ -248,8 +256,6 @@
       "show_less": "(কম দেখান)"
     },
     "trends": {
-      "date_range": "{start} থেকে {end}",
-      "date_range_multiline": "{start}\nথেকে {end}",
       "granularity": "বিস্তৃতি",
       "granularity_daily": "দৈনিক",
       "granularity_weekly": "সাপ্তাহিক",
@@ -258,8 +264,11 @@
       "start_date": "শুরু",
       "end_date": "শেষ",
       "loading": "লোড হচ্ছে...",
+      "date_range": "{start} থেকে {end}",
+      "date_range_multiline": "{start}\nথেকে {end}",
       "download_file": "{fileType} ডাউনলোড করুন",
-      "toggle_annotator": "অ্যানোটেটর টগল করুন"
+      "toggle_annotator": "অ্যানোটেটর টগল করুন",
+      "items": {}
     },
     "downloads": {
       "title": "সাপ্তাহিক ডাউনলোড",
@@ -337,7 +346,6 @@
     },
     "skeleton": {
       "loading": "প্যাকেজের বিবরণ লোড হচ্ছে",
-      "weekly": "সাপ্তাহিক",
       "maintainers": "রক্ষণাবেক্ষণকারী",
       "keywords": "কীওয়ার্ড",
       "versions": "ভার্সন",
@@ -347,7 +355,8 @@
       "downloads": "সবচেয়ে বেশি ডাউনলোডকৃত",
       "name_asc": "নাম (A-Z)",
       "name_desc": "নাম (Z-A)"
-    }
+    },
+    "size": {}
   },
   "connector": {
     "modal": {
@@ -585,6 +594,7 @@
     "more_keywords": "+{count}টি আরো",
     "clear_all": "সব সাফ করুন",
     "remove_filter": "{label} ফিল্টার সরান",
+    "chips": {},
     "download_range": {
       "any": "যেকোনো",
       "lt100": "< 100",
@@ -790,6 +800,7 @@
       "packages_selected": "{count}/{max}টি প্যাকেজ নির্বাচিত।",
       "add_hint": "তুলনা করার জন্য কমপক্ষে ২টি প্যাকেজ যোগ করুন।"
     },
+    "no_dependency": {},
     "facets": {
       "group_label": "তুলনা ফ্যাসেট",
       "all": "সব",
@@ -804,7 +815,38 @@
         "health": "স্বাস্থ্য",
         "compatibility": "সামঞ্জস্য",
         "security": "নিরাপত্তা এবং সম্মতি"
-      }
+      },
+      "items": {
+        "packageSize": {},
+        "installSize": {},
+        "dependencies": {},
+        "totalDependencies": {},
+        "downloads": {},
+        "totalLikes": {},
+        "lastUpdated": {},
+        "deprecated": {},
+        "engines": {},
+        "types": {},
+        "moduleFormat": {},
+        "license": {},
+        "vulnerabilities": {}
+      },
+      "values": {},
+      "trends": {}
     }
+  },
+  "privacy_policy": {
+    "cookies": {
+      "what_are": {},
+      "types": {},
+      "local_storage": {},
+      "management": {}
+    },
+    "analytics": {},
+    "authenticated": {},
+    "data_retention": {},
+    "your_rights": {},
+    "contact": {},
+    "changes": {}
   }
 }