vuejs
feat: Safari Web Extension
Description
I don't have enough experience in contributing and pull-requests, so I would be thankful for help.
It adds possibility to build Safari Web Extension that works similar to Chrome extension #1139 Tested with Safari Technology Preview (Safari 16.0) on Mac OS 12.4. Builded with Xcode 14 beta 3
Safari 16 and Xcode 14 allow us to write extension with a Web Inspector tab feature. Added shell-safari folder based on shell-chrome folder, just replaced chrome.* with browser.* in some code lines. Added shell-safari/app folder with Xcode Safari Web Extension Folder. Added some scripts to package.json for building the extension app
How to build extension
- yarn build
- cd packages/shell-safari
- yarn safari Builded extension app: packages/shell-safari/app/extension/VueDevTools.app
P.S. To see extension from Safari preferences you should activate Develop/Allow Unsigned Extensions. To avoid this, the extension must be signed with Apple Developer Account.
Additional context
I guess, it should use same code base for Chrome and Safari (with chrome.* and browser.* difference), but I think it should be done by main developers of this repository.
What is the purpose of this pull request?
- [ ] Bug fix
- [X] New Feature
- [ ] Documentation update
- [ ] Other
Before submitting the PR, please make sure you do the following
- [X] Read the Contributing Guidelines.
- [X] Read the Pull Request Guidelines and follow the Commit Convention.
- [X] Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
- [X] Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g.
fixes #123).
We should try to reuse the chrome folder instead of duplicating code I guess
