multiple inline <script> tags not getting correctly optimized - all tags show the same contents

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

Looks like there is a bug in our rollup.config.js logic that tries to optimize inline <script> tags. For example this

<script type="module">
const one = 'script tag module inline one';

document.getElementsByClassName('output-script-inline-one')[0].innerHTML = one;
</script>

<script type="module">
const two = 'script tag module inline two';

document.getElementsByClassName('output-script-inline-two')[0].innerHTML = two;
</script>

should come out like this

<script type="module">
document.getElementsByClassName('output-script-inline-one')[0].innerHTML = 'script tag module inline one';
</script>

<script type="module">
document.getElementsByClassName('output-script-inline-two')[0].innerHTML = 'script tag module inline two';
</script>

instead it is coming out with the second inlined version being the same code as the first inline <script> tag

<script type="module">
document.getElementsByClassName('output-script-inline-one')[0].innerHTML = 'script tag module inline one';
</script>

<script type="module">
document.getElementsByClassName('output-script-inline-one')[0].innerHTML = 'script tag module inline one';
</script>

Details

Not sure if the issue is related to poor hashing, so maybe a good case to finally tackle #553? While we're at, should confirm how this works

1. With / without type="module"
2. <style> tags