webamp/packages/webamp
2026-07-10 04:17:11 +00:00
..
assets/skins Move non-base skins into demo directory 2020-07-04 11:21:20 -07:00
css Revive compile skin script and convert to typescript 2025-07-09 13:25:06 -07:00
docs Split demo site into its own package (#1351) 2026-06-07 14:40:07 -07:00
js Merge 18c349054e into 0882aa7a31 2026-07-10 04:17:11 +00:00
presets Start adopting Yarn workspaces (#985) 2020-05-17 22:12:17 -07:00
scripts Clean up webamp build config 2026-06-07 14:58:17 -07:00
.eslintignore Fix slow lint 2025-07-06 10:36:46 -07:00
.eslintrc Consolidate ESLint configs into root (#1324) 2025-11-27 21:32:10 -08:00
.gitignore Optimize ci performance (#1302) 2025-07-05 18:12:42 -07:00
.prettierignore Add back google analytics 2023-01-25 12:15:15 -08:00
CHANGELOG.md Update docs 2025-07-12 23:44:21 -07:00
package.json Bump version to 2.3.1 2026-06-15 20:43:55 -07:00
postcss.config.mjs Avoid commonjs warning in vite 2025-07-05 16:05:58 -07:00
README.md Split demo site into its own package (#1351) 2026-06-07 14:40:07 -07:00
static.d.ts Start adopting Yarn workspaces (#985) 2020-05-17 22:12:17 -07:00
tsconfig.json Clean up webamp build config 2026-06-07 14:58:17 -07:00
vitest.config.ts Migrate from Jest to Vitest (#1350) 2026-06-07 12:20:29 -07:00

Webamp NPM Module

Development

The demo site in packages/webamp-demo imports the library source directly, so you can iterate on the library with live reloading:

cd packages/webamp-demo
pnpm start

Any edits to library source files in packages/webamp/js/ are immediately reflected in the browser — no rebuild needed.

# Run tests
cd packages/webamp
pnpm test

Building

To build the library for publishing:

pnpm run build

This will write files to ./built.

Testing

pnpm test

This will run the tests the linter and the type checker.

To update snapshots run

pnpm test -u

Cutting a Release

  1. Update the version number in package.json
  2. Rename the "Next" title at the top of CHANGELOG.md to the new version number and ensure it is up to date
  3. Update the static VERSION property of the Webamp class in webampLazy.tsx
  4. Git commit
  5. cd packages/webamp
  6. npm publish
  7. Git tag the commit (e.g. 1.4.2 or 1.4.3-beta.3)
  8. Push tag to GitHub git push origin <TAG_NAME>
  9. Update all the examples to use the new version:
  1. Commit and push

Reference

Predecessors

  • Webamp2x An impressive implementation from 2002(!).
  • JsAmp An implementation from 2005 by @twm (via Hacker News).
  • LlamaCloud Comp From 2011 by Lee Martin (via Twitter)
  • Winamp em HTML5 e Javascript In 2010 a developer named Danilo posted one of his HTML5 experiments: "an audio player simulating good old Winamp". You will have to download the zip file.
  • JuicyDrop An HTML5 implementation with less emphasis on being true to the skin, but fully featured visualizations. @cggaurav is keeping it alive on GitHub
  • Spotiamp The folks at Spotify reimplemented Winamp as a frontend for Spotify. Not in a browser, and only runs on Windows. It has since been discontinued.