fix:added TR language support for warning text and changed logic for sorting versions to date of release

Author: aisiklar

app/components/LicenseDisplay.vue

@@ -57,7 +57,9 @@ const hasAnyValidLicense = computed(() => tokens.value.some(t => t.type === 'lic
     v-if="changes.length > 0"
     class="border border-amber-600/40 bg-amber-500/10 rounded-lg inline-flex justify-start items-center mt-1 gap-x-1 py-[2px] px-[3px]"
   >
-    <p class="text-md text-amber-800 dark:text-amber-400">changed</p>
+    <p class="text-md text-amber-800 dark:text-amber-400">
+      {{ $t("package.versions.license_change_warning") }}
+    </p>
     <TooltipApp interactive position="top">
       <span
         tabindex="0"

app/composables/useLicenseChanges.ts

@@ -1,80 +1,76 @@
-import type { MaybeRefOrGetter } from 'vue'
-import { toValue } from 'vue'
+import type { MaybeRefOrGetter } from "vue";
+import { toValue } from "vue";
 
 export interface LicenseChange {
-  from: string
-  to: string
-  version: string
+  from: string;
+  to: string;
+  version: string;
 }
 
 export interface LicenseChangesResult {
-  changes: LicenseChange[]
+  changes: LicenseChange[];
 }
 
 // Type definitions for npm registry response
 interface NpmRegistryVersion {
-  version: string
-  license?: string
+  version: string;
+  license?: string;
 }
 
 // for registry responses of $fetch function, the type includes the key versions as well as many others too.
 interface NpmRegistryResponse {
-  versions: Record<
-    string,
-    {
-      version: string
-      license?: string
-    }
-  >
+  time: Record<string, string>;
+  versions: Record<string, NpmRegistryVersion>;
 }
 
 /**
  * Composable to detect license changes across all versions of a package
  */
-export function useLicenseChanges(packageName: MaybeRefOrGetter<string | null | undefined>) {
+export function useLicenseChanges(
+  packageName: MaybeRefOrGetter<string | null | undefined>,
+) {
   return useAsyncData<LicenseChangesResult>(
     () => `license-changes:${toValue(packageName)}`,
     async () => {
-      const name = toValue(packageName)
-      if (!name) return { changes: [] }
+      const name = toValue(packageName);
+      if (!name) return { changes: [] };
 
       // Fetch full package metadata from npm registry
-      const url = `https://registry.npmjs.org/${name}`
-      const data = await $fetch<NpmRegistryResponse>(url)
+      const url = `https://registry.npmjs.org/${name}`;
+      const data = await $fetch<NpmRegistryResponse>(url);
 
-      const changes: LicenseChange[] = []
-      let prevLicense: string | undefined = undefined
+      const changes: LicenseChange[] = [];
+      let prevLicense: string | undefined = undefined;
 
       // `data.versions` is an object with version keys
-      const versions = Object.values(data.versions) as NpmRegistryVersion[]
+      const versions = Object.values(data.versions) as NpmRegistryVersion[];
 
       // Sort versions ascending to compare chronologically
       versions.sort((a, b) => {
-        const parse = (v: string) => v.split('.').map(Number)
-        const [aMajor, aMinor, aPatch] = parse(a.version as string)
-        const [bMajor, bMinor, bPatch] = parse(b.version as string)
-        if (aMajor !== bMajor) return aMajor! - bMajor!
-        if (aMinor !== bMinor) return aMinor! - bMinor!
-        return aPatch! - bPatch!
-      })
+        const dateA = new Date(data.time[a.version] as string).getTime();
+        const dateB = new Date(data.time[b.version] as string).getTime();
+
+        // Ascending order (oldest to newest)
+        return dateA - dateB;
+      });
 
       // Detect license changes
       for (const version of versions) {
-        const license = (version.license as string) ?? 'UNKNOWN'
+        const license = (version.license as string) ?? "UNKNOWN";
         if (prevLicense && license !== prevLicense) {
           changes.push({
             from: prevLicense,
             to: license,
             version: version.version as string,
-          })
+          });
         }
-        prevLicense = license
+        prevLicense = license;
       }
-      return { changes }
+      return { changes };
     },
     {
       default: () => ({ changes: [] }),
       watch: [() => toValue(packageName)],
     },
-  )
+  );
 }

i18n/locales/en.json

@@ -435,6 +435,7 @@
       "license_change_item": "from {from} to {to} at version {version}",
       "filter_tooltip": "Filter versions using a {link}. For example, ^3.0.0 shows all 3.x versions.",
       "changed_license": "The license was changed: {license_change}",
+      "license_change_warning": "change!",
       "filter_tooltip_link": "semver range",
       "no_matches": "No versions match this range",
       "copy_alt": {

i18n/locales/tr-TR.json

@@ -390,6 +390,7 @@
       "license_change_item": "{version} sürümünde {from}'den {to}'ya",
       "filter_tooltip": "Sürümleri {link} kullanarak filtreleyin. Örneğin, ^3.0.0 tüm 3.x sürümlerini gösterir.",
       "changed_license": "Lisans değişikliği gerçekleşti: {license_change}",
+      "license_change_warning": "değişiklik!",
       "filter_tooltip_link": "semver aralığı",
       "no_matches": "Bu aralığa uygun sürüm yok",
       "copy_alt": {

i18n/schema.json

@@ -1309,6 +1309,9 @@
             "changed_license": {
               "type": "string"
             },
+            "license_change_warning": {
+              "type": "string"
+            },
             "filter_tooltip_link": {
               "type": "string"
             },