A tool to create and manage moi.md files for Val Town vals.

This branch addresses critical usability issues with the editors in the MoiPoster tool:

1. Input Focus Issues: Previously, when editing input fields in the moi.md editor, the input would sometimes lose focus and freeze up, making it difficult to type smoothly.

2. Save Functionality Problems: After the initial input focus fix, there was an issue where saving would reset content to defaults or not save the latest changes.

3. Editor Simplification: Removed the unnecessary Editor Type toggle and Preview mode which were contributing to the usability issues.

1. The editor was trying to update the content in real-time with every keystroke
2. Each update was triggering a re-render, which would cause the input to lose focus
3. State synchronization issues between components caused saving problems
4. Content wasn't properly tracked between components during save operations

1. MoiEditor.tsx:

   • Removed the isUserEditing state and automatic real-time updates
   • Simplified the change handling logic to avoid excessive state updates

2. QuickEditor.tsx:

   • Improved direct content tracking with references
   • Made field updates immediately propagate to the parent to ensure data is saved
   • Kept all advanced options but moved them under a collapsible section
   • Added detailed logging to track changes

3. MoiEditorModal.tsx:

   • Simplified to use only the QuickEditor component
   • Removed the editor type toggle and preview mode
   • Added content reference tracking to prevent loss of edits
   • Added safeguards to ensure latest content is always saved

4. App.tsx:

   • Added a reference-based approach to track the latest content reliably
   • Improved save functionality to use the most up-to-date content
   • Added detailed logging for debugging content flow
   • Added safeguards against content reloading during save operations

1. Open a val in the editor
2. Try typing in any of the input fields - you should now be able to type smoothly without the cursor jumping or input freezing
3. Make several edits to different fields and save - all changes should be properly preserved
4. Try editing fields in the "Advanced Options" section - those changes should also be properly saved

Tool to manage moi.md files for Val Town content.

• Browse your vals
• Create and edit moi.md files
• Quickly update frontmatter
• Save directly to your Val

The moi.md file is a special Markdown file that Val Town uses to display information about your val on the platform, especially for the build.moi page.

1. Add your Val Town API key
2. Browse and select a val
3. Create or edit the moi.md file
4. Save your changes