update version

packages/common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openassistant/common",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Common utilities for OpenAssistant",
   "author": "Xun Li<[email protected]>",
   "license": "MIT",

packages/duckdb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openassistant/duckdb",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "The duckdb SQL query addon for OpenAssistant",
   "author": "Xun Li<[email protected]>",
   "license": "MIT",

packages/duckdb/src/query.tsx

@@ -83,7 +83,9 @@ type QueryDuckDBFunctionContext = {
   getValues: (datasetName: string, variableName: string) => unknown[];
   duckDB?: duckdb.AsyncDuckDB;
   onSelected?: OnSelectedCallback;
-  isDraggable?: boolean;
+  config: {
+    isDraggable?: boolean;
+  };
 };
 
 type ValueOf<T> = T[keyof T];
@@ -241,7 +243,7 @@ export async function queryDuckDBCallbackFunction({
   }
 
   // get the context values
-  const { getValues, onSelected, isDraggable } = functionContext;
+  const { getValues, onSelected, config } = functionContext;
 
   // if the variable names contain 'row_index', ignore it
   // the row_index will be added later based on the columnData length
@@ -279,7 +281,7 @@ export async function queryDuckDBCallbackFunction({
         sql,
         dbTableName,
         onSelected,
-        isDraggable,
+        isDraggable: Boolean(config.isDraggable),
       },
     };
   } catch (error) {

packages/echarts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openassistant/echarts",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "author": "Xun Li<[email protected]>",
   "description": "The echarts addon for OpenAssistant",
   "main": "./dist/index.esm.js",

packages/echarts/src/histogram.ts

@@ -13,7 +13,10 @@ import { histogramCallbackMessage, HistogramDataProps } from './histogram-plot';
  * @param variableName - The name of the variable.
  * @returns The values of the variable.
  */
-type GetValues = (datasetName: string, variableName: string) => Promise<number[]>;
+type GetValues = (
+  datasetName: string,
+  variableName: string
+) => Promise<number[]>;
 
 /**
  * The callback function can be used to sync the selections of the histogram plot with the original dataset.
@@ -29,14 +32,14 @@ type OnSelectedCallback = (
  * The context of the histogram function.
  * @param getValues - Get the values of a variable from the dataset. See {@link GetValues} for more details.
  * @param onSelected - The callback function can be used to sync the selections of the histogram plot with the original dataset. See {@link OnSelectedCallback} for more details.
- * @param theme - The theme of the histogram plot. The possible values are 'light' and 'dark'.
- * @param isDraggable - Whether the histogram plot is draggable e.g. to a dashboard.
+ * @param config - The configuration of the histogram plot.
+ * @param config.theme - The theme of the histogram plot. The possible values are 'light' and 'dark'.
+ * @param config.isDraggable - Whether the histogram plot is draggable e.g. to a dashboard.
  */
 export type HistogramFunctionContext = {
   getValues: GetValues;
   onSelected?: OnSelectedCallback;
-  theme?: string;
-  isDraggable?: boolean;
+  config?: { isDraggable?: boolean; theme?: string };
 };
 
 type ValueOf<T> = T[keyof T];
@@ -124,9 +127,9 @@ async function histogramCallbackFunction({
   functionName,
   functionArgs,
   functionContext,
-}: CallbackFunctionProps): Promise<CustomFunctionOutputProps<
-    HistogramOutputResult, HistogramOutputData
-  >> {
+}: CallbackFunctionProps): Promise<
+  CustomFunctionOutputProps<HistogramOutputResult, HistogramOutputData>
+> {
   if (!isHistogramFunctionArgs(functionArgs)) {
     return {
       type: 'error',
@@ -151,7 +154,7 @@ async function histogramCallbackFunction({
     };
   }
 
-  const { getValues, onSelected, theme, isDraggable } =
+  const { getValues, onSelected, config } =
     functionContext as HistogramFunctionContext;
 
   let values;
@@ -190,8 +193,8 @@ async function histogramCallbackFunction({
         histogramData,
         barDataIndexes,
         onSelected,
-        theme,
-        isDraggable,
+        theme: config?.theme || 'dark',
+        isDraggable: Boolean(config?.isDraggable),
       },
     };
   } catch (error) {

packages/echarts/src/scatterplot/callback-function.ts

@@ -149,8 +149,7 @@ export async function ScatterplotCallbackFunction({
     };
   }
 
-  const { getValues, filteredIndex, onSelected, theme, isDraggable } =
-    functionContext;
+  const { getValues, filteredIndex, onSelected, config } = functionContext;
 
   let values: { x: number[]; y: number[] };
 
@@ -197,10 +196,10 @@ export async function ScatterplotCallbackFunction({
         onSelected,
         filteredIndex,
         regressionResults,
-        theme,
+        theme: config?.theme || 'dark',
         showLoess: false,
         showRegressionLine: true,
-        isDraggable,
+        isDraggable: Boolean(config?.isDraggable),
       },
     };
   } catch (error) {

packages/echarts/src/scatterplot/definition.ts

@@ -33,15 +33,16 @@ type OnSelectedCallback = (
  *
  * @param getValues - Get the values of two variables from the dataset. See {@link GetValues} for more details.
  * @param onSelected - The callback function can be used to sync the selections of the scatterplot with the original dataset. See {@link OnSelectedCallback} for more details.
- * @param theme - The theme of the scatterplot. The possible values are 'light' and 'dark'.
  * @param filteredIndex - The indices of the selected points.
+ * @param config - The configuration of the scatterplot.
+ * @param config.isDraggable - The flag to indicate if the scatterplot is draggable.
+ * @param config.theme - The theme of the scatterplot. The possible values are 'light' and 'dark'.
  */
 export type ScatterplotFunctionContext = {
   getValues: GetValues;
   onSelected: OnSelectedCallback;
   filteredIndex?: number[];
-  theme?: string;
-  isDraggable?: boolean;
+  config?: { isDraggable?: boolean; theme?: string };
 };
 
 /**

packages/keplergl/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openassistant/keplergl",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "author": "Xun Li<[email protected]>",
   "description": "The mapping addon with Kepler.gl for OpenAssistant",
   "main": "dist/index.esm.js",

packages/keplergl/src/map-layer/callback-function.ts

@@ -77,7 +77,7 @@ export async function CreateMapCallbackFunction({
 
   try {
     // get the dataset from the function context
-    const { getDataset, isDraggable } = functionContext;
+    const { getDataset, config } = functionContext;
 
     const dataContent = getDataset({ datasetName });
 
@@ -111,7 +111,7 @@ export async function CreateMapCallbackFunction({
       data: {
         datasetName,
         datasetForKepler,
-        isDraggable,
+        isDraggable: Boolean(config?.isDraggable),
       },
     };
   } catch (error) {

packages/keplergl/src/map-layer/definition.ts

@@ -9,9 +9,16 @@ export type GetDatasetForCreateMapFunctionArgs = {
   datasetName: string;
 };
 
+/**
+ * The context for the createMap function.
+ * @param getDataset - The function to get the dataset.
+ * @param config - The configuration of the map.
+ * @param config.isDraggable - Whether the map is draggable.
+ * @param config.theme - The theme of the map.
+ */
 export type MapLayerFunctionContext = {
   getDataset: ({ datasetName }: GetDatasetForCreateMapFunctionArgs) => unknown;
-  isDraggable: boolean;
+  config?: { isDraggable?: boolean; theme?: string };
 };
 
 type ValueOf<T> = T[keyof T];

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openassistant/ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Chat UI components for OpenAssistant",
   "author": "Xun Li<[email protected]>",
   "license": "MIT",

playground/components/chat/assistant.tsx

@@ -46,8 +46,6 @@ async function getScatterplotValuesFromDataset(
   }
 }
 
-const IS_DRAGGABLE = true;
-
 export default function Assistant({
   screenCaptured,
   setScreenCaptured,
@@ -79,6 +77,8 @@ export default function Assistant({
     ];
   }, []);
 
+  const componentConfig = { isDraggable: true, theme: 'light' };
+
   const myFunctions = useMemo(
     () => [
       createMapFunctionDefinition({
@@ -89,7 +89,7 @@ export default function Assistant({
           }
           return SAMPLE_DATASETS[datasetName];
         },
-        isDraggable: IS_DRAGGABLE,
+        config: componentConfig,
       }),
       queryDuckDBFunctionDefinition({
         getValues: (datasetName: string, variableName: string) => {
@@ -102,17 +102,15 @@ export default function Assistant({
             );
           }
         },
-        isDraggable: IS_DRAGGABLE,
+        config: componentConfig,
       }),
       histogramFunctionDefinition({
         getValues: getValuesFromMyDatasets,
-        theme: 'light',
-        isDraggable: IS_DRAGGABLE,
+        config: componentConfig,
       }),
       scatterplotFunctionDefinition({
         getValues: getScatterplotValuesFromDataset,
-        theme: 'light',
-        isDraggable: IS_DRAGGABLE,
+        config: componentConfig,
       }),
     ],
     [SAMPLE_DATASETS]

playground/package.json

@@ -35,12 +35,12 @@
     "@loaders.gl/core": "^4.3.3",
     "@loaders.gl/schema": "^4.3.3",
     "@nextui-org/theme": "^2.4.4",
-    "@openassistant/common": "^0.0.5",
-    "@openassistant/core": "^0.0.6",
-    "@openassistant/duckdb": "^0.0.6",
-    "@openassistant/echarts": "^0.0.6",
-    "@openassistant/keplergl": "^0.0.6",
-    "@openassistant/ui": "^0.0.6",
+    "@openassistant/common": "^0.0.6",
+    "@openassistant/core": "^0.0.7",
+    "@openassistant/duckdb": "^0.0.7",
+    "@openassistant/echarts": "^0.0.7",
+    "@openassistant/keplergl": "^0.0.7",
+    "@openassistant/ui": "^0.0.8",
     "apache-arrow": "^13.0.0",
     "axios": "^1.7.9",
     "echarts": "^5.5.1",