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 hi@kinopio.club
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 pirijan@gmail.com
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
toProductivity
- Bump up the
Version
number - In the
Build Settings
tab, bump upCurrent Project Version
(it's underVersioning
) to a higher number than theMarketing Version
- Make sure the
Version
andBuild Number
match for bothTARGETS
-
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, clickDistrubute App
toApp Store Connect
and select all the automatic options, thenUpload
App Store Connect
- Sign in to App Store Connect using the
hi@kinopio.club
account - Go to the app, and submit an update with the newly uploaded build