feat: add license changes

Author: 43081j

app/composables/npm/usePackage.ts

@@ -86,12 +86,19 @@ export function transformPackument(
       const trustLevel = getTrustLevel(version)
       const hasProvenance = trustLevel !== 'none'
 
+      // Normalize license: some versions use { type: "MIT" } instead of "MIT"
+      let versionLicense = version.license
+      if (versionLicense && typeof versionLicense === 'object' && 'type' in versionLicense) {
+        versionLicense = (versionLicense as { type: string }).type
+      }
+
       filteredVersions[v] = {
         hasProvenance,
         trustLevel,
         version: version.version,
         deprecated: version.deprecated,
         tags: version.tags as string[],
+        license: typeof versionLicense === 'string' ? versionLicense : undefined,
       }
     }
   }

app/pages/package-timeline/[[org]]/[packageName].vue

@@ -147,6 +147,27 @@ const sizeEvents = computed(() => {
   return events
 })
 
+// Detect license changes between consecutive versions
+const licenseChanges = computed(() => {
+  const changes = new Map<string, { from: string; to: string }>()
+  const entries = timelineEntries.value
+
+  for (let i = 0; i < entries.length - 1; i++) {
+    const current = pkg.value?.versions[entries[i]!.version]
+    const previous = pkg.value?.versions[entries[i + 1]!.version]
+    if (!current || !previous) continue
+
+    const currentLicense = current.license ?? 'Unknown'
+    const previousLicense = previous.license ?? 'Unknown'
+
+    if (currentLicense !== previousLicense) {
+      changes.set(entries[i]!.version, { from: previousLicense, to: currentLicense })
+    }
+  }
+
+  return changes
+})
+
 const bytesFormatter = useBytesFormatter()
 
 useSeoMeta({
@@ -190,12 +211,12 @@ useSeoMeta({
                 aria-hidden="true"
               />
             </span>
-            <div
-              class="border rounded-lg px-3 py-2 text-sm"
+            <p
+              class="text-sm"
               :class="
                 sizeEvents.get(entry.version)!.direction === 'decrease'
-                  ? 'border-green-600/40 bg-green-500/10 text-green-800 dark:text-green-400'
-                  : 'border-amber-600/40 bg-amber-500/10 text-amber-800 dark:text-amber-400'
+                  ? 'text-green-700 dark:text-green-400'
+                  : 'text-amber-700 dark:text-amber-400'
               "
             >
               <template v-if="sizeEvents.get(entry.version)!.sizeThresholdExceeded">
@@ -234,7 +255,23 @@ useSeoMeta({
                       })
                 }}
               </template>
-            </div>
+            </p>
+          </div>
+          <!-- License change -->
+          <div v-if="licenseChanges.has(entry.version)" class="mb-4 -ms-6 ps-6 relative">
+            <span
+              class="absolute -start-2 flex items-center justify-center w-4 h-4 rounded-full border bg-amber-500 border-amber-600"
+            >
+              <span class="w-2.5 h-2.5 text-white i-lucide:scale" aria-hidden="true" />
+            </span>
+            <p class="text-sm text-amber-700 dark:text-amber-400">
+              {{
+                $t('package.timeline.license_change', {
+                  from: licenseChanges.get(entry.version)!.from,
+                  to: licenseChanges.get(entry.version)!.to,
+                })
+              }}
+            </p>
           </div>
           <!-- Dot -->
           <span

i18n/locales/en.json

@@ -426,7 +426,8 @@
       "size_increase": "Install size increased by {percent}% ({size})",
       "size_decrease": "Install size decreased by {percent}% ({size})",
       "dep_increase": "{count} dependencies added",
-      "dep_decrease": "{count} dependencies removed"
+      "dep_decrease": "{count} dependencies removed",
+      "license_change": "License changed from {from} to {to}"
     },
     "dependencies": {
       "title": "Dependency ({count}) | Dependencies ({count})",

i18n/schema.json

@@ -1284,6 +1284,9 @@
             },
             "dep_decrease": {
               "type": "string"
+            },
+            "license_change": {
+              "type": "string"
             }
           },
           "additionalProperties": false

shared/types/npm-registry.ts

@@ -47,6 +47,7 @@ export type PublishTrustLevel = 'none' | 'trustedPublisher' | 'provenance'
 export type SlimVersion = Pick<SlimPackumentVersion, 'version' | 'deprecated' | 'tags'> & {
   hasProvenance?: boolean
   trustLevel?: PublishTrustLevel
+  license?: string
 }
 
 /**