Build a PoC editor

[Tahul]

As tokens module has been built to be used with an editor, this is the next step for this module!

First steps has been done in last commit, the editor should be able to do this:

• Grab all tokens available from a dev / server / static apps
• Generate a nice looking form out of it
  • To be decided with what should be build it, but it might be a nice way to try Nuxt Elements form features
• Open an API that has multiple capabilities:
  • Receive modified tokens declaration from the editor
  • Returns built outputs
    • tokens.css to be re-injected in the running app
    • tokens.config.ts to be commited to the user repository
      • This task implies AST handling of the config (Configuration AST handling #11 )
• Create a runtime plugin able to receive a built tokens file, and replace the current declaration by the new one
• Ensure this is all compatible with upcoming Nuxt projects

[pi0]

Mentioning just to be consistent with upcoming framework development. Config Editor will be also be a feature of nuxt/devtools and using nuxt/ui components. I would be nice collaboration opportunity if you use the same component library and help to implement missing form elements. Modules can plug in their UI using a webview (iframe) to devtools but it can probably look more native if using same design language.

Also for HMR support, if you migrate to app.config API, the plugin can inject them directly at runtime without need of AST modifications until applying final changes to write to the file.

/cc @antfu to be in context.