pinner 0.0.13

Secure CI/CD workflows by pinning mutable tags to immutable SHA-1 hashes. A high-performance Rust CLI that preserves YAML formatting and comments. Supports GitHub, GitLab, Bitbucket, Forgejo, and Docker image pinning.
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

/**
 * Reusable Components for the Pinner Documentation Site
 */

async function fetchLatestVersion() {
    try {
        const response = await fetch('https://api.github.com/repos/ffalcinelli/pinner/releases/latest');
        if (response.ok) {
            const data = await response.json();
            if (data && data.tag_name) {
                return data.tag_name;
            }
        }
    } catch (e) {
        console.warn('Failed to fetch latest version from GitHub, using fallback.', e);
    }
    return 'v0.0.12'; // Fallback
}

class PinnerNavbar extends HTMLElement {
    async connectedCallback() {
        const activePage = this.getAttribute('active-page') || '';
        
        const getLinkClass = (page) => {
            return activePage === page 
                ? 'text-sky-400 font-bold flex items-center transition-colors' 
                : 'hover:text-sky-400 text-gray-400 flex items-center transition-colors';
        };

        this.innerHTML = `
        <nav class="flex items-center justify-between px-4 md:px-8 py-6 max-w-7xl mx-auto relative z-10">
            <div class="flex items-center space-x-2">
                <a href="index.html" class="flex items-center space-x-2 group">
                    <i class="fas fa-thumbtack text-sky-400 text-2xl group-hover:rotate-45 transition-transform"></i>
                    <span class="text-2xl font-bold tracking-tight text-white">Pinner</span>
                    <span class="text-[10px] bg-sky-500/10 text-sky-400 border border-sky-500/20 px-1.5 py-0.5 rounded font-mono select-none pinner-version-badge">v0.0.12</span>
                </a>
            </div>
            <div class="flex items-center space-x-4 md:space-x-6 text-sm font-medium">
                <a href="getting-started.html" class="${getLinkClass('getting-started')}" title="Getting Started">
                    <i class="fas fa-rocket md:mr-2"></i><span class="hidden md:inline">Getting Started</span>
                </a>
                <a href="configuration.html" class="${getLinkClass('configuration')}" title="Configuration">
                    <i class="fas fa-cog md:mr-2"></i><span class="hidden md:inline">Configuration</span>
                </a>
                <a href="https://github.com/ffalcinelli/pinner" class="hover:text-sky-400 text-gray-400 flex items-center transition-colors" title="GitHub">
                    <i class="fab fa-github md:mr-2"></i><span class="hidden md:inline">GitHub</span>
                </a>
                <a href="https://docs.rs/pinner" class="hover:text-sky-400 text-gray-400 flex items-center transition-colors" title="API Docs">
                    <i class="fas fa-book md:mr-2"></i><span class="hidden md:inline">API Docs</span>
                </a>
            </div>
        </nav>`;

        const version = await fetchLatestVersion();
        document.querySelectorAll('.pinner-version-badge').forEach(el => {
            el.textContent = version;
        });
        document.querySelectorAll('.pinner-version-text').forEach(el => {
            el.textContent = `Latest Release: ${version}`;
        });
    }
}
customElements.define('pinner-navbar', PinnerNavbar);

class PinnerFooter extends HTMLElement {
    connectedCallback() {
        this.innerHTML = `
        <footer class="py-16 text-center text-gray-500 border-t border-gray-800/20 mt-16 max-w-7xl mx-auto px-4 relative z-10">
            <div class="flex items-center justify-center space-x-4 mb-6">
                <a href="https://github.com/ffalcinelli/pinner" class="hover:text-white transition-colors" title="GitHub"><i class="fab fa-github text-xl"></i></a>
                <div class="h-4 w-px bg-gray-800"></div>
                <a href="https://docs.rs/pinner" class="hover:text-white transition-colors text-sm font-bold uppercase tracking-tighter" title="Rust Documentation">Docs.rs</a>
            </div>
            <p class="text-xs">&copy; 2026 Fabio Falcinelli. Released under the MIT License.</p>
        </footer>`;
    }
}
customElements.define('pinner-footer', PinnerFooter);

// Shared Clipboard Utility
window.copyCmd = function(text, btn) {
    navigator.clipboard.writeText(text).then(() => {
        const feedback = document.getElementById('copy-feedback');
        if (feedback) {
            feedback.classList.remove('opacity-0');
            feedback.classList.add('opacity-100');
            
            setTimeout(() => {
                feedback.classList.remove('opacity-100');
                feedback.classList.add('opacity-0');
            }, 2000);
        }
    });
};