search

GraphQL-Designer / graphqldesigner.com

A developer web-app tool to rapidly prototype a full stack implementation of GraphQL with React.
http://www.graphqldesigner.com/
MIT License
626 stars 75 forks source link

PR Welcome for Store Import/Export? #221

Open machineghost opened 5 years ago

machineghost commented 5 years ago

As per #220, this tool would be A LOT more valuable with a way ... any way ... to persist effort. A quick check of the code found that the entire client state is kept in a Redux store:

https://github.com/GraphQL-Designer/graphqldesigner.com/blob/master/client/store.js

If someone were to create a PR that:

  1. Added two new options to the right of "NEW PROJECT" and "EXPORT CODE" in the upper-left:
    • IMPORT STATE
    • EXPORT STATE
  2. onClick "EXPORT STATE" would serialize the current store (possibly filtering out state that doesn't need to persist), and display a modal with that state in JSON form
  3. onClick "IMPORT STATE" would prompt the user to paste in state JSON, and then would (essentially) reload the app and reinitialize the Redux store with that state (deserialized)

Obviously 1 and 2 should be pretty trivial, while 3 will require the most effort.

But before anyone does all that ... would you accept a PR that does the above?

machineghost commented 5 years ago

P.S. A stretch goal would be:

  1. Add an option to save to localStorage instead of making people copy/paste JSON text
sido420 commented 4 years ago

This is a must have feature.

@machineghost I am not familiar with Redux etc. Can you share your code to import and export state so I could at least modify local project and use this feature?

Thanks.

machineghost commented 4 years ago

There is no code ... yet. I was just saying that hypothetically a basic implementation, like the one I described, seems very doable.