\ntype
\nuse_dynamic_url
Safari version : 17.1.2
\nmanifest.json
\n{\n "manifest_version": 3,\n "name": "My Extension",\n "version": "1.0.0",\n "action": {\n "default_title": "Popup",\n "default_popup": "index.html"\n },\n "icons": {\n "16": "assets/icons/icon16.png",\n "32": "assets/icons/icon32.png",\n "48": "assets/icons/icon48.png",\n "128": "assets/icons/icon128.png"\n },\n "description": "My description.",\n "background": {\n "service_worker": "background/background.js"\n },\n "web_accessible_resources": [\n {\n "resources": ["assets/placeholder/image_placeholder.jpg"],\n "matches": ["<all_urls>"]\n }\n ],\n "content_scripts": [\n {\n "matches": ["<all_urls>"],\n "js": ["content-script/src/main.tsx"]\n }\n ]\n}\n
\npackage.json
\n{\n "name": "react-content-script",\n "private": true,\n "version": "1.0.1",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "tsc && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "bootstrap": "^5.3.2",\n "react": "^18.2.0",\n "react-bootstrap": "^2.9.2",\n "react-dom": "^18.2.0",\n "react-shadow-root": "^6.2.0",\n "web-vitals": "^3.0.3"\n },\n "devDependencies": {\n "@crxjs/vite-plugin": "@crxjs/vite-plugin@2.0.0-beta.11",\n "@types/chrome": "^0.0.197",\n "@types/node": "^18.8.3",\n "@types/react": "^18.0.17",\n "@types/react-dom": "^18.0.6",\n "@vitejs/plugin-react": "^2.1.0",\n "autoprefixer": "^10.4.16",\n "crx-hotreload": "^1.0.6",\n "postcss": "^8.4.32",\n "tailwindcss": "^3.4.0",\n "typescript": "^4.6.4",\n "vite": "^3.1.0",\n "vite-plugin-svgr": "^2.2.1"\n }\n}\n
\nAny documentation, any reference, any solution which could fix this problem would of great help!
\nThank you.
\n","author":{"@type":"Person","name":"Shahed"},"upvoteCount":1,"answerCount":0,"acceptedAnswer":null}}Reputation: 1895
This is my chrome manifest.json
file and it works perfectly fine for chrome, but when i convert the chrome extension to safari extension using xcrun safari-web-extension-converter ./my-chrome-extension/dist
it gives this warning
Warning: The following keys in your
manifest.json
are not supported by your current version of Safari. If these are critical to your extension, you should review your code to see if you need to make changes to support Safari:
type
use_dynamic_url
Safari version : 17.1.2
manifest.json
{
"manifest_version": 3,
"name": "My Extension",
"version": "1.0.0",
"action": {
"default_title": "Popup",
"default_popup": "index.html"
},
"icons": {
"16": "assets/icons/icon16.png",
"32": "assets/icons/icon32.png",
"48": "assets/icons/icon48.png",
"128": "assets/icons/icon128.png"
},
"description": "My description.",
"background": {
"service_worker": "background/background.js"
},
"web_accessible_resources": [
{
"resources": ["assets/placeholder/image_placeholder.jpg"],
"matches": ["<all_urls>"]
}
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content-script/src/main.tsx"]
}
]
}
package.json
{
"name": "react-content-script",
"private": true,
"version": "1.0.1",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview"
},
"dependencies": {
"bootstrap": "^5.3.2",
"react": "^18.2.0",
"react-bootstrap": "^2.9.2",
"react-dom": "^18.2.0",
"react-shadow-root": "^6.2.0",
"web-vitals": "^3.0.3"
},
"devDependencies": {
"@crxjs/vite-plugin": "@crxjs/vite-plugin@2.0.0-beta.11",
"@types/chrome": "^0.0.197",
"@types/node": "^18.8.3",
"@types/react": "^18.0.17",
"@types/react-dom": "^18.0.6",
"@vitejs/plugin-react": "^2.1.0",
"autoprefixer": "^10.4.16",
"crx-hotreload": "^1.0.6",
"postcss": "^8.4.32",
"tailwindcss": "^3.4.0",
"typescript": "^4.6.4",
"vite": "^3.1.0",
"vite-plugin-svgr": "^2.2.1"
}
}
Any documentation, any reference, any solution which could fix this problem would of great help!
Thank you.
Upvotes: 1
Views: 180