dev: update to Hextra v0.10.0 (#6007)

Author: ldez

docs/assets/css/custom.css

@@ -5,7 +5,7 @@
 }
 
 /* Allow card subtitle with more than 3 lines */
-.hx-line-clamp-3.hextra-card-subtitle {
+.hx\:line-clamp-3.hextra-card-subtitle {
   -webkit-line-clamp: 30;
 }
 

docs/content/_index.md

@@ -7,25 +7,25 @@ params:
 
 {{< hextra/hero-container image="images/golangci-lint-logo-anim.gif" imageWidth="300" imageHeight="300" imageTitle="golangci-lint" >}}
 
-<div class="hx-mt-6 hx-mb-6">
+<div class="hx:mt-6 hx:mb-6">
 {{< hextra/hero-headline >}}
   Golangci-lint is a fast linters runner for Go
 {{< /hextra/hero-headline >}}
 </div>
 
-<div class="hx-mb-12">
+<div class="hx:mb-12">
 {{< hextra/hero-subtitle >}}
-  It runs linters in parallel, uses caching, supports YAML configuration,&nbsp;<br class="sm:hx-block hx-hidden" />integrates with all major IDEs, and includes over a hundred linters.
+  It runs linters in parallel, uses caching, supports YAML configuration,&nbsp;<br class="hx:sm:block hx:hidden" />integrates with all major IDEs, and includes over a hundred linters.
 {{< /hextra/hero-subtitle >}}
 </div>
 
-<div class="hx-mb-6">
+<div class="hx:mb-6">
 {{< hextra/hero-button text="Get Started" link="docs" >}}
 </div>
 
 {{< /hextra/hero-container >}}
 
-<div class="hx-mt-6"></div>
+<div class="hx:mt-6"></div>
 
 {{< hextra/feature-grid cols=3 >}}
   {{< hextra/feature-card

docs/content/docs/_index.md

@@ -32,9 +32,7 @@ Golangci-lint is a free and open-source project built by volunteers.
 
 If you value it, consider supporting us, we appreciate it!
 
-<div class="hx-mt-6 hx-mb-6">
-{{< hextra/hero-button text="Donate ❤️" link="/docs/donate" >}}
-</div>
+{{< button text="Donate ❤️" link="/docs/donate" >}}
 
 ## Contributors
 
@@ -44,15 +42,4 @@ This project exists thanks to all the people who contribute. [How to contribute]
 
 ## Stargazers over time
 
-<a href="https://starchart.cc/golangci/golangci-lint">
-<img
-    title="Stargazers over time"
-    src="https://starchart.cc/golangci/golangci-lint.svg"
-    class="hx-block dark:hx-hidden"
-/>
-<img
-    title="Stargazers over time"
-    src="https://starchart.cc/golangci/golangci-lint.svg?variant=dark"
-    class="hx-hidden dark:hx-block"
-/>
-</a>
+{{< starcharts repo="golangci/golangci-lint" >}}

docs/content/docs/product/changelog.md

@@ -12,8 +12,6 @@ Follow the news and releases on [Mastodon](https://fosstodon.org/@golangcilint)
 
 If you value it, consider supporting us, we appreciate it!
 
-<div class="hx-mt-6 hx-mb-6">
-{{< hextra/hero-button text="Donate ❤️" link="/docs/donate" >}}
-</div>
+{{< button text="Donate ❤️" link="/docs/donate" >}}
 
 {{% embed file=".tmp/raw_changelog.tmp" %}}

docs/go.mod

@@ -2,4 +2,4 @@ module github.com/golangci/docs
 
 go 1.23.0
 
-require github.com/imfing/hextra v0.9.7 // indirect
+require github.com/imfing/hextra v0.10.1-0.20250815010958-2033d50005ae // indirect

docs/go.sum

@@ -95,7 +95,7 @@ params:
     enable: true
     displayCopyright: false
     displayPoweredBy: true
-    width: normal
+    width: wide
     links:
       - title: Bluesky
         url: "https://bsky.app/profile/golangci-lint.run"
@@ -158,3 +158,5 @@ params:
   page:
     # full (100%), wide (90rem), normal (80rem)
     width: full
+    tabs:
+      sync: false

docs/hugo.yaml

@@ -1,20 +1,20 @@
 {{ define "main" }}
-<div class='hx-mx-auto hx-flex {{ partial "utils/page-width" . }}'>
+<div class='hx:mx-auto hx:flex hextra-max-page-width'>
     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
     {{ partial "toc.html" . }}
-    <article class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]">
+    <article class="hx:w-full hx:break-words hx:flex hx:min-h-[calc(100vh-var(--navbar-height))] hx:min-w-0 hx:justify-center hx:pb-8 hx:pr-[calc(env(safe-area-inset-right)-1.5rem)]">
         <main
-                class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-flex hx-flex-col hx-items-center hx-justify-center">
-            <div class="hx-flex hx-flex-col hx-items-center hx-justify-center">
+                class="hx:w-full hx:min-w-0 hx:max-w-6xl hx:flex hx:flex-col hx:items-center hx:justify-center">
+            <div class="hx:flex hx:flex-col hx:items-center hx:justify-center">
                 <a href="/" ><img src="/images/logo-circle.svg" alt="logo" width="200" height="200"></a>
                 <h1 id="error-heading"
-                    class="not-prose hx-text-4xl font-bold leading-none tracking-tighter md:text-5xl py-2 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-gray-100 dark:to-gray-400">
+                    class="not-prose hx:text-4xl font-bold leading-none tracking-tighter md:text-5xl py-2 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-gray-100 dark:to-gray-400">
                     404
                 </h1>
-                <p class="hx-mb-6">
+                <p class="hx:mb-6">
                     The page could not be found.
                 </p>
-                <a href="/" class="hx-font-medium hx-px-6 hx-py-3 hx-text-center inline-block">
+                <a href="/" class="hx:font-medium hx:px-6 hx:py-3 hx:text-center inline-block">
                     Go to the home page
                 </a>
             </div>

docs/layouts/404.html

@@ -1,4 +1,4 @@
-{{- /* Modified version of https://github.com/imfing/hextra/blob/v0.9.7/layouts/partials/shortcodes/badge.html */ -}}
+{{- /* Modified version of https://github.com/imfing/hextra/blob/v0.10.0/layouts/_partials/shortcodes/badge.html */ -}}
 {{- /*
 Creates a badge with the given id and class.
 
@@ -18,20 +18,17 @@
 {{- $border := .border | default false -}}
 {{- $icon := .icon | default "" -}}
 
-{{- $defaultClass := "hx-text-gray-600 hx-bg-gray-100 dark:hx-bg-neutral-800 dark:hx-text-neutral-200 hx-border-gray-200 dark:hx-border-neutral-700" -}}
+{{- $defaultClass := "hx:text-gray-600 hx:bg-gray-100 hx:dark:bg-neutral-800 hx:dark:text-neutral-200 hx:border-gray-200 hx:dark:border-neutral-700" -}}
 
 {{- $styleClass := newScratch -}}
-{{- $styleClass.Set "info" "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200" -}}
-{{- $styleClass.Set "warning" "hx-border-yellow-100 hx-bg-yellow-50 hx-text-yellow-900 dark:hx-border-yellow-200/30 dark:hx-bg-yellow-700/30 dark:hx-text-yellow-200" -}}
-{{- $styleClass.Set "error" "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200" -}}
-{{- $styleClass.Set "green" "hx-border-green-200 hx-bg-green-100 hx-text-green-900 dark:hx-border-green-200/30 dark:hx-bg-green-900/30 dark:hx-text-green-200" -}}
-{{- $styleClass.Set "indigo" "hx-border-indigo-200 hx-bg-indigo-100 hx-text-indigo-900 dark:hx-border-indigo-200/30 dark:hx-bg-indigo-900/30 dark:hx-text-indigo-200" -}}
-{{- $styleClass.Set "amber" "hx-border-amber-200 hx-bg-amber-100 hx-text-amber-900 dark:hx-border-amber-200/30 dark:hx-bg-amber-900/30 dark:hx-text-amber-200" -}}
+{{- $styleClass.Set "info" "hx:border-blue-200 hx:bg-blue-100 hx:text-blue-900 hx:dark:border-blue-200/30 hx:dark:bg-blue-900/30 hx:dark:text-blue-200" -}}
+{{- $styleClass.Set "warning" "hx:border-yellow-100 hx:bg-yellow-50 hx:text-yellow-900 hx:dark:border-yellow-200/30 hx:dark:bg-yellow-700/30 hx:dark:text-yellow-200" -}}
+{{- $styleClass.Set "error" "hx:border-red-200 hx:bg-red-100 hx:text-red-900 hx:dark:border-red-200/30 hx:dark:bg-red-900/30 hx:dark:text-red-200" -}}
 
-{{- $borderClass := cond (eq $border true) "hx-border" "" -}}
+{{- $borderClass := cond (eq $border true) "hx:border" "" -}}
 {{- $badgeClass := or ($styleClass.Get $type) $defaultClass  -}}
-<div class="hextra-badge hx-mt-2 hx-mx-1">
-    <div id="{{ $id }}" class="hx-inline-flex hx-gap-1 hx-items-center hx-rounded-full hx-px-2.5 hx-leading-6 hx-text-[.65rem] hx-cursor-pointer {{ $borderClass }} {{ $badgeClass }} {{ $class }}">
+<div class="hextra-badge hx:mt-2 hx:mx-1">
+    <div id="{{ $id }}" class="hx:inline-flex hx:gap-1 hx:items-center hx:rounded-full hx:px-2.5 hx:leading-6 hx:text-[.65rem] hx:cursor-pointer {{ $borderClass }} {{ $badgeClass }} {{ $class }}">
         {{- with $icon -}}{{- partial "utils/icon" (dict "name" . "attributes" "height=12") -}}{{- end -}}
         {{- $content -}}
     </div>

docs/layouts/_partials/clickable-badge.html

@@ -1,8 +1,8 @@
-{{/* Modified version of https://github.com/imfing/hextra/blob/v0.9.7/layouts/partials/shortcodes/cards.html */}}
+{{/* Modified version of https://github.com/imfing/hextra/blob/v0.10.0/layouts/_partials/shortcodes/cards.html */}}
 {{- $cols := .cols | default 3 -}}
 {{- $content := .content -}}
 {{- $mainClass := .mainClass | default "hextra-cards" -}}
 
-<div class="{{$mainClass}} hx-mt-4 hx-gap-4 hx-grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
+<div class="{{$mainClass}} hx:mt-4 hx:gap-4 hx:grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
   {{- $content -}}
 </div>