Open source · Chrome-utvidelse + VS Code-utvidelse
CodeAlong
Programmeringsvideoer som venter på deg. Begynner du å skrive i VS Code, pauses videoen i Chrome. Slutter du, spoles den to sekunder tilbake og fortsetter – uten at du bytter vindu.
- Type
- Chrome- og VS Code-utvidelse
- Status
- Publisert, open source (MIT)
- År
- 2026
- Teknologi
-
- TypeScript
- Chrome MV3
- VS Code API
- WebSocket
- Playwright
Problemet
Å følge en programmeringsvideo betyr å pause, bytte til editoren, skrive, bytte tilbake og trykke play – om og om igjen, gjennom hele videoen.
Løsningen
CodeAlong kobler editoren og nettleseren sammen, så videoen følger ditt tempo. Den gjetter aldri over hodet på deg: pauser du selv, blir videoen stående.
Slik henger det sammen
-
1
Chrome-utvidelse
Finner videoen – også i iframes og shadow DOM – vet hvem som pauset den, og lagrer innstillingene.
-
2
Lokal tilkobling
Autentisert WebSocket på 127.0.0.1. Bare signaler som «skriver» og «lagret» – aldri koden.
-
3
VS Code-utvidelse
Merker at du koder, og en tilstandsmaskin avgjør når videoen skal pause og fortsette.
Teknisk
-
To utvidelser, ett produkt
Chrome-utvidelse (Manifest V3) og VS Code-utvidelse i et TypeScript-monorepo med en felles, versjonert protokoll som valideres i begge ender.
-
Lokalt og sikkert
WebSocket kun på 127.0.0.1. Nettsider avvises før handshake via Origin-sjekk mot kjente extension-ID-er, og ingen kode, tastetrykk eller analyse forlater maskinen.
-
Deterministisk tilstandsmaskin
En ren kjerne der tid er deadlines i tilstanden. Kjernegarantien – en video du pauset selv startes aldri automatisk – er dekket av tester.
-
Robust i praksis
Automatisk portvalg, «leader election» mellom flere VS Code-vinduer, gjenoppkobling og MV3 service worker-livssyklus, video i iframes og shadow DOM.
-
Testet ende til ende
Over 130 automatiserte tester: enhet, integrasjon over ekte WebSocket, Chrome-utvidelsen i ekte Chromium og VS Code-utvidelsen i ekte VS Code (eldste og nyeste versjon).
-
Publisert og vedlikeholdt
I Chrome Web Store og VS Code Marketplace. CI på Linux, Windows og macOS, reproduserbar pakking, semver, dokumentert personvern og sikkerhetsmodell.
-
2
butikker
Chrome Web Store og VS Code Marketplace
-
130+
automatiserte tester
enhet, integrasjon og ende-til-ende
-
3
operativsystemer i CI
Linux, Windows og macOS
-
0
data samlet inn
ingen sky, konto eller telemetri
Prøv det, eller les koden
Gratis og MIT-lisensiert. Arkitekturen, sikkerhetsmodellen og testene er dokumentert på GitHub.