@cratis/components 0.1.9 → 0.1.12

package/dist/cjs/PivotViewer/engine/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../PivotViewer/engine/layout.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type {\n  LayoutSpec,\n  LayoutResult,\n  ItemPosition,\n  GroupingResult,\n  ItemId,\n} from './types';\nimport { CARD_GAP, CANVAS_PADDING } from '../constants';\n\nexport function computeLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec\n): LayoutResult {\n  const positions = new Map<ItemId, ItemPosition>();\n\n  if (spec.viewMode === 'collection') {\n    return computeCollectionLayout(grouping, spec, positions);\n  } else {\n    return computeGroupedLayout(grouping, spec, positions);\n  }\n}\n\nfunction computeCollectionLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, containerWidth } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Calculate how many cards fit per row based on container width (include gap)\n  const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));\n\n  let x = CANVAS_PADDING;\n  let y = CANVAS_PADDING;\n  let column = 0;\n  let itemCount = 0;\n\n  for (const group of grouping.groups) {\n    for (let i = 0; i < group.ids.length; i++) {\n      const id = group.ids[i];\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex: 0,\n      });\n\n      // Move to next position horizontally (left to right)\n      column++;\n      x += slotWidth;\n\n      // Wrap to next row when we've filled the width\n      if (column >= cardsPerRow) {\n        column = 0;\n        x = CANVAS_PADDING;\n        y += slotHeight;\n      }\n\n      itemCount++;\n    }\n  }\n\n  const rows = Math.ceil(itemCount / cardsPerRow);\n  const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;\n\n  return {\n    positions,\n    totalWidth: Math.max(containerWidth, contentWidth + (CANVAS_PADDING * 2)),\n    totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),\n  };\n}\n\nfunction computeGroupedLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, cardsPerColumn, groupSpacing } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Fixed bucket width: 2 columns of cards per bucket (always)\n  const COLUMNS_PER_BUCKET = 2;\n  const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;\n\n  let groupX = CANVAS_PADDING;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  let maxRows = 0;\n\n  // First pass: calculate max rows to determine total height\n  for (const group of grouping.groups) {\n    const itemsInGroup = group.ids.length;\n    const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n    maxRows = Math.max(maxRows, rowsInGroup);\n  }\n\n  // Calculate actual content height needed (ensure it's at least as tall as the container)\n  const contentHeight = Math.max(layoutHeight, maxRows * slotHeight);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n\n    const itemsInGroup = group.ids.length;\n\n    for (let i = 0; i < itemsInGroup; i++) {\n      const id = group.ids[i];\n\n      // Cards fill from left to right, bottom to top\n      // For a 2-column bucket: i=0,1 in row 0; i=2,3 in row 1; etc.\n      const col = i % COLUMNS_PER_BUCKET;\n      const row = Math.floor(i / COLUMNS_PER_BUCKET);\n\n      const x = groupX + col * slotWidth;\n      // Stack from bottom of total content upward:\n      // row 0 (first card) at bottom: contentHeight - slotHeight\n      // row 1 above it: contentHeight - 2*slotHeight, etc.\n      const y = contentHeight - (row + 1) * slotHeight + CANVAS_PADDING;\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex,\n      });\n    }\n\n    // Always use fixed bucket width\n    bucketWidths.push(bucketWidth);\n\n    // Advance position by fixed bucket width + spacing\n    groupX += bucketWidth;\n    if (groupIndex < grouping.groups.length - 1) {\n      groupX += groupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n  };\n}\n"],"names":["CARD_GAP","CANVAS_PADDING"],"mappings":"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"}
+{"version":3,"file":"layout.js","sources":["../../../../PivotViewer/engine/layout.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type {\n  LayoutSpec,\n  LayoutResult,\n  ItemPosition,\n  GroupingResult,\n  ItemId,\n} from './types';\nimport { CARD_GAP, CANVAS_PADDING } from '../constants';\n\nexport function computeLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec\n): LayoutResult {\n  const positions = new Map<ItemId, ItemPosition>();\n\n  if (spec.viewMode === 'collection') {\n    return computeCollectionLayout(grouping, spec, positions);\n  } else {\n    return computeGroupedLayout(grouping, spec, positions);\n  }\n}\n\nfunction computeCollectionLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, containerWidth } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Calculate how many cards fit per row based on container width (include gap)\n  const cardsPerRow = Math.max(1, Math.floor((containerWidth + CARD_GAP - (CANVAS_PADDING * 2)) / slotWidth));\n\n  let x = CANVAS_PADDING;\n  let y = CANVAS_PADDING;\n  let column = 0;\n  let itemCount = 0;\n\n  for (const group of grouping.groups) {\n    for (let i = 0; i < group.ids.length; i++) {\n      const id = group.ids[i];\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex: 0,\n      });\n\n      // Move to next position horizontally (left to right)\n      column++;\n      x += slotWidth;\n\n      // Wrap to next row when we've filled the width\n      if (column >= cardsPerRow) {\n        column = 0;\n        x = CANVAS_PADDING;\n        y += slotHeight;\n      }\n\n      itemCount++;\n    }\n  }\n\n  const rows = Math.ceil(itemCount / cardsPerRow);\n  const contentWidth = Math.min(itemCount, cardsPerRow) * slotWidth;\n\n  return {\n    positions,\n    totalWidth: Math.max(containerWidth, contentWidth + (CANVAS_PADDING * 2)),\n    totalHeight: (rows * slotHeight) + (CANVAS_PADDING * 2),\n  };\n}\n\nfunction computeGroupedLayout(\n  grouping: GroupingResult,\n  spec: LayoutSpec,\n  positions: Map<ItemId, ItemPosition>\n): LayoutResult {\n  const { cardWidth, cardHeight, cardsPerColumn, groupSpacing } = spec;\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n\n  // Fixed bucket width: 2 columns of cards per bucket (always)\n  const COLUMNS_PER_BUCKET = 2;\n  const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;\n\n  let groupX = CANVAS_PADDING;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  let maxRows = 0;\n\n  // First pass: calculate max rows to determine total height\n  for (const group of grouping.groups) {\n    const itemsInGroup = group.ids.length;\n    const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n    maxRows = Math.max(maxRows, rowsInGroup);\n  }\n\n  // Calculate actual content height needed (ensure it's at least as tall as the container)\n  const contentHeight = Math.max(layoutHeight, maxRows * slotHeight);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n\n    const itemsInGroup = group.ids.length;\n\n    for (let i = 0; i < itemsInGroup; i++) {\n      const id = group.ids[i];\n\n      // Cards fill from left to right, bottom to top\n      // For a 2-column bucket: i=0,1 in row 0; i=2,3 in row 1; etc.\n      const col = i % COLUMNS_PER_BUCKET;\n      const row = Math.floor(i / COLUMNS_PER_BUCKET);\n\n      const x = groupX + col * slotWidth;\n      // Position cards from bottom of container, stacking upwards\n      // Start from contentHeight and subtract row positions\n      const rowsInGroup = Math.ceil(itemsInGroup / COLUMNS_PER_BUCKET);\n      const y = CANVAS_PADDING + contentHeight - (rowsInGroup - row) * slotHeight;\n\n      positions.set(id, {\n        x,\n        y,\n        groupIndex,\n      });\n    }\n\n    // Always use fixed bucket width\n    bucketWidths.push(bucketWidth);\n\n    // Advance position by fixed bucket width + spacing\n    groupX += bucketWidth;\n    if (groupIndex < grouping.groups.length - 1) {\n      groupX += groupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n  };\n}\n"],"names":["CARD_GAP","CANVAS_PADDING"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/usePivotEngine.js

@@ -12,10 +12,13 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
     const storeRef = React.useRef(null);
     const pendingCallbacksRef = React.useRef(new Map());
     React.useEffect(() => {
+        console.log('[PivotEngine] Creating worker');
         const worker = new Worker(new URL('../engine/pivot.worker.ts', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('PivotViewer/hooks/usePivotEngine.js', document.baseURI).href))), { type: 'module' });
         workerRef.current = worker;
+        console.log('[PivotEngine] Worker created, setting up message handlers');
         worker.onmessage = (e) => {
             const message = e.data;
+            console.log('[PivotEngine] Received message from worker:', message.type);
             switch (message.type) {
                 case 'indexesReady':
                     console.log('[PivotEngine] Indexes ready');
@@ -24,25 +27,38 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
                 case 'filterResult': {
                     const callback = pendingCallbacksRef.current.get('filter');
                     if (callback) {
+                        console.log('[PivotEngine] Calling filter callback and deleting');
                         callback(message.result);
                         pendingCallbacksRef.current.delete('filter');
                     }
+                    else {
+                        console.warn('[PivotEngine] No callback registered for filter result - ignoring duplicate message');
+                    }
                     break;
                 }
                 case 'groupingResult': {
+                    console.log('[PivotEngine] Received groupingResult:', message.result);
                     const callback = pendingCallbacksRef.current.get('grouping');
                     if (callback) {
+                        console.log('[PivotEngine] Calling grouping callback and deleting');
                         callback(message.result);
                         pendingCallbacksRef.current.delete('grouping');
                     }
+                    else {
+                        console.warn('[PivotEngine] No callback registered for grouping result - ignoring duplicate message');
+                    }
                     break;
                 }
                 case 'sortResult': {
                     const callback = pendingCallbacksRef.current.get('sort');
                     if (callback) {
+                        console.log('[PivotEngine] Calling sort callback and deleting');
                         callback(message.result);
                         pendingCallbacksRef.current.delete('sort');
                     }
+                    else {
+                        console.warn('[PivotEngine] No callback registered for sort result - ignoring duplicate message');
+                    }
                     break;
                 }
             }
@@ -67,12 +83,15 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
         };
     }, []);
     React.useEffect(() => {
-        if (!workerRef.current)
+        if (!workerRef.current) {
+            console.warn('[PivotEngine] Worker not available in data effect');
             return;
+        }
         console.log('[PivotEngine] Building indexes for', data.length, 'items');
         setReady(false);
         const store$1 = store.buildStore(data, fieldExtractors);
         storeRef.current = store$1;
+        console.log('[PivotEngine] Store built with', store$1.items.length, 'items and', store$1.fields.size, 'fields');
         try {
             indexesRef.current = store.buildIndexes(store$1, indexFields);
         }
@@ -81,11 +100,17 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
             indexesRef.current = null;
         }
         if (workerRef.current) {
+            const fieldsArray = Array.from(store$1.fields.entries());
+            const serializableStore = {
+                ...store$1,
+                fields: fieldsArray,
+            };
             const message = {
                 type: 'buildIndexes',
-                store: store$1,
+                store: serializableStore,
                 fields: indexFields,
             };
+            console.log('[PivotEngine] Posting buildIndexes with', fieldsArray.length, 'fields');
             workerRef.current.postMessage(message);
         }
         else {
@@ -119,13 +144,20 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
         });
     }, [ready]);
     const computeGroupingCallback = React.useCallback((visibleIds, groupBy) => {
+        console.log('[PivotEngine] computeGroupingCallback called with', visibleIds.length, 'visibleIds');
+        if (pendingCallbacksRef.current.has('grouping')) {
+            console.warn('[PivotEngine] Grouping already in progress, ignoring duplicate request');
+            return Promise.resolve({ groups: [] });
+        }
         return new Promise((resolve) => {
             if (!workerRef.current || fallbackRef.current) {
+                console.log('[PivotEngine] Using synchronous fallback for grouping');
                 try {
                     const store$1 = storeRef.current;
                     const indexes = indexesRef.current;
                     if (store$1 && indexes) {
                         const result = store.computeGrouping(store$1, indexes, visibleIds, groupBy);
+                        console.log('[PivotEngine] Fallback grouping result:', result);
                         resolve(result);
                         return;
                     }
@@ -133,9 +165,11 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
                 catch (e) {
                     console.error('[PivotEngine] fallback computeGrouping error:', e);
                 }
+                console.warn('[PivotEngine] No store/indexes for fallback, returning empty');
                 resolve({ groups: [] });
                 return;
             }
+            console.log('[PivotEngine] Setting grouping callback and posting to worker');
             pendingCallbacksRef.current.set('grouping', resolve);
             const message = {
                 type: 'computeGrouping',
@@ -143,6 +177,7 @@ function usePivotEngine({ data, fieldExtractors, indexFields, }) {
                 groupBy,
             };
             workerRef.current.postMessage(message);
+            console.log('[PivotEngine] Message posted to worker');
         });
     }, [ready]);
     const sortIdsCallback = React.useCallback((visibleIds, sortBy) => {

package/dist/cjs/PivotViewer/hooks/usePivotEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePivotEngine.js","sources":["../../../../PivotViewer/hooks/usePivotEngine.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport type {\n  PivotStore,\n  PivotIndexes,\n  FilterSpec,\n  FilterResult,\n  GroupSpec,\n  GroupingResult,\n  WorkerInMessage,\n  WorkerOutMessage,\n  FieldValue,\n} from '../engine/types';\nimport { buildStore, buildIndexes, applyFilters, computeGrouping, sortIds } from '../engine/store';\n\nexport interface UsePivotEngineOptions<TItem extends object> {\n  data: TItem[];\n  fieldExtractors: Map<string, (item: TItem) => FieldValue>;\n  indexFields: string[];\n}\n\nexport interface UsePivotEngineResult {\n  ready: boolean;\n  applyFilters: (filters: FilterSpec[]) => Promise<FilterResult>;\n  computeGrouping: (visibleIds: Uint32Array, groupBy: GroupSpec) => Promise<GroupingResult>;\n  sortIds: (visibleIds: Uint32Array, sortBy: string) => Promise<Uint32Array>;\n}\n\nexport function usePivotEngine<TItem extends object>({\n  data,\n  fieldExtractors,\n  indexFields,\n}: UsePivotEngineOptions<TItem>): UsePivotEngineResult {\n  const [ready, setReady] = useState(false);\n  const workerRef = useRef<Worker | null>(null);\n  const indexesRef = useRef<PivotIndexes | null>(null);\n  const fallbackRef = useRef(false);\n  const storeRef = useRef<PivotStore | null>(null);\n  const pendingCallbacksRef = useRef<Map<string, (result: unknown) => void>>(new Map());\n\n  useEffect(() => {\n    const worker = new Worker(\n      new URL('../engine/pivot.worker.ts', import.meta.url),\n      { type: 'module' }\n    );\n\n    workerRef.current = worker;\n\n    worker.onmessage = (e: MessageEvent<WorkerOutMessage>) => {\n      const message = e.data;\n\n      switch (message.type) {\n        case 'indexesReady':\n          console.log('[PivotEngine] Indexes ready');\n          setReady(true);\n          break;\n\n        case 'filterResult': {\n          const callback = pendingCallbacksRef.current.get('filter');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('filter');\n          }\n          break;\n        }\n\n        case 'groupingResult': {\n          const callback = pendingCallbacksRef.current.get('grouping');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('grouping');\n          }\n          break;\n        }\n\n        case 'sortResult': {\n          const callback = pendingCallbacksRef.current.get('sort');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('sort');\n          }\n          break;\n        }\n      }\n    };\n\n    worker.onerror = (error) => {\n      console.error('[PivotEngine] Worker error:', error);\n      // enable synchronous fallback so UI can still function without worker\n      fallbackRef.current = true;\n      workerRef.current = null;\n      // if we already built store/indexes, mark ready so UI can use fallback\n      if (storeRef.current) {\n        try {\n          indexesRef.current = buildIndexes(storeRef.current, indexFields);\n        } catch (e) {\n          console.error('[PivotEngine] Failed to build indexes in fallback:', e);\n          indexesRef.current = null;\n        }\n        setReady(true);\n      }\n    };\n\n    return () => {\n      worker.terminate();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!workerRef.current) return;\n\n    console.log('[PivotEngine] Building indexes for', data.length, 'items');\n    setReady(false);\n\n    const store = buildStore(data, fieldExtractors);\n    storeRef.current = store;\n\n    // compute indexes locally for immediate fallback and cache\n    try {\n      indexesRef.current = buildIndexes(store, indexFields);\n    } catch (e) {\n      console.error('[PivotEngine] buildIndexes failed:', e);\n      indexesRef.current = null;\n    }\n\n    if (workerRef.current) {\n      const message: WorkerInMessage = {\n        type: 'buildIndexes',\n        store,\n        fields: indexFields,\n      };\n\n      workerRef.current.postMessage(message);\n    } else {\n      // no worker available, mark ready to allow fallback synchronous usage\n      setReady(true);\n    }\n  }, [data, fieldExtractors, indexFields]);\n\n  const applyFiltersCallback = useCallback(\n    (filters: FilterSpec[]): Promise<FilterResult> => {\n      return new Promise((resolve) => {\n        // If worker is not available, use synchronous fallback using local indexes\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = applyFilters(store, indexes, filters);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback applyFilters error:', e);\n          }\n\n          // if fallback not possible, return empty result\n          resolve({ visibleIds: new Uint32Array(0), count: 0 });\n          return;\n        }\n\n        pendingCallbacksRef.current.set('filter', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'applyFilters',\n          filters,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  const computeGroupingCallback = useCallback(\n    (visibleIds: Uint32Array, groupBy: GroupSpec): Promise<GroupingResult> => {\n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = computeGrouping(store, indexes, visibleIds, groupBy);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback computeGrouping error:', e);\n          }\n\n          resolve({ groups: [] });\n          return;\n        }\n\n        pendingCallbacksRef.current.set('grouping', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'computeGrouping',\n          visibleIds,\n          groupBy,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  const sortIdsCallback = useCallback(\n    (visibleIds: Uint32Array, sortBy: string): Promise<Uint32Array> => {\n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            if (store) {\n              const result = sortIds(store, visibleIds, sortBy);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback sortIds error:', e);\n          }\n\n          resolve(visibleIds);\n          return;\n        }\n\n        pendingCallbacksRef.current.set('sort', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'sort',\n          ids: visibleIds,\n          sortBy,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  return {\n    ready,\n    applyFilters: applyFiltersCallback,\n    computeGrouping: computeGroupingCallback,\n    sortIds: sortIdsCallback,\n  };\n}\n"],"names":["useState","useRef","useEffect","buildIndexes","store","buildStore","useCallback","applyFilters","computeGrouping","sortIds"],"mappings":"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"}
+{"version":3,"file":"usePivotEngine.js","sources":["../../../../PivotViewer/hooks/usePivotEngine.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport type {\n  PivotStore,\n  PivotIndexes,\n  FilterSpec,\n  FilterResult,\n  GroupSpec,\n  GroupingResult,\n  WorkerInMessage,\n  WorkerOutMessage,\n  FieldValue,\n} from '../engine/types';\nimport { buildStore, buildIndexes, applyFilters, computeGrouping, sortIds } from '../engine/store';\n\nexport interface UsePivotEngineOptions<TItem extends object> {\n  data: TItem[];\n  fieldExtractors: Map<string, (item: TItem) => FieldValue>;\n  indexFields: string[];\n}\n\nexport interface UsePivotEngineResult {\n  ready: boolean;\n  applyFilters: (filters: FilterSpec[]) => Promise<FilterResult>;\n  computeGrouping: (visibleIds: Uint32Array, groupBy: GroupSpec) => Promise<GroupingResult>;\n  sortIds: (visibleIds: Uint32Array, sortBy: string) => Promise<Uint32Array>;\n}\n\nexport function usePivotEngine<TItem extends object>({\n  data,\n  fieldExtractors,\n  indexFields,\n}: UsePivotEngineOptions<TItem>): UsePivotEngineResult {\n  const [ready, setReady] = useState(false);\n  const workerRef = useRef<Worker | null>(null);\n  const indexesRef = useRef<PivotIndexes | null>(null);\n  const fallbackRef = useRef(false);\n  const storeRef = useRef<PivotStore | null>(null);\n  const pendingCallbacksRef = useRef<Map<string, (result: unknown) => void>>(new Map());\n\n  useEffect(() => {\n    console.log('[PivotEngine] Creating worker');\n    const worker = new Worker(\n      new URL('../engine/pivot.worker.ts', import.meta.url),\n      { type: 'module' }\n    );\n\n    workerRef.current = worker;\n    console.log('[PivotEngine] Worker created, setting up message handlers');\n\n    worker.onmessage = (e: MessageEvent<WorkerOutMessage>) => {\n      const message = e.data;\n      console.log('[PivotEngine] Received message from worker:', message.type);\n\n      switch (message.type) {\n        case 'indexesReady':\n          console.log('[PivotEngine] Indexes ready');\n          setReady(true);\n          break;\n\n        case 'filterResult': {\n          const callback = pendingCallbacksRef.current.get('filter');\n          if (callback) {\n            console.log('[PivotEngine] Calling filter callback and deleting');\n            callback(message.result);\n            pendingCallbacksRef.current.delete('filter');\n          } else {\n            console.warn('[PivotEngine] No callback registered for filter result - ignoring duplicate message');\n          }\n          break;\n        }\n\n        case 'groupingResult': {\n          console.log('[PivotEngine] Received groupingResult:', message.result);\n          const callback = pendingCallbacksRef.current.get('grouping');\n          if (callback) {\n            console.log('[PivotEngine] Calling grouping callback and deleting');\n            callback(message.result);\n            pendingCallbacksRef.current.delete('grouping');\n          } else {\n            console.warn('[PivotEngine] No callback registered for grouping result - ignoring duplicate message');\n          }\n          break;\n        }\n\n        case 'sortResult': {\n          const callback = pendingCallbacksRef.current.get('sort');\n          if (callback) {\n            console.log('[PivotEngine] Calling sort callback and deleting');\n            callback(message.result);\n            pendingCallbacksRef.current.delete('sort');\n          } else {\n            console.warn('[PivotEngine] No callback registered for sort result - ignoring duplicate message');\n          }\n          break;\n        }\n      }\n    };\n\n    worker.onerror = (error) => {\n      console.error('[PivotEngine] Worker error:', error);\n      // enable synchronous fallback so UI can still function without worker\n      fallbackRef.current = true;\n      workerRef.current = null;\n      // if we already built store/indexes, mark ready so UI can use fallback\n      if (storeRef.current) {\n        try {\n          indexesRef.current = buildIndexes(storeRef.current, indexFields);\n        } catch (e) {\n          console.error('[PivotEngine] Failed to build indexes in fallback:', e);\n          indexesRef.current = null;\n        }\n        setReady(true);\n      }\n    };\n\n    return () => {\n      worker.terminate();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!workerRef.current) {\n      console.warn('[PivotEngine] Worker not available in data effect');\n      return;\n    }\n\n    console.log('[PivotEngine] Building indexes for', data.length, 'items');\n    setReady(false);\n\n    const store = buildStore(data, fieldExtractors);\n    storeRef.current = store;\n    console.log('[PivotEngine] Store built with', store.items.length, 'items and', store.fields.size, 'fields');\n\n    // compute indexes locally for immediate fallback and cache\n    try {\n      indexesRef.current = buildIndexes(store, indexFields);\n    } catch (e) {\n      console.error('[PivotEngine] buildIndexes failed:', e);\n      indexesRef.current = null;\n    }\n\n    if (workerRef.current) {\n      // Convert Map to array for serialization\n      const fieldsArray = Array.from(store.fields.entries());\n      const serializableStore = {\n        ...store,\n        fields: fieldsArray,\n      };\n\n      const message: WorkerInMessage = {\n        type: 'buildIndexes',\n        store: serializableStore as any,\n        fields: indexFields,\n      };\n\n      console.log('[PivotEngine] Posting buildIndexes with', fieldsArray.length, 'fields');\n      workerRef.current.postMessage(message);\n    } else {\n      // no worker available, mark ready to allow fallback synchronous usage\n      setReady(true);\n    }\n  }, [data, fieldExtractors, indexFields]);\n\n  const applyFiltersCallback = useCallback(\n    (filters: FilterSpec[]): Promise<FilterResult> => {\n      return new Promise((resolve) => {\n        // If worker is not available, use synchronous fallback using local indexes\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = applyFilters(store, indexes, filters);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback applyFilters error:', e);\n          }\n\n          // if fallback not possible, return empty result\n          resolve({ visibleIds: new Uint32Array(0), count: 0 });\n          return;\n        }\n\n        pendingCallbacksRef.current.set('filter', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'applyFilters',\n          filters,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  const computeGroupingCallback = useCallback(\n    (visibleIds: Uint32Array, groupBy: GroupSpec): Promise<GroupingResult> => {\n      console.log('[PivotEngine] computeGroupingCallback called with', visibleIds.length, 'visibleIds');\n      \n      // Check if there's already a pending grouping request\n      if (pendingCallbacksRef.current.has('grouping')) {\n        console.warn('[PivotEngine] Grouping already in progress, ignoring duplicate request');\n        return Promise.resolve({ groups: [] });\n      }\n      \n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          console.log('[PivotEngine] Using synchronous fallback for grouping');\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = computeGrouping(store, indexes, visibleIds, groupBy);\n              console.log('[PivotEngine] Fallback grouping result:', result);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback computeGrouping error:', e);\n          }\n\n          console.warn('[PivotEngine] No store/indexes for fallback, returning empty');\n          resolve({ groups: [] });\n          return;\n        }\n\n        console.log('[PivotEngine] Setting grouping callback and posting to worker');\n        pendingCallbacksRef.current.set('grouping', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'computeGrouping',\n          visibleIds,\n          groupBy,\n        };\n\n        workerRef.current.postMessage(message);\n        console.log('[PivotEngine] Message posted to worker');\n      });\n    },\n    [ready]\n  );\n\n  const sortIdsCallback = useCallback(\n    (visibleIds: Uint32Array, sortBy: string): Promise<Uint32Array> => {\n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            if (store) {\n              const result = sortIds(store, visibleIds, sortBy);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback sortIds error:', e);\n          }\n\n          resolve(visibleIds);\n          return;\n        }\n\n        pendingCallbacksRef.current.set('sort', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'sort',\n          ids: visibleIds,\n          sortBy,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  return {\n    ready,\n    applyFilters: applyFiltersCallback,\n    computeGrouping: computeGroupingCallback,\n    sortIds: sortIdsCallback,\n  };\n}\n"],"names":["useState","useRef","useEffect","buildIndexes","store","buildStore","useCallback","applyFilters","computeGrouping","sortIds"],"mappings":"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"}

package/dist/cjs/PivotViewer/index.js

@@ -1,9 +1,12 @@
 'use strict';
 
 var PivotViewer = require('./PivotViewer.js');
+var types = require('./types.js');
 
 
 
 exports.PivotViewer = PivotViewer.PivotViewer;
 exports.PivotViewerOptimized = PivotViewer.PivotViewer;
+exports.getPropertyPath = types.getPropertyPath;
+exports.getValueByPath = types.getValueByPath;
 //# sourceMappingURL=index.js.map

package/dist/cjs/PivotViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/PivotViewer/types.js

@@ -0,0 +1,22 @@
+'use strict';
+
+function getPropertyPath(accessor) {
+    const fnStr = accessor.toString();
+    const match = fnStr.match(/(?:=>|return)\s*[a-zA-Z_$][a-zA-Z0-9_$]*\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/);
+    return match ? match[1] : '';
+}
+function getValueByPath(item, path) {
+    const parts = path.split('.');
+    let value = item;
+    for (const part of parts) {
+        if (value === null || value === undefined) {
+            return undefined;
+        }
+        value = value[part];
+    }
+    return value;
+}
+
+exports.getPropertyPath = getPropertyPath;
+exports.getValueByPath = getValueByPath;
+//# sourceMappingURL=types.js.map

package/dist/cjs/PivotViewer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../PivotViewer/types.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ReactNode } from 'react';\n\nexport type PivotPrimitive = string | number | boolean | Date | null | undefined;\n\n/**\n * Type-safe property accessor for accessing properties, including nested ones\n */\nexport type PropertyAccessor<TItem> = (item: TItem) => unknown;\n\n/**\n * Extract property path from a property accessor function\n * Supports nested properties like item => item.address.city\n */\nexport function getPropertyPath<TItem>(accessor: PropertyAccessor<TItem>): string {\n    const fnStr = accessor.toString();\n    // Match patterns like: item => item.prop or item => item.prop.nested or (item) => item.prop\n    const match = fnStr.match(/(?:=>|return)\\s*[a-zA-Z_$][a-zA-Z0-9_$]*\\.([a-zA-Z_$][a-zA-Z0-9_$.]*)/)\n    return match ? match[1] : '';\n}\n\n/**\n * Get the value from an item using a property path string\n * Supports nested properties like \"address.city\"\n */\nexport function getValueByPath<TItem>(item: TItem, path: string): unknown {\n    const parts = path.split('.');\n    let value: any = item;\n    for (const part of parts) {\n        if (value === null || value === undefined) {\n            return undefined;\n        }\n        value = value[part];\n    }\n    return value;\n}\n\nexport interface PivotGroup<TItem extends object> {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  items: TItem[];\n  count?: number;\n}\n\nexport interface PivotDimension<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  formatValue?: (value: PivotPrimitive) => string;\n  sort?: (a: PivotGroup<TItem>, b: PivotGroup<TItem>) => number;\n}\n\nexport interface PivotFilterOption {\n  key: string;\n  label: string;\n  value: PivotPrimitive;\n  count: number;\n}\n\nexport interface PivotFilter<TItem extends object> {\n  key: string;\n  label: string;\n  getValue: (item: TItem) => PivotPrimitive;\n  multi?: boolean;\n  options?: PivotFilterOption[];\n  sort?: (a: PivotFilterOption, b: PivotFilterOption) => number;\n  /** For numeric filters, enables range picker with histogram */\n  type?: 'string' | 'number' | 'date';\n  /** Number of buckets for the histogram in range filters */\n  buckets?: number;\n}\n\nexport interface PivotViewerProps<TItem extends object> {\n  data: TItem[];\n  dimensions: PivotDimension<TItem>[];\n  filters?: PivotFilter<TItem>[];\n  defaultDimensionKey?: string;\n  cardRenderer?: (item: TItem) => ReactNode;\n  getItemId?: (item: TItem, index: number) => string | number;\n  searchFields?: PropertyAccessor<TItem>[];\n  className?: string;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n}\n\nexport type FilterState = Record<string, Set<string>>;\n\nexport type RangeFilterState = Record<string, [number, number] | null>;\n"],"names":[],"mappings":";;AAgBM,SAAU,eAAe,CAAQ,QAAiC,EAAA;AACpE,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,uEAAuE,CAAC;AAClG,IAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC;AAMM,SAAU,cAAc,CAAQ,IAAW,EAAE,IAAY,EAAA;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,KAAK,GAAQ,IAAI;AACrB,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,SAAS;QACpB;AACA,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,OAAO,KAAK;AAChB;;;;;"}

package/dist/cjs/TimeMachine/EventsView.css

@@ -0,0 +1,213 @@
+/* Events View Container */
+.events-view-container {
+    position: absolute;
+    inset: 0;
+    padding: 5rem 2rem 2rem;
+    overflow-y: auto;
+    background: transparent;
+    z-index: 1;
+}
+
+/* Timeline customization */
+.events-view-timeline {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2.5rem 0 3rem;
+}
+
+.events-view-timeline .p-timeline {
+    display: flex;
+    flex-direction: column;
+}
+
+.events-view-scroll-button {
+    position: relative;
+    margin-right: 0.5rem;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    background: rgba(15, 23, 42, 0.75);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    backdrop-filter: blur(8px);
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    z-index: 5;
+    pointer-events: auto;
+}
+
+.events-view-scroll-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
+}
+
+.events-view-scroll-button:active {
+    transform: translateY(0);
+}
+
+.events-view-scroll-button--top {
+    top: auto;
+}
+
+.events-view-scroll-button--bottom {
+    bottom: auto;
+}
+
+.events-view-scroll-button-wrapper {
+    position: sticky;
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 0.5rem;
+    pointer-events: none;
+    z-index: 5;
+    height: 0;
+    overflow: visible;
+}
+
+.events-view-scroll-button-wrapper--top {
+    top: 4.5rem;
+}
+
+.events-view-scroll-button-wrapper--bottom {
+    bottom: 2.5rem;
+}
+
+/* Event Card */
+.events-view-event-card {
+    background: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 12px;
+    padding: 1.5rem;
+    backdrop-filter: blur(10px);
+    transition: all 0.3s ease;
+    max-width: 380px;
+}
+
+.events-view-event-card:hover {
+    background: rgba(255, 255, 255, 0.08);
+    border-color: rgba(100, 150, 255, 0.3);
+    transform: translateY(-2px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+}
+
+/* Event Header */
+.events-view-event-header {
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.events-view-event-name {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #fff;
+    margin: 0 0 0.5rem 0;
+    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
+}
+
+.events-view-event-timestamp {
+    font-size: 0.875rem;
+    color: rgba(255, 255, 255, 0.6);
+    font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
+}
+
+.events-view-event-header--right {
+    text-align: right;
+}
+
+.events-view-event-name--right,
+.events-view-event-timestamp--right {
+    text-align: right;
+}
+
+/* Event Properties */
+.events-view-event-properties {
+    margin-top: 1rem;
+}
+
+/* Custom Marker */
+.events-view-marker {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    background: linear-gradient(135deg, rgba(100, 150, 255, 0.2), rgba(100, 150, 255, 0.1));
+    border: 2px solid rgba(100, 150, 255, 0.5);
+    border-radius: 50%;
+    position: relative;
+    backdrop-filter: blur(5px);
+    transition: all 0.3s ease;
+}
+
+.events-view-marker:hover {
+    background: linear-gradient(135deg, rgba(100, 150, 255, 0.4), rgba(100, 150, 255, 0.2));
+    border-color: rgba(100, 150, 255, 0.8);
+    transform: scale(1.1);
+}
+
+.events-view-marker-dot {
+    width: 0.75rem;
+    height: 0.75rem;
+    background: rgba(100, 150, 255, 0.9);
+    border-radius: 50%;
+    box-shadow: 0 0 10px rgba(100, 150, 255, 0.5);
+}
+
+/* PrimeReact Timeline connector styling */
+.events-view-timeline .p-timeline-event-connector {
+    background: linear-gradient(to bottom, rgba(100, 150, 255, 0.6), rgba(100, 150, 255, 0.4));
+}
+
+.events-view-timeline .p-timeline-event:last-child .p-timeline-event-connector {
+    visibility: hidden;
+}
+
+/* Remove default padding from PrimeReact timeline content areas */
+.events-view-timeline .p-timeline-event-opposite,
+.events-view-timeline .p-timeline-event-content {
+    padding: 0 1.5rem;
+    display: flex;
+    align-items: center;
+}
+
+/* Ensure cards hug the timeline on both sides */
+.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-content {
+    justify-content: flex-start;
+}
+
+.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-content {
+    justify-content: flex-end;
+}
+
+.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
+    justify-content: flex-end;
+}
+
+.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
+    justify-content: flex-start;
+}
+
+.events-view-event-card--left,
+.events-view-event-card--right {
+    max-width: 380px;
+}
+
+/* Right-align content in left-side cards */
+.events-view-timeline .p-timeline-event-opposite .events-view-event-card {
+    text-align: right;
+}
+
+.events-view-timeline .p-timeline-event-opposite .events-view-event-card table {
+    margin-left: auto;
+    direction: rtl;
+}
+
+.events-view-timeline .p-timeline-event-opposite .events-view-event-card table td {
+    direction: ltr;
+    text-align: right;
+}
+