8000 feat: duckdb-wasm query UI [DRAFT] by mattrothenberg · Pull Request #39 · githubocto/flat-viewer · GitHub
[go: up one dir, main page]
Skip to content

feat: duckdb-wasm query UI [DRAFT] #39

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 19 commits into
base: main
Choose a base branch
from
Draft

feat: duckdb-wasm query UI [DRAFT] #39

Changes from 1 commit
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
fa9d83a
wasm spike successful
May 12, 2022
713488f
auto fetch
May 12, 2022
4127796
wip
May 12, 2022
6f75755
remove janky require shim
May 12, 2022
c225595
remove vite config changes
May 12, 2022
12955b2
error handling
May 12, 2022
e0b17f4
fix stale transaction error
May 12, 2022
abc4d0b
pull in grid component
May 12, 2022
c66c2a2
rudimentary toggle UI
May 12, 2022
54376d9
Update src/components/repo-detail.tsx
mattrothenberg May 16, 2022
c558164
refactor
May 16, 2022
99055d6
remove co-located duckdb package
May 16, 2022
5efc418
use filename as table name
May 16, 2022
c848a11
handle SQL errors
May 16, 2022
7c5a885
move SQL out to query param
May 16, 2022
93c654f
fix: conditionally insert CSV or JSON
May 16, 2022
7fff932
tweaks
May 16, 2022
c83b98c
switch statement for db initialization
May 16, 2022
62bdc9f
suppress fade animation for SQL results
May 16, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8000
Prev Previous commit
Next Next commit
pull in grid component
  • Loading branch information
Matt Rothenberg committed May 12, 2022
commit abc4d0b8d5cbfcefcd7d026cee544500eda0fa1d
37 changes: 13 additions & 24 deletions src/components/db-explorer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { sql } from "@codemirror/lang-sql";
import { Grid } from "@githubocto/flat-ui";
import * as duckdb from "@duckdb/duckdb-wasm";
import CodeMirror from "@uiw/react-codemirror";
import React, { useEffect, useMemo, useRef, useState } from "react";
Expand Down Expand Up @@ -150,40 +151,28 @@ function DBExplorerInner(props: DBExplorerInnerProps) {
/>
</div>
<div className="flex-1 flex flex-col h-full overflow-scroll">
<div className="border-b p-2 flex items-center space-x-2 sticky top-0 bg-white z-10">
<div>
<p className="text-xs uppercase tracking-widest font-medium">
# Rows
</p>
{status === "loading" ? (
<span className="skeleton">Loading</span>
) : (
<span>{data && data.numRows}</span>
)}
</div>
<div>
<p className="text-xs uppercase tracking-widest font-medium">
# Columns
</p>
{status === "loading" ? (
<span className="skeleton">Loading</span>
) : (
<span>{data && data.numCols}</span>
)}
</div>
</div>
{status === "error" && error && (
<div className="bg-red-50 border-b border-red-600 p-2 text-sm text-red-600">
{(error as Error)?.message || "An unexpected error occurred."}
</div>
)}
<div className="relative">
<div className="relative flex-1 h-full">
{status === "loading" && (
<div className="absolute top-4 right-4 z-20">
<Spinner />
</div>
)}
<pre>{JSON.stringify(data, null, 2)}</pre>
{data && (
<Grid
data={data.results}
diffData={undefined}
defaultSort={undefined}
defaultStickyColumnName={undefined}
defaultFilters={{}}
downloadFilename={filename}
onChange={() => {}}
/>
)}
</div>
</div>
</>
Expand Down
0