dev3-extensions/database-viewer

Dev3 Database Viewer

Dev3 Database Viewer is a Chrome extension that allows you to view the contents from an SQL database in a table format quickly and easily. All you need to do is enter the database connection string and the query you want to run.

Getting Started

Prerequisites

You will need the following to run this project:

• Node.js

  Install Node.js from here, using your preferred package manager (Choco, Scoop, brew, etc) or using the following commands:

  # On Windows
  winget install OpenJS.NodeJS
  
  # On Linux (Ubuntu)
  curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
  sudo apt-get install -y nodejs

Installation

1. Clone the repo

2. Install NPM packages

   npm install

3. (Optional) Run the development server

   npm run dev

4. Build the extension

    npm run build

5. Load the extension in Chrome (or any Chromium-based browser)

   1. Open the Extension Management page by navigating to chrome://extensions.
   2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
   3. Click the LOAD UNPACKED button and select the dist directory.

6. Profit! 🎉

Recommended VS Code Extensions for Development

• Prettier - for code formatting
• Tailwind CSS IntelliSense - for autocomplete in Tailwind CSS classes
• ESLint - for linting and error checking
• Auto Complete Tag - for auto-completing any tags like in HTML or React