[Open Source] Add share link to the Map Editor

[cpojer]

For the Open Source website, it would be great if the Map Editor Playground supported "saving" and loading maps. Let's store a map in the URL. When loading the playground, the URL can be decoded to load a map.

Steps

• A callback for creating/updating a map can be passed to the component. When called, it should store the received data in the URL. In this case, the relevant use of the map editor is in map-editor.tsx.
• If the data is present in the URL when loading the page, it should decode and pass it as mapObject to the MapEditor component.
  • Check out the definition of the MapObject.
• The create/update callbacks are called through the settings panel's "Save Map" button in the editor.

*Note: The Map Editor might not re-render with new state if the mapObject that gets passed in changes. It may be necessary to set the key prop to wipe away map editor state.

Links

• Map Editor Playground

Funding

• We're using Polar.sh to distribute funds.
• You receive the reward once the issue is completed & confirmed by Nakazawa Tech.

[connorlindsey]

Super excited you're open sourcing so much of the game! Could I pick this issue up?

[cpojer]

Yes, please give it a try! Feel free to ping me on the #tech channel on Discord if you have questions.

[connorlindsey]

@cpojer Got a basic version working, but wanted to clarify how some of the MapObject properties should be handled, specifically:

• id - should this be auto-generated or just left as an empty string? From what I've read so far, I think an empty string would suffice
• slug - same as id
• campaigns - I'm assuming this should be empty (e.g. campaigns: { edges: [] }
• creator - I'm assuming we can use the placeholder viewer values

Thanks!

[cpojer]

For slug, please call toSlug on the map name.

The other suggestions sound good to me.

I bumped up the funding to $50 since you are the first contributor.

[connorlindsey]

Thank you! Just excited to learn more about the codebase and making games with web tech, but that's super nice!

I set my PR as ready for review for when you're free to take a first pass. Obviously still getting used to the codebase, so let me know what feedback you have! Also let me know if you'd like me to include tests. Definitely can to be thorough and include them but I also feel like it's not as necessary compared to something that updates the map editor, core unit logic, etc.

[cpojer]

Thanks for contributing, $50 were sent to you!

[connorlindsey]

Thanks! Appreciate the review and for open sourcing this 🎉