dotstate 0.3.3

A modern, secure, and user-friendly dotfile manager built with Rust
Documentation 
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
64
65
66
67
68
69

---
// Install-method tabs + copy button. Vanilla JS.
---

<div class="linen-bar-row reveal delay-2" id="install">
    <div class="linen-install" data-install-bar>
        <div class="linen-install-head">
            <div class="linen-tabs" role="tablist">
                <button type="button" class="linen-tab on" data-tab="curl" role="tab" aria-selected="true">Install script</button>
                <button type="button" class="linen-tab" data-tab="cargo" role="tab" aria-selected="false">Cargo</button>
                <button type="button" class="linen-tab" data-tab="brew" role="tab" aria-selected="false">Homebrew</button>
            </div>
            <div class="hint">macOS · Linux</div>
        </div>
        <div class="linen-cmd">
            <span class="prompt">~</span>
            <span class="txt" data-install-cmd data-curl="curl -fsSL https://dotstate.serkan.dev/install.sh | bash" data-cargo="cargo install dotstate" data-brew="brew install serkanyersen/dotstate/dotstate">curl -fsSL https://dotstate.serkan.dev/install.sh | bash</span>
            <button type="button" class="linen-copy" data-install-copy>copy</button>
        </div>
    </div>

    <div class="linen-facts">
        <div class="title">At a glance</div>
        <div>
            <div class="big">~8 MB</div>
            <div class="small">a single Rust binary · zero runtime dependencies</div>
        </div>
    </div>
</div>

<script>
    (function () {
        const bar = document.querySelector<HTMLElement>('[data-install-bar]');
        if (!bar) return;
        const tabs = bar.querySelectorAll<HTMLButtonElement>('.linen-tab');
        const txt = bar.querySelector<HTMLElement>('[data-install-cmd]');
        const copyBtn = bar.querySelector<HTMLButtonElement>('[data-install-copy]');
        if (!txt || !copyBtn) return;

        const commands: Record<string, string> = {
            curl: txt.dataset.curl || '',
            cargo: txt.dataset.cargo || '',
            brew: txt.dataset.brew || '',
        };

        tabs.forEach((tab) => {
            tab.addEventListener('click', () => {
                const key = tab.dataset.tab || 'curl';
                tabs.forEach((t) => {
                    t.classList.toggle('on', t === tab);
                    t.setAttribute('aria-selected', t === tab ? 'true' : 'false');
                });
                txt.textContent = commands[key] || '';
            });
        });

        let resetTimer: number | undefined;
        copyBtn.addEventListener('click', async () => {
            try {
                await navigator.clipboard.writeText(txt.textContent || '');
                copyBtn.textContent = 'copied ✓';
                if (resetTimer) window.clearTimeout(resetTimer);
                resetTimer = window.setTimeout(() => {
                    copyBtn.textContent = 'copy';
                }, 1400);
            } catch {}
        });
    })();
</script>