-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update dependency list to display information about new versions
When available, dependencies in the list will be colour-coded using Tailwind colour names: - `sky` for up-to-date dependencies - `amber` for dependencies with minor version updates - `orange` for dependencies with major version updates - `red` for dependencies that are no longer supported - `stone` for dependencies for which no information is available The capsules containing the dependency information will use these colours. Additionally, for out-of-date dependencies, the latest version is displayed in a separate, prominently coloured capsule, with an icon as a secondary indicator of the outdatedness of the dependency. These icons are class names for [Boxicons](https://boxicons.com/) icons: - `bx-up-arrow-circle` for minor updates - `bxs-up-arrow-circle` for major updates - `bxs-x-circle` for end-of-life
- Loading branch information
1 parent
df89de2
commit 2fb5dd6
Showing
3 changed files
with
102 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,6 +6,7 @@ | |
<title>Towtruck</title> | ||
<meta name="description" content="" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
</head> | ||
<body class="bg-stone-100 text-stone-800"> | ||
|
@@ -68,9 +69,23 @@ | |
<ul class="space-y-2 hidden group-has-[:checked]:block"> | ||
{% for dependency in repo.dependencies %} | ||
<li> | ||
<div class="inline-block text-[0px]"> | ||
<span class="font-mono text-sm bg-stone-200 rounded-l-full py-1 px-2">{{ dependency.name }}</span> | ||
<span class="font-mono text-sm bg-stone-300 rounded-r-full py-1 px-2">{{ dependency.version }}</span> | ||
<div class="inline-block whitespace-nowrap text-[0px]"> | ||
<span> | ||
<span class="font-mono text-sm bg-{{ dependency.color }}-200 rounded-l-full last:rounded-r-full py-1 px-2">{{ dependency.name }}</span> | ||
{% if dependency.version %} | ||
<span class="font-mono text-sm bg-{{ dependency.color }}-300 last:rounded-r-full py-1 px-2">v{{ dependency.version }}</span> | ||
{% endif %} | ||
{% if dependency.tag %} | ||
<span class="font-mono text-sm bg-{{ dependency.color }}-400 text-white last:rounded-r-full py-1 px-2">{{ dependency.tag }}</span> | ||
{% endif %} | ||
</span> | ||
{% if dependency.isOutdated %} | ||
<span class="inline-block w-1"></span> | ||
<span class="font-mono text-sm bg-{{ dependency.color }}-500 text-white rounded-full py-1 px-2"> | ||
<i class="align-[-1px] bx {{dependency.icon}}"></i> | ||
v{{ dependency.latestVersion }} | ||
</span> | ||
{% endif%} | ||
</div> | ||
</li> | ||
{% endfor %} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters