Wisiwig: UI Design and Inspect Tool

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "manifest_version": 3,
  "name": "Wisiwig: UI Design and Inspect Tool",
  "version": "0.8.0",
  "description": "The collaborative UI design tool that lets you inspect, edit, and share web designs and code.",
  "icons": {
    "16": "public/favicon.png",
    "48": "public/icon48.png",
    "128": "public/icon128.png"
  },
  "action": {
    "default_icon": {
      "16": "public/favicon-gray.png"
    },
    "default_title": "Wisiwig",
    "default_popup": "index.html"
  },
  "background": {
    "service_worker": "background.js",
    "type": "module"
  },
  "content_scripts": [
    {
      "css": [
        "public/content.css"
      ],
      "js": [
        "import-content.js"
      ],
      "matches": [
        "http://*/*",
        "https://*/*"
      ]
    }
  ],
  "permissions": [
    "activeTab",
    "contextMenus",
    "cookies",
    "storage"
  ],
  "host_permissions": [
    "https://.wisiwig.co/*",
    "https://*.wisiwig.co/*"
  ],
  "web_accessible_resources": [
    {
      "resources": [
        "public/fonts/*",
        "public/content.css",
        "public/add-plus.svg",
        "public/clear-x.svg",
        "public/copy-icon.svg",
        "public/edit-blue.svg",
        "public/edit-white.svg",
        "public/edit-gray.svg",
        "public/inspect-blue.svg",
        "public/inspect-white.svg"
      ],
      "matches": [
        "http://*/*",
        "https://*/*"
      ]
    },
    {
      "resources": [
        "chunks/*-*.js",
        "content.js"
      ],
      "matches": [
        "http://*/*",
        "https://*/*",
        "https://.wisiwig.co/*",
        "https://*.wisiwig.co/*"
      ]
    }
  ],
  "commands": {
    "toggle": {
      "suggested_key": {
        "default": "Alt+W"
      },
      "description": "Toggle Wisiwig on/off."
    }
  }
}