magic-string-stack

magic-string with the capability of committing changes.

One of the great features of MagicString is that it always relates to the original string positions. However, in some cases, you want to make changes on top of the previously changed string. Usually, you will need to create a new MagicString instance and apply the changes again, which then will end up with multiple sourcemaps that you also need to combine manually. This package makes it magically work on a single instance and generate a single auto-combined sourcemap.

This package extends MagicString class by adding two methods .commit() and .rollback(). Under the hood, it also proxies all the operations methods.

Usage

.commit()

Commit all the changes made so far to MagicString. s.original will become the current transformed result. And the positions will now be based on the new string. Under the hood, it creates a new MagicString instance and swaps all the methods to the new instance.

.rollback()

Rollback to the state before the last commit. It throws an error if there is no previous commit.

.generateMap()

Supercharge the original generateMap method. Where there are multiple commits, it will generate a combined sourcemap using @ampproject/remapping.

Example

1import MagicStringStack from 'magic-string-stack'
2
3const s = new MagicStringStack('problems = 99')
4
5s.replace('problems', 'issues')
6  .prepend('var ')
7
8s.toString() // 'var issues = 99'
9s.original // 'problems = 99' (original string)
10
11s.commit() // this will commit the changes
12
13s.original // 'var issues = 99' (applied with previous changes)
14s.replace('issues', 'problems')
15s.toString() // 'var problems = 99'
16
17s.generateMap() // generate sourcemap, if multiple commits happened, it will generate a combined sourcemap

Sponsors

License

MIT License © 2023-PRESENT Anthony Fu