@kanaries/graphic-walker 0.3.4 → 0.3.6

package/src/vis/react-vega.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useState, useMemo, forwardRef, useImperativeHandle, useRef } from 'react';
-import embed from 'vega-embed';
+import embed, { vega } from 'vega-embed';
 import { Subject, Subscription } from 'rxjs'
 import * as op from 'rxjs/operators';
 import type { ScenegraphEvent, View } from 'vega';
 import styled from 'styled-components';
 
-import { IViewField, IRow, IStackMode, IDarkMode, IThemeKey } from '../interfaces';
+import { IViewField, IRow, IStackMode, IDarkMode, IThemeKey, IVisualConfig } from '../interfaces';
 import { useTranslation } from 'react-i18next';
 import { getVegaTimeFormatRules } from './temporalFormat';
 import { builtInThemes } from './theme';
@@ -27,6 +27,7 @@ export interface IReactVegaHandler {
   downloadPNG: (filename?: string) => Promise<string[]>;
 }
 interface ReactVegaProps {
+  format: IVisualConfig['format'];
   rows: Readonly<IViewField[]>;
   columns: Readonly<IViewField[]>;
   dataSource: IRow[];
@@ -40,6 +41,7 @@ interface ReactVegaProps {
   shape?: IViewField;
   theta?: IViewField;
   radius?: IViewField;
+  text?: IViewField;
   details?: Readonly<IViewField[]>;
   showActions: boolean;
   layoutMode: string;
@@ -88,6 +90,7 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
     theta,
     radius,
     shape,
+    text,
     onGeomClick,
     showActions,
     interactiveScale,
@@ -96,12 +99,30 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
     height,
     details = [],
     themeKey = 'vega',
-    dark = 'media'
+    dark = 'media',
+    format
   } = props;
   const [viewPlaceholders, setViewPlaceholders] = useState<React.MutableRefObject<HTMLDivElement>[]>([]);
   const { i18n } = useTranslation();
   const mediaTheme = useCurrentMediaTheme(dark);
   const themeConfig = builtInThemes[themeKey]?.[mediaTheme];
+
+  const vegaConfig = useMemo(() => {
+    const config: any = {
+      ...themeConfig,
+    }
+    if (format.normalizedNumberFormat && format.normalizedNumberFormat.length > 0) {
+      config.normalizedNumberFormat = format.normalizedNumberFormat;
+    }
+    if (format.numberFormat && format.numberFormat.length > 0) {
+      config.numberFormat = format.numberFormat;
+    }
+    if (format.timeFormat && format.timeFormat.length > 0) {
+      config.timeFormat = format.timeFormat;
+    }
+    return config;
+  }, [themeConfig, format.normalizedNumberFormat, format.numberFormat, format.timeFormat])
+
   useEffect(() => {
     const clickSub = geomClick$.subscribe(([values, e]) => {
       if (onGeomClick) {
@@ -183,6 +204,7 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
         shape: shape ? shape : NULL_FIELD,
         theta: theta ? theta : NULL_FIELD,
         radius: radius ? radius : NULL_FIELD,
+        text: text ? text : NULL_FIELD,
         row: rowFacetField,
         column: colFacetField,
         xOffset: NULL_FIELD,
@@ -199,7 +221,7 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
       }
 
       if (viewPlaceholders.length > 0 && viewPlaceholders[0].current) {
-        embed(viewPlaceholders[0].current, spec, { mode: 'vega-lite', actions: showActions, timeFormatLocale: getVegaTimeFormatRules(i18n.language), config: themeConfig }).then(res => {
+        embed(viewPlaceholders[0].current, spec, { mode: 'vega-lite', actions: showActions, timeFormatLocale: getVegaTimeFormatRules(i18n.language), config: vegaConfig }).then(res => {
           vegaRefs.current = [res.view];
           try {
             res.view.addEventListener('click', (e) => {
@@ -247,6 +269,7 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
             radius: radius ? radius : NULL_FIELD,
             row: rowFacetField,
             column: colFacetField,
+            text: text ? text : NULL_FIELD,
             xOffset: NULL_FIELD,
             yOffset: NULL_FIELD,
             details,
@@ -263,7 +286,7 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
             ans.params = commonSpec.params;
           }
           if (node) {
-            embed(node, ans, { mode: 'vega-lite', actions: showActions, timeFormatLocale: getVegaTimeFormatRules(i18n.language), config: themeConfig }).then(res => {
+            embed(node, ans, { mode: 'vega-lite', actions: showActions, timeFormatLocale: getVegaTimeFormatRules(i18n.language), config: vegaConfig }).then(res => {
               vegaRefs.current.push(res.view);
               const paramStores = (res.vgSpec.data?.map(d => d.name) ?? []).filter(
                 name => [BRUSH_SIGNAL_NAME, POINT_SIGNAL_NAME].map(p => `${p}_store`).includes(name)
@@ -350,8 +373,9 @@ const ReactVega = forwardRef<IReactVegaHandler, ReactVegaProps>(function ReactVe
     layoutMode,
     width,
     height,
-    themeConfig,
-    details
+    vegaConfig,
+    details,
+    text
   ]);
 
   useImperativeHandle(ref, () => ({

package/src/vis/spec/aggregate.ts

@@ -1,13 +1,16 @@
 import { COUNT_FIELD_ID } from '../../constants';
 import { IViewField } from '../../interfaces';
+import { getMeaAggKey } from '../../utils';
 
 export function channelAggregate(encoding: { [key: string]: any }, fields: IViewField[]) {
     Object.values(encoding).forEach((c) => {
         const targetField = fields.find((f) => f.fid === c.field && !('aggregate' in c));
         if (targetField && targetField.fid === COUNT_FIELD_ID) {
             c.title = 'Count';
+            c.field = getMeaAggKey(targetField.fid, targetField.aggName)
         } else if (targetField && targetField.analyticType === 'measure') {
             c.title = `${targetField.aggName}(${targetField.name})`;
+            c.field = getMeaAggKey(targetField.fid, targetField.aggName)
         }
     });
 }

package/src/vis/spec/encode.ts

@@ -15,8 +15,12 @@ export interface IEncodeProps {
     theta: IViewField;
     radius: IViewField;
     details: Readonly<IViewField[]>;
+    text: IViewField;
 }
-function availableChannels(geomType: string): Set<string> {
+export function availableChannels(geomType: string): Set<string> {
+    if (geomType === 'text') {
+        return new Set(['text', 'color', 'size', 'x', 'y', 'xOffset', 'yOffset', 'opacity']);
+    }
     if (geomType === 'arc') {
         return new Set(['opacity', 'color', 'size', 'theta', 'radius']);
     }

package/src/vis/spec/view.ts

@@ -21,6 +21,7 @@ export function getSingleView(props: SingleViewProps) {
         shape,
         theta,
         radius,
+        text,
         row,
         column,
         xOffset,
@@ -31,7 +32,7 @@ export function getSingleView(props: SingleViewProps) {
         geomType,
         hideLegend = false,
     } = props;
-    const fields: IViewField[] = [x, y, color, opacity, size, shape, row, column, xOffset, yOffset, theta, radius];
+    const fields: IViewField[] = [x, y, color, opacity, size, shape, row, column, xOffset, yOffset, theta, radius, text];
     let markType = geomType;
     let config: any = {};
     if (hideLegend) {
@@ -60,7 +61,8 @@ export function getSingleView(props: SingleViewProps) {
         yOffset,
         theta,
         radius,
-        details
+        details,
+        text
     });
     addTooltipEncode(encoding, details)
     if (defaultAggregated) {

package/src/visualSettings/index.tsx

@@ -18,6 +18,7 @@ import {
     ArrowsUpDownIcon,
     LightBulbIcon,
     CodeBracketSquareIcon,
+    Cog6ToothIcon,
 } from '@heroicons/react/24/outline';
 import { observer } from 'mobx-react-lite';
 import React, { SVGProps, useCallback, useMemo } from 'react';
@@ -60,9 +61,11 @@ const FormContainer = styled.div`
 interface IVisualSettings {
     darkModePreference: IDarkMode;
     rendererHandler?: React.RefObject<IReactVegaHandler>;
+    exclude?: string[];
+    extra?: ToolbarItemProps[];
 }
 
-const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePreference }) => {
+const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePreference, extra = [], exclude = [] }) => {
     const { vizStore, commonStore } = useGlobalStore();
     const { visualConfig, canUndo, canRedo } = vizStore;
     const { t: tGlobal } = useTranslation();
@@ -84,7 +87,7 @@ const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePr
     const dark = useCurrentMediaTheme(darkModePreference) === 'dark';
 
     const items = useMemo<ToolbarItemProps[]>(() => {
-        return [
+        const builtInItems = [
             {
                 key: 'undo',
                 label: 'undo (Ctrl + Z)',
@@ -155,8 +158,10 @@ const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePr
                         circle: (props: SVGProps<SVGSVGElement>) => <svg stroke="none" fill="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M6,12 A6,6,0,0,1,18,12 A6,6,0,0,1,6,12" /></svg>,
                         tick: (props: SVGProps<SVGSVGElement>) => <svg stroke="currentColor" fill="none" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M5,12h14" /></svg>,
                         rect: (props: SVGProps<SVGSVGElement>) => <svg stroke="none" fill="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M5,5v14h14v-14z" /></svg>,
+                        text: (props: SVGProps<SVGSVGElement>) => <svg stroke="currentColor" fill="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M10.5 21l5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 016-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 01-3.827-5.802" /></svg>,                      
                         arc: (props: SVGProps<SVGSVGElement>) => <svg stroke="none" fill="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M12,21l-9,-15a12,12,0,0,1,18,0Z" /></svg>,
                         boxplot: (props: SVGProps<SVGSVGElement>) => <svg stroke="currentColor" fill="none" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M7,7v9h10v-9Zm0,4h8M12,7v-6m-3,0h6M12,16v7m-3,0h6" /></svg>,
+                        table: (props: SVGProps<SVGSVGElement>) => <svg stroke="currentColor" fill="none" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden {...props}><path strokeLinecap="round" strokeLinejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 01-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0112 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5" /></svg>
                     }[g],
                 })),
                 value: markType,
@@ -278,6 +283,14 @@ const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePr
                     </FormContainer>
                 ),
             },
+            {
+                key: 'config',
+                label: 'config',
+                icon: Cog6ToothIcon,
+                onClick: () => {
+                    commonStore.setShowVisualConfigPanel(true);
+                }
+            },
             {
                 key: 'export_code',
                 label: t('button.export_code'),
@@ -285,9 +298,20 @@ const VisualSettings: React.FC<IVisualSettings> = ({ rendererHandler, darkModePr
                 onClick: () => {
                     commonStore.setShowCodeExportPanel(true);
                 }
-            }
+            },
         ] as ToolbarItemProps[];
-    }, [vizStore, canUndo, canRedo, defaultAggregated, markType, stack, interactiveScale, sizeMode, width, height, showActions, downloadPNG, downloadSVG, dark]);
+
+        const items = builtInItems.filter(item => typeof item === 'string' || !exclude.includes(item.key));
+
+        if (extra.length > 0) {
+            items.push(
+                '-',
+                ...extra,
+            );
+        }
+
+        return items;
+    }, [vizStore, canUndo, canRedo, defaultAggregated, markType, stack, interactiveScale, sizeMode, width, height, showActions, downloadPNG, downloadSVG, dark, extra, exclude]);
 
     return <div style={{ margin: '0.38em 0.28em 0.2em 0.18em' }}>
         <Toolbar

package/src/workers/transform.ts

@@ -6,7 +6,7 @@ export function transformData(data: IRow[], columns: IField[]) {
     let df = dataset2DataFrame(data, columns);
     for (let i = 0; i < computedFields.length; i++) {
         const field = computedFields[i];
-        df = execExpression(field.expressoion!, df, columns);
+        df = execExpression(field.expression!, df, columns);
     }
     return dataframe2Dataset(df, columns);
 }

package/dist/assets/viewQuery.worker-ffefc111.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewQuery.worker-ffefc111.js","sources":["../src/lib/op/stat.ts","../src/lib/op/aggregate.ts","../src/lib/op/fold.ts","../src/lib/op/bin.ts","../src/lib/viewQuery.ts","../src/workers/viewQuery.worker.js"],"sourcesContent":["export function mean(nums: number[]): number {\n    return nums.reduce((a, b) => a + b, 0) / nums.length;\n}\n\nexport function sum(nums: number[]): number {\n    return nums.reduce((a, b) => a + b, 0);\n}\n\nexport function median(nums: number[]): number {\n    const sorted = nums.sort((a, b) => a - b);\n    const mid = Math.floor(sorted.length / 2);\n    return sorted.length % 2 === 0 ? (sorted[mid] + sorted[mid - 1]) / 2 : sorted[mid];\n}\n\nexport function variance(nums: number[]): number {\n    const m = mean(nums);\n    return mean(nums.map((x) => (x - m) ** 2));\n}\n\nexport function stdev(nums: number[]): number {\n    return Math.sqrt(variance(nums));\n}\n\nexport function max(nums: number[]): number {\n    let ans = -Infinity;\n    for (let n of nums) {\n        if (n > ans) {\n            ans = n;\n        }\n    }\n    return ans;\n}\n\nexport function min(nums: number[]): number {\n    let ans = Infinity;\n    for (let n of nums) {\n        if (n < ans) {\n            ans = n;\n        }\n    }\n    return ans;\n}\n\nexport function count(nums: number[]): number {\n    return nums.length;\n}\n","import { IRow } from \"../../interfaces\";\nimport { IAggQuery } from \"../interfaces\";\nimport { sum, mean, median, stdev, variance, max, min, count } from \"./stat\";\n\nconst aggregatorMap = {\n    sum,\n    mean,\n    median,\n    stdev,\n    variance,\n    max,\n    min,\n    count,\n};\n\nconst KEY_JOINER = '___';\n\nexport function aggregate (data: IRow[], query: IAggQuery): IRow[] {\n    const { groupBy, agg } = query;\n    const ans: Map<string, IRow> = new Map();\n    const groups: Map<string, IRow[]> = new Map();\n    for (let row of data) {\n        const gk = groupBy.map((k) => row[k]).join(KEY_JOINER);\n\n        if (!groups.has(gk)) {\n            groups.set(gk, []);\n        }\n        groups.get(gk)?.push(row);\n    }\n    for (let [gk, subGroup] of groups) {\n        if (subGroup.length === 0) {\n            continue;\n        }\n        let aggRow: IRow = {};\n        for (let k of groupBy) {\n            aggRow[k] = subGroup[0][k];\n        }\n        for (let meaKey in agg) {\n            if (aggRow[meaKey] === undefined) {\n                aggRow[meaKey] = 0;\n            }\n            const values: number[] = subGroup.map((r) => r[meaKey]) ?? [];\n            const aggregator = aggregatorMap[agg[meaKey]] ?? sum;\n            aggRow[meaKey] = aggregator(values);\n        }\n        ans.set(gk, aggRow);\n    }\n    return Array.from(ans.values());\n}","import { IRow } from \"../../interfaces\";\nimport { IFoldQuery } from \"../interfaces\";\n\nexport function fold (data: IRow[], query: IFoldQuery): IRow[] {\n    const { foldBy, newFoldKeyCol, newFoldValueCol } = query;\n    const ans: IRow[] = [];\n    for (let row of data) {\n        for (let k of foldBy) {\n            const newRow = { ...row };\n            newRow[newFoldKeyCol] = k;\n            newRow[newFoldValueCol] = row[k];\n            delete newRow[k];\n            ans.push(newRow);\n        }\n    }\n    return ans;\n}","import { IRow } from \"../../interfaces\";\nimport { IBinQuery } from \"../interfaces\";\n\nexport function bin (dataSource: IRow[], query: IBinQuery): IRow[] {\n    const { binBy, newBinCol, binSize } = query;\n    let _min = Infinity;\n    let _max = -Infinity;\n    for (let i = 0; i < dataSource.length; i++) {\n        let val = dataSource[i][binBy];\n        if (val > _max) _max = val;\n        if (val < _min) _min = val;\n    }\n    const step = (_max - _min) / binSize;\n    // const beaStep = Math.max(-Math.round(Math.log10(_max - _min)) + 2, 0)\n    return dataSource.map((r) => {\n        let bIndex = Math.floor((r[binBy] - _min) / step);\n        if (bIndex === binSize) bIndex = binSize - 1;\n        return {\n            ...r,\n            [newBinCol]: [bIndex * step + _min, (bIndex + 1) * step + _min],\n            \n            // [binFid]: Number(((bIndex * step + _min)).toFixed(beaStep)),\n        };\n    });\n}","import { IMutField, IRow } from \"../interfaces\";\nimport { aggregate } from \"./op/aggregate\";\nimport { fold } from \"./op/fold\";\nimport { IAggQuery, IBinQuery, IFoldQuery, IRawQuery } from \"./interfaces\";\nimport { bin } from \"./op/bin\";\n\nexport type IViewQuery = IAggQuery | IFoldQuery | IBinQuery | IRawQuery;\n\nexport function queryView (rawData: IRow[], metas: IMutField[], query: IViewQuery) {\n    switch (query.op) {\n        case 'aggregate':\n            return aggregate(rawData, query);\n        case 'fold':\n            return fold(rawData, query);\n        case 'bin':\n            return bin(rawData, query);\n        case 'raw':\n        default:\n            return rawData;\n    }\n\n}","import { queryView } from '../lib/viewQuery'\nconst main = e => {\n    try {\n        const { dataSource, metas, query } = e.data;\n        const ans = queryView(dataSource, metas, query);\n        self.postMessage(ans);\n\n    } catch (err) {\n        // console.log(err.s)\n        // log err stack\n        console.error(err.stack);\n        self.postMessage(err.stack);\n    }\n};\n\nself.addEventListener('message', main, false);\n"],"names":["mean","nums","a","b","sum","median","sorted","mid","variance","m","x","stdev","max","ans","n","min","count","aggregatorMap","KEY_JOINER","aggregate","data","query","groupBy","agg","groups","row","gk","k","_a","subGroup","aggRow","meaKey","values","r","aggregator","fold","foldBy","newFoldKeyCol","newFoldValueCol","newRow","bin","dataSource","binBy","newBinCol","binSize","_min","_max","i","val","step","bIndex","queryView","rawData","metas","main","e","err"],"mappings":"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"}