https://zoink.cc/ Recent content on zoink Hugo en-us Sun, 01 Mar 2026 00:00:00 +0000 https://zoink.cc/blog/2026/03/going-around-the-sun/ Sun, 01 Mar 2026 00:00:00 +0000 https://zoink.cc/blog/2026/03/going-around-the-sun/ <p>This year marks my 10th journey around the sun as a graduated software engineer. It hasn&rsquo;t been smooth sailing, and a lot of things have changed since takeoff.</p> <p>I started out as a gung-ho sponge, absorbing every bit of information and opportunity I could. I quickly surrounded myself with people who believed in me and created a safe environment for experimentation. This allowed me to work on a broad range of fringe projects, which gave me a fresh perspective on problems that others hadn&rsquo;t thought to question.</p> https://zoink.cc/about/ Mon, 01 Jan 0001 00:00:00 +0000 https://zoink.cc/about/ <section> <div class="label">About</div> <div class="prose"> <p>I'm a software developer who builds things, writes occasionally, and maintains a healthy backlog of half-finished projects. This site is where I share the things I finish and the things I have thoughts about.</p> <p>I'm interested in small tools boosting development workflow, plaintext, and distributed systems. By day I work on scaling startups by building cloud-native solutions. By night I add features to things that don't need them.</p> </div> </section> <section> <div class="label">Contact</div> <p>The best way to reach me is by <a href="mailto:prichrd.dev@gmail.com">email</a>. You can also find me on <a target="_blank" href="https://github.com/prichrd">GitHub</a>.</p> https://zoink.cc/playground/netrw-nvim/ Mon, 01 Jan 0001 00:00:00 +0000 https://zoink.cc/playground/netrw-nvim/ <p><a target="_blank" href="https://github.com/prichrd/netrw.nvim">netrw.nvim</a> adds a layer of bling to netrw, the builtin file explorer shipped with Vim. It adds file icons to all list types, making it easier to visually parse the file explorer.</p> <p>It started as a fun experiment to see if I could get rid of some of the notorious file explorers in the Neovim ecosystem (e.g. <a target="_blank" href="https://github.com/preservim/nerdtree">NERDTree</a>). The lighter my plugin list is, the happier I am. I whipped up a quick proof of concept using <a target="_blank" href="https://github.com/nvim-tree/nvim-web-devicons">nvim-web-devicons</a> and <a target="_blank" href="https://neovim.io/doc/user/sign.html">signs</a>, and it worked surprisingly well. I cleaned it up, added some configuration options, and here we are.</p> https://zoink.cc/playground/zwo-builder/ Mon, 01 Jan 0001 00:00:00 +0000 https://zoink.cc/playground/zwo-builder/ <p>Write a structured bike workout in plain text and export it as a <code>.zwo</code> file for Zwift or any compatible trainer app.</p> <ul> <li><span style="color:#5b8dd9">■</span> Recovery — below 55% FTP</li> <li><span style="color:#52a46a">■</span> Endurance — 55–75%</li> <li><span style="color:#d4a017">■</span> Tempo — 75–90%</li> <li><span style="color:#e07b30">■</span> Threshold — 90–105%</li> <li><span style="color:#c93d3d">■</span> VO2max — 105–120%</li> <li><span style="color:#9535b5">■</span> Anaerobic — above 120%</li> </ul> <style> #zwo { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); } #zwo-row1 { display: flex; align-items: stretch; border-bottom: 1px solid var(--border); } #workout-name { flex: 1; font-family: var(--font); font-size: 13px; background: var(--code-bg); color: var(--fg); border: none; border-right: 1px solid var(--border); padding: 0.5rem 0.75rem; outline: none; min-width: 0; } #workout-name:focus { background: var(--bg); } #ftp-row { display: flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.75rem; background: var(--code-bg); } #ftp-label { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); } #ftp { font-family: var(--font); font-size: 13px; background: var(--bg); color: var(--fg); border: 1px solid var(--border); padding: 0.3rem 0.5rem; width: 64px; outline: none; } #ftp:focus { border-color: var(--fg); } #ftp-unit { font-size: 12px; color: var(--muted); } #workout-input-wrap { position: relative; display: flex; flex-direction: column; border-bottom: 1px solid var(--border); } #workout-input { width: 100%; font-family: var(--font); font-size: 13px; background: var(--code-bg); color: var(--fg); border: none; padding: 0.75rem; resize: none; overflow: hidden; outline: none; line-height: 1.7; tab-size: 2; box-sizing: border-box; min-height: 120px; } #watts-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; font-family: var(--font); font-size: 13px; line-height: 1.7; padding: 0.75rem; box-sizing: border-box; overflow: hidden; } .overlay-line { display: flex; justify-content: flex-end; align-items: center; height: calc(13px * 1.7); } .overlay-line.is-error { background: rgba(224, 64, 64, 0.1); margin: 0 -0.75rem; padding: 0 0.75rem; } .overlay-watts { font-size: 11px; font-weight: 700; letter-spacing: 0.02em; } #zwo-row3 { display: flex; align-items: stretch; background: var(--code-bg); } .sf-btn { font-family: var(--font); font-size: 12px; padding: 0.45rem 0.75rem; cursor: pointer; border: none; background: transparent; color: var(--fg); white-space: nowrap; } .sf-btn-primary { background: var(--fg); color: var(--bg); } .sf-btn-ghost { color: var(--muted); } .sf-btn:hover:not(:disabled) { opacity: 0.7; } .sf-btn:disabled { opacity: 0.3; cursor: default; } #zwo-export { display: flex; gap: 0; border-right: 1px solid var(--border); } #export-zwo-btn { border-right: 1px solid var(--border); } #zwo-import { display: flex; gap: 0; margin-left: auto; } #import-txt-btn { border-left: 1px solid var(--border); } #parse-error { font-size: 11px; color: #e04040; line-height: 1.4; word-break: break-word; padding: 0 0.75rem; display: flex; align-items: center; } </style> <div id="zwo"> <div id="zwo-row1"> <input id="workout-name" type="text" value="My Workout" placeholder="Workout name" /> <div id="ftp-row"> <span id="ftp-label">FTP</span> <input id="ftp" type="number" value="250" min="50" max="600" /> <span id="ftp-unit">w</span> </div> </div> <div id="workout-input-wrap"> <textarea id="workout-input" spellcheck="false">10m60% 5m200w 3x 5m104% 3m52% 10m60%</textarea> <div id="watts-overlay"></div> </div> <div id="zwo-row3"> <div id="zwo-export"> <button id="export-zwo-btn" class="sf-btn sf-btn-primary" disabled>Export .zwo</button> <button id="export-txt-btn" class="sf-btn" disabled>Export .txt</button> </div> <div id="parse-error"></div> <div id="zwo-import"> <button id="import-txt-btn" class="sf-btn sf-btn-ghost">Import .txt</button> <button id="import-zwo-btn" class="sf-btn sf-btn-ghost">Import .zwo</button> </div> </div> <input id="import-txt-file" type="file" accept=".txt" style="display:none"> <input id="import-zwo-file" type="file" accept=".zwo,.xml" style="display:none"> </div> <script> (function () { // ── Parser ────────────────────────────────────────────────────── function parseDuration(s) { s = s.trim().toLowerCase(); var t = 0; var h = s.match(/(\d+)h/); if (h) t += +h[1] * 3600; var m = s.match(/(\d+)m/); if (m) t += +m[1] * 60; var sec = s.match(/(\d+)s/); if (sec) t += +sec[1]; return t || null; } function parsePower(s) { s = s.trim().toLowerCase(); var p = s.match(/^(\d+(?:\.\d+)?)%$/); if (p) return { pct: +p[1] / 100, watts: null }; var w = s.match(/^(\d+(?:\.\d+)?)w$/); if (w) return { pct: null, watts: +w[1] }; return null; } function parseSegment(s) { s = s.trim(); var m = s.match(/^((?:\d+[hms])+)(\d+(?:\.\d+)?[%w])$/i); if (!m) return null; var dur = parseDuration(m[1]); var pwr = parsePower(m[2]); if (!dur || !pwr) return null; return { dur: dur, pwr: pwr }; } function resolveWatts(pwr, ftp) { return pwr.watts != null ? pwr.watts : pwr.pct * ftp; } function parseWorkout(text, ftp) { var lines = text.split('\n'); var blocks = []; var lineInfo = new Array(lines.length); for (var k = 0; k < lines.length; k++) lineInfo[k] = { type: 'empty' }; var error = null; var i = 0; while (i < lines.length && !error) { var line = lines[i]; var trimmed = line.trim(); if (!trimmed || trimmed.startsWith('#')) { lineInfo[i] = { type: 'comment' }; i++; continue; } if (/^\s/.test(line)) { lineInfo[i] = { type: 'error' }; error = 'line ' + (i + 1) + ': indented line outside repeat block'; break; } var repMatch = trimmed.match(/^(\d+)\s*[xX\u00d7]$/); if (repMatch) { var n = +repMatch[1]; lineInfo[i] = { type: 'repeat-header', n: n }; i++; var segs = []; while (i < lines.length && /^\s/.test(lines[i])) { var segTrimmed = lines[i].trim(); if (!segTrimmed || segTrimmed.startsWith('#')) { lineInfo[i] = { type: 'comment' }; i++; continue; } var seg = parseSegment(segTrimmed); if (!seg) { lineInfo[i] = { type: 'error' }; error = 'line ' + (i + 1) + ': unrecognized — "' + segTrimmed + '"'; break; } lineInfo[i] = { type: 'repeat-seg', watts: resolveWatts(seg.pwr, ftp) }; segs.push(seg); i++; } if (!error) { if (segs.length === 0) { error = 'line ' + i + ': empty repeat block'; } else { blocks.push({ type: 'repeat', n: n, segs: segs }); } } continue; } var seg = parseSegment(trimmed); if (!seg) { lineInfo[i] = { type: 'error' }; error = 'line ' + (i + 1) + ': unrecognized — "' + trimmed + '"'; break; } lineInfo[i] = { type: 'steady', watts: resolveWatts(seg.pwr, ftp) }; blocks.push({ type: 'steady', dur: seg.dur, pwr: seg.pwr }); i++; } return { blocks: blocks, lineInfo: lineInfo, error: error }; } // ── Zones ─────────────────────────────────────────────────────── var ZONES = [ { max: 0.55, color: '#5b8dd9' }, { max: 0.75, color: '#52a46a' }, { max: 0.90, color: '#d4a017' }, { max: 1.05, color: '#e07b30' }, { max: 1.20, color: '#c93d3d' }, { max: Infinity, color: '#9535b5' } ]; function zoneColor(w, ftp) { var r = w / ftp; for (var i = 0; i < ZONES.length; i++) { if (r < ZONES[i].max) return ZONES[i].color; } return ZONES[ZONES.length - 1].color; } // ── Overlay ───────────────────────────────────────────────────── function updateOverlay(lineInfo, ftp) { var overlay = document.getElementById('watts-overlay'); var html = ''; for (var i = 0; i < lineInfo.length; i++) { var info = lineInfo[i]; var label = ''; var color = ''; var cls = 'overlay-line'; if (info.type === 'error') { cls += ' is-error'; } else if ((info.type === 'steady' || info.type === 'repeat-seg') && info.watts != null) { var w = Math.round(info.watts); color = zoneColor(w, ftp); label = w + 'w'; } html += '<div class="' + cls + '"><span class="overlay-watts" style="color:' + color + '">' + label + '</span></div>'; } overlay.innerHTML = html; } // ── Format helpers ─────────────────────────────────────────────── function fmtDur(seconds) { var h = Math.floor(seconds / 3600); var m = Math.floor((seconds % 3600) / 60); var s = seconds % 60; var r = ''; if (h) r += h + 'h'; if (m) r += m + 'm'; if (s) r += s + 's'; return r || '0s'; } function fmtPct(ratio) { return Math.round(ratio * 100) + '%'; } // ── ZWO import ─────────────────────────────────────────────────── function zwoToText(xmlText) { var parser = new DOMParser(); var doc = parser.parseFromString(xmlText, 'text/xml'); if (doc.querySelector('parsererror')) return null; var nameEl = doc.querySelector('name'); var name = nameEl ? nameEl.textContent.trim() : ''; var workout = doc.querySelector('workout'); if (!workout) return null; var lines = []; var children = workout.children; for (var i = 0; i < children.length; i++) { var el = children[i]; var tag = el.tagName; if (tag === 'SteadyState') { var dur = parseInt(el.getAttribute('Duration'), 10); var power = parseFloat(el.getAttribute('Power')); lines.push(fmtDur(dur) + fmtPct(power)); } else if (tag === 'IntervalsT') { var repeat = parseInt(el.getAttribute('Repeat'), 10); var onDur = parseInt(el.getAttribute('OnDuration'), 10); var offDur = parseInt(el.getAttribute('OffDuration'), 10); var onPower = parseFloat(el.getAttribute('OnPower')); var offPower = parseFloat(el.getAttribute('OffPower')); lines.push(repeat + 'x'); lines.push(' ' + fmtDur(onDur) + fmtPct(onPower)); lines.push(' ' + fmtDur(offDur) + fmtPct(offPower)); } // Warmup/Cooldown/Ramp have varying power — skipped } return { text: lines.join('\n'), name: name }; } // ── ZWO export ────────────────────────────────────────────────── function esc(s) { return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); } function blocksToZWO(blocks, ftp, name) { var lines = blocks.map(function (b) { if (b.type === 'repeat' && b.segs.length === 2) { var onW = resolveWatts(b.segs[0].pwr, ftp); var offW = resolveWatts(b.segs[1].pwr, ftp); return ' <IntervalsT Repeat="' + b.n + '"' + ' OnDuration="' + b.segs[0].dur + '"' + ' OffDuration="' + b.segs[1].dur + '"' + ' OnPower="' + (onW / ftp).toFixed(4) + '"' + ' OffPower="' + (offW / ftp).toFixed(4) + '"/>'; } var segs = b.type === 'steady' ? [{ dur: b.dur, pwr: b.pwr }] : (function () { var r = []; for (var ii = 0; ii < b.n; ii++) { for (var jj = 0; jj < b.segs.length; jj++) r.push(b.segs[jj]); } return r; }()); return segs.map(function (seg) { var w = resolveWatts(seg.pwr, ftp); return ' <SteadyState Duration="' + seg.dur + '" Power="' + (w / ftp).toFixed(4) + '"/>'; }).join('\n'); }).join('\n'); return '<?xml version="1.0" encoding="UTF-8"?>\n' + '<workout_file>\n' + ' <author></author>\n' + ' <name>' + esc(name) + '</name>\n' + ' <description></description>\n' + ' <sportType>bike</sportType>\n' + ' <tags/>\n' + ' <workout>\n' + lines + '\n' + ' </workout>\n' + '</workout_file>'; } function download(content, filename, mime) { var blob = new Blob([content], { type: mime }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function safeName(name) { return (name || 'workout').replace(/[^a-z0-9_\-]/gi, '_'); } // ── Main loop ─────────────────────────────────────────────────── var currentBlocks = []; function autoResize() { var ta = document.getElementById('workout-input'); ta.style.minHeight = '0'; ta.style.minHeight = ta.scrollHeight + 'px'; } function update() { autoResize(); var ta = document.getElementById('workout-input'); var ftp = parseInt(document.getElementById('ftp').value, 10) || 250; var errorEl = document.getElementById('parse-error'); var ok = false; var result = parseWorkout(ta.value, ftp); if (result.error) { errorEl.textContent = result.error; currentBlocks = []; } else { errorEl.textContent = ''; currentBlocks = result.blocks; ok = result.blocks.length > 0; } document.getElementById('export-txt-btn').disabled = !ok; document.getElementById('export-zwo-btn').disabled = !ok; updateOverlay(result.lineInfo, ftp); } // ── Keyboard helpers ───────────────────────────────────────────── document.getElementById('workout-input').addEventListener('keydown', function (e) { var ta = this; var start = ta.selectionStart; var end = ta.selectionEnd; var val = ta.value; if (e.key === 'Tab') { e.preventDefault(); ta.value = val.slice(0, start) + ' ' + val.slice(end); ta.selectionStart = ta.selectionEnd = start + 2; update(); return; } if (e.key === 'Enter') { e.preventDefault(); var lineStart = val.lastIndexOf('\n', start - 1) + 1; var currentLine = val.slice(lineStart, start); var indentMatch = currentLine.match(/^(\s*)/); var indent = indentMatch ? indentMatch[1] : ''; if (/^\d+\s*[xX\u00d7]$/.test(currentLine.trim())) indent = ' '; if (/^\s+$/.test(currentLine)) indent = ''; var insert = '\n' + indent; ta.value = val.slice(0, start) + insert + val.slice(end); ta.selectionStart = ta.selectionEnd = start + insert.length; update(); } }); document.getElementById('workout-input').addEventListener('input', update); document.getElementById('ftp').addEventListener('input', update); // ── Import ─────────────────────────────────────────────────────── document.getElementById('import-txt-btn').addEventListener('click', function () { document.getElementById('import-txt-file').click(); }); document.getElementById('import-txt-file').addEventListener('change', function () { var file = this.files[0]; if (!file) return; var reader = new FileReader(); reader.onload = function (e) { document.getElementById('workout-input').value = e.target.result; var base = file.name.replace(/\.[^.]+$/, '').replace(/_/g, ' '); if (base) document.getElementById('workout-name').value = base; update(); }; reader.readAsText(file); this.value = ''; }); document.getElementById('import-zwo-btn').addEventListener('click', function () { document.getElementById('import-zwo-file').click(); }); document.getElementById('import-zwo-file').addEventListener('change', function () { var file = this.files[0]; if (!file) return; var reader = new FileReader(); reader.onload = function (e) { var result = zwoToText(e.target.result); if (!result) { document.getElementById('parse-error').textContent = 'could not parse .zwo file'; return; } document.getElementById('workout-input').value = result.text; if (result.name) document.getElementById('workout-name').value = result.name; update(); }; reader.readAsText(file); this.value = ''; }); // ── Export ─────────────────────────────────────────────────────── document.getElementById('export-txt-btn').addEventListener('click', function () { var name = document.getElementById('workout-name').value || 'My Workout'; download(document.getElementById('workout-input').value, safeName(name) + '.txt', 'text/plain'); }); document.getElementById('export-zwo-btn').addEventListener('click', function () { var name = document.getElementById('workout-name').value || 'My Workout'; var ftp = parseInt(document.getElementById('ftp').value, 10) || 250; download(blocksToZWO(currentBlocks, ftp, name), safeName(name) + '.zwo', 'application/octet-stream'); }); update(); })(); </script>