Compose is an Universal code Editor toolkit for providing a Cell Editor specialized in querying data.
It follows 10 years of evolution of the Hue Editor into reusable components aiming at providing modern suggestions. Think “Gmail editor with auto correct / multi language and reusability in Google Document, but for typing SQL or snippets of code”.
Compose is more than a query box, it is the glue between swappable components meshing together a smart Cell Editor:
That’s what you want, fully local and running. In less than 1 minute and 4 commands:
Compose specializes in SQL languages but fits any typical cell editing flow:
The assistance will fall back to the ones of the base editor (e.g. Ace highlighter/autocomplete) and lets you plug-in your owns (e.g. hook-in your Jedi based autocomplete API for Python):
Currently the dbsql
dialect is the default one activated, but many other SQL parsers are available:
Those dialects would be welcomed back in the Compose repository with some slight refactoring of the dialect repository API so that they are 100% pluggable.
Some approaches could be to host them in a compose-dialects
repository and provide some kind of yarn build:hive,dbsql
and later npm install queryflow[hive,dbsql]
. Feel free to reach out!
Published as https://www.npmjs.com/package/queryflow
<html>
<head>
<script type="text/javascript" src="./node_modules/queryflow/lib/components/QueryEditorWebComponent.js"></script>
</head>
<body>
<div>
<QueryEditor
dialect="dbsql"
api={api}
/>
</div>
</body>
</html>
Read more in Components.