The Advanced Settings panel (containing the OpenRouter API key input)
was outside the Vue app scope due to an extra </div> on line 122 that
prematurely closed the #app div. This meant:
- The API key input's Vue bindings (:value, @input) were inert
- The Save Key button's @click="saveApiKey" never fired
- The key never reached localStorage or Vue data
- Translation/PromptCraft always saw an empty key
Fix: Remove the duplicate closing </div> (labeled "End of .tabs div"
but .tabs already closed earlier at line 77). Also switch API key input
from manual :value/@input to v-model for reliable two-way binding.
https://claude.ai/code/session_01DjqbQB8WcZoGVe78sjvh72
- API key retrieval now trims whitespace (pasted keys with spaces caused auth failures)
- Fallback to Vue data property if localStorage is empty (covers forgot-to-save case)
- Auto-saves key to localStorage when found only in Vue data
- HTTP-level error handling (401/402/403) with clear user-facing messages
- Changed HTTP-Referer from window.location.origin to window.location.href
(origin returns "null" for file:// URLs, breaking OpenRouter requests)
- Handle non-JSON error responses gracefully
- Handle string-type error responses from OpenRouter
- Added missing else branch for empty API responses
- Updated README with AI Translation, PromptCraft, and OpenRouter key setup docs
https://claude.ai/code/session_01DjqbQB8WcZoGVe78sjvh72
- Implement tool registry system with individual tool modules
- Reorganize transformers into categorized source modules
- Remove emojiLibrary.js, consolidate into EmojiUtils and emojiData
- Fix mobile close button and tooltip functionality
- Add build system for transforms and emoji data
- Migrate from Python backend to pure JavaScript
- Add comprehensive documentation and testing
- Improve code organization and maintainability
- Ignore generated files (transforms-bundle.js, emojiData.js)
ph1r3754r73r