Kinopio Browser Extensions

For quickly recording thoughts, inspirations, and urls while you're out making waves on the world wide web.

A simple extension that just opens a pop up with an iframe to kinopio.club/add

Develop and Update

To test with the local kinopio-client add to inbox page, change iframe urls to http://kinopio.local:8080/add

Don't forget to change it back to https://kinopio.club/add before shipping

Firefox

Load local extensions in about:debugging#/runtime/this-firefox

Before submission, bump the version number up in manifest.json

Upload a new version at Mozilla Addons while signed into firefox account [email protected]

Chrome

I use vivaldi for chromium testing, but these staps are basically the same for chrome

Load local extensions in vivaldi://extensions/

Before submission, bump the version number up in manifest.json

Upload a new version on the Chrome Developer Dashboard while signed into google account [email protected]

Mac/Safari version

Build this from the /firefox version, using the safari-web-extension-converter

But first, in index.html remove the background color from the <iframe>

cd kinopio-browser-extensions
mkdir safari
xcrun safari-web-extension-converter --macos-only ./firefox

If you run into xcrun issues, you may need to reinstall the xcode command line tools.

If you get the error 'unable to find utility "safari-web-extension-converter"', run this first: sudo xcode-select -s /Applications/Xcode.app

Xcode,

• Open the project in Xcode
• Open the project overview
• Use the dropdown to change the target to Add to Kinopio (macOS) version
• Update the App Category to Productivity
• Bump up the Version number
• In the Build Settings tab, bump up Current Project Version (it's under Versioning) to a higher number than the Marketing Version
• Make sure the Version and Build Number match for both TARGETS

• Use the dropdown to change the target to Add to Kinopio Extension (macOS) version

• Bump up the Version number to match the one you used earlier

• Press ▶ to build and run the extension

Test in Safari,

Local Testing Note: Safari extensions cannot persist localStorage when using kinopio.local or localhost urls

• Make sure Develop → Allow Unsigned Extensions is checked
• Enable the extension in Preferences → Extensions

Submitting update to the macOS App Store

Xcode,

• Product → Archive to create the build
• In the Archives window that appears, click Distrubute App to App Store Connect and select all the automatic options, then Upload

App Store Connect

• Sign in to App Store Connect using the [email protected] account
• Go to the app, and submit an update with the newly uploaded build