Merge pull request #3119 from perspective-dev/clickhouse-2

Clickhouse Virtual Server

Author: texodus

.cargo/config.toml

@@ -2,8 +2,13 @@
 bundle = "run -p perspective-bundle"
 
 [build]
-# rustflags = ["--cfg=web_sys_unstable_apis", "--cfg=pyo3_disable_reference_pool"]
 rustflags = ["--cfg=web_sys_unstable_apis", "-Csymbol-mangling-version=v0"]
+# rustflags = [
+#     "--cfg=web_sys_unstable_apis",
+#     "--cfg=pyo3_disable_reference_pool",
+#     "-Csymbol-mangling-version=legacy",
+#     "-Zunstable-options",
+# ]
 target-dir = "rust/target"
 
 [target.wasm32-unknown-unknown]

Cargo.lock

@@ -90,7 +90,7 @@ await loadSampleData(db);
 const viewer = document.querySelector("#query");
 viewer.load(client);
 viewer.restore({
-    table: "data_source_one",
+    table: "memory.data_source_one",
     group_by: ["Region", "State", "City"],
     columns: ["Sales", "Profit", "Quantity", "Discount"],
     plugin: "Datagrid",

examples/blocks/src/duckdb/index.js

@@ -0,0 +1,43 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+// ┃ This file is part of the Perspective library, distributed under the terms ┃
+// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+import esbuild from "esbuild";
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import { dirname } from "path";
+import "zx/globals";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+async function build() {
+    await esbuild.build({
+        entryPoints: ["src/index.ts"],
+        outdir: "dist",
+        format: "esm",
+        bundle: true,
+        sourcemap: "inline",
+        target: "es2022",
+        loader: {
+            ".ttf": "file",
+            ".wasm": "file",
+        },
+        assetNames: "[name]",
+    });
+
+    fs.writeFileSync(
+        path.join(__dirname, "dist/index.html"),
+        fs.readFileSync(path.join(__dirname, "src/index.html")).toString(),
+    );
+}
+
+await build();

examples/esbuild-clickhouse-virtual/build.js

@@ -0,0 +1,25 @@
+{
+    "name": "esbuild-clickhouse-virtual",
+    "private": true,
+    "version": "4.1.1",
+    "type": "module",
+    "description": "Example of a custom VirtualServer for ClickHouse running in a Web Worker",
+    "scripts": {
+        "build": "node build.js",
+        "start": "node build.js && node server.mjs"
+    },
+    "keywords": [],
+    "license": "Apache-2.0",
+    "dependencies": {
+        "@perspective-dev/client": "workspace:^",
+        "@perspective-dev/server": "workspace:^",
+        "@perspective-dev/viewer": "workspace:^",
+        "@perspective-dev/viewer-d3fc": "workspace:^",
+        "@perspective-dev/viewer-datagrid": "workspace:^",
+        "@clickhouse/client-web": "catalog:"
+    },
+    "devDependencies": {
+        "esbuild": "catalog:",
+        "zx": "catalog:"
+    }
+}