TamperBuilder

• Use any Javascript/Typescript framework to create Tampermonkey script example.
• No longer need to use native JavaScript or jQuery.
• Use TypeScript with any framework you like.

Native JS Content

• All runtime functions are written in TypeScript.
• Extended some DOM manipulation methods.
• Wraps some Tampermonkey-specific APIs.
• Some common utility functions (refer to lodash).

Supported framework

• Vue ( Include Pinia )
• React ( Include Redux )
• Preact ( Include @preact/signals)
• Lit ( Include @lit/context )
• Svelte
• Solid

Building Tool

• Vite
• Webpack

  Deprecated, for more information please see Legacy Build Support.

Prerequisite

• Node.js (>= 22.0.0)

  Only tested under Node 22.*.0, older versions may not be compatible.

Usage

git clone https://github.com/vivelarepublique/TamperBuilder
cd TamperBuilder
npm install
npm run build

Ongoing plans

• [ - ] Framework support
  • Vue✅
  • React✅
  • Preact✅
  • Lit✅
  • Svelte✅
  • Solid✅
  • Angular

    Compiling Angular projects can only be done with Angular's own compiler, not with Vite or Webpack, so combining Angular code with code from other projects can be a pain.

  • Astro

    Astro is using a self-contained build tool based on Vite, so combining Astro with code from other projects isn't simple.

• [ X ] Repackaged JavaScript Functions
• [ X ] Detailed documentation
• [ X ] Performance testing and comparison

License

MIT

Author

vivelarepublique

Your support

Give a ⭐️ if you like this project!