https://github.com/osmanmesutozcan/mochi-app

Chrome application for database interaction
https://github.com/osmanmesutozcan/mochi-app

chrome-app postgresql postgresql-admin typescript

Last synced: 5 days ago
JSON representation

Chrome application for database interaction

• Host: GitHub
• URL: https://github.com/osmanmesutozcan/mochi-app
• Owner: osmanmesutozcan
• License: other
• Created: 2019-11-01T12:36:42.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T13:32:53.000Z (almost 2 years ago)
• Last Synced: 2023-08-04T10:56:18.911Z (over 1 year ago)
• Topics: chrome-app, postgresql, postgresql-admin, typescript
• Language: TypeScript
• Homepage:
• Size: 4.47 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 43
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Mochi

Mochi is a Chrome application for interacting with various databases. Currently, it is a proof of concept

with PostgreSQL support with more integrations planned in near future.

![Usage](./assets/usage-example.png)

## Prerequisites

* [node + yarn](https://nodejs.org/) (Current Version)

## Project Structure

Uses `Phosphorjs` for application base. Application structure is heavily

inspired from [Jupyterlab](https://github.com/jupyterlab/jupyterlab).

`src` directory includes the source code for the application. Application is split into so called extensions, where each

extension has a specific purpose. Extensions can depend each other using phosphor extension system.

Extension system might look overwhelming at first sight, but it makes architecture simpler on scale at a cost of

minimum code repetition. Extensions should be considered as 3rd parties, which means they should only use public

APIs exposed by each extension.

UI uses phosphor widgets for layouting and React for rendering.

For more reference about architecture please refer to

[Jupyterlab Development Guide](https://jupyterlab.readthedocs.io/en/stable/developer/extension_dev.html).

## Setup

```

yarn

```

## Build in watch mode

### terminal

```

yarn watch

```

## Load extension to chrome

Load `dist` directory