<script lang="ts">
  import type { Deps, Position, Vertex } from './Types';
  const { c, deps }: { c: Position | Vertex; deps: Deps } = $props();

  const d: string | null = $derived.by(() => {
    if (deps && deps.hashes[c.change]) {
      return deps.hashes[c.change];
    } else {
      return null;
    }
  });
</script>

{#if 'start' in c}
  {#if d}
    [<a href={d}>{c.change}</a>.{c.start}:{c.end}]
  {:else}
    [{c.change}.{c.start}:{c.end}]
  {/if}
{:else if d}
  [<a href={d}>{c.change}</a>.{c.pos}]
{:else}
  [{c.change}.{c.pos}]
{/if}