README.md

November 11, 2023 · View on GitHub

screenshot

Feature rich sparql editor as a browser extension

Key Features • How To Use • Development • In Depth • License

Key Features

  • Databases - Keep a list of all your databases
  • Query lists - Save your queries in list
  • Favorites list - keep your favorite queries across databases by hand
  • Sparql editor based on Codemirror 6
  • View sparql results in a clear grid table
  • View created_at and modified_at for queries

How To Use

This repo cnntains the pre-build extension in the build folder. So you just need to clone it and point chrome to the right folder.

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/aatauil/sparql-browser-extension.git

Chrome (not tested on other browsers yet)

Open your browser and go to chrome://extensions

Enable the developer mode in the top right en click on the appearing Load unpacked button (top left). Navigate to the extensions build/chrome-mv3-prod directory and press save.

To see the extension, click on the puzzle piece icon on the Chrome toolbar, and click on the sparql-browser-extension extension.

Pro tip: Pin your extension to the Chrome toolbar for easy access by clicking the pin button.

Development

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/aatauil/sparql-browser-extension.git

# Go into the repository
$ cd sparql-browser-extension

# Install dependencies
$ pnpm install

# Build extension
$ pnpm run dev

When the extension finished building, open your browser and go to chrome://extensions

Enable the developer mode in the top right en click on the appearing Load unpacked button. Navigate to the extensions build/chrome-mv3-dev directory and press save.

To see the extension, click on the puzzle piece icon on the Chrome toolbar, and click on the extension icon.

In Depth

Stack

This extension is build on react, specifically on the plasmo framework that makes extension development and publishes less painfull. Still painfull though.

Editor

For the editor we use the sparql-editor Any editor related issues just preferably be opened there.

Grid

For the data grid we use ag-grid so if you see any community features that you want to see included you can open an issue or PR for it

License

MIT