A VS Code extension that shows a live countdown and the full group-stage match schedule for the Summer 2026 International Soccer Tournament, displayed in a sports-news ticker style right inside your editor.
This is an independent fan and educational project. It is not affiliated with, endorsed by, or sponsored by any official soccer governing body, tournament organizer, national federation, or commercial sponsor.
All team names and country flag emoji are factual public information. Match schedules are sourced from official public announcements and may be subject to change. Always verify match times against official sources.
| Feature | Description |
|---|---|
| Live status bar countdown | 🏆 Xd HH:MM:SS — updates every second, always visible |
| Match schedule ticker | Auto-rotates through all 72 group-stage matches every 5 seconds |
| Country flags | Unicode flag emoji for all 48 nations — no proprietary artwork |
| Group browser | Mini-grid of all 12 groups; click any group to jump the ticker there |
| Countdown tab | Glassmorphic timer with opening match preview |
| Two commands | Open directly to either the Countdown or Match Schedule view |
| Offline-ready | No network requests — all data is embedded in the extension |
git clone https://github.com/jhonatan30/26counter.git
cd 26counter
npm installPress F5 to open a new VS Code window with the extension loaded.
(Once published)
Search for 26Counter in the Extensions panel and click Install.
- Once activated, the countdown timer appears in the status bar (
🏆). - Click the status bar item to open the Match Schedule dashboard.
- Use the Command Palette (
Ctrl+Shift+P/Cmd+Shift+P) to run either command:⚽ Soccer 2026: Show Match Schedule— opens on the Matches tab⚽ Soccer 2026: Show Countdown— opens on the Countdown tab
- The dashboard opens with Matches tab active by default.
- Cards cycle automatically every 5 seconds through all 72 group-stage matches.
- Each card shows: country flags, team names, date, kickoff time, and city.
- Use Prev / Next to navigate manually (auto-rotation pauses for 10 s, then resumes).
- Use ⏸ Auto / ▶ Auto to pause or restart automatic rotation.
- Click any group chip in the grid below the ticker to jump to that group's first match.
| Detail | Info |
|---|---|
| Opening match | June 11, 2026 |
| Group stage | June 11 – July 2, 2026 |
| Teams | 48 teams across 12 groups (A–L) |
| Host countries | USA, Canada, Mexico |
| Venues | 16 stadiums across 3 countries |
Match times are displayed in local kickoff time (ET for US venues, CT for Mexico, ET/PT for Canada). Subject to official confirmation.
- VS Code
^1.115.0 - Node.js (for linting and tests)
npm run lint # ESLint check
npm run test # Run test suite
npm run pretest # Lint before testsextension.js — Activation, status bar, command registration
matchData.js — All 48 teams, 12 groups, 72 group-stage matches
webviewContent.js — Two-tab HTML/CSS/JS dashboard generator
test/
extension.test.js — Test suite
package.json — Extension manifest
Issues and pull requests are welcome. Please note this project intentionally avoids any trademark-protected names or logos.
Jhonatan Delgado — JhonatanSDelgadoL