@sqlrooms/mosaic 0.29.0-rc.1 → 0.29.0-rc.2

package/dist/useMosaicClient.js

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { createId } from '@paralleldrive/cuid2';
 import { useStoreWithMosaic } from './MosaicSlice';
+import { toArrowClientResult } from './tableInterop';
 export function useMosaicClient(options) {
     const { id: providedId, selectionName, selection: directSelection, query, queryResult, enabled = true, } = options;
     // Use stable id - generate once if not provided
@@ -8,7 +9,7 @@ export function useMosaicClient(options) {
     const connectionStatus = useStoreWithMosaic((s) => s.mosaic.connection.status);
     const ensureClient = useStoreWithMosaic((s) => s.mosaic.ensureClient);
     const destroyClient = useStoreWithMosaic((s) => s.mosaic.destroyClient);
-    // Select per-client state from store
+    // Select the raw Mosaic client state; public hook data is normalized below.
     const clientState = useStoreWithMosaic((s) => s.mosaic.clients[stableId]);
     // Keep query and queryResult in refs so they can be accessed in effect
     const queryRef = useRef(query);
@@ -17,6 +18,13 @@ export function useMosaicClient(options) {
         queryRef.current = query;
         queryResultRef.current = queryResult;
     }, [query, queryResult]);
+    const clientData = clientState?.data;
+    const arrowData = useMemo(() => {
+        if (!clientData) {
+            return null;
+        }
+        return toArrowClientResult(clientData);
+    }, [clientData]);
     useEffect(() => {
         if (!enabled || connectionStatus !== 'ready') {
             return;
@@ -26,7 +34,9 @@ export function useMosaicClient(options) {
             selectionName,
             selection: directSelection,
             query: queryRef.current,
-            onQueryResult: queryResultRef.current,
+            onQueryResult: (result) => {
+                queryResultRef.current?.(result);
+            },
         });
         return () => {
             destroyClient(stableId);
@@ -41,7 +51,7 @@ export function useMosaicClient(options) {
         destroyClient,
     ]);
     return {
-        data: clientState?.data ?? null,
+        data: arrowData,
         isLoading: clientState?.isLoading ?? connectionStatus !== 'ready',
         client: clientState?.client ?? null,
     };

package/dist/useMosaicClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMosaicClient.js","sourceRoot":"","sources":["../src/useMosaicClient.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAiBjD,MAAM,UAAU,eAAe,CAC7B,OAAkC;IAElC,MAAM,EACJ,EAAE,EAAE,UAAU,EACd,aAAa,EACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,GAAG,IAAI,GACf,GAAG,OAAO,CAAC;IAEZ,gDAAgD;IAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAClC,CAAC;IACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAExE,qCAAqC;IACrC,MAAM,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1E,uEAAuE;IACvE,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,gBAAgB,KAAK,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,YAAY,CAAC;YACX,EAAE,EAAE,QAAQ;YACZ,aAAa;YACb,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ,CAAC,OAAO;YACvB,aAAa,EAAE,cAAc,CAAC,OAAO;SACtC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,OAAO;QACP,gBAAgB;QAChB,QAAQ;QACR,aAAa;QACb,eAAe;QACf,YAAY;QACZ,aAAa;KACd,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAG,WAAW,EAAE,IAAiB,IAAI,IAAI;QAC7C,SAAS,EAAE,WAAW,EAAE,SAAS,IAAI,gBAAgB,KAAK,OAAO;QACjE,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,IAAI;KACpC,CAAC;AACJ,CAAC","sourcesContent":["import {Selection} from '@uwdata/mosaic-core';\nimport {Query} from '@uwdata/mosaic-sql';\nimport {useEffect, useMemo, useRef} from 'react';\nimport {createId} from '@paralleldrive/cuid2';\nimport {useStoreWithMosaic} from './MosaicSlice';\n\nexport type UseMosaicClientOptions<T = unknown> = {\n  /** Unique id for this client (auto-generated if not provided) */\n  id?: string;\n  /** Selection name for cross-filtering (will create if doesn't exist) */\n  selectionName?: string;\n  /** Or pass a Selection directly */\n  selection?: Selection;\n  /** Query builder - receives current filter predicate */\n  query: (filter: unknown) => ReturnType<typeof Query.from>;\n  /** Callback when query results are received */\n  queryResult?: (result: T) => void;\n  /** Whether to automatically connect when mosaic is ready */\n  enabled?: boolean;\n};\n\nexport function useMosaicClient<T = unknown>(\n  options: UseMosaicClientOptions<T>,\n) {\n  const {\n    id: providedId,\n    selectionName,\n    selection: directSelection,\n    query,\n    queryResult,\n    enabled = true,\n  } = options;\n\n  // Use stable id - generate once if not provided\n  const stableId = useMemo(() => providedId ?? createId(), [providedId]);\n\n  const connectionStatus = useStoreWithMosaic(\n    (s) => s.mosaic.connection.status,\n  );\n  const ensureClient = useStoreWithMosaic((s) => s.mosaic.ensureClient);\n  const destroyClient = useStoreWithMosaic((s) => s.mosaic.destroyClient);\n\n  // Select per-client state from store\n  const clientState = useStoreWithMosaic((s) => s.mosaic.clients[stableId]);\n\n  // Keep query and queryResult in refs so they can be accessed in effect\n  const queryRef = useRef(query);\n  const queryResultRef = useRef(queryResult);\n\n  useEffect(() => {\n    queryRef.current = query;\n    queryResultRef.current = queryResult;\n  }, [query, queryResult]);\n\n  useEffect(() => {\n    if (!enabled || connectionStatus !== 'ready') {\n      return;\n    }\n\n    ensureClient({\n      id: stableId,\n      selectionName,\n      selection: directSelection,\n      query: queryRef.current,\n      onQueryResult: queryResultRef.current,\n    });\n\n    return () => {\n      destroyClient(stableId);\n    };\n  }, [\n    enabled,\n    connectionStatus,\n    stableId,\n    selectionName,\n    directSelection,\n    ensureClient,\n    destroyClient,\n  ]);\n\n  return {\n    data: (clientState?.data as T | null) ?? null,\n    isLoading: clientState?.isLoading ?? connectionStatus !== 'ready',\n    client: clientState?.client ?? null,\n  };\n}\n"]}
+{"version":3,"file":"useMosaicClient.js","sourceRoot":"","sources":["../src/useMosaicClient.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAiBnD,MAAM,UAAU,eAAe,CAAC,OAA+B;IAC7D,MAAM,EACJ,EAAE,EAAE,UAAU,EACd,aAAa,EACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,GAAG,IAAI,GACf,GAAG,OAAO,CAAC;IAEZ,gDAAgD;IAChD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvE,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAClC,CAAC;IACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAExE,4EAA4E;IAC5E,MAAM,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1E,uEAAuE;IACvE,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,MAAM,UAAU,GAAG,WAAW,EAAE,IAAI,CAAC;IACrC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,mBAAmB,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,gBAAgB,KAAK,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,YAAY,CAAC;YACX,EAAE,EAAE,QAAQ;YACZ,aAAa;YACb,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,QAAQ,CAAC,OAAO;YACvB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE;gBACxB,cAAc,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,OAAO;QACP,gBAAgB;QAChB,QAAQ;QACR,aAAa;QACb,eAAe;QACf,YAAY;QACZ,aAAa;KACd,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW,EAAE,SAAS,IAAI,gBAAgB,KAAK,OAAO;QACjE,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,IAAI;KACpC,CAAC;AACJ,CAAC","sourcesContent":["import {Selection} from '@uwdata/mosaic-core';\nimport {Query} from '@uwdata/mosaic-sql';\nimport type {Table as ArrowTable} from 'apache-arrow';\nimport {useEffect, useMemo, useRef} from 'react';\nimport {createId} from '@paralleldrive/cuid2';\nimport {useStoreWithMosaic} from './MosaicSlice';\nimport {toArrowClientResult} from './tableInterop';\n\nexport type UseMosaicClientOptions = {\n  /** Unique id for this client (auto-generated if not provided) */\n  id?: string;\n  /** Selection name for cross-filtering (will create if doesn't exist) */\n  selectionName?: string;\n  /** Or pass a Selection directly */\n  selection?: Selection;\n  /** Query builder - receives current filter predicate */\n  query: (filter: unknown) => ReturnType<typeof Query.from>;\n  /** Callback when query results are received */\n  queryResult?: (result: ArrowTable) => void;\n  /** Whether to automatically connect when mosaic is ready */\n  enabled?: boolean;\n};\n\nexport function useMosaicClient(options: UseMosaicClientOptions) {\n  const {\n    id: providedId,\n    selectionName,\n    selection: directSelection,\n    query,\n    queryResult,\n    enabled = true,\n  } = options;\n\n  // Use stable id - generate once if not provided\n  const stableId = useMemo(() => providedId ?? createId(), [providedId]);\n\n  const connectionStatus = useStoreWithMosaic(\n    (s) => s.mosaic.connection.status,\n  );\n  const ensureClient = useStoreWithMosaic((s) => s.mosaic.ensureClient);\n  const destroyClient = useStoreWithMosaic((s) => s.mosaic.destroyClient);\n\n  // Select the raw Mosaic client state; public hook data is normalized below.\n  const clientState = useStoreWithMosaic((s) => s.mosaic.clients[stableId]);\n\n  // Keep query and queryResult in refs so they can be accessed in effect\n  const queryRef = useRef(query);\n  const queryResultRef = useRef(queryResult);\n\n  useEffect(() => {\n    queryRef.current = query;\n    queryResultRef.current = queryResult;\n  }, [query, queryResult]);\n\n  const clientData = clientState?.data;\n  const arrowData = useMemo(() => {\n    if (!clientData) {\n      return null;\n    }\n    return toArrowClientResult(clientData);\n  }, [clientData]);\n\n  useEffect(() => {\n    if (!enabled || connectionStatus !== 'ready') {\n      return;\n    }\n\n    ensureClient({\n      id: stableId,\n      selectionName,\n      selection: directSelection,\n      query: queryRef.current,\n      onQueryResult: (result) => {\n        queryResultRef.current?.(result);\n      },\n    });\n\n    return () => {\n      destroyClient(stableId);\n    };\n  }, [\n    enabled,\n    connectionStatus,\n    stableId,\n    selectionName,\n    directSelection,\n    ensureClient,\n    destroyClient,\n  ]);\n\n  return {\n    data: arrowData,\n    isLoading: clientState?.isLoading ?? connectionStatus !== 'ready',\n    client: clientState?.client ?? null,\n  };\n}\n"]}

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "@sqlrooms/mosaic",
-  "version": "0.29.0-rc.1",
+  "version": "0.29.0-rc.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
   "type": "module",
   "sideEffects": false,
+  "engines": {
+    "node": ">=22"
+  },
   "author": "SQLRooms Contributors",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/sqlrooms/sqlrooms.git"
+    "url": "git+https://github.com/sqlrooms/sqlrooms.git"
   },
   "files": [
     "dist"
@@ -20,25 +23,40 @@
   },
   "dependencies": {
     "@paralleldrive/cuid2": "^3.0.0",
-    "@sqlrooms/duckdb": "0.29.0-rc.1",
-    "@sqlrooms/room-store": "0.29.0-rc.1",
+    "@sqlrooms/codemirror": "0.29.0-rc.2",
+    "@sqlrooms/color-scales": "0.29.0-rc.2",
+    "@sqlrooms/data-table": "0.29.0-rc.2",
+    "@sqlrooms/duckdb": "0.29.0-rc.2",
+    "@sqlrooms/room-store": "0.29.0-rc.2",
+    "@sqlrooms/ui": "0.29.0-rc.2",
+    "@sqlrooms/utils": "0.29.0-rc.2",
+    "@uwdata/flechette": "^2.2.6",
     "@uwdata/mosaic-core": "^0.21.0",
+    "@uwdata/mosaic-plot": "^0.21.0",
     "@uwdata/mosaic-spec": "^0.21.0",
     "@uwdata/mosaic-sql": "^0.21.0",
     "@uwdata/vgplot": "^0.21.0",
+    "apache-arrow": "17.0.0",
     "immer": "^11.0.1",
-    "zod": "^4.1.8"
+    "lucide-react": "^0.556.0",
+    "zod": "^4.1.8",
+    "zustand": "^5.0.8"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
+  "devDependencies": {
+    "@jest/globals": "^30.3.0",
+    "ts-jest": "^29.4.4"
+  },
   "scripts": {
     "dev": "tsc -w",
     "build": "tsc",
+    "test": "NODE_OPTIONS='--experimental-vm-modules --no-warnings' jest",
     "lint": "eslint .",
     "typecheck": "tsc --noEmit",
     "typedoc": "typedoc"
   },
-  "gitHead": "69f127fd34bd7f2ce3d75d6098dbf8c1f5ab50f3"
+  "gitHead": "5d511631992c1af8852ea79ced488867aad4a555"
 }