// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Repo/Details Long Details smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Long Name that goes on and on and on and on and on and on and on and on and on
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie. Nulla vitae purus nec augue accumsan facilisis sed sed ligula. Vestibulum sed risus lacinia risus lacinia molestie. Ut lorem quam, consequat eget tempus in, rhoncus vel nunc. Duis efficitur a leo vel sodales. Nam id fermentum lacus. Etiam nec placerat velit. Praesent ac consectetur est. Aenean iaculis commodo enim.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie.
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details Long and No Spaces smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsum
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Clone smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Description smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <div>
    none
  </div>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Maintainers or Relays smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div>
      none
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Maintainers smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Name or Description smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <div>
    none
  </div>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <div>
    none
  </div>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Relays smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div>
      none
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Tags smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details No Web smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <div>
      none
    </div>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="bob"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          bob
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details One Maintainer's Profile Has No displayName or Name smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8 bg-neutral">
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          npub18669...
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details One Maintainer's Profile Not Loaded smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8 skeleton">
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          <div class="skeleton w-24 h-4">
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details One Maintainer's Profile Only Has displayName But No Name smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <h4>
      maintainers
    </h4>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="carole"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          carole
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="DanConwayDev"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          DanConwayDev
        </div>
      </div>
    </div>
    <div>
      <div class="my-2 text-md flex items-center">
        <div class="avatar flex-none">
          <div class="rounded h-8 w-8">
            <img class="my-0"
                 src="../test-profile-image.jpg"
                 alt="steve"
            >
          </div>
        </div>
        <div class="pl-3 flex-auto m-auto">
          steve
        </div>
      </div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details Short Details smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <h4>
    name
  </h4>
  <p class="my-2 break-words text-sm">
    Short Name
  </p>
  <h4>
    identifier
  </h4>
  <p class="my-2 break-words text-sm">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
  <h4>
    description
  </h4>
  <p class="my-2 break-words text-sm">
    short description
  </p>
  <div>
    <div class="badge badge-secondary mr-2">
      svelte
    </div>
    <div class="badge badge-secondary mr-2">
      nostr
    </div>
    <div class="badge badge-secondary mr-2">
      code-collaboration
    </div>
    <div class="badge badge-secondary mr-2">
      git
    </div>
  </div>
  <div>
    <h4>
      clone
    </h4>
    <div class="group my-2 mt-3 cursor-pointer break-words text-xs">
      github.com/example/example
      <svg xmlns="http://www.w3.org/2000/svg"
           viewbox="0 0 16 16"
           class="ml-1 inline h-4 w-4 flex-none fill-base-content opacity-50 group-hover:opacity-100"
      >
        <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
        </path>
        <path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z">
        </path>
      </svg>
    </div>
  </div>
  <div>
    <h4>
      websites
    </h4>
    <a href="https://gitworkshop.dev/repo/example"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://gitworkshop.dev/repo/example
    </a>
    <a href="https://example.com"
       target="_blank"
       class="link link-primary my-2 break-words text-sm"
    >
      https://example.com
    </a>
  </div>
  <div>
    <div>
    </div>
  </div>
  <div>
    <h4>
      relays
    </h4>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.damus.io
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relay.snort.social
    </div>
    <div class="badge badge-secondary badge-sm my-2 block">
      relayable.org
    </div>
  </div>
  <h4>
    earliest unique commit
  </h4>
  <p class="my-2 break-words text-xs">
    9ee507fc4357d7ee16a5d8901bedcd103f23c17d
  </p>
</div>
`;

exports[`Repo/Details loading smoke-test 1`] = `
<div class="prose w-full max-w-md">
  <div class="skeleton my-3 h-5 w-20">
  </div>
  <div class="skeleton my-2 h-4">
  </div>
  <div class="skeleton my-2 mb-3 h-4 w-2/3">
  </div>
  <div class="skeleton my-3 h-5 w-20">
  </div>
  <div class="skeleton my-2 h-4">
  </div>
  <div class="skeleton my-2 mb-3 h-4 w-2/3">
  </div>
  <div>
    <div class="badge skeleton w-20">
    </div>
    <div class="badge skeleton w-20">
    </div>
  </div>
  <div>
    <div class="skeleton my-3 h-5 w-20">
    </div>
    <div class="badge skeleton my-2 block w-60">
    </div>
  </div>
  <div>
    <div class="skeleton my-3 h-5 w-20">
    </div>
    <div class="badge skeleton my-2 block w-60">
    </div>
    <div class="badge skeleton my-2 block w-40">
    </div>
  </div>
  <div>
    <div class="skeleton my-3 h-5 w-20">
    </div>
    <div class="badge skeleton my-2 block w-60">
    </div>
    <div class="badge skeleton my-2 block w-40">
    </div>
  </div>
  <div>
    <div class="skeleton my-3 h-5 w-20">
    </div>
    <div class="badge skeleton my-2 block w-60">
    </div>
    <div class="badge skeleton my-2 block w-40">
    </div>
  </div>
  <div class="skeleton my-3 h-5 w-20">
  </div>
  <div class="skeleton my-2 h-4">
  </div>
  <div class="skeleton my-2 mb-3 h-4 w-2/3">
  </div>
  <div class="skeleton my-3 h-5 w-20">
  </div>
  <div class="skeleton my-2 h-4">
  </div>
  <div class="skeleton my-2 mb-3 h-4 w-2/3">
  </div>
</div>
`;