grr-cli 0.4.0

Google tools from the terminal, at maximum performance: zero-config Gmail, Calendar, Drive, Contacts, Chat and Forms over HTTP/3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

---
const base = import.meta.env.BASE_URL;
const currentPath = Astro.url.pathname;
const links = [
  { href: base, label: 'Overview' },
  { href: `${base}install/`, label: 'Install' },
  { href: `${base}privacy/`, label: 'Privacy' },
  { href: `${base}terms/`, label: 'Terms' },
];
const isActive = (href: string) => {
  if (href === base) {
    return currentPath === base || currentPath === `${base}index.html`;
  }
  return currentPath.startsWith(href);
};
---

<header class="site-header">
  <div class="container header-inner">
    <a class="brand" href={base} aria-label="grr home">
      <img src={`${base}logo.svg`} alt="" width="256" height="256" />
      <span class="brand-wordmark">grr</span>
    </a>
    <nav class="primary-nav" aria-label="Primary navigation">
      {links.map((link) => (
        <a class:list={{ active: isActive(link.href) }} href={link.href} aria-current={isActive(link.href) ? 'page' : undefined}>
          {link.label}
        </a>
      ))}
    </nav>
    <button class="theme-toggle" type="button" data-theme-toggle aria-label="Toggle color theme" aria-pressed="false" title="Toggle color theme">
      <svg class="icon-moon" viewBox="0 0 48 48" width="20" height="20" aria-hidden="true" focusable="false" shape-rendering="crispEdges">
        <g fill="currentColor">
          <rect x="24" y="4" width="16" height="4"></rect>
          <rect x="16" y="8" width="24" height="4"></rect>
          <rect x="12" y="12" width="20" height="4"></rect>
          <rect x="12" y="16" width="16" height="4"></rect>
          <rect x="8" y="20" width="16" height="12"></rect>
          <rect x="12" y="32" width="16" height="4"></rect>
          <rect x="12" y="36" width="20" height="4"></rect>
          <rect x="16" y="40" width="24" height="4"></rect>
          <rect x="24" y="44" width="16" height="4"></rect>
        </g>
      </svg>
      <svg class="icon-sun" viewBox="0 0 48 48" width="20" height="20" aria-hidden="true" focusable="false" shape-rendering="crispEdges">
        <g fill="currentColor">
          <rect x="16" y="16" width="16" height="16"></rect>
          <rect x="20" y="0" width="8" height="8"></rect>
          <rect x="20" y="40" width="8" height="8"></rect>
          <rect x="0" y="20" width="8" height="8"></rect>
          <rect x="40" y="20" width="8" height="8"></rect>
          <rect x="36" y="4" width="8" height="8"></rect>
          <rect x="4" y="4" width="8" height="8"></rect>
          <rect x="36" y="36" width="8" height="8"></rect>
          <rect x="4" y="36" width="8" height="8"></rect>
        </g>
      </svg>
    </button>
    <a class="button button-small button-primary header-github" href="https://github.com/debanjanbasu/grr-cli" target="_blank" rel="noreferrer">
      GitHub <span aria-hidden="true">↗</span>
    </a>
  </div>
</header>