Git Product home page Git Product logo

tana-extend's Introduction

tana-extend

A first attempt to build a Tana extension mechanism as a Chrome extension.

This first cut uses shift-cmd-K (Mac) or shift-ctrl-K (Win/Linux) to pop up a little "command prompt" in the middle of your current browser tab content. If you're using Tana in the standalone PWA mode, it works the same way.

You can then type a few characters to pick the command to run and hit enter.

Commands typically take the context of the clipboard as input. They all produce output and place it on the clipboard. From there, you can paste it into Tana.

The output is minimally formatted as tana-paste format, with the specifics being up to each individual command.

Here's a short video showing one use-case - invoking ChatGPT to process the nodes copied to the clipboard as a completion prompt. (the OpenAI API key shown here has been deleted, yes. ๐Ÿ˜‰)

Brief demo video

tana-extend-demo.mp4

Installing

You'll need to download the latest release.zip and then use the Developer mode in Chrome to add this extension as a Load Unpacked. Go to chrome://extensions and turn on Developer mode. I'll get around to pushing this to the Chrome Extension Store when it's good and ready.

Configuration

Configuration of each command is available via the extension pop-up UI. Just click the extension icon in the Chrome or Tana toolbar to access.

Looking for feedback, suggestions, pull requests and ideas for further commands, please!

Building

Checkout the source and use yarn install then yarn build. The extension will be in dist/

You can also yarn build watch to make it easier as you hack on the code. Just remember to update the extension via the Chrome extensions panel each time you do.

If anyone knows how to get VSCode debugging of Chrome Extensions built with Typescript to actually work, please let me know!

tana-extend's People

Contributors

verveguy avatar

Stargazers

Melin avatar Sarah Arminta avatar  avatar  avatar  avatar Liam White avatar

Watchers

 avatar Sarah Arminta avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.