// Round seventeen: the nav's badges — the desktop's title-bar download ring
// as a count on You while transfers are in flight, and the unread chats
// on Community.
const fs = require('fs');
const root = process.env.SS_ROOT || 'F:/Coding/SoulStream/';
let p, s;
const load = (file) => { p = file; s = fs.readFileSync(root + p, 'utf8'); };
const save = () => fs.writeFileSync(root + p, s);
const once = (a) => {
    const i = s.indexOf(a);
    if (i < 0) throw new Error('missing in ' + p + ': ' + a.slice(0, 90));
    if (s.indexOf(a, i + 1) >= 0) throw new Error('ambiguous in ' + p + ': ' + a.slice(0, 90));
    return i;
};
const rep = (a, b) => { once(a); s = s.replace(a, () => b); };

load('src/mobile/Mobile.svelte');
rep(`    import { transfers, bindTransfers } from "./transfers.svelte.js";`,
    `    import { transfers, bindTransfers, active as activeTransfers } from "./transfers.svelte.js";`);
rep(`    import { slsk, bindSlsk, connectStored } from "./slsk.svelte.js";`,
    `    import { slsk, bindSlsk, connectStored, unreadTotal } from "./slsk.svelte.js";`);
rep(`                <span class="gl"><Icon name={icon} size={22} /></span>
                <span class="lb">{label}</span>
            </button>
        {/each}
    </nav>`,
`                <span class="gl">
                    <Icon name={icon} size={22} />
                    {#if id === "you" && activeTransfers().length}<span class="nb">{activeTransfers().length}</span>{/if}
                    {#if id === "community" && unreadTotal()}<span class="nb">{unreadTotal()}</span>{/if}
                </span>
                <span class="lb">{label}</span>
            </button>
        {/each}
    </nav>`);
save();

load('src/mobile/shell.css');
s = s.replace(/\s*$/, String.fromCharCode(10)) + `
/* the nav's badges: transfers in flight on You, unread chats on Community */
.nav button .gl .nb { position: absolute; top: -3px; right: -12px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--accent); color: #04121a; font-size: 10px; font-weight: 800; line-height: 16px; text-align: center; box-shadow: 0 0 0 2px var(--nav-bg, #101014); }
`;
save();

load('tests/mobile/smoke.mjs');
rep(`        countline: (document.querySelector('.countline .t-sub') || {}).textContent || '',`,
`        countline: (document.querySelector('.countline .t-sub') || {}).textContent || '',
        navBadges: [].map.call(document.querySelectorAll('.nav .nb'), function (b) { return b.textContent.trim(); }).join('|'),`);
// A record saving: You's badge counts the flight. The assertion belongs
// HERE and not on the Transfers screen two steps later — by the time the
// walk has settled and tapped its way to You, the mock's burst has already
// finished and the badge is correctly gone.
rep(`    "cat-album-save": (i) => /^Saving \\d+ from /.test(i.save),`,
    `    "cat-album-save": (i) => /^Saving \\d+ from /.test(i.save) && /^\\d+$/.test(i.navBadges),`);
save();

load('ANDROID.md');
rep(`The Library's count line carries the collection's hours`, `The nav wears two badges the desktop's chrome has: transfers in flight on
You (the title bar's download ring) and unread chats on Community.
The Library's count line carries the collection's hours`);
save();
console.log('round seventeen wired');