MockPlug

MockPlug let you create high fidelity mockups over any existing web application.

Premium users can view and search full source code, and see the source code differences between two versions.

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "manifest_version": 3,
  "version": "3.1",
  "name": "__MSG_extensionName__",
  "description": "__MSG_extensionDescription__",
  "default_locale": "en",
  "author": "mockplug.dev@gmail.com",
  "icons": {
    "32": "images/resources/icon.png"
  },
  "permissions": [
    "activeTab",
    "tabs",
    "notifications",
    "storage",
    "unlimitedStorage"
  ],
  "host_permissions": [
    "<all_urls>"
  ],
  "background": {
    "service_worker": "dist/background/index.js"
  },
  "action": {
    "default_icon": "images/resources/icon.png",
    "default_title": "Left Pad",
    "default_popup": "popup.html",
    "browser_style": true
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "dist/content/index.js"
      ]
    }
  ],
  "web_accessible_resources": [
    {
      "resources": [
        "delete.png",
        "move.png",
        "copyStyles.png",
        "options.png",
        "postit.png",
        "h_flip.png",
        "v_flip.png",
        "thinking_bubble.png",
        "delete.png",
        "notepad_sheet.png",
        "*"
      ],
      "matches": [
        "https://*/*"
      ]
    },
    {
      "resources": [
        "dialogedit.html"
      ],
      "matches": [
        "https://*/*"
      ]
    },
    {
      "resources": [
        "*.png"
      ],
      "matches": [
        "https://*/*"
      ]
    }
  ]
}