more-auto-shoutout-webui-example

绝大多数内容使用AI辅助编写的使用纯净html与javascript的用于学习目的的json和toml生成转换网页工具。

本网页提供了一个简单的网页配置编辑与生成器，供使用交互界面配置设置项并转换为Json格式字符串和TOML配置文本，供MHW游戏的more-auto-shoutouts mod读取并使用。

Mod 本体仓库：https://github.com/eigeen/more-auto-shoutouts

Mod 发布页面：https://www.caimogu.cc/post/1028330.html

Mod 说明文档：https://git.eigeen.com/eigeen/more-auto-shoutouts-docs

本网页及其页面脚本代码90%以上由AI进行编写及排错。由本人提供基本功能组织与构建逻辑规划，全程在AI辅助下进行测试、缝合、封装、优化和整理。 因此，本代码将存在包括但不限于语法不一致、处理函数冗余、处理逻辑不够优雅、非必要复用率过高、函数、元素与变量定义混乱等问题。 主要出于学习目的在AI辅助下学习并熟悉HTML和Javascript的写法并利用代码整合与优化工作加深对其的认识。

鸣谢：

GPT4-Turbo from OpenAI
Claude-3-Opus-20240229 from Anthropic
Gemini-1.5-Pro from Google

提供的代码编写、HTML及Javascript教学与思路构建。

高度鸣谢但同时也不鸣谢：

Cody from SourceGraph
提供的代码编辑、代码审查和文档咨询。
确实好使，但BYD封我号。

TODO list:

▢ 添加文件保存功能..

▢ 添加版本选择功能..

▢ 添加字体字号编辑器..

▢ 重新组织生成的JSON文本结构，使其更合理，以便于更稳定且符合期望地直接转换为TOML。

▢ 重构部分配置项的交互函数与处理逻辑（例如虫棍与盾斧）以便更贴近直接修改配置文件的自由度与操作逻辑。

▢ 优化页面布局与交互逻辑，使更便于使用。

▢ 进一步规划屎山。