{{ define "title" }}
{{ .Title }} | {{ site.Title }}
{{ end }}

{{ define "main" }}
{{ $version := .File.BaseFileName }}
{{ $noindex := .Params.noindex }}
{{ $release := index site.Data.docs.releases $version }}
{{ $highlights := where (where site.RegularPages "Section" "highlights") ".Params.release" "eq" $version }}
{{ $breaking := where ($release.changelog | default slice) "breaking" true }}
{{ $breakingTitled := where $breaking "title" "ne" nil }}
{{ $upgradeGuides := where $highlights ".Title" "like" "Upgrade Guide$" }}
{{ $groups := dict "enhancement" "enhancements" "feat" "new features" "fix" "bug fixes" "security" "security changes" "deprecation" "deprecations" "chore" "chore"}}
{{ $orderedGroups := slice "security" "feat" "enhancement" "fix" "deprecation" "chore" }}

<div class="relative max-w-3xl lg:max-w-5xl mx-auto px-6 lg:px-8 lg:grid lg:grid-cols-5 lg:gap-8 mt-16">
  <main{{ if not $noindex }} id="page-content" data-pagefind-body{{ end }} aria-label="Release notes" class="lg:col-span-4 md:px-0 pb-32">
    <div class="mb-4 md:mb-6">
      {{ partial "breadcrumb.html" . }}
    </div>
    <div class="pb-1 md:pb-2 lg:pb-3">
      {{ partial "hero.html" . }}
    </div>

    {{ with $release.date }}
    {{ $date := . | dateFormat "January 2, 2006" }}
    <div class="mt-3 flex items-center space-x-3 text-gray-500 dark:text-gray-300">
      <time datetime="{{ $date }}" class="text-sm">
        {{ $date }}
      </time>
    </div>
    {{ end }}

    <div class="mt-6 admonition dark:prose-invert prose rounded-xl border-3 px-3 py-3.5 lg:px-5 lg:py-4 border-blue-400">
      <div class="flex items-center">
        <div class="shrink-0">
          <svg class="h-6 w-6 text-blue-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
          </svg>
        </div>
        <div class="ml-6 flex flex-col m-0 space-y-1.5">
          <span class="lg:text-lg text-base font-bold leading-tight tracking-tight">
            Upgrading Vector
          </span>
          <div class="tracking-tight leading-snug max-w-none">
            When upgrading, we recommend stepping through minor versions as
            these can each contain breaking changes while Vector is pre-1.0.
            These breaking changes are noted in their respective upgrade
            guides.
          </div>
        </div>
      </div>
    </div>

    {{ with $release.known_issues }}
    {{ if gt (len $release.known_issues) 0 }}
    <div class="mt-4 admonition dark:prose-invert prose rounded-xl border-3 px-3 py-3.5 lg:px-5 lg:py-4 border-yellow-400">
      <div class="flex items-center">
        <div class="shrink-0">
          <svg class="h-6 w-6 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
          </svg>
        </div>
        <div class="ml-6 flex flex-col m-0 space-y-1.5">
          <a id="known-issues" aria-hidden="true"></a>
          <span class="lg:text-lg text-base font-bold leading-tight tracking-tight">
            Known issues
          </span>
          <ul class="mt-1 space-y-1">
            {{ range . }}
            <li><span>{{ . | markdownify }}</span></li>
            {{ end }}
          </ul>
        </div>
      </div>
    </div>
    {{ end }}
    {{ end }}

    <div>
      {{ with $highlights }}
      <div class="mt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
        {{ range . }}
        {{ .Render "li" }}
        {{ end }}
      </div>
      {{ end }}

      {{ with $release.description }}
      <div class="mt-8 prose dark:prose-invert max-w-none">
        {{ . | markdownify }}
      </div>
      {{ end }}

      {{ if gt (len $release.changelog) 0 }}
      <div class="mt-8">
        <div class="prose dark:prose-invert max-w-none">
          {{ partial "heading.html" (dict "text" "Vector Changelog" "level" 2) }}
        </div>

        {{ if and (gt (len $breakingTitled) 0) (gt (len $upgradeGuides) 0) }}
        <div class="mt-6">
          <div class="prose dark:prose-invert max-w-none">
            {{ $numBreaking := len $breakingTitled }}
            {{ $breakingWord := cond (eq $numBreaking 1) "breaking change" "breaking changes" }}
            {{ $breakingHeading := printf "%d %s" $numBreaking $breakingWord }}
            {{ partial "heading.html" (dict "text" $breakingHeading "id" "breaking changes" "level" 3 "icon" false) }}
          </div>

          <ul class="mt-4 grid min-w-0 list-none gap-3 p-0">
            {{ range $breakingTitled }}
            <li class="m-0 min-w-0 max-w-full overflow-hidden rounded-lg border border-gray-200 bg-gray-50/50 px-4 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800/40 md:px-5">
              <a href="{{ (index $upgradeGuides 0).RelPermalink }}#{{ .anchor }}" class="group block underline decoration-primary/50 underline-offset-4 focus:outline-none focus:ring-2 focus:ring-primary hover:decoration-secondary">
                <div class="prose dark:prose-invert max-w-none font-semibold [&>p]:m-0 [&>p]:text-primary-dark group-hover:[&>p]:text-secondary dark:[&>p]:text-primary dark:group-hover:[&>p]:text-secondary [&_:not(pre)>code]:break-all [&_:not(pre)>code]:whitespace-normal">
                  {{ .title | markdownify }}
                </div>
              </a>
              <div class="mt-2 prose dark:prose-invert max-w-none leading-relaxed [&_:not(pre)>code]:max-w-full [&_:not(pre)>code]:break-all [&_:not(pre)>code]:whitespace-normal">
                {{ .description | markdownify }}
              </div>
              {{ partial "releases/changelog-attribution.html" . }}
            </li>
            {{ end }}
          </ul>
        </div>
        {{ end }}

        <div class="mt-6 flex flex-col space-y-8">
          {{ range $orderedGroups }}
          {{ $key := . }}
          {{ $value := index $groups $key }}
          {{ $changes := where $release.changelog ".type" "eq" $key }}
          {{ if $changes }}
          {{ $numChanges := len $changes }}
          {{ $heading := printf "%d %s" $numChanges $value }}
          <div>
            <div class="prose dark:prose-invert max-w-none">
              {{ partial "heading.html" (dict "text" $heading "id" $value "level" 3 "icon" false) }}
            </div>

            <ul class="mt-4 grid min-w-0 list-none gap-3 p-0">
              {{ range $changes }}
              <li class="m-0 min-w-0 max-w-full overflow-hidden rounded-lg border border-gray-200 bg-gray-50/50 px-4 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800/40 md:px-5">
                <div class="prose dark:prose-invert max-w-none leading-relaxed [&_:not(pre)>code]:max-w-full [&_:not(pre)>code]:break-all [&_:not(pre)>code]:whitespace-normal">
                  {{ .description | markdownify }}
                </div>
                {{ partial "releases/changelog-attribution.html" . }}
              </li>
              {{ end }}
            </ul>
          </div>
          {{ end }}
          {{ end }}
        </div>
      </div>
      {{ else }}
      {{ if gt (len $release.commits) 0 }}
      <div class="mt-8">
        <div class="prose dark:prose-invert max-w-none">
          {{ partial "heading.html" (dict "text" "Changelog" "level" 2) }}
        </div>

        <div class="mt-6 flex flex-col space-y-8">
          {{ range $orderedGroups }}
          {{ $key := . }}
          {{ $value := index $groups $key }}
          {{ $commits := where $release.commits ".type" "eq" $key }}
          {{ if $commits }}
          {{ $numCommits := len $commits }}
          {{ $heading := printf "%d %s" $numCommits $value }}
          <div class="ml-6">
            <div class="prose dark:prose-invert max-w-none">
              {{ partial "heading.html" (dict "text" $heading "id" $value "level" 3 "icon" false) }}
            </div>

            <div class="mt-4 flex flex-col space-y-2">
              {{ range $commits }}
              {{ template "commit" . }}
              {{ end }}
            </div>
          </div>
          {{ end }}
          {{ end }}
        </div>
      </div>
      {{ end }}
      {{ end }}

      {{ with $release.vrl_changelog }}
      {{ if ne . "" }}
      <div class="mt-8">
        <div class="prose dark:prose-invert max-w-none">
          {{ partial "heading.html" (dict "text" "VRL Changelog" "level" 2) }}
        </div>

        <div class="vrl-changelog mt-6 prose dark:prose-invert max-w-none [&_:not(pre)>code]:max-w-full [&_:not(pre)>code]:break-all [&_:not(pre)>code]:whitespace-normal">
          {{/* Prefix VRL heading IDs (and links to them) so VRL's "New Features",
               "Enhancements", etc. do not collide with the Vector changelog anchors. */}}
          {{ . | markdownify | replaceRE `(id="|href="#)` "${1}vrl-" | safeHTML }}
        </div>
      </div>
      {{ end }}
      {{ end }}

      {{ with $release.whats_next }}
      <div class="mt-8">
        <span class="prose dark:prose-invert max-w-none">
          {{ partial "heading.html" (dict "text" "What's next" "level" 2) }}
        </span>

        <div class="mt-6 flex flex-col space-y-6">
          {{ range . }}
          <div>
            <span class="text-xl font-semibold text-dark dark:text-gray-300">
              {{ .title }}
            </span>

            <div class="mt-2.5 prose dark:prose-invert max-w-none">
              {{ .description | markdownify }}
            </div>
          </div>
          {{ end }}
        </div>
      </div>
      {{ end }}

    </div>
    <div class="mt-8">
      <div class="lg:grid lg:grid-cols-3 gap-8">
        <div class="col-span-2">
          <div class="prose">
            {{ partial "heading.html" (dict "text" (print "Download Version " $version) "level" 2) }}
          </div>

          <div class="mt-2 border px-4 py-3 lg:px-6 lg:py-4 rounded-md dark:border-gray-700">
            {{ partial "download/download-matrix.html" (dict "version" $version) }}
          </div>
        </div>
      </div>
    </div>
    {{ partial "releases/deprecations.html" (dict "version" $version) }}
  </main>

  <div class="hidden lg:block xl:col-span-1">
    <aside aria-label="Table of contents" class="sticky top-6">
      <div class="pb-16">
        <p class="uppercase font-semibold text-md dark:text-gray-200 text-gray-600 mb-3">On this page</p>
        <div id="toc"></div>
      </div>
    </aside>
  </div>
</div>
{{ end }}

{{ define "changelog_entry" }}
<span class="flex items-center justify-between space-x-3">
  <span class="flex items-center space-x-3">
    {{/* Description */}}
    <span class="prose dark:prose-invert leading-snug shrink prose-sm">
      {{ .description | markdownify }}
    </span>
  </span>
</span>
{{ end }}

{{ define "commit" }}
<span class="flex items-center justify-between space-x-3">
  <span class="flex items-center space-x-3">
    {{/* Scopes */}}
    <span class="flex space-x-1.5">
      {{ range .scopes }}
      {{ partial "badge.html" (dict "word" . "color" "blue") }}
      {{ end }}
    </span>

    {{/* Description */}}
    <span class="prose dark:prose-invert leading-snug shrink prose-sm">
      {{ .description | markdownify }}
    </span>
  </span>

  {{/* Pull request chip */}}
  {{ with .pr_number }}
  {{ $link := printf "https://github.com/vectordotdev/vector/pull/%v" . }}
  <a href="{{ $link }}" class="font-mono flex items-center space-x-1 py-1 px-2 rounded-md bg-gray-100 dark:bg-gray-500 text-dark dark:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-600" rel="noopener" target="_blank">
    <ion-icon class="h-3 w-3" name="git-pull-request-sharp"></ion-icon>

    <span class="text-xs p-0">
      {{ . }}
    </span>
  </a>
  {{ end }}
</span>
{{ end }}

{{ define "below" }}
{{ partial "releases/pagination.html" . }}
{{ end }}