• svelte start here: https://svelte.dev/blog/the-easiest-way-to-get-started#2_Use_degit

  • at some point I could probably branch that to include xstate and rollup plugins

• install xstate npm install xstate -S

• copy getting started example into script and see if it works

• sigh. rollup doesn't like xstate? https://rollupjs.org/guide/en#error-this-is-undefined

• apparently RikuVan ran into this:

  • his config: https://github.com/RikuVan/svelte3-ts-starter/blob/861ae9eb4f840edb92d50beb17d3afb1d30770a3/rollup.config.js#L56-L58
  • his issue on xstate:

  process is not defined and circular dependencies with rollup and svelte · Issue #443 · davidkpiano/xstate

• so I'm going to put the replace() after the svelte() and run it again

• add that replace, install rollup plugin via npm.

• still have MANY rollup warnings:

  • like this one, that doesn't direct you to the right anchor unless you're on rollup's page already (i.e. clicking in sidebar)

  rollup.js

• but it looks like it works?

• now to poke at it until it's a cool button.

• it's a cool button, I've done the 'reactive bindings' but is this best practice? will rollup mangle xstate?