feat: auto click enter mask

[xiaoxustudio]

编辑器中预览窗口加载完成后自动点击进入页面

related issue: OpenWebGAL/WebGAL#868

[gemini-code-assist]

Summary of Changes

Hello @xiaoxustudio, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces an enhancement to the editor's preview functionality by automating the initial interaction with the preview content. Specifically, it ensures that a designated 'enter' element within the preview iframe is programmatically clicked as soon as the preview finishes loading. This change aims to improve workflow efficiency by removing a manual step for users when engaging with the preview.

Highlights

• Automatic Preview Interaction: Implemented a feature to automatically click a specific element within the editor's preview window once the iframe content has fully loaded, streamlining the user experience.
• Localization File Updates: Updated line number references in English, Japanese, and Simplified Chinese localization files (.po) due to the addition of new code in EditorSidebar.tsx.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

• packages/origine2/src/locales/en.po
  • Updated source code line number references for various translated strings to reflect changes in EditorSidebar.tsx.
• packages/origine2/src/locales/ja.po
  • Updated source code line number references for various translated strings to reflect changes in EditorSidebar.tsx.
• packages/origine2/src/locales/zhCn.po
  • Updated source code line number references for various translated strings to reflect changes in EditorSidebar.tsx.
• packages/origine2/src/pages/editor/EditorSidebar/EditorSidebar.tsx
  • Added a useEffect hook that listens for the 'load' event on the preview iframe (ifRef.current).
  • Upon the iframe loading, it automatically queries for and clicks the element with the class .html-body__title-enter within the iframe's document.

Activity

• No human activity has been recorded on this pull request yet.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

本次 PR 实现了一个很棒的用户体验优化：在编辑器预览窗口加载后自动点击进入页面。代码实现基本正确，我只在 EditorSidebar.tsx 文件中发现了一个可以改进的地方，主要是关于 useEffect 的健壮性和可维护性。我提供了一个合并了多项改进的重构建议，包括添加清理函数和移除魔法字符串。除此之外，其他文件的变更都是多语言文件的同步更新，没有问题。

[MakinoharaShoko]

目前应该是在实时预览打开时，会在执行任何语句时自动完成 enter 过程。我认为只需要复用那里的逻辑即可。

[xiaoxustudio]

目前应该是在实时预览打开时，会在执行任何语句时自动完成 enter 过程。我认为只需要复用那里的逻辑即可。

执行任何语句就会自动enter了，似乎不需要我们手动enter。我认为就是在实时预览状态为开启时，我们需要手动enter就行了，其他好像就没有需要我们自动enter的地方了...