Firefox addon (#314)

* update design properties with firefoxs calculated defaults

* firefox bugfix: rect requires inline w/h to work..?

* no plugins, no dynamic import

todo: make a new rollup config and make a bigger bundle for firefox that has all the plugins loaded

* polyfill not required, which is nice!

* visbug element renders again

* update lock

* to be safe, find all and remove

* new trick, inject on page not from extension

* remove polyfill, remove bundle from content script

* added web-ext to npm scripts

* added firefox to postcss browserlist to fix some bugs like with system-ui

* adds visbug bundle to web accessible resources

* thanks kezzbracey for the suggestion to go attributes

* remove opacity if backdrop filter isnt supported

* fixes hover inspect

* fixes margin and padding by removing typedOM usage

* fixes hueshift

* switch to less ambigious use of window

* fixes plugins and datalist autocomplete

* fixes safari search input styles

* add safari project

* adapt to platform

* prep for updated version

* safari build nits

* resolves loading jank

* puts a wrap on the safari build

* update icons and nudge project details

* fixes bug where extension button goes nowhere

.gitignore

@@ -7,3 +7,4 @@ extension/toolbar/bundle.min.js
 extension/toolbar/bundle.css
 extension/build
 extension/tuts
+VisBug/VisBug.xcodeproj/project.xcworkspace/xcuserdata/argyle.xcuserdatad/UserInterfaceState.xcuserstate

VisBug/VisBug Extension/Info.plist

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+ <key>CFBundleDevelopmentRegion</key>
+ <string>$(DEVELOPMENT_LANGUAGE)</string>
+ <key>CFBundleDisplayName</key>
+ <string>VisBug Extension</string>
+ <key>CFBundleExecutable</key>
+ <string>$(EXECUTABLE_NAME)</string>
+ <key>CFBundleIdentifier</key>
+ <string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+ <key>CFBundleInfoDictionaryVersion</key>
+ <string>6.0</string>
+ <key>CFBundleName</key>
+ <string>$(PRODUCT_NAME)</string>
+ <key>CFBundlePackageType</key>
+ <string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+ <key>CFBundleShortVersionString</key>
+ <string>$(MARKETING_VERSION)</string>
+ <key>CFBundleVersion</key>
+ <string>$(CURRENT_PROJECT_VERSION)</string>
+ <key>LSMinimumSystemVersion</key>
+ <string>$(MACOSX_DEPLOYMENT_TARGET)</string>
+ <key>NSExtension</key>
+ <dict>
+ <key>NSExtensionPointIdentifier</key>
+ <string>com.apple.Safari.web-extension</string>
+ <key>NSExtensionPrincipalClass</key>
+ <string>$(PRODUCT_MODULE_NAME).SafariWebExtensionHandler</string>
+ </dict>
+</dict>
+</plist>

VisBug/VisBug Extension/SafariWebExtensionHandler.swift

@@ -0,0 +1,26 @@
+//
+// SafariWebExtensionHandler.swift
+// VisBug Extension
+//
+// Created by Adam Argyle on 11/2/20.
+//
+
+import SafariServices
+import os.log
+
+let SFExtensionMessageKey = "message"
+
+class SafariWebExtensionHandler: NSObject, NSExtensionRequestHandling {
+
+ func beginRequest(with context: NSExtensionContext) {
+ let item = context.inputItems[0] as! NSExtensionItem
+ let message = item.userInfo?[SFExtensionMessageKey]
+ os_log(.default, "Received message from browser.runtime.sendNativeMessage: %@", message as! CVarArg)
+
+ let response = NSExtensionItem()
+ response.userInfo = [ SFExtensionMessageKey: [ "Response to": message ] ]
+
+ context.completeRequest(returningItems: [response], completionHandler: nil)
+ }
+
+}

VisBug/VisBug Extension/VisBug_Extension.entitlements

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+ <key>com.apple.security.app-sandbox</key>
+ <true/>
+ <key>com.apple.security.files.user-selected.read-only</key>
+ <true/>
+</dict>
+</plist>