+ English | 简体中文 +
+ +
+
+
+
+
+ English | 简体中文 +
+ +
+
+
+
+
+
+
+
+
diff --git a/frontend/palworld-pal-editor-webui/src/assets/base.css b/frontend/palworld-pal-editor-webui/src/assets/base.css
new file mode 100644
index 0000000..2be5443
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/assets/base.css
@@ -0,0 +1,75 @@
+/* color palette from
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/components/PalList.vue b/frontend/palworld-pal-editor-webui/src/components/PalList.vue
new file mode 100644
index 0000000..4095b0e
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/PalList.vue
@@ -0,0 +1,273 @@
+
+
+
+
+
+
+
+
+ ![]()
+
+ + {{ palStore.getTranslatedText("Editor_Note_Ghost_Pal") }} +
+ +
+
+ + {{ palStore.getTranslatedText("Editor_Basic_Info") }} +
+
+
+ + {{ palStore.getTranslatedText("Editor_Species") }} + {{ palStore.displayPalElement(palStore.SELECTED_PAL_DATA.DataAccessKey) }} + {{ palStore.PAL_STATIC_DATA[palStore.SELECTED_PAL_DATA.DataAccessKey]?.I18n || palStore.SELECTED_PAL_DATA.DataAccessKey }} +
+ + + +
+
+ + {{ palStore.getTranslatedText("Editor_Nickname") }} +
+ + +
+
+
+
+
+ + {{ palStore.getTranslatedText("Editor_Gender") }} + {{ palStore.SELECTED_PAL_DATA.displayGender() }} +
+ +
+
+
+ + {{ palStore.getTranslatedText("Editor_Variant") }} + {{ palStore.SELECTED_PAL_DATA.displaySpecialType() }} +
+ + + +
+
+ Lv: {{ palStore.SELECTED_PAL_DATA.Level }}
+ + + ++ 🆔 {{ palStore.getTranslatedText("Editor_Pal_ID") }} + {{ palStore.SELECTED_PAL_ID }} +
++ 🏘️ {{ palStore.getTranslatedText("Editor_Pal_Guild_ID") }} + {{ palStore.SELECTED_PAL_DATA.group_id }} +
+
+
+
+ + 📦 {{ palStore.getTranslatedText("Editor_Pal_Slot") }} + {{ palStore.SELECTED_PAL_DATA.ContainerId }} @ + {{ palStore.SELECTED_PAL_DATA.SlotIndex }} +
+ ++ 🗿 {{ palStore.getTranslatedText("Editor_Pal_Owner") }} + {{ palStore.SELECTED_PAL_DATA.OwnerName || + palStore.getTranslatedText("Editor_Pal_No_Owner") }} +
+
+
+
+ + ❤️ {{ palStore.getTranslatedText("Editor_Estimated_HP") }} + {{ palStore.SELECTED_PAL_DATA.ComputedMaxHP / 1000 }} +
++ ⚔️ {{ palStore.getTranslatedText("Editor_Estimated_ATK") }} + {{ palStore.SELECTED_PAL_DATA.ComputedAttack }} +
++ 🛡️ {{ palStore.getTranslatedText("Editor_Estimated_DEF") }} + {{ palStore.SELECTED_PAL_DATA.ComputedDefense }} +
++ 🔨 {{ palStore.getTranslatedText("Editor_Estimated_WorkSpeed") }} + {{ palStore.SELECTED_PAL_DATA.ComputedCraftSpeed }} +
+
+
+
+
+
+
+
+
+
+
+ + {{ palStore.getTranslatedText("Editor_IV") }} +
+
+
+ + ❤️ {{ palStore.getTranslatedText("Editor_IV_HP") }} + {{ palStore.SELECTED_PAL_DATA.Talent_HP }} +
+ +
+
+ + 🛡️ {{ palStore.getTranslatedText("Editor_IV_DEF") }} + {{ palStore.SELECTED_PAL_DATA.Talent_Defense }} +
+ +
+
+ + ⚔️ {{ palStore.getTranslatedText("Editor_IV_ATK") }} + {{ palStore.SELECTED_PAL_DATA.Talent_Shot }} +
+ +
+
+ + {{ palStore.getTranslatedText("Editor_IV_MELEE") }} + {{ palStore.SELECTED_PAL_DATA.Talent_Melee }} +
+ ++
+ {{ palStore.getTranslatedText("Editor_Souls_Upgrade") }} +
+
+
+ + ❤️ {{ palStore.getTranslatedText("Editor_Souls_HP") }} + {{ palStore.SELECTED_PAL_DATA.Rank_HP }} +
+ +
+
+ + ⚔️ {{ palStore.getTranslatedText("Editor_Souls_ATK") }} + {{ palStore.SELECTED_PAL_DATA.Rank_Attack }} +
+ +
+
+ + 🛡️ {{ palStore.getTranslatedText("Editor_Souls_DEF") }} + {{ palStore.SELECTED_PAL_DATA.Rank_Defence }} +
+ +
+
+ + 🔨 {{ palStore.getTranslatedText("Editor_Souls_CraftSpeed") }} + {{ palStore.SELECTED_PAL_DATA.Rank_CraftSpeed }} +
+ ++
+ {{ palStore.getTranslatedText("Editor_Condenser") }} +
+
+
+ + ⭐ {{ palStore.getTranslatedText("Editor_Condenser_Rank") }} + {{ palStore.SELECTED_PAL_DATA.Rank - 1 }} +
+ +
+
+
+
+ + {{ palStore.getTranslatedText("Editor_Passive_Skills") }} +
+
+
+
+
+
+
+
+
+
+
+ + {{ palStore.displayRating(palStore.PASSIVE_SKILLS[skill]?.Rating) }} {{ + palStore.PASSIVE_SKILLS[skill]?.I18n[0] || skill }} +
+ {{ palStore.PASSIVE_SKILLS[skill]?.I18n[1] || skill }} +
+
+
+
+ +
+ {{ palStore.getTranslatedText("Editor_Equipped_Skills") }} +
+
+
+
+
+
+
+
+
+
+
+ {{ + palStore.displayElement(palStore.ACTIVE_SKILLS[skill]?.Element) }} {{ + palStore.ACTIVE_SKILLS[skill]?.I18n[0] || skill + }} +
+ +{{ palStore.ACTIVE_SKILLS[skill]?.I18n[0] || skill }}
+{{ palStore.ACTIVE_SKILLS[skill]?.I18n[1] || "" }}
+---
++ {{ palStore.getTranslatedText("Editor_Skill_ATK") }} + {{ palStore.ACTIVE_SKILLS[skill]?.Power }} | + {{ palStore.getTranslatedText("Editor_Skill_CD") }} + {{ palStore.ACTIVE_SKILLS[skill]?.CT }} +
++ {{ palStore.getTranslatedText("Editor_Skill_EL") }} + {{ palStore.displayElement(palStore.ACTIVE_SKILLS[skill]?.Element) }} + {{ palStore.ACTIVE_SKILLS[skill]?.Element }} +
++ {{ palStore.ACTIVE_SKILLS[skill]?.IsUniqueSkill ? "✨ Unique" : "" }} + {{ palStore.ACTIVE_SKILLS[skill]?.HasSkillFruit ? "🍐 Fruit Available" : "" }} +
+ ++
+ {{ palStore.getTranslatedText("Editor_Mastered_Skills") }} +
+
+
+
+
+
+
+
+
+
+
+ + {{ palStore.displayElement(palStore.ACTIVE_SKILLS[skill]?.Element) }} + {{ palStore.ACTIVE_SKILLS[skill]?.I18n[0] || skill }} +
+ +{{ palStore.ACTIVE_SKILLS[skill]?.I18n[0] || skill }}
+{{ palStore.ACTIVE_SKILLS[skill]?.I18n[1] || "" }}
+---
++ {{ palStore.getTranslatedText("Editor_Skill_ATK") }} + {{ palStore.ACTIVE_SKILLS[skill]?.Power }} | + {{ palStore.getTranslatedText("Editor_Skill_CD") }} + {{ palStore.ACTIVE_SKILLS[skill]?.CT }} +
++ {{ palStore.getTranslatedText("Editor_Skill_EL") }} + {{ palStore.displayElement(palStore.ACTIVE_SKILLS[skill]?.Element) }} + {{ palStore.ACTIVE_SKILLS[skill]?.Element }} +
++ {{ palStore.ACTIVE_SKILLS[skill]?.IsUniqueSkill ? "✨ Unique" : "" }} + {{ palStore.ACTIVE_SKILLS[skill]?.HasSkillFruit ? "🍐 Fruit Available" : "" }} +
+ +
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/components/PathPicker.vue b/frontend/palworld-pal-editor-webui/src/components/PathPicker.vue
new file mode 100644
index 0000000..73c734d
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/PathPicker.vue
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+ + {{ palStore.getTranslatedText("PalList_Text") }} +
+ + +
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/components/PlayerList.vue b/frontend/palworld-pal-editor-webui/src/components/PlayerList.vue
new file mode 100644
index 0000000..d34004c
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/PlayerList.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+ -
+
- + {{ value.isDir ? "📁" : "📄" }} {{ value.filename }} + +
+
+
+
+
diff --git a/frontend/palworld-pal-editor-webui/src/components/TopBar.vue b/frontend/palworld-pal-editor-webui/src/components/TopBar.vue
new file mode 100644
index 0000000..1edecbf
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/TopBar.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+ + {{ palStore.getTranslatedText("PlayerList_Text") }} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/palworld-pal-editor-webui/src/components/modules/BarButton.vue b/frontend/palworld-pal-editor-webui/src/components/modules/BarButton.vue
new file mode 100644
index 0000000..27c830b
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/modules/BarButton.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/components/modules/IconButton.vue b/frontend/palworld-pal-editor-webui/src/components/modules/IconButton.vue
new file mode 100644
index 0000000..43293ad
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/modules/IconButton.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/components/modules/InputArea.vue b/frontend/palworld-pal-editor-webui/src/components/modules/InputArea.vue
new file mode 100644
index 0000000..6acad0e
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/components/modules/InputArea.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/i18n/en.js b/frontend/palworld-pal-editor-webui/src/i18n/en.js
new file mode 100644
index 0000000..494b9b5
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/i18n/en.js
@@ -0,0 +1,81 @@
+export default {
+ AuthView_PW_Prompt_1: "Hello! It seems you have set a protection password 🔐.",
+ AuthView_PW_Prompt_2: "Before continue, please enter the password:",
+ AuthView_BTN_Unlock: "Unlock",
+
+ EntryView_Greet_1: "Hello there!",
+ EntryView_Greet_2: " > Thank you for using this tool!",
+ EntryView_Greet_3:
+ " > If you are running this tool on webui mode, or from a docker container, consider setup a password to prevent unauthorized remote access.",
+ EntryView_Greet_4: " > If you have any issue, or want to contribute, check out ",
+ EntryView_Greet_5: " page.",
+ EntryView_Greet_6: " > If you love this tool and wish to donate, check out my ",
+ EntryView_Note_1:
+ " > If you are running this program for the first time, you will need to manually enter the correct path to your save folder, i.e. the parent folder of Level.sav.",
+ EntryView_Note_2:
+ " > After a successful save loading, the path will be stored and automatically input for you the next time.",
+ EntryView_Note_3:
+ " > If you are running from the docker container, please make sure you have mapped the directory correctly, and setup the correct file access permission. Then all you need is to enter the mapped path.",
+ EntryView_BTN_Path_Picker: "Select Path",
+ EntryView_BTN_Load: "Load Save",
+
+ Editor_Note_Ghost_Pal: "THIS PAL IS LIKELY UNREFERENCED IN GAME",
+ Editor_Basic_Info: "BASIC INFO",
+ Editor_Species: "Species: ",
+ Editor_Nickname: "NickName: ",
+ Editor_Gender: "Gender: ",
+ Editor_Variant: "Variant: ",
+ Editor_Pal_ID: "Pal Instance ID: ",
+ Editor_Pal_Guild_ID: "Pal Guild ID: ",
+ Editor_Pal_Slot: "Pal ContainerSlot: ",
+ Editor_Pal_Owner: "Owner: ",
+ Editor_Pal_No_Owner: "None (BASE WORKER)",
+ Editor_Estimated_HP: "Estimated MaxHP: ",
+ Editor_Estimated_ATK: "Estimated Attack: ",
+ Editor_Estimated_DEF: "Estimated Defense: ",
+ Editor_Estimated_WorkSpeed: "Estimated CraftSpeed: ",
+ Editor_IV: "IVs",
+ Editor_IV_HP: "HP: ",
+ Editor_IV_DEF: "DEF: ",
+ Editor_IV_ATK: "ATK: ",
+ Editor_IV_MELEE: "MELEE (Unused): ",
+ Editor_Souls_Upgrade: "SOULS UPGRADE (Statue of Power)",
+ Editor_Souls_HP: "HP: ",
+ Editor_Souls_ATK: "Attack: ",
+ Editor_Souls_DEF: "Defence: ",
+ Editor_Souls_CraftSpeed: "CraftSpeed: ",
+ Editor_Condenser: "CONDENSER UPGRADE",
+ Editor_Condenser_Rank: "Rank: ",
+ Editor_Passive_Skills: "PASSIVE SKILLS",
+ Editor_Select_Skill: "Add Skills",
+ Editor_Equipped_Skills: "EQUIPPED ACTIVE SKILLS",
+ Editor_Skill_ATK: "Attack: ",
+ Editor_Skill_CD: "CT: ",
+ Editor_Skill_EL: "Element: ",
+ Editor_Mastered_Skills: "MASTERED ACTIVE SKILLS (SKILLS ARE AUTOMATICALLY ADDED WHEN LEVELING UP PALS)",
+
+ Editor_Btn_Export_Data: "Dump Data",
+ Editor_Btn_Dupe_Pal: "Dupe Pal",
+ Editor_Btn_Delete_Pal: "Del Pal",
+ Editor_Btn_Retrieve_Pal: "Take Back",
+ Editor_Btn_Heal_Pal: "Clear Worker Sick",
+ Editor_Btn_Revive_Pal: "Revive Pal",
+
+ PalList_Text: "PAL LIST",
+
+ PlayerList_Text: "PLAYER LIST",
+ PlayerList_Viewing_Cage: "Unlock Viewing Cage for ",
+
+ PlayerList_Base_Pal: "BASE PAL",
+
+ TopBar_Btn_Save: "SAVE CHANGES",
+ TopBar_Btn_Reload: "Reload Save",
+ TopBar_Btn_Main_Page: "Return to Main Page",
+ TopBar_Btn_Pal_OOB: "Show Out of Box Pal",
+ TopBar_Btn_Pal_Ghost: "Toggle Ghost Pal",
+ TopBar_Btn_Invalid_Options: "Hide Invalid Options",
+
+ TopBar_Pal_OOB_Tooltips: "Display pals that are not in owner player pal containers, i.e. viewing cage, or taken by someone.",
+ TopBar_Pal_Ghost_Tooltips: "Show ghost pals, those no longer can be found in game, i.e. sold, dropped, butchered.",
+ TopBar_Invalid_Options_Tooltips: "Hide invalid dropdown menu options."
+};
diff --git a/frontend/palworld-pal-editor-webui/src/i18n/ja.js b/frontend/palworld-pal-editor-webui/src/i18n/ja.js
new file mode 100644
index 0000000..2a57e4c
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/i18n/ja.js
@@ -0,0 +1,81 @@
+export default {
+ AuthView_PW_Prompt_1: "こんにちは！保護用のパスワードが設定されているようです 🔐。",
+ AuthView_PW_Prompt_2: "続ける前に、パスワードを入力してください：",
+ AuthView_BTN_Unlock: "アンロック",
+
+ EntryView_Greet_1: "こんにちは！",
+ EntryView_Greet_2: " > このツールをご利用いただきありがとうございます！",
+ EntryView_Greet_3:
+ " > WebUIモードやDockerコンテナでこのツールを実行している場合は、無許可のリモートアクセスを防ぐためにパスワードの設定を検討してください。",
+ EntryView_Greet_4: " > 何か問題がある場合、または貢献したい場合は、",
+ EntryView_Greet_5: " ページを確認してください。",
+ EntryView_Greet_6: " > このツールが気に入って寄付を検討しているなら、私の",
+ EntryView_Note_1:
+ " > このプログラムを初めて実行する場合、正しい保存フォルダのパス（Level.savの親フォルダ）を手動で入力する必要があります。",
+ EntryView_Note_2:
+ " > 読み込みに成功すると、次回からはパスが自動的に入力されます。",
+ EntryView_Note_3:
+ " > Dockerコンテナから実行している場合は、ディレクトリが正しくマッピングされており、適切なファイルアクセス権限が設定されていることを確認してください。その後、マッピングされたパスを入力するだけです。",
+ EntryView_BTN_Path_Picker: "パスを選択",
+ EntryView_BTN_Load: "ロード",
+
+ Editor_Note_Ghost_Pal: "このパルはゲーム内に存在しない可能性があります",
+ Editor_Basic_Info: "基本情報",
+ Editor_Species: "種族: ",
+ Editor_Nickname: "ニックネーム: ",
+ Editor_Gender: "性別: ",
+ Editor_Variant: "バリアント: ",
+ Editor_Pal_ID: "パルインスタンスID: ",
+ Editor_Pal_Guild_ID: "パルギルドID: ",
+ Editor_Pal_Slot: "パルコンテナスロット: ",
+ Editor_Pal_Owner: "所有者: ",
+ Editor_Pal_No_Owner: "なし（拠点で作業中）",
+ Editor_Estimated_HP: "推定最大HP: ",
+ Editor_Estimated_ATK: "推定攻撃力: ",
+ Editor_Estimated_DEF: "推定防御力: ",
+ Editor_Estimated_WorkSpeed: "推定クラフト速度: ",
+ Editor_IV: "才能 (個体値)",
+ Editor_IV_HP: "HP: ",
+ Editor_IV_DEF: "防御力: ",
+ Editor_IV_ATK: "攻撃力: ",
+ Editor_IV_MELEE: "近接攻撃力 (Unused): ",
+ Editor_Souls_Upgrade: "パル強化 (力の石像)",
+ Editor_Souls_HP: "HP: ",
+ Editor_Souls_ATK: "攻撃力: ",
+ Editor_Souls_DEF: "防御力: ",
+ Editor_Souls_CraftSpeed: "クラフト速度: ",
+ Editor_Condenser: "パル濃縮",
+ Editor_Condenser_Rank: "濃縮ランク: ",
+ Editor_Passive_Skills: "パッシブスキル",
+ Editor_Select_Skill: "スキルを追加",
+ Editor_Equipped_Skills: "装備中のアクティブスキル",
+ Editor_Skill_ATK: "攻撃力: ",
+ Editor_Skill_CD: "CT: ",
+ Editor_Skill_EL: "属性: ",
+ Editor_Mastered_Skills: "習得したアクティブスキル（パルをレベルアップすると自動的に追加されるスキル）",
+
+ Editor_Btn_Export_Data: "データをダンプ",
+ Editor_Btn_Dupe_Pal: "パルを複製",
+ Editor_Btn_Delete_Pal: "パルを削除",
+ Editor_Btn_Retrieve_Pal: "パルを取り戻す",
+ Editor_Btn_Heal_Pal: "ワーカーの病気をクリア",
+ Editor_Btn_Revive_Pal: "パルを復活",
+
+ PalList_Text: "パルリスト",
+
+ PlayerList_Text: "プレイヤーリスト",
+ PlayerList_Viewing_Cage: "観賞用ケージのロックを解除する: ",
+
+ PlayerList_Base_Pal: "拠点パル",
+
+ TopBar_Btn_Save: "変更を保存",
+ TopBar_Btn_Reload: "セーブをリロード",
+ TopBar_Btn_Main_Page: "メインページに戻る",
+ TopBar_Btn_Pal_OOB: "ボックス外パルを表示",
+ TopBar_Btn_Pal_Ghost: "ゴーストパルを表示",
+ TopBar_Btn_Invalid_Options: "無効なオプションを非表示",
+
+ TopBar_Pal_OOB_Tooltips: "所有者のプレイヤーパルコンテナにないパルを表示します。例：観賞用ケージ、他の人に取られたパル。",
+ TopBar_Pal_Ghost_Tooltips: "ゲーム内で見つからないゴーストパルを表示します。例：売却された、落とされた、解体されたパル。",
+ TopBar_Invalid_Options_Tooltips: "無効なドロップダウンメニューオプションを非表示にします。"
+};
diff --git a/frontend/palworld-pal-editor-webui/src/i18n/zh-CN.js b/frontend/palworld-pal-editor-webui/src/i18n/zh-CN.js
new file mode 100644
index 0000000..7c11617
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/i18n/zh-CN.js
@@ -0,0 +1,81 @@
+export default {
+ AuthView_PW_Prompt_1: "你好! 似乎你在运行这个工具时设置了认证密码 🔐。",
+ AuthView_PW_Prompt_2: "你现在需要输入正确的密码，以进行后续操作：",
+ AuthView_BTN_Unlock: "解锁",
+
+ EntryView_Greet_1: "你好呀！",
+ EntryView_Greet_2: " > 感谢你下载并使用Palworld Pal Editor！",
+ EntryView_Greet_3:
+ " > 如果你正在以WebUI模式，或远程访问Docker容器的方式使用这个工具，请考虑设置密码，以防止未经授权的远程访问。",
+ EntryView_Greet_4: " > 如果你在使用这个工具的途中遇到了任何问题，可以访问项目的",
+ EntryView_Greet_5: " 页面。",
+ EntryView_Greet_6: " > 如果你喜欢这个工具，并且希望赞助，可以考虑查看我的",
+ EntryView_Note_1:
+ " > 如果你是第一次使用这个工具，你需要手动输入或选择 (仅限GUI模式) 正确的存档路径，即包含 Level.sav 文件的那个文件夹的目录。",
+ EntryView_Note_2:
+ " > 在成功载入存档后，存档的路径将会被保存，并在下次使用时自动为您输入。",
+ EntryView_Note_3:
+ " > 如果你在通过Docker容器的方式使用这个工具，请确保已经正确的映射了存档的路径，并且容器具有合适的文件访问权限。这里你只需要输入映射的路径。",
+ EntryView_BTN_Path_Picker: "选择路径",
+ EntryView_BTN_Load: "载入存档",
+
+ Editor_Note_Ghost_Pal: "这只帕鲁很可能不存在于游戏中",
+ Editor_Basic_Info: "基础信息",
+ Editor_Species: "种族: ",
+ Editor_Nickname: "昵称: ",
+ Editor_Gender: "性别: ",
+ Editor_Variant: "特殊种: ", // 不知道用什么词
+ Editor_Pal_ID: "帕鲁对象 ID: ",
+ Editor_Pal_Guild_ID: "帕鲁工会 ID: ",
+ Editor_Pal_Slot: "帕鲁容器位置: ",
+ Editor_Pal_Owner: "所有者: ",
+ Editor_Pal_No_Owner: "无 (基地打工人)",
+ Editor_Estimated_HP: "估算的最大生命值: ",
+ Editor_Estimated_ATK: "估算的攻击力: ",
+ Editor_Estimated_DEF: "估算的防御力: ",
+ Editor_Estimated_WorkSpeed: "估算的制作速度: ",
+ Editor_IV: "个体值",
+ Editor_IV_HP: "生命值: ",
+ Editor_IV_DEF: "防御力: ",
+ Editor_IV_ATK: "攻击力: ",
+ Editor_IV_MELEE: "近战 (未使用): ",
+ Editor_Souls_Upgrade: "帕鲁强化 (力量雕像)",
+ Editor_Souls_HP: "生命值: ",
+ Editor_Souls_ATK: "攻击力: ",
+ Editor_Souls_DEF: "防御力: ",
+ Editor_Souls_CraftSpeed: "制作速度: ",
+ Editor_Condenser: "帕鲁浓缩机",
+ Editor_Condenser_Rank: "浓缩等级: ",
+ Editor_Passive_Skills: "被动技能",
+ Editor_Select_Skill: "选择添加的技能",
+ Editor_Equipped_Skills: "装备的主动技能",
+ Editor_Skill_ATK: "攻击力: ",
+ Editor_Skill_CD: "冷却时间: ",
+ Editor_Skill_EL: "元素: ",
+ Editor_Mastered_Skills: "学会的主动技能 (升级帕鲁时对应的技能会被自动添加)",
+
+ Editor_Btn_Export_Data: "导出数据",
+ Editor_Btn_Dupe_Pal: "复制帕鲁",
+ Editor_Btn_Delete_Pal: "删除帕鲁",
+ Editor_Btn_Retrieve_Pal: "取回帕鲁",
+ Editor_Btn_Heal_Pal: "消除工作疾病",
+ Editor_Btn_Revive_Pal: "复活帕鲁",
+
+ PalList_Text: "帕鲁列表",
+
+ PlayerList_Text: "玩家列表",
+ PlayerList_Viewing_Cage: "为玩家解锁观赏笼: ",
+
+ PlayerList_Base_Pal: "基地帕鲁",
+
+ TopBar_Btn_Save: "保存更改",
+ TopBar_Btn_Reload: "重新载入存档",
+ TopBar_Btn_Main_Page: "返回主页",
+ TopBar_Btn_Pal_OOB: "显示不在身边的帕鲁",
+ TopBar_Btn_Pal_Ghost: "显示不存在的帕鲁",
+ TopBar_Btn_Invalid_Options: "隐藏不可用的选项",
+
+ TopBar_Pal_OOB_Tooltips: "显示不在玩家的帕鲁容器中的帕鲁，即，观赏笼中的帕鲁，或被其他人拿走的帕鲁。",
+ TopBar_Pal_Ghost_Tooltips: "显示不存在的帕鲁，即游戏中找不到的帕鲁，比如，你已将其出售，丢弃，宰杀。",
+ TopBar_Invalid_Options_Tooltips: "隐藏菜单中的不可用选项。"
+};
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/main.js b/frontend/palworld-pal-editor-webui/src/main.js
new file mode 100644
index 0000000..37d8dd4
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/main.js
@@ -0,0 +1,15 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/frontend/palworld-pal-editor-webui/src/router/index.js b/frontend/palworld-pal-editor-webui/src/router/index.js
new file mode 100644
index 0000000..acc248c
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/router/index.js
@@ -0,0 +1,23 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import EntryView from '../views/EntryView.vue'
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'Entry',
+ component: EntryView
+ },
+ // {
+ // path: '/about',
+ // name: 'about',
+ // // route level code-splitting
+ // // this generates a separate chunk (About.[hash].js) for this route
+ // // which is lazy-loaded when the route is visited.
+ // component: () => import('../views/AboutView.vue')
+ // }
+ ]
+})
+
+export default router
diff --git a/frontend/palworld-pal-editor-webui/src/stores/paleditor.js b/frontend/palworld-pal-editor-webui/src/stores/paleditor.js
new file mode 100644
index 0000000..d3c80e9
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/stores/paleditor.js
@@ -0,0 +1,1328 @@
+import { ref, computed, reactive, nextTick } from "vue";
+import { defineStore } from "pinia";
+import axios from "axios";
+
+export const usePalEditorStore = defineStore("paleditor", () => {
+ class Player {
+ constructor(obj) {
+ this.id = obj.id;
+ this.name = obj.name;
+ this.hasViewingCage = obj.hasViewingCage;
+ this.OtomoCharacterContainerId = obj.OtomoCharacterContainerId;
+ this.PalStorageContainerId = obj.PalStorageContainerId;
+ this.pals = new Map();
+ }
+ }
+
+ class PalData {
+ constructor(obj) {
+ this.Talent_Defense = obj.Talent_Defense;
+ this.Talent_Shot = obj.Talent_Shot;
+ this.Talent_Melee = obj.Talent_Melee;
+ this.Talent_HP = obj.Talent_HP;
+
+ this.Rank_CraftSpeed = obj.Rank_CraftSpeed;
+ this.Rank_Defence = obj.Rank_Defence;
+ this.Rank_Attack = obj.Rank_Attack;
+ this.Rank_HP = obj.Rank_HP;
+ this.Rank = obj.Rank;
+
+ this.Level = obj.Level;
+ this.NickName = obj.NickName;
+ this.IsRarePal = obj.IsRarePal;
+ this.IsBOSS = obj.IsBOSS;
+ this.IsTower = obj.IsTower;
+ this.IsRAID = obj.IsRAID;
+ this.Gender = obj.Gender;
+ this.HasWorkerSick = obj.HasWorkerSick;
+ this.IsFaintedPal = obj.IsFaintedPal;
+
+ this.ComputedDefense = obj.ComputedDefense;
+ this.ComputedAttack = obj.ComputedAttack;
+ this.ComputedCraftSpeed = obj.ComputedCraftSpeed;
+ this.ComputedMaxHP = obj.ComputedMaxHP;
+
+ this.MasteredWaza = obj.MasteredWaza;
+ this.EquipWaza = obj.EquipWaza;
+ this.PassiveSkillList = obj.PassiveSkillList;
+
+ this.group_id = obj.group_id;
+ this.ContainerId = obj.ContainerId;
+ this.SlotIndex = obj.SlotIndex;
+ this.DisplayName = obj.DisplayName;
+ this.I18nName = obj.I18nName;
+ this.DataAccessKey = obj.DataAccessKey;
+ this.IconAccessKey = obj.IconAccessKey;
+ this.OwnerName = obj.OwnerName;
+ this.OwnerPlayerUId = obj.OwnerPlayerUId;
+ this.InstanceId = obj.InstanceId;
+ this.HasTowerVariant = obj.HasTowerVariant;
+ this.IsPal = obj.IsPal;
+ this.IsHuman = obj.IsHuman;
+ this.Is_Unref_Pal = obj.Is_Unref_Pal;
+ this.in_owner_palbox = obj.in_owner_palbox;
+ }
+
+ displaySpecialType() {
+ if (this.IsTower) return "🗼";
+ if (this.IsBOSS) return "💀";
+ if (this.IsRarePal) return "✨";
+ if (this.IsRAID) return "RAID";
+ return "N/A";
+ }
+
+ getRank() {
+ return this.Rank - 1;
+ }
+
+ swapTower() {
+ this.IsTower = !this.IsTower;
+ updatePal({ target: { name: "IsTower", value: this.IsTower } });
+ }
+
+ swapBoss() {
+ this.IsBOSS = !this.IsBOSS;
+ updatePal({ target: { name: "IsBOSS", value: this.IsBOSS } });
+ }
+
+ swapRare() {
+ this.IsRarePal = !this.IsRarePal;
+ updatePal({ target: { name: "IsRarePal", value: this.IsRarePal } });
+ }
+
+ levelDown() {
+ if (this.Level > 1) {
+ this.Level -= 1;
+ updatePal({ target: { name: "Level", value: this.Level } });
+ }
+ }
+
+ levelUp() {
+ if (this.Level < 50) {
+ this.Level += 1;
+ updatePal({ target: { name: "Level", value: this.Level } });
+ }
+ }
+
+ maxLevel() {
+ this.Level = 50;
+ updatePal({ target: { name: "Level", value: this.Level } });
+ }
+
+ displayGender() {
+ if (this.Gender == "EPalGenderType::Female") {
+ return "♀️";
+ } else if (this.Gender == "EPalGenderType::Male") {
+ return "♂️";
+ } else {
+ return null;
+ }
+ }
+
+ swapGender() {
+ if (this.Gender == "EPalGenderType::Female") {
+ this.Gender = "EPalGenderType::Male";
+ } else if (this.Gender == "EPalGenderType::Male") {
+ this.Gender = "EPalGenderType::Female";
+ } else return;
+ updatePal({ target: { name: "Gender", value: this.Gender } });
+ }
+
+ pop_PassiveSkillList(e) {
+ const skill = e.target.name;
+ updatePal({
+ target: {
+ name: "pop_PassiveSkillList",
+ value: skill,
+ },
+ });
+ }
+
+ add_PassiveSkillList() {
+ const skill = PAL_PASSIVE_SELECTED_ITEM.value;
+ if (!PASSIVE_SKILLS.value[skill]) {
+ alert("Select a skill first!");
+ return;
+ }
+ if (this.PassiveSkillList.length >= 4) {
+ alert("you can't add more than 4 passive skills");
+ return;
+ }
+ updatePal({
+ target: {
+ name: "add_PassiveSkillList",
+ value: skill,
+ },
+ });
+ }
+
+ isEquippedPassiveSkill(skill) {
+ return this.PassiveSkillList.includes(skill);
+ }
+
+ isEquippedSkill(skill) {
+ return this.EquipWaza.includes(skill);
+ }
+
+ isMasteredSkill(skill) {
+ return this.MasteredWaza.includes(skill);
+ }
+
+ isEquipSkillFull() {
+ return this.EquipWaza.length >= 3;
+ }
+
+ pop_EquipWaza(e) {
+ const skill = e.target.name;
+ updatePal({
+ target: {
+ name: "pop_EquipWaza",
+ value: skill,
+ },
+ });
+ }
+
+ add_EquipWaza(e) {
+ const skill = e.target.name;
+ updatePal({
+ target: {
+ name: "add_EquipWaza",
+ value: skill,
+ },
+ });
+ }
+
+ pop_MasteredWaza(e) {
+ const skill = e.target.name;
+ updatePal({
+ target: {
+ name: "pop_MasteredWaza",
+ value: skill,
+ },
+ });
+ }
+
+ add_MasteredWaza() {
+ const skill = PAL_ACTIVE_SELECTED_ITEM.value;
+ if (!ACTIVE_SKILLS.value[skill]) {
+ alert("Select a skill first!");
+ return;
+ }
+ updatePal({
+ target: {
+ name: "add_MasteredWaza",
+ value: skill,
+ },
+ });
+ }
+
+ changeSpecie() {
+ updatePal({
+ target: {
+ name: "CharacterID",
+ value: this.DataAccessKey,
+ },
+ });
+ }
+ }
+
+ const PAL_BASE_WORKER_BTN = ref("PAL_BASE_WORKER_BTN");
+
+ // i18n mapping of passive and active skills
+ const PASSIVE_SKILLS = ref({});
+ const PASSIVE_SKILLS_LIST = ref([]);
+ const ACTIVE_SKILLS = ref({});
+ const ACTIVE_SKILLS_LIST = ref([]);
+ const PAL_STATIC_DATA = ref({});
+ const PAL_STATIC_DATA_LIST = ref([]);
+ const I18nList = ref({});
+
+ const TranslationKeyMap = ref({});
+ const I18nLoadingPromises = {};
+
+ // flags
+ const LOADING_FLAG = ref(false);
+ const SAVE_LOADED_FLAG = ref(false);
+ const HAS_WORKING_PAL_FLAG = ref(false);
+ const BASE_PAL_BTN_CLK_FLAG = ref(false);
+ // const ADD_PAL_RESELECT_CTR = ref(0);
+ // const DEL_PAL_RESELECT_CTR = ref(0)
+ const UPDATE_PAL_RESELECT_CTR = ref(0);
+ const SHOW_UNREF_PAL_FLAG = ref(false);
+ const SHOW_OOB_PAL_FLAG = ref(true);
+ const HIDE_INVALID_OPTIONS = ref(true);
+
+ const PAL_LIST_SEARCH_KEYWORD = ref("");
+
+ const IS_PAL_SAVE_PATH = ref(false);
+
+ // data
+ const BASE_PAL_MAP = ref(new Map());
+ const PLAYER_MAP = ref(new Map());
+ const PAL_PASSIVE_SELECTED_ITEM = ref("");
+ const PAL_ACTIVE_SELECTED_ITEM = ref("");
+
+ // display data
+ const SELECTED_PAL_DATA = ref(new Map());
+ const PAL_MAP = ref(new Map());
+
+ // selected id
+ const SELECTED_PLAYER_ID = ref(null);
+ const SELECTED_PAL_ID = ref(null);
+
+ // TODO Get rid of this...
+ // let SELECTED_PAL_EL = null;
+
+ // Configs
+ const I18n = ref(localStorage.getItem("PAL_I18n"));
+ const PAL_GAME_SAVE_PATH = ref(localStorage.getItem("PAL_GAME_SAVE_PATH"));
+ const HAS_PASSWORD = ref(false);
+ const PAL_WRITE_BACK_PATH = ref("");
+ const PATH_CONTEXT = ref(new Map());
+
+ const SHOW_FILE_PICKER = ref(false);
+ const PAL_FILE_PICKER_PATH = ref(PAL_GAME_SAVE_PATH.value);
+
+ // auth
+ let auth_token = "";
+ const IS_LOCKED = ref(true);
+
+ async function GET(api) {
+ try {
+ const response = await axios.get(api, {
+ headers: {
+ Authorization: "Bearer " + auth_token,
+ },
+ });
+
+ // console.log(response.data);
+ return response.data;
+ } catch (error) {
+ if (error.response) {
+ console.log(error.response.data);
+ return error.response.data;
+ } else if (error.request) {
+ alert(
+ `no response from the backend, make sure it is running, error: ${error.request}`
+ );
+ return false;
+ } else {
+ alert(`get(): ${error.message}`);
+ return false;
+ }
+ }
+ }
+
+ async function POST(api, data) {
+ try {
+ const response = await axios.post(api, data, {
+ headers: { Authorization: "Bearer " + auth_token },
+ });
+
+ // console.log(response.data);
+ return response.data;
+ } catch (error) {
+ if (error.response) {
+ console.log(error.response.data);
+ return error.response.data;
+ } else if (error.request) {
+ alert(
+ `no response from the backend, make sure it is running, error: ${error.request}`
+ );
+ return false;
+ } else {
+ alert(`post(): ${error.message}`);
+ return false;
+ }
+ }
+ }
+
+ async function PATCH(api, data) {
+ try {
+ const response = await axios.patch(api, data, {
+ headers: { Authorization: "Bearer " + auth_token },
+ });
+
+ // console.log(response.data);
+ return response.data;
+ } catch (error) {
+ if (error.response) {
+ console.log(error.response.data);
+ return error.response.data;
+ } else if (error.request) {
+ alert(
+ `no response from the backend, make sure it is running, error: ${error.request}`
+ );
+ return false;
+ } else {
+ alert(`patch(): ${error.message}`);
+ return false;
+ }
+ }
+ }
+
+ async function DELETE(api) {
+ try {
+ const response = await axios.delete(api, {
+ headers: { Authorization: "Bearer " + auth_token },
+ });
+
+ // console.log(response.data);
+ return response.data;
+ } catch (error) {
+ if (error.response) {
+ console.log(error.response.data);
+ return error.response.data;
+ } else if (error.request) {
+ alert(
+ `no response from the backend, make sure it is running, error: ${error.request}`
+ );
+ return false;
+ } else {
+ alert(`patch(): ${error.message}`);
+ return false;
+ }
+ }
+ }
+
+ async function auth() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await GET("/api/auth/auth");
+ if (response === false) return;
+
+ if (response.status == 0) {
+ IS_LOCKED.value = false;
+ } else if (response.status == 2) {
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- auth - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function login(e) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await POST("/api/auth/login", {
+ password: e.target.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ IS_LOCKED.value = false;
+ auth_token = response.data.access_token;
+ } else if (response.status == 2) {
+ alert("Wrong Password, Try Again.");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- login - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function fetch_config() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await GET("/api/save/fetch_config");
+ if (response === false) return;
+
+ if (response.status == 0) {
+ I18nList.value = response.data.I18nList;
+ if (!I18n.value || !I18nList.value[I18n.value]) {
+ I18n.value = response.data.I18n;
+ }
+ // TranslationKeyMap[I18n.value] = await import(`../i18n/${I18n.value}.js`)
+ if (!PAL_GAME_SAVE_PATH.value) {
+ PAL_GAME_SAVE_PATH.value = response.data.Path;
+ }
+ HAS_PASSWORD.value = response.data.HasPassword;
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert("- fetch_config - Error occured: ", response.msg);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function update_path_picker_result(data) {
+ IS_PAL_SAVE_PATH.value = data.isPalDir;
+ PAL_FILE_PICKER_PATH.value = data.currentPath;
+ PATH_CONTEXT.value = new Map(Object.entries(data.children));
+ SHOW_FILE_PICKER.value = true;
+ }
+
+ async function show_file_picker() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ let response = undefined;
+ if (PAL_GAME_SAVE_PATH.value) {
+ response = await POST("/api/save/path", {
+ path: PAL_GAME_SAVE_PATH.value,
+ });
+ if (response.status != 0) {
+ PAL_GAME_SAVE_PATH.value = undefined;
+ localStorage.removeItem("PAL_GAME_SAVE_PATH");
+ response = await GET("/api/save/path");
+ }
+ } else {
+ response = await GET("/api/save/path");
+ }
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ update_path_picker_result(response.data);
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- show_file_picker - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function path_back() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await PATCH("/api/save/path");
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ update_path_picker_result(response.data);
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- show_file_picker - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function update_picker_result(path) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await POST("/api/save/path", {
+ path: path,
+ });
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ update_path_picker_result(response.data);
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- show_file_picker - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function updateI18n() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await PATCH("/api/save/i18n", { I18n: I18n.value });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ localStorage.setItem("PAL_I18n", I18n.value);
+ // if on pal editor panel, refresh all translated texts (except for hardcoded ui)
+ if (SAVE_LOADED_FLAG.value) {
+ PLAYER_MAP.value.forEach((player, playerUId) => {
+ fetchPlayerPal(playerUId);
+ });
+ fetchPlayerPal(PAL_BASE_WORKER_BTN.value);
+ }
+ if (!IS_LOCKED.value) fetchStaticData();
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- updateI18n - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function fetchStaticData() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+ const passive_skills_raw = await GET("/api/save/passive_skills");
+ if (passive_skills_raw === false) return;
+
+ if (passive_skills_raw.status == 0) {
+ PASSIVE_SKILLS.value = passive_skills_raw.data.dict;
+ PASSIVE_SKILLS_LIST.value = passive_skills_raw.data.arr;
+ } else if (passive_skills_raw.status == 2) {
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(
+ `- fetchStaticData:passive_skill - Error occured: ${passive_skills_raw.msg}`
+ );
+ }
+
+ const active_skills_raw = await GET("/api/save/active_skills");
+ if (active_skills_raw === false) return;
+
+ if (active_skills_raw.status == 0) {
+ ACTIVE_SKILLS.value = active_skills_raw.data.dict;
+ ACTIVE_SKILLS_LIST.value = active_skills_raw.data.arr;
+ } else if (active_skills_raw.status == 2) {
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(
+ `- fetchStaticData:active_skill - Error occured: ${active_skills_raw.msg}`
+ );
+ }
+
+ const pal_data_raw = await GET("/api/save/pal_data");
+ if (pal_data_raw === false) return;
+
+ if (pal_data_raw.status == 0) {
+ PAL_STATIC_DATA.value = pal_data_raw.data.dict;
+ PAL_STATIC_DATA_LIST.value = pal_data_raw.data.arr;
+ } else if (pal_data_raw.status == 2) {
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- fetchStaticData:pal_data - Error occured: ${pal_data_raw.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function reset() {
+ LOADING_FLAG.value = false;
+ HAS_WORKING_PAL_FLAG.value = false;
+ SAVE_LOADED_FLAG.value = false;
+ BASE_PAL_BTN_CLK_FLAG.value = false;
+ SELECTED_PAL_ID.value = null;
+ SELECTED_PLAYER_ID.value = null;
+
+ BASE_PAL_MAP.value = new Map();
+ PLAYER_MAP.value = new Map();
+ PAL_PASSIVE_SELECTED_ITEM.value = "";
+ PAL_ACTIVE_SELECTED_ITEM.value = "";
+
+ PAL_LIST_SEARCH_KEYWORD.value = "";
+ SHOW_UNREF_PAL_FLAG.value = false;
+ SHOW_OOB_PAL_FLAG.value = true;
+
+ // display data
+ SELECTED_PAL_DATA.value = new Map();
+ PAL_MAP.value = new Map();
+
+ PLAYER_MAP.value.clear();
+ }
+
+ function getTranslatedText(translationKey) {
+ const I18nKey = I18n.value || "en";
+
+ if (TranslationKeyMap.value[I18nKey]) {
+ const i18nData = TranslationKeyMap.value[I18n.value];
+ return i18nData[translationKey] || "I18N_MISSING";
+ }
+
+ if (!I18nLoadingPromises[I18nKey]) {
+ I18nLoadingPromises[I18nKey] = import(`../i18n/${I18nKey}.js`)
+ .then((module) => {
+ console.log(`${I18nKey} imported`);
+ TranslationKeyMap.value[I18nKey] = module.default;
+ delete I18nLoadingPromises[I18nKey];
+ })
+ .catch((error) => {
+ console.error(
+ `Failed to load UI language file for ${I18nKey}, fallback to "en":`,
+ error
+ );
+ if (TranslationKeyMap.value["en"]) {
+ TranslationKeyMap.value[I18nKey] = TranslationKeyMap.value["en"];
+ delete I18nLoadingPromises[I18nKey];
+ } else {
+ import(`../i18n/en.js`).then((module) => {
+ console.log(`en imported`);
+ TranslationKeyMap.value[I18nKey] = module.default;
+ delete I18nLoadingPromises[I18nKey];
+ });
+ }
+ });
+ }
+
+ return I18nLoadingPromises[I18nKey].then(() => {
+ const i18nData = TranslationKeyMap.value[I18nKey];
+ return i18nData?.translationKey || "I18N_MISSING";
+ });
+ }
+
+ async function updatePlayer(e) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ // sometimes we manually construct a "e" target in a very hacked way
+ let key = e.target.name;
+ let value = e.target.value;
+
+ if (SELECTED_PLAYER_ID.value == null) {
+ alert("Select a player first!");
+ return;
+ }
+
+ // console.log(
+ // `Modify: Player: ${SELECTED_PLAYER_ID.value}, Target ${
+ // PLAYER_MAP.value.get(SELECTED_PLAYER_ID.value).name
+ // } key=${key}, value=${value}`
+ // );
+
+ const response = await PATCH("/api/player/player_data", {
+ key: key,
+ value: value,
+ PlayerUId: SELECTED_PLAYER_ID.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ await loadPlayer(SELECTED_PLAYER_ID.value);
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- updatePlayer - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function loadPlayer(playerUId, updatePal = false) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ if (SELECTED_PLAYER_ID.value == null) {
+ alert("Select a player first!");
+ return;
+ }
+
+ const response = await POST("/api/player/player_data", {
+ PlayerUId: playerUId,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ const player_obj = new Player(response.data);
+ if (!updatePal && PLAYER_MAP.value.has(playerUId)) {
+ player_obj.pals = PLAYER_MAP.value.get(playerUId).pals;
+ }
+
+ PLAYER_MAP.value.set(playerUId, player_obj);
+
+ const pal_id_bk = SELECTED_PAL_ID.value;
+ // const pal_data_bk = SELECTED_PAL_DATA.value;
+ await selectPlayer({ target: { value: playerUId } });
+
+ // player id and pal data never changed so this is safe
+ // if (!updatePal) await selectPal({ target: SELECTED_PAL_EL });
+ if (!updatePal) await selectPal({ target: { value: pal_id_bk } }, true);
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- loadPlayer - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function loadPlayers() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await GET("/api/player/players_data", {
+ ReadPath: PAL_GAME_SAVE_PATH.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ if (response.data.hasWorkingPal) {
+ HAS_WORKING_PAL_FLAG.value = true;
+ }
+
+ for (let player of response.data.players) {
+ let p = new Player(player);
+ PLAYER_MAP.value.set(p.id, p);
+ // console.log(`Found player: ${p.name} - ${p.id}`);
+ }
+
+ if (PLAYER_MAP.value.size <= 0 && !HAS_WORKING_PAL_FLAG) {
+ alert("No Player Found in the Gamesave");
+ }
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- loadPlayers - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function loadSave() {
+ reset();
+
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ await updateI18n();
+
+ const response = await POST("/api/save/load", {
+ ReadPath: PAL_GAME_SAVE_PATH.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ await loadPlayers();
+ await fetchStaticData();
+
+ SAVE_LOADED_FLAG.value = true;
+ localStorage.setItem("PAL_GAME_SAVE_PATH", PAL_GAME_SAVE_PATH.value);
+ PAL_WRITE_BACK_PATH.value = PAL_GAME_SAVE_PATH.value;
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- loadSave - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function writeSave() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+ const response = await POST("/api/save/save", {
+ WritePath: PAL_WRITE_BACK_PATH.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ alert(`Changes saved to ${PAL_WRITE_BACK_PATH.value}`);
+ // YOU HAVE TO RELOAD FOR NOW, THIS HOW MY BACKEND WORKS.
+ // loadSave()
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- writeSave - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function fetchPlayerPal(playerUId) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+ const response = await POST("/api/player/player_pals", {
+ PlayerUId: playerUId,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ // get old map
+ let map =
+ playerUId == PAL_BASE_WORKER_BTN.value
+ ? BASE_PAL_MAP.value
+ : PLAYER_MAP.value.get(playerUId).pals;
+ // clear old map
+ map.clear();
+ // insert new data
+ for (let pal of response.data) {
+ let pal_data = new PalData(pal);
+ map.set(pal_data.InstanceId, pal_data);
+ // console.log(
+ // `Pal Loaded: ${pal_data.DisplayName} - ${pal_data.InstanceId}`
+ // );
+ }
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- fetchPlayerPal - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function selectPlayer(e) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ let playerUId = e.target.value;
+
+ // clear selected playerId
+ SELECTED_PLAYER_ID.value = null;
+ BASE_PAL_BTN_CLK_FLAG.value = false;
+
+ // clear pal selection
+ SELECTED_PAL_ID.value = null;
+ SELECTED_PAL_DATA.value = null;
+
+ // if data not present
+ // need to change this in the future, so the pal list properly refreshes (for add / del pal)
+ if (
+ (playerUId == PAL_BASE_WORKER_BTN.value &&
+ BASE_PAL_MAP.value.size == 0) ||
+ (playerUId != PAL_BASE_WORKER_BTN.value &&
+ PLAYER_MAP.value.get(playerUId).pals.size == 0)
+ ) {
+ await fetchPlayerPal(playerUId);
+ }
+
+ // set the pal_map
+ PAL_MAP.value =
+ playerUId == PAL_BASE_WORKER_BTN.value
+ ? BASE_PAL_MAP.value
+ : PLAYER_MAP.value.get(playerUId).pals;
+
+ // properly setup selected player flag
+ if (playerUId == PAL_BASE_WORKER_BTN.value)
+ BASE_PAL_BTN_CLK_FLAG.value = true;
+ else SELECTED_PLAYER_ID.value = playerUId;
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function fetchPalData(player, pal) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await POST("/api/pal/paldata", {
+ PlayerUId: player,
+ InstanceId: pal,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ // construct new pal
+ let pal_data = new PalData(response.data);
+ // update the pal from the correct pal container
+ if (player == PAL_BASE_WORKER_BTN.value) {
+ BASE_PAL_MAP.value.set(pal_data.InstanceId, pal_data);
+ } else {
+ PLAYER_MAP.value.get(player).pals.set(pal_data.InstanceId, pal_data);
+ }
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- fetchPlayerPal - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function selectPal(e, manual = false) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ // sometimes we manually construct a "e" target in a very hacked way
+ if (!manual) {
+ // SELECTED_PAL_EL = e.target;
+ SELECTED_PAL_DATA.value = null;
+ SELECTED_PAL_ID.value = null;
+ }
+
+ // set selected pal, and print out debug info
+ let palId = e.target.value;
+ let palData = PAL_MAP.value.get(palId);
+ if (palData == null) {
+ alert("Error selecting pal, try again or reload");
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ return;
+ }
+ // console.log(`Pal ${palData.DisplayName} - ${palData.InstanceId} selected.`);
+
+ await fetchPalData(
+ // get player id, or BASE INDICATION STR
+ GET_PAL_OWNER_API_ID(),
+ palId
+ );
+
+ // Update selected pal id and pal data
+ SELECTED_PAL_DATA.value = PAL_MAP.value.get(palId);
+ SELECTED_PAL_ID.value = SELECTED_PAL_DATA.value.InstanceId;
+
+ // Scroll to selected pal
+ // if (!isElementInViewport(SELECTED_PAL_EL)) {
+ // SELECTED_PAL_EL.scrollIntoView({ behavior: "smooth" });
+ // }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function isElementInViewport(el) {
+ const rect = el.getBoundingClientRect();
+ return (
+ rect.top >= 0 &&
+ rect.left >= 0 &&
+ rect.bottom <=
+ (window.innerHeight || document.documentElement.clientHeight) &&
+ rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+ );
+ }
+
+ async function updatePal(e) {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ // sometimes we manually construct a "e" target in a very hacked way
+ let key = e.target.name;
+ let value = e.target.value;
+
+ // console.log(
+ // `Modify: PalOwner: ${GET_PAL_OWNER_API_ID()}, Target ${
+ // SELECTED_PAL_DATA.value.DisplayName
+ // } key=${key}, value=${value}`
+ // );
+
+ const response = await PATCH("/api/pal/paldata", {
+ key: key,
+ value: value,
+ PlayerUId: GET_PAL_OWNER_API_ID(),
+ PalGuid: SELECTED_PAL_ID.value,
+ });
+ if (response === false) return;
+
+ if (response.status == 0) {
+ // A hack way to trigger vue re-rendering.
+ // The object is simply too nested that I can't figure out how to have vue properly refresh.
+ await selectPal({ target: { value: SELECTED_PAL_ID.value } }, true);
+ UPDATE_PAL_RESELECT_CTR.value++;
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- updatePal - Error occured: ${response.msg}`);
+ }
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function GET_PAL_OWNER_API_ID() {
+ return BASE_PAL_BTN_CLK_FLAG.value
+ ? PAL_BASE_WORKER_BTN.value
+ : SELECTED_PLAYER_ID.value;
+ }
+
+ async function dumpPalData() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await POST("/api/pal/dump_data", {
+ PlayerUId: GET_PAL_OWNER_API_ID(),
+ PalGuid: SELECTED_PAL_ID.value,
+ });
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ const data = response.data;
+ await navigator.clipboard.writeText(data);
+ alert("Pal Data Copied to Clipboard!");
+ window.open("https://jsonformatter.curiousconcept.com/");
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- updatePal - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function isFilteredPal(pal) {
+ if (!SHOW_UNREF_PAL_FLAG.value && pal.Is_Unref_Pal) {
+ return true;
+ }
+ if (SHOW_UNREF_PAL_FLAG.value && !pal.Is_Unref_Pal) {
+ return true;
+ }
+
+ // if (SHOW_OOB_PAL_FLAG.value && pal.in_owner_palbox) {
+ // return true
+ // }
+
+ if (!SHOW_OOB_PAL_FLAG.value && !pal.in_owner_palbox) {
+ return true;
+ }
+
+ if (
+ PAL_LIST_SEARCH_KEYWORD.value &&
+ !pal.DisplayName.toLowerCase().includes(
+ PAL_LIST_SEARCH_KEYWORD.value.toLowerCase()
+ )
+ ) {
+ return true;
+ }
+
+ return false;
+ }
+
+ function getNextElement(map, currKey) {
+ let found = false;
+ let firstElement = null;
+ let isFirstElement = true;
+ for (let [key, value] of map) {
+ if (isFirstElement) {
+ firstElement = { key, value }; // Store the first element
+ isFirstElement = false || isFilteredPal(value);
+ }
+ if (found) {
+ if (isFilteredPal(value)) continue;
+ return { key, value };
+ }
+ if (key == currKey) {
+ found = true;
+ }
+ }
+ return firstElement;
+ }
+
+ async function delPal() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+
+ const response = await DELETE(`/api/pal/pal/${SELECTED_PAL_ID.value}`);
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ const nextNode = getNextElement(PAL_MAP.value, SELECTED_PAL_ID.value);
+ PAL_MAP.value.delete(SELECTED_PAL_DATA.value.InstanceId);
+ SELECTED_PAL_ID.value = null;
+ // SELECTED_PAL_EL = null;
+ SELECTED_PAL_DATA.value = null;
+ // ADD_PAL_RESELECT_CTR.value++;
+ if (nextNode) {
+ SELECTED_PAL_ID.value = nextNode.key;
+ }
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- delPal - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function addPal() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+ const PlayerUId = GET_PAL_OWNER_API_ID();
+ if (PlayerUId == PAL_BASE_WORKER_BTN.value) {
+ alert("Adding pals to basecamp is unsupported!");
+ return;
+ }
+ const response = await POST("/api/pal/add_pal", {
+ PlayerUId: PlayerUId,
+ });
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ const pal_data = new PalData(response.data);
+ const temp_map = new Map();
+ PAL_MAP.value.forEach((v, k) => temp_map.set(k, v));
+ PAL_MAP.value.clear();
+ PAL_MAP.value.set(pal_data.InstanceId, pal_data);
+ temp_map.forEach((v, k) => PAL_MAP.value.set(k, v));
+
+ // ADD_PAL_RESELECT_CTR.value++
+ SELECTED_PAL_ID.value = pal_data.InstanceId;
+ SELECTED_PAL_DATA.value = pal_data;
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- delPal - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ async function dupePal() {
+ let no_set_loading_flag = LOADING_FLAG.value;
+ if (!no_set_loading_flag) LOADING_FLAG.value = true;
+ const PlayerUId = GET_PAL_OWNER_API_ID();
+ if (PlayerUId == PAL_BASE_WORKER_BTN.value) {
+ alert("Adding pals to basecamp is unsupported!");
+ return;
+ }
+ const response = await POST("/api/pal/dupe_pal", {
+ PlayerUId: PlayerUId,
+ PalGuid: SELECTED_PAL_ID.value,
+ });
+
+ if (response === false) return;
+
+ if (response.status == 0) {
+ const pal_data = new PalData(response.data);
+ const temp_map = new Map();
+ PAL_MAP.value.forEach((v, k) => temp_map.set(k, v));
+ PAL_MAP.value.clear();
+ temp_map.forEach((v, k) => {
+ PAL_MAP.value.set(k, v);
+ if (v == SELECTED_PAL_DATA.value) {
+ PAL_MAP.value.set(pal_data.InstanceId, pal_data);
+ }
+ });
+ // PAL_RESELECT_CTR.value++
+ SELECTED_PAL_ID.value = pal_data.InstanceId;
+ SELECTED_PAL_DATA.value = pal_data;
+ } else if (response.status == 2) {
+ alert("Unauthorized Access, Please Login. ");
+ IS_LOCKED.value = true;
+ reset();
+ } else {
+ alert(`- delPal - Error occured: ${response.msg}`);
+ }
+
+ if (!no_set_loading_flag) LOADING_FLAG.value = false;
+ }
+
+ function displayPalElement(DataAccessKey) {
+ const els = PAL_STATIC_DATA.value[DataAccessKey]?.Elements;
+ if (!els) return;
+
+ let str = "";
+ for (let e of els) {
+ str += displayElement(e);
+ }
+ return str;
+ }
+
+ function displayElement(element) {
+ const elementEmojis = {
+ Water: "💧",
+ Fire: "🔥",
+ Dragon: "🐉",
+ Grass: "☘️",
+ Ground: "🪨",
+ Ice: "❄️",
+ Electric: "⚡",
+ Neutral: "🔵",
+ Dark: "🌑",
+ };
+ return elementEmojis[element] || "";
+ }
+
+ function skillIcon(atk) {
+ if (ACTIVE_SKILLS.value[atk]?.IsUniqueSkill) return "✨";
+ if (ACTIVE_SKILLS.value[atk]?.HasSkillFruit) return "🍐";
+ return "";
+ }
+
+ function displayRating(rating) {
+ if (rating === undefined) return "";
+ if (rating < 0) return "🔴";
+ if (rating > 1) return "🟡";
+ return "⚪";
+ }
+
+ return {
+ PAL_PASSIVE_SELECTED_ITEM,
+ PAL_ACTIVE_SELECTED_ITEM,
+ PAL_BASE_WORKER_BTN,
+ PLAYER_MAP,
+ PAL_MAP,
+ SELECTED_PLAYER_ID,
+ SELECTED_PAL_ID,
+ SELECTED_PAL_DATA,
+ LOADING_FLAG,
+ SAVE_LOADED_FLAG,
+ // ADD_PAL_RESELECT_CTR,
+ UPDATE_PAL_RESELECT_CTR,
+ SHOW_UNREF_PAL_FLAG,
+ SHOW_OOB_PAL_FLAG,
+ HIDE_INVALID_OPTIONS,
+
+ PAL_LIST_SEARCH_KEYWORD,
+
+ IS_LOCKED,
+ HAS_PASSWORD,
+
+ PATH_CONTEXT,
+ SHOW_FILE_PICKER,
+ PAL_FILE_PICKER_PATH,
+ IS_PAL_SAVE_PATH,
+
+ HAS_WORKING_PAL_FLAG,
+ BASE_PAL_BTN_CLK_FLAG,
+ PAL_GAME_SAVE_PATH,
+ PAL_WRITE_BACK_PATH,
+ I18n,
+ I18nList,
+ PAL_STATIC_DATA,
+ PAL_STATIC_DATA_LIST,
+ PASSIVE_SKILLS,
+ PASSIVE_SKILLS_LIST,
+ ACTIVE_SKILLS,
+ ACTIVE_SKILLS_LIST,
+
+ getTranslatedText,
+
+ isElementInViewport,
+ isFilteredPal,
+
+ displayPalElement,
+ displayElement,
+ skillIcon,
+ displayRating,
+
+ reset,
+ updateI18n,
+ loadSave,
+ selectPlayer,
+ selectPal,
+ updatePal,
+ updatePlayer,
+ writeSave,
+ fetch_config,
+ dumpPalData,
+ delPal,
+ addPal,
+ dupePal,
+
+ login,
+ auth,
+ show_file_picker,
+ update_picker_result,
+ path_back,
+ };
+});
diff --git a/frontend/palworld-pal-editor-webui/src/views/AuthView.vue b/frontend/palworld-pal-editor-webui/src/views/AuthView.vue
new file mode 100644
index 0000000..9ad8ead
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/views/AuthView.vue
@@ -0,0 +1,76 @@
+
+
+
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/views/EditorView.vue b/frontend/palworld-pal-editor-webui/src/views/EditorView.vue
new file mode 100644
index 0000000..38578f7
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/views/EditorView.vue
@@ -0,0 +1,38 @@
+
+
+
+ +
{{ palStore.getTranslatedText("AuthView_PW_Prompt_1") }}
+{{ palStore.getTranslatedText("AuthView_PW_Prompt_2") }}
+ + + +
+
+
+
\ No newline at end of file
diff --git a/frontend/palworld-pal-editor-webui/src/views/EntryView.vue b/frontend/palworld-pal-editor-webui/src/views/EntryView.vue
new file mode 100644
index 0000000..af392a7
--- /dev/null
+++ b/frontend/palworld-pal-editor-webui/src/views/EntryView.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ palStore.getTranslatedText('EntryView_Greet_1') }}
+{{ palStore.getTranslatedText('EntryView_Greet_2') }}
+{{ palStore.getTranslatedText('EntryView_Greet_3') }}
++
{{ palStore.getTranslatedText('EntryView_Greet_4') }} + GitHub + {{ palStore.getTranslatedText('EntryView_Greet_5') }} +
+{{ palStore.getTranslatedText('EntryView_Greet_6') }} + ko-fi + {{ palStore.getTranslatedText('EntryView_Greet_5') }} +
++
+
+
+ {{ palStore.getTranslatedText('EntryView_Note_1') }}
+{{ palStore.getTranslatedText('EntryView_Note_2') }}
+{{ palStore.getTranslatedText('EntryView_Note_3') }}
++
{{ palStore.PAL_GAME_SAVE_PATH }}
+ + + + +