Giter Club home page Giter Club logo

backtick's Introduction

Backtick

Backtick is a command line for bookmarklets and scripts, packaged as a Chrome extension. For a better explanation, try out the demo at backtick.ninja/ Coming soon. The extension is free to use.

MIT Licensed 2017 Brian Reed

Developing

The code is open for you to play around with and contribute to, if you wish. Here's some instructions on how to get up and running.

Dependencies

To compile Backtick, you'll need to install the following dependencies on your system:

With that installed, run these two commands to download the NPM and Bower packages:

$ npm install
Building

To build all the files, just run grunt in the root folder. This will put all built files into the _dist/ folder.

To load the built extension files from the _dist/ folder into Chrome, follow these instructions.

Updates

This new version of Backtick is still under development, check for updates on twitter.

backtick's People

Contributors

dergachev avatar iambriansreed avatar joelbesada avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

backtick's Issues

Can not Run scripts on certain websites.

So depending on how the website is configured you can not run scripts. For example on github you get the following error:

Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' https://github.global.ssl.fastly.net https://ssl.google-analytics.com https://collector-cdn.github.com https://analytics.githubapp.com https://embed.github.com https://raw.github.com".

Do not know if there is a way around this with extensions.

Firefox addon?

Do you plan to port this chrome extension to Firefox?

Dynamically pass params to command

It would be great that you can create "meta" commands with placeholders, and pass options dynamically.

So it would add possibility for commands like: open:tw open:fb (in this case option separator is :) and in my command some placeholder would be replaced with params alert('opening $PARAM') would become alert('opening tw').

Feature Request: add url filters for custom commands

For example, if I have a command that I'd like to open only on specific hosts / path / url (matching a regex can be nice), I can add a key in command.json that will limit the command to be displayed only on those sites. We can also add an "exclude" filter to show on all pages but the matching pages. The filters may accept a list of values for added flexibility.

`grunt build` fails

Really cool plugin, and nice design too. Love it. :) Unfortunately I'm seeing this issue when I try to build the project.

$ grunt build
Loading "Gruntfile.js" tasks...ERROR
>> Error: Cannot find module 'grunt-contrib-livereload/lib/utils'
Warning: Task "build" not found. Use --force to continue.

Aborted due to warnings.

I installed grunt-livereload from npm but the issue persists.

Add promptless pop-up option to commands

Because of chrome security, when a script opens a pop-up, it is initially blocked. Please add a technique (eg, a message to pass) so that commands can open pop-ups more seemlessly.

Add a backtick bookmarklet to add other bookmarklets.

First off, I like the idea. Secondly, this would be great if it were ubiquitously simple.
If we have a bookmarklet that we can activate on the page of a gist that we want to add which will add that bookmarklet to our backtick, I think that would be very useful. I started getting ready to do it but don't really have time.
If we can activate the onImportFormSubmit here with the gist number as an argument (easily taken from the url) then we're sorted. Obviously we'd need to remove the loading() and put in an alert to notify about the behaviour.
If we include this and a central gist repository (or even just the wiki on github) where people can look up and share their backtick commands then we've got an incredibly useful extension.
Thanks again, I hope you incorporate this feature.

Popups are getting blocked

Chrome blocks popups when opened from a Backtick command. This does not happen if the same script is executed from a bookmarklet, so there might be a way for Backtick to work around this.

An "Add gist to backtick" command

A command to add the current gist to backtick commands would be a nice addition. I hide the backtick toolbar button because I don't use it, and so I have to go to the extensions page and click on options to add a new command. Having a command to directly add a gist would be really handy.

Thank you for this awesome extension.

Bug: query box doesn't register first character input

Hi, thanks for making this extension. Really enjoy using it.

For some reason whenever the querybox comes down, the first character I type (for example: r for "Readability Read Later") never gets registered.

I have to hit r twice, thus typing rreada... before the autofill results begin showing up in Backtick.

Running: Chrome, 32.0.1700.107

Facilitate command development by supporting dev versions

Let's say I add this command to backtick: https://gist.github.com/dergachev/8291018

If I remember correctly, backtick will extract the following URL and store it for future retrieval and evaluation: https://gist.github.com/dergachev/8291018/raw/f1df7576b3358be8fb9805eb48df25b7e87b8b76/command.js

This is great for security and stability (your commands don't break or go malware on you), but annoying for development. Currently I need to constantly remove and re-add commands in backtick whenever I make any tweaks to the gist.

Perhaps we could implement a checkbox or some other way of indicating that you'd like to execute the following URL instead:

https://gist.github.com/dergachev/8291018/raw/command.js

Instapaper Read Later

Suggestion: Currently this one brings up text view on Instapaper and over there you need to click a button to mark it as "Read Later". Using bookmark code of Instapaper in Backtick could save the page without navigating to Instapaper.com.

Licencing is kind of pointless...

Why not have a donut button? If you feel there's a sincere need for money to continue contribution, why not keep some of the NEWEST HOTTEST features available only for buyers, and then after n months integrate them into the open source repository.

Right now though the licence code is basically needless bloat.

Add a javascript function to prompt something

I'd like to make a saved.io command, and so I'd need to input list name. I could do prompt() but it would be better if it integrated seamlessly with backtick using its input. Or maybe arguments?

Removing pre-installed commands

Is there any way to remove pre-installed commands?
I just don't use some of included services

P.S. thanks for this great app ๐Ÿ‘

Arrow Keys don't scroll list

If I type "`share" and then start arrowing down, the selection will go out of view.

The list should be automatically scrolled to keep the selection on-screen.

None of the commands work on Github

Not even the default commands (at least the ones I tried) don't work on github. But they all work fine on other domains.

The console shows the following error:

Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' https://github.global.ssl.fastly.net https://ssl.google-analytics.com https://collector-cdn.github.com https://analytics.githubapp.com https://embed.github.com https://raw.github.com".

Thank you.

Feature Request: allow export / sync

It would be useful if I were to load backtick on another machine / chrome profile and wanted to quickly get up and running. This should include the backtick shortcut, and custom commands. Ideally this could be done using some chrome sync mechanism.

Doesn't work except for on your site, throws error in devtools console

Hi,

So I set up a custom chrome hotkey instead of the backtick becuase the backtick wasn't working. Whenever I use thishotkey, instead of showing me the search bar, it throws this error in the console:

Port: Could not establish connection. Receiving end does not exist. lastError:29
set chromeHidden.Port.dispatchOnDisconnect

The weird thing is, my custom hotkey works on your site, but nowhere else.

Bookmarklets not working on github

None of your bookmarklets seem to work on github. seems to be something about contacting the github servers while you're on their domain, I have no idea how you should fix it:
Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' https://github.global.ssl.fastly.net https://ssl.google-analytics.com https://collector-cdn.github.com https://analytics.githubapp.com https://embed.github.com https://raw.github.com".

Fonts

Hi, great extension!

I thinks the fonts loading is too long and breaks the quick execution.
You should:

  • Use real .woff files
  • Load fonts from CDN such as what Brick propose (for the MIME header)

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.