org-web - org mode on the web

org-web lets you directly edit your org files online. It syncs with Dropbox and Google Drive and is optimized for mobile use.

It was born out of my desire to be able to easily view and edit my org files from my phone. It’s available for use here.

If you don’t already keep your org files in Dropbox or Google Drive, I recommend symlinking them in:

ln -s ~/Documents/todo.org ~/Dropbox/todo.org

Capture params and Siri support

org-web supports a flexible mechanism for capturing using URL parameters. This mechanism integrates very nicely with the new Siri Shortcuts feature in iOS 12, allowing you to use Siri to execute capture templates.

You can use this sample Shortcut to get started with this right away in iOS 12. Open the link on your iOS device and click “Get Shortcut”. Then open up the Shortcuts app and edit the template by following the directions in the comments. Then record a Siri trigger and you’re good to go!

Alternatively, you can take advantage of the URL parameters yourself to build your own custom capture mechanism. All three of the following parameters are required and must be URL encoded:

• captureTemplateName: the name of the capture template to use. This capture template must already exist in Settings > Capture templates.
• captureFile: the path (for Dropbox) or id (for Google Drive) of the file in which to execute the capture template.
• captureContent: the content you’d like to capture. This content will be placed at the cursor position if specified in the capture template (with %?), or at the end of the template if its not specified.

You can also specify additional custom variables for use in your templates. They should be in the format captureVariable_<your custom variable>, and should also be URL encoded. In your capture template they’d show up as %<your custom variable>.

Here’s an example URL:

https://org-web.org?captureTemplateName=Grocery%20item&captureContent=Lemon&captureFile=/org/todo.org&captureVariable_location=Home

Development

Important note: On July 31st, 2018 I did a force push to master with a complete rewrite. The current master branch shares no history with the previous one, which you should be aware of if you’ve cloned or forked!

org-web is built with React and Redux. It was bootstrapped with Create React App.

To install the necessary packages, run:

yarn install

To run the app, run:

yarn start

To test against your actual Dropbox, you’ll need to create a .env file by copying .env.sample to just .env. To test against your Google Drive you’ll need to generate an API key as described on this page.

Note that this will only work if you’re running the app on http://localhost:3000.

Thanks

org-web is built on the shoulders of giants. These are some packages I rely on that I think are absolutely fantastic:

• JedWatson/classnames
• atlassian/react-beautiful-dnd
• motdotla/dotenv
• facebook/immutable-js
• lodash/lodash
• facebook/create-react-app
• nkbt/react-collapse
• greena13/react-hotkeys
• chenglou/react-motion
• reduxjs/redux
• ReactTraining/react-router