@gridstorm/vue 0.1.2

package/dist/index.js

@@ -0,0 +1,458 @@
+import { defineComponent, ref, shallowRef, provide, onMounted, onBeforeUnmount, watch, h, computed, onUnmounted, inject } from 'vue';
+import { createGrid } from '@gridstorm/core';
+import { DomRenderer } from '@gridstorm/dom-renderer';
+
+// src/GridStorm.ts
+
+// src/types.ts
+var gridStormPropDefs = {
+  columns: {
+    type: Array,
+    required: true
+  },
+  rowData: {
+    type: Array,
+    required: true
+  },
+  plugins: {
+    type: Array,
+    default: () => []
+  },
+  getRowId: {
+    type: Function,
+    default: void 0
+  },
+  rowHeight: {
+    type: Number,
+    default: 40
+  },
+  headerHeight: {
+    type: Number,
+    default: void 0
+  },
+  theme: {
+    type: String,
+    default: "light"
+  },
+  density: {
+    type: String,
+    default: "normal"
+  },
+  defaultColDef: {
+    type: Object,
+    default: void 0
+  },
+  paginationPageSize: {
+    type: Number,
+    default: void 0
+  },
+  pagination: {
+    type: Boolean,
+    default: void 0
+  },
+  rowSelection: {
+    type: [String, Boolean],
+    default: void 0
+  },
+  editType: {
+    type: String,
+    default: void 0
+  },
+  ariaLabel: {
+    type: String,
+    default: void 0
+  },
+  height: {
+    type: [Number, String],
+    default: "100%"
+  },
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
+  containerClass: {
+    type: String,
+    default: void 0
+  }
+};
+var GRID_CONTEXT_KEY = /* @__PURE__ */ Symbol("gridstorm-context");
+function useGridContext() {
+  const context = inject(GRID_CONTEXT_KEY, null);
+  if (!context) {
+    throw new Error(
+      "[GridStorm] Composable must be used within a <GridStorm> component."
+    );
+  }
+  return context;
+}
+function useStoreRef(context, selector) {
+  const value = ref();
+  let unsubscribe = null;
+  function subscribe(ctx) {
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = null;
+    }
+    if (!ctx) {
+      value.value = void 0;
+      return;
+    }
+    value.value = selector(ctx.engine);
+    unsubscribe = ctx.engine.store.subscribe(() => {
+      value.value = selector(ctx.engine);
+    });
+  }
+  watch(context, (newCtx) => subscribe(newCtx), { immediate: true });
+  onUnmounted(() => {
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = null;
+    }
+  });
+  return value;
+}
+function useGridApi() {
+  const context = useGridContext();
+  return computed(() => context.value?.api);
+}
+function useGridEngine() {
+  const context = useGridContext();
+  return computed(() => context.value?.engine);
+}
+function useGridSort() {
+  const context = useGridContext();
+  const sortModel = useStoreRef(
+    context,
+    (engine) => engine.store.getState().sortModel
+  );
+  const isSorted = computed(() => (sortModel.value?.length ?? 0) > 0);
+  function setSortModel(model) {
+    context.value?.api.setSortModel(model);
+  }
+  function toggleSort(colId, multiSort = false) {
+    context.value?.engine.commandBus.dispatch("sort:toggle", {
+      colId,
+      multiSort
+    });
+  }
+  function clearSort() {
+    context.value?.api.setSortModel([]);
+  }
+  return {
+    sortModel,
+    isSorted,
+    setSortModel,
+    toggleSort,
+    clearSort
+  };
+}
+function useGridFilter() {
+  const context = useGridContext();
+  const filterModel = useStoreRef(
+    context,
+    (engine) => engine.store.getState().filterModel
+  );
+  const quickFilterText = useStoreRef(
+    context,
+    (engine) => engine.store.getState().quickFilterText
+  );
+  const isFiltered = computed(() => {
+    const hasColumnFilters = Object.keys(filterModel.value ?? {}).length > 0;
+    const hasQuickFilter = (quickFilterText.value ?? "").length > 0;
+    return hasColumnFilters || hasQuickFilter;
+  });
+  function setFilterModel(model) {
+    context.value?.api.setFilterModel(model);
+  }
+  function setQuickFilter(text) {
+    context.value?.api.setQuickFilter(text);
+  }
+  function clearFilters() {
+    context.value?.api.setFilterModel({});
+    context.value?.api.setQuickFilter("");
+  }
+  return {
+    filterModel,
+    quickFilterText,
+    isFiltered,
+    setFilterModel,
+    setQuickFilter,
+    clearFilters
+  };
+}
+function useGridSelection() {
+  const context = useGridContext();
+  const selectedRowIds = useStoreRef(
+    context,
+    (engine) => engine.store.getState().selection.selectedRowIds
+  );
+  const selectedCount = computed(() => selectedRowIds.value?.size ?? 0);
+  function getSelectedRows() {
+    return context.value?.api.getSelectedRows() ?? [];
+  }
+  function getSelectedNodes() {
+    return context.value?.api.getSelectedNodes() ?? [];
+  }
+  function isRowSelected(rowId) {
+    return selectedRowIds.value?.has(rowId) ?? false;
+  }
+  function selectAll() {
+    context.value?.api.selectAll();
+  }
+  function deselectAll() {
+    context.value?.api.deselectAll();
+  }
+  return {
+    selectedRowIds,
+    selectedCount,
+    getSelectedRows,
+    getSelectedNodes,
+    isRowSelected,
+    selectAll,
+    deselectAll
+  };
+}
+function useGridPagination() {
+  const context = useGridContext();
+  const paginationState = useStoreRef(
+    context,
+    (engine) => engine.store.getState().pagination
+  );
+  const currentPage = computed(() => paginationState.value?.currentPage ?? 0);
+  const pageSize = computed(() => paginationState.value?.pageSize ?? 100);
+  const totalRows = computed(() => paginationState.value?.totalRows ?? 0);
+  const totalPages = computed(
+    () => Math.max(1, Math.ceil(totalRows.value / pageSize.value))
+  );
+  const hasNextPage = computed(() => currentPage.value < totalPages.value - 1);
+  const hasPreviousPage = computed(() => currentPage.value > 0);
+  function goToPage(page) {
+    context.value?.api.paginationGoToPage(page);
+  }
+  function nextPage() {
+    if (hasNextPage.value) {
+      context.value?.api.paginationGoToPage(currentPage.value + 1);
+    }
+  }
+  function previousPage() {
+    if (hasPreviousPage.value) {
+      context.value?.api.paginationGoToPage(currentPage.value - 1);
+    }
+  }
+  function firstPage() {
+    context.value?.api.paginationGoToPage(0);
+  }
+  function lastPage() {
+    context.value?.api.paginationGoToPage(totalPages.value - 1);
+  }
+  return {
+    currentPage,
+    totalPages,
+    pageSize,
+    totalRows,
+    hasNextPage,
+    hasPreviousPage,
+    goToPage,
+    nextPage,
+    previousPage,
+    firstPage,
+    lastPage
+  };
+}
+function useGridEvent(event, handler) {
+  const context = useGridContext();
+  let unsubscribe = null;
+  watch(
+    context,
+    (ctx) => {
+      if (unsubscribe) {
+        unsubscribe();
+        unsubscribe = null;
+      }
+      if (ctx) {
+        unsubscribe = ctx.engine.eventBus.on(event, handler);
+      }
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = null;
+    }
+  });
+}
+
+// src/GridStorm.ts
+var GridStorm = defineComponent({
+  name: "GridStorm",
+  props: gridStormPropDefs,
+  emits: [
+    "gridReady",
+    "rowDataChanged",
+    "selectionChanged",
+    "sortChanged",
+    "filterChanged",
+    "cellValueChanged",
+    "cellClicked",
+    "cellDoubleClicked",
+    "rowClicked",
+    "paginationChanged",
+    "columnResized"
+  ],
+  setup(props, { emit, expose }) {
+    const containerRef = ref(null);
+    let engine = null;
+    let renderer = null;
+    const eventUnsubscribers = [];
+    function buildConfig() {
+      return {
+        columns: props.columns,
+        rowData: props.rowData,
+        plugins: props.plugins,
+        getRowId: props.getRowId,
+        rowHeight: props.rowHeight,
+        headerHeight: props.headerHeight,
+        defaultColDef: props.defaultColDef,
+        paginationPageSize: props.paginationPageSize,
+        pagination: props.pagination,
+        rowSelection: props.rowSelection,
+        editType: props.editType,
+        ariaLabel: props.ariaLabel
+      };
+    }
+    function subscribeToEvents() {
+      if (!engine) return;
+      const eb = engine.eventBus;
+      eventUnsubscribers.push(
+        eb.on("rowData:changed", (e) => emit("rowDataChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("selection:changed", (e) => emit("selectionChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("column:sort:changed", (e) => emit("sortChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("filter:changed", (e) => emit("filterChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("cell:valueChanged", (e) => emit("cellValueChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("cell:clicked", (e) => emit("cellClicked", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("cell:doubleClicked", (e) => emit("cellDoubleClicked", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("row:clicked", (e) => emit("rowClicked", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("pagination:changed", (e) => emit("paginationChanged", e))
+      );
+      eventUnsubscribers.push(
+        eb.on("column:resized", (e) => emit("columnResized", e))
+      );
+    }
+    const gridContext = shallowRef(null);
+    provide(GRID_CONTEXT_KEY, gridContext);
+    function initGrid() {
+      if (!containerRef.value) return;
+      const config = buildConfig();
+      engine = createGrid(config);
+      gridContext.value = {
+        engine,
+        api: engine.api
+      };
+      renderer = new DomRenderer({
+        container: containerRef.value,
+        engine
+      });
+      renderer.mount();
+      subscribeToEvents();
+      emit("gridReady", engine.api);
+    }
+    function destroyGrid() {
+      for (const unsub of eventUnsubscribers) {
+        unsub();
+      }
+      eventUnsubscribers.length = 0;
+      renderer?.destroy();
+      renderer = null;
+      engine?.destroy();
+      engine = null;
+      gridContext.value = null;
+    }
+    onMounted(() => {
+      initGrid();
+    });
+    onBeforeUnmount(() => {
+      destroyGrid();
+    });
+    watch(
+      () => props.rowData,
+      (newData) => {
+        if (engine && newData) {
+          engine.api.setRowData(newData);
+        }
+      },
+      { deep: false }
+    );
+    watch(
+      () => props.columns,
+      (newCols) => {
+        if (engine && newCols) {
+          engine.api.setColumnDefs(newCols);
+        }
+      },
+      { deep: false }
+    );
+    watch(
+      () => props.theme,
+      (newTheme) => {
+        if (containerRef.value && newTheme) {
+          containerRef.value.setAttribute("data-theme", newTheme);
+        }
+      }
+    );
+    watch(
+      () => props.density,
+      (newDensity) => {
+        if (containerRef.value && newDensity) {
+          containerRef.value.setAttribute("data-density", newDensity);
+        }
+      }
+    );
+    expose({
+      /**
+       * Get the GridApi instance.
+       * Returns undefined if the grid has not been initialized yet.
+       */
+      getApi: () => engine?.api,
+      /**
+       * Get the GridEngine instance.
+       * Returns undefined if the grid has not been initialized yet.
+       */
+      getEngine: () => engine
+    });
+    return () => {
+      const heightStyle = typeof props.height === "number" ? `${props.height}px` : props.height;
+      const widthStyle = typeof props.width === "number" ? `${props.width}px` : props.width;
+      return h("div", {
+        ref: containerRef,
+        class: ["gridstorm-wrapper", props.containerClass].filter(Boolean).join(" "),
+        "data-theme": props.theme,
+        "data-density": props.density,
+        style: {
+          width: widthStyle,
+          height: heightStyle
+        }
+      });
+    };
+  }
+});
+
+export { GRID_CONTEXT_KEY, GridStorm, useGridApi, useGridEngine, useGridEvent, useGridFilter, useGridPagination, useGridSelection, useGridSort };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/composables.ts","../src/GridStorm.ts"],"names":["ref","watch"],"mappings":"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","file":"index.js","sourcesContent":["// ─── Vue Adapter Types ───\n// Central type definitions for all Vue-specific interfaces.\n\nimport type {\n  ColumnDef,\n  GridApi,\n  GridConfig,\n  GridEngine,\n  GridEventMap,\n  GridPlugin,\n  SortModelItem,\n  FilterModel,\n  RowNode,\n} from '@gridstorm/core';\nimport type { PropType } from 'vue';\n\n// ── Grid Context ──\n\n/**\n * Context value provided to child composables via Vue provide/inject.\n */\nexport interface GridContextValue<TData = any> {\n  /** The grid engine instance. */\n  engine: GridEngine<TData>;\n  /** The public grid API. */\n  api: GridApi<TData>;\n}\n\n// ── Component Props ──\n\n/**\n * Props interface for the GridStorm Vue component.\n *\n * @typeParam TData - The type of each row data object.\n */\nexport interface GridStormProps<TData = any> {\n  /** Column definitions. */\n  columns: ColumnDef<TData>[];\n  /** Row data array. */\n  rowData: TData[];\n  /** Plugins to install. */\n  plugins?: GridPlugin<TData>[];\n  /** Row ID getter function. */\n  getRowId?: GridConfig<TData>['getRowId'];\n  /** Row height in pixels. */\n  rowHeight?: number;\n  /** Header height in pixels. */\n  headerHeight?: number;\n  /** Theme identifier (e.g., 'light', 'dark'). */\n  theme?: string;\n  /** Density mode (e.g., 'compact', 'normal', 'comfortable'). */\n  density?: string;\n  /** Default column definition applied to all columns. */\n  defaultColDef?: Partial<ColumnDef<TData>>;\n  /** Number of rows per page when pagination is enabled. */\n  paginationPageSize?: number;\n  /** Enable client-side pagination. */\n  pagination?: boolean;\n  /** Row selection mode. */\n  rowSelection?: 'single' | 'multiple' | false;\n  /** Edit type mode. */\n  editType?: 'cell' | 'fullRow';\n  /** ARIA label for the grid root element. */\n  ariaLabel?: string;\n  /** Container height. Default: '100%'. */\n  height?: number | string;\n  /** Container width. Default: '100%'. */\n  width?: number | string;\n  /** Additional CSS class for the container. */\n  containerClass?: string;\n}\n\n/**\n * Vue prop definitions for the GridStorm component.\n * Used with defineComponent's props option.\n */\nexport const gridStormPropDefs = {\n  columns: {\n    type: Array as PropType<ColumnDef[]>,\n    required: true as const,\n  },\n  rowData: {\n    type: Array as PropType<any[]>,\n    required: true as const,\n  },\n  plugins: {\n    type: Array as PropType<GridPlugin[]>,\n    default: () => [],\n  },\n  getRowId: {\n    type: Function as PropType<GridConfig['getRowId']>,\n    default: undefined,\n  },\n  rowHeight: {\n    type: Number,\n    default: 40,\n  },\n  headerHeight: {\n    type: Number,\n    default: undefined,\n  },\n  theme: {\n    type: String,\n    default: 'light',\n  },\n  density: {\n    type: String,\n    default: 'normal',\n  },\n  defaultColDef: {\n    type: Object as PropType<Partial<ColumnDef>>,\n    default: undefined,\n  },\n  paginationPageSize: {\n    type: Number,\n    default: undefined,\n  },\n  pagination: {\n    type: Boolean,\n    default: undefined,\n  },\n  rowSelection: {\n    type: [String, Boolean] as PropType<'single' | 'multiple' | false>,\n    default: undefined,\n  },\n  editType: {\n    type: String as PropType<'cell' | 'fullRow'>,\n    default: undefined,\n  },\n  ariaLabel: {\n    type: String,\n    default: undefined,\n  },\n  height: {\n    type: [Number, String] as PropType<number | string>,\n    default: '100%',\n  },\n  width: {\n    type: [Number, String] as PropType<number | string>,\n    default: '100%',\n  },\n  containerClass: {\n    type: String,\n    default: undefined,\n  },\n} as const;\n\n// ── Event Types ──\n\n/**\n * All events emitted by the GridStorm Vue component.\n */\nexport interface GridStormEmits<TData = any> {\n  /** Fired when the grid engine is ready and the API is available. */\n  gridReady: [api: GridApi<TData>];\n  /** Fired when row data changes. */\n  rowDataChanged: [event: GridEventMap<TData>['rowData:changed']];\n  /** Fired when the selection changes. */\n  selectionChanged: [event: GridEventMap<TData>['selection:changed']];\n  /** Fired when the sort model changes. */\n  sortChanged: [event: GridEventMap<TData>['column:sort:changed']];\n  /** Fired when the filter model changes. */\n  filterChanged: [event: GridEventMap<TData>['filter:changed']];\n  /** Fired when a cell value is changed via editing. */\n  cellValueChanged: [event: GridEventMap<TData>['cell:valueChanged']];\n  /** Fired when a cell is clicked. */\n  cellClicked: [event: GridEventMap<TData>['cell:clicked']];\n  /** Fired when a cell is double-clicked. */\n  cellDoubleClicked: [event: GridEventMap<TData>['cell:doubleClicked']];\n  /** Fired when a row is clicked. */\n  rowClicked: [event: GridEventMap<TData>['row:clicked']];\n  /** Fired when pagination state changes. */\n  paginationChanged: [event: GridEventMap<TData>['pagination:changed']];\n  /** Fired when a column is resized. */\n  columnResized: [event: GridEventMap<TData>['column:resized']];\n}\n\n// ── Exposed API ──\n\n/**\n * Public methods exposed by the GridStorm component via template refs.\n *\n * @typeParam TData - The type of each row data object.\n */\nexport interface GridStormExposed<TData = any> {\n  /** Get the GridApi instance. */\n  getApi(): GridApi<TData> | undefined;\n  /** Get the GridEngine instance. */\n  getEngine(): GridEngine<TData> | undefined;\n}\n\n// ── Composable Return Types ──\n\n/**\n * Return type for the useGridSort composable.\n */\nexport interface GridSortResult {\n  /** Current sort model (reactive). */\n  sortModel: SortModelItem[];\n  /** Whether any sort is active (reactive). */\n  isSorted: boolean;\n  /** Set the sort model directly. */\n  setSortModel: (model: SortModelItem[]) => void;\n  /** Toggle sort on a column. */\n  toggleSort: (colId: string, multiSort?: boolean) => void;\n  /** Clear all sorting. */\n  clearSort: () => void;\n}\n\n/**\n * Return type for the useGridFilter composable.\n */\nexport interface GridFilterResult {\n  /** Current filter model keyed by column ID (reactive). */\n  filterModel: Record<string, FilterModel>;\n  /** Current quick filter text (reactive). */\n  quickFilterText: string;\n  /** Whether any filter is active (reactive). */\n  isFiltered: boolean;\n  /** Set the filter model. */\n  setFilterModel: (model: Record<string, FilterModel>) => void;\n  /** Set quick filter text. */\n  setQuickFilter: (text: string) => void;\n  /** Clear all filters. */\n  clearFilters: () => void;\n}\n\n/**\n * Return type for the useGridSelection composable.\n */\nexport interface GridSelectionResult<TData = any> {\n  /** Set of selected row IDs (reactive). */\n  selectedRowIds: Set<string>;\n  /** Number of selected rows (reactive). */\n  selectedCount: number;\n  /** Get selected row data objects. */\n  getSelectedRows: () => TData[];\n  /** Get selected RowNode objects. */\n  getSelectedNodes: () => RowNode<TData>[];\n  /** Check if a specific row is selected. */\n  isRowSelected: (rowId: string) => boolean;\n  /** Select all visible rows. */\n  selectAll: () => void;\n  /** Deselect all rows. */\n  deselectAll: () => void;\n}\n\n/**\n * Return type for the useGridPagination composable.\n */\nexport interface GridPaginationResult {\n  /** Current page (0-indexed, reactive). */\n  currentPage: number;\n  /** Total number of pages (reactive). */\n  totalPages: number;\n  /** Rows per page (reactive). */\n  pageSize: number;\n  /** Total row count after filtering (reactive). */\n  totalRows: number;\n  /** Whether there is a next page (reactive). */\n  hasNextPage: boolean;\n  /** Whether there is a previous page (reactive). */\n  hasPreviousPage: boolean;\n  /** Go to a specific page. */\n  goToPage: (page: number) => void;\n  /** Go to next page. */\n  nextPage: () => void;\n  /** Go to previous page. */\n  previousPage: () => void;\n  /** Go to first page. */\n  firstPage: () => void;\n  /** Go to last page. */\n  lastPage: () => void;\n}\n","// ─── Vue 3 Composables for GridStorm ───\n// Provide/inject-based composables that mirror the React hooks API.\n// All composables must be called inside a component that is a child of <GridStorm>.\n\nimport {\n  inject,\n  ref,\n  onUnmounted,\n  computed,\n  watch,\n  type InjectionKey,\n  type Ref,\n  type ShallowRef,\n} from 'vue';\nimport type { GridApi, GridEngine, SortModelItem, FilterModel, RowNode } from '@gridstorm/core';\nimport type { GridContextValue } from './types';\n\n// ── Context Key ──\n\n/**\n * Injection key used internally to provide/inject the grid context.\n * Uses ShallowRef to avoid deep reactive unwrapping of GridEngine internals\n * (the Store class has private fields incompatible with Vue's deep proxy typing).\n */\nexport const GRID_CONTEXT_KEY: InjectionKey<ShallowRef<GridContextValue | null>> =\n  Symbol('gridstorm-context');\n\n// ── Internal helper ──\n\n/**\n * Internal helper to get the grid context with validation.\n * Throws if called outside a <GridStorm> component hierarchy.\n */\nfunction useGridContext<TData = any>(): ShallowRef<GridContextValue<TData> | null> {\n  const context = inject(GRID_CONTEXT_KEY, null);\n  if (!context) {\n    throw new Error(\n      '[GridStorm] Composable must be used within a <GridStorm> component.',\n    );\n  }\n  return context as ShallowRef<GridContextValue<TData> | null>;\n}\n\n/**\n * Subscribe to the grid store and keep a reactive ref in sync.\n * Returns the reactive ref and automatically unsubscribes on unmount.\n */\nfunction useStoreRef<T>(\n  context: ShallowRef<GridContextValue | null>,\n  selector: (engine: GridEngine) => T,\n): Ref<T | undefined> {\n  const value = ref<T | undefined>() as Ref<T | undefined>;\n  let unsubscribe: (() => void) | null = null;\n\n  function subscribe(ctx: GridContextValue | null) {\n    // Clean up previous subscription\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = null;\n    }\n\n    if (!ctx) {\n      value.value = undefined;\n      return;\n    }\n\n    // Set initial value\n    value.value = selector(ctx.engine);\n\n    // Subscribe to store changes\n    unsubscribe = ctx.engine.store.subscribe(() => {\n      value.value = selector(ctx.engine);\n    });\n  }\n\n  // Watch for context changes (grid initialization/destruction)\n  watch(context, (newCtx) => subscribe(newCtx), { immediate: true });\n\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = null;\n    }\n  });\n\n  return value;\n}\n\n// ── Public Composables ──\n\n/**\n * Access the GridApi instance from a parent GridStorm component.\n *\n * Returns a computed ref that resolves to the GridApi once the grid is initialized.\n * The ref will be undefined until the grid has mounted.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridApi } from '@gridstorm/vue';\n *\n * const api = useGridApi();\n *\n * function exportData() {\n *   const rows = api.value?.getSelectedRows() ?? [];\n *   console.log('Selected:', rows);\n * }\n * </script>\n * ```\n */\nexport function useGridApi<TData = any>(): Ref<GridApi<TData> | undefined> {\n  const context = useGridContext<TData>();\n  return computed(() => context.value?.api);\n}\n\n/**\n * Access the GridEngine instance from a parent GridStorm component.\n *\n * Primarily useful for advanced use cases that need direct access to\n * the store, event bus, or command bus.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridEngine } from '@gridstorm/vue';\n *\n * const engine = useGridEngine();\n * </script>\n * ```\n */\nexport function useGridEngine<TData = any>(): Ref<GridEngine<TData> | undefined> {\n  const context = useGridContext<TData>();\n  return computed(() => context.value?.engine);\n}\n\n/**\n * Reactive sort model state and sort actions.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridSort } from '@gridstorm/vue';\n *\n * const { sortModel, isSorted, toggleSort, clearSort } = useGridSort();\n * </script>\n *\n * <template>\n *   <button @click=\"toggleSort('name')\">Sort by Name</button>\n *   <button v-if=\"isSorted\" @click=\"clearSort()\">Clear Sort</button>\n *   <pre>{{ sortModel }}</pre>\n * </template>\n * ```\n */\nexport function useGridSort(): {\n  sortModel: Ref<SortModelItem[]>;\n  isSorted: Ref<boolean>;\n  setSortModel: (model: SortModelItem[]) => void;\n  toggleSort: (colId: string, multiSort?: boolean) => void;\n  clearSort: () => void;\n} {\n  const context = useGridContext();\n\n  const sortModel = useStoreRef(context, (engine) =>\n    engine.store.getState().sortModel,\n  );\n\n  const isSorted = computed(() => (sortModel.value?.length ?? 0) > 0);\n\n  function setSortModel(model: SortModelItem[]): void {\n    context.value?.api.setSortModel(model);\n  }\n\n  function toggleSort(colId: string, multiSort = false): void {\n    context.value?.engine.commandBus.dispatch('sort:toggle', {\n      colId,\n      multiSort,\n    });\n  }\n\n  function clearSort(): void {\n    context.value?.api.setSortModel([]);\n  }\n\n  return {\n    sortModel: sortModel as Ref<SortModelItem[]>,\n    isSorted,\n    setSortModel,\n    toggleSort,\n    clearSort,\n  };\n}\n\n/**\n * Reactive filter model state and filter actions.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridFilter } from '@gridstorm/vue';\n *\n * const { isFiltered, setQuickFilter, clearFilters } = useGridFilter();\n * </script>\n *\n * <template>\n *   <input @input=\"(e) => setQuickFilter((e.target as HTMLInputElement).value)\" />\n *   <button v-if=\"isFiltered\" @click=\"clearFilters()\">Clear Filters</button>\n * </template>\n * ```\n */\nexport function useGridFilter(): {\n  filterModel: Ref<Record<string, FilterModel>>;\n  quickFilterText: Ref<string>;\n  isFiltered: Ref<boolean>;\n  setFilterModel: (model: Record<string, FilterModel>) => void;\n  setQuickFilter: (text: string) => void;\n  clearFilters: () => void;\n} {\n  const context = useGridContext();\n\n  const filterModel = useStoreRef(context, (engine) =>\n    engine.store.getState().filterModel,\n  );\n\n  const quickFilterText = useStoreRef(context, (engine) =>\n    engine.store.getState().quickFilterText,\n  );\n\n  const isFiltered = computed(() => {\n    const hasColumnFilters = Object.keys(filterModel.value ?? {}).length > 0;\n    const hasQuickFilter = (quickFilterText.value ?? '').length > 0;\n    return hasColumnFilters || hasQuickFilter;\n  });\n\n  function setFilterModel(model: Record<string, FilterModel>): void {\n    context.value?.api.setFilterModel(model);\n  }\n\n  function setQuickFilter(text: string): void {\n    context.value?.api.setQuickFilter(text);\n  }\n\n  function clearFilters(): void {\n    context.value?.api.setFilterModel({});\n    context.value?.api.setQuickFilter('');\n  }\n\n  return {\n    filterModel: filterModel as Ref<Record<string, FilterModel>>,\n    quickFilterText: quickFilterText as Ref<string>,\n    isFiltered,\n    setFilterModel,\n    setQuickFilter,\n    clearFilters,\n  };\n}\n\n/**\n * Reactive selection state and selection actions.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridSelection } from '@gridstorm/vue';\n *\n * const { selectedCount, selectAll, deselectAll, isRowSelected } = useGridSelection();\n * </script>\n *\n * <template>\n *   <p>{{ selectedCount }} rows selected</p>\n *   <button @click=\"selectAll()\">Select All</button>\n *   <button @click=\"deselectAll()\">Deselect All</button>\n * </template>\n * ```\n */\nexport function useGridSelection<TData = any>(): {\n  selectedRowIds: Ref<Set<string>>;\n  selectedCount: Ref<number>;\n  getSelectedRows: () => TData[];\n  getSelectedNodes: () => RowNode<TData>[];\n  isRowSelected: (rowId: string) => boolean;\n  selectAll: () => void;\n  deselectAll: () => void;\n} {\n  const context = useGridContext<TData>();\n\n  const selectedRowIds = useStoreRef(context, (engine) =>\n    engine.store.getState().selection.selectedRowIds,\n  );\n\n  const selectedCount = computed(() => selectedRowIds.value?.size ?? 0);\n\n  function getSelectedRows(): TData[] {\n    return context.value?.api.getSelectedRows() ?? [];\n  }\n\n  function getSelectedNodes(): RowNode<TData>[] {\n    return context.value?.api.getSelectedNodes() ?? [];\n  }\n\n  function isRowSelected(rowId: string): boolean {\n    return selectedRowIds.value?.has(rowId) ?? false;\n  }\n\n  function selectAll(): void {\n    context.value?.api.selectAll();\n  }\n\n  function deselectAll(): void {\n    context.value?.api.deselectAll();\n  }\n\n  return {\n    selectedRowIds: selectedRowIds as Ref<Set<string>>,\n    selectedCount,\n    getSelectedRows,\n    getSelectedNodes,\n    isRowSelected,\n    selectAll,\n    deselectAll,\n  };\n}\n\n/**\n * Reactive pagination state and navigation actions.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridPagination } from '@gridstorm/vue';\n *\n * const {\n *   currentPage,\n *   totalPages,\n *   hasNextPage,\n *   hasPreviousPage,\n *   nextPage,\n *   previousPage,\n * } = useGridPagination();\n * </script>\n *\n * <template>\n *   <div class=\"pagination\">\n *     <button :disabled=\"!hasPreviousPage\" @click=\"previousPage()\">Prev</button>\n *     <span>Page {{ currentPage + 1 }} of {{ totalPages }}</span>\n *     <button :disabled=\"!hasNextPage\" @click=\"nextPage()\">Next</button>\n *   </div>\n * </template>\n * ```\n */\nexport function useGridPagination(): {\n  currentPage: Ref<number>;\n  totalPages: Ref<number>;\n  pageSize: Ref<number>;\n  totalRows: Ref<number>;\n  hasNextPage: Ref<boolean>;\n  hasPreviousPage: Ref<boolean>;\n  goToPage: (page: number) => void;\n  nextPage: () => void;\n  previousPage: () => void;\n  firstPage: () => void;\n  lastPage: () => void;\n} {\n  const context = useGridContext();\n\n  const paginationState = useStoreRef(context, (engine) =>\n    engine.store.getState().pagination,\n  );\n\n  const currentPage = computed(() => paginationState.value?.currentPage ?? 0);\n  const pageSize = computed(() => paginationState.value?.pageSize ?? 100);\n  const totalRows = computed(() => paginationState.value?.totalRows ?? 0);\n  const totalPages = computed(() =>\n    Math.max(1, Math.ceil(totalRows.value / pageSize.value)),\n  );\n  const hasNextPage = computed(() => currentPage.value < totalPages.value - 1);\n  const hasPreviousPage = computed(() => currentPage.value > 0);\n\n  function goToPage(page: number): void {\n    context.value?.api.paginationGoToPage(page);\n  }\n\n  function nextPage(): void {\n    if (hasNextPage.value) {\n      context.value?.api.paginationGoToPage(currentPage.value + 1);\n    }\n  }\n\n  function previousPage(): void {\n    if (hasPreviousPage.value) {\n      context.value?.api.paginationGoToPage(currentPage.value - 1);\n    }\n  }\n\n  function firstPage(): void {\n    context.value?.api.paginationGoToPage(0);\n  }\n\n  function lastPage(): void {\n    context.value?.api.paginationGoToPage(totalPages.value - 1);\n  }\n\n  return {\n    currentPage,\n    totalPages,\n    pageSize,\n    totalRows,\n    hasNextPage,\n    hasPreviousPage,\n    goToPage,\n    nextPage,\n    previousPage,\n    firstPage,\n    lastPage,\n  };\n}\n\n/**\n * Listen to a specific grid event with automatic cleanup on unmount.\n *\n * @param event - The event name from GridEventMap.\n * @param handler - Callback function invoked when the event fires.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useGridEvent } from '@gridstorm/vue';\n *\n * useGridEvent('selection:changed', (e) => {\n *   console.log('Selection changed:', e.selectedNodes);\n * });\n * </script>\n * ```\n */\nexport function useGridEvent<TData = any>(\n  event: string,\n  handler: (payload: any) => void,\n): void {\n  const context = useGridContext<TData>();\n  let unsubscribe: (() => void) | null = null;\n\n  watch(\n    context,\n    (ctx) => {\n      // Clean up previous listener\n      if (unsubscribe) {\n        unsubscribe();\n        unsubscribe = null;\n      }\n\n      if (ctx) {\n        unsubscribe = ctx.engine.eventBus.on(event as any, handler);\n      }\n    },\n    { immediate: true },\n  );\n\n  onUnmounted(() => {\n    if (unsubscribe) {\n      unsubscribe();\n      unsubscribe = null;\n    }\n  });\n}\n","// ─── GridStorm Vue 3 Component ───\n// Production-grade Vue wrapper around the headless core engine.\n// Uses defineComponent with a render function (no .vue SFC) for tsup compatibility.\n// Supports event emission, reactive prop watching, and composable injection.\n\nimport {\n  defineComponent,\n  ref,\n  shallowRef,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  provide,\n  h,\n} from 'vue';\nimport type { GridEngine } from '@gridstorm/core';\nimport { createGrid } from '@gridstorm/core';\nimport { DomRenderer } from '@gridstorm/dom-renderer';\nimport { gridStormPropDefs } from './types';\nimport type { GridContextValue } from './types';\nimport { GRID_CONTEXT_KEY } from './composables';\n\n/**\n * GridStorm Vue 3 component.\n *\n * Wraps the headless GridStorm core engine and DOM renderer into a Vue component\n * with reactive prop watching, event emission, and provide/inject context for\n * child composables.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { GridStorm } from '@gridstorm/vue';\n * import { sortingPlugin } from '@gridstorm/plugin-sorting';\n *\n * const columns = [\n *   { field: 'name', headerName: 'Name', sortable: true },\n *   { field: 'age', headerName: 'Age', width: 100 },\n * ];\n * const rowData = [\n *   { name: 'Alice', age: 30 },\n *   { name: 'Bob', age: 25 },\n * ];\n * </script>\n *\n * <template>\n *   <GridStorm\n *     :columns=\"columns\"\n *     :row-data=\"rowData\"\n *     :plugins=\"[sortingPlugin()]\"\n *     @grid-ready=\"(api) => console.log('Grid ready!', api)\"\n *   />\n * </template>\n * ```\n */\nexport const GridStorm = defineComponent({\n  name: 'GridStorm',\n\n  props: gridStormPropDefs,\n\n  emits: [\n    'gridReady',\n    'rowDataChanged',\n    'selectionChanged',\n    'sortChanged',\n    'filterChanged',\n    'cellValueChanged',\n    'cellClicked',\n    'cellDoubleClicked',\n    'rowClicked',\n    'paginationChanged',\n    'columnResized',\n  ],\n\n  setup(props, { emit, expose }) {\n    const containerRef = ref<HTMLElement | null>(null);\n    let engine: GridEngine | null = null;\n    let renderer: DomRenderer | null = null;\n    const eventUnsubscribers: Array<() => void> = [];\n\n    // ── Build GridConfig from props ──\n    function buildConfig() {\n      return {\n        columns: props.columns as any,\n        rowData: props.rowData as any,\n        plugins: props.plugins as any,\n        getRowId: props.getRowId as any,\n        rowHeight: props.rowHeight,\n        headerHeight: props.headerHeight,\n        defaultColDef: props.defaultColDef as any,\n        paginationPageSize: props.paginationPageSize,\n        pagination: props.pagination,\n        rowSelection: props.rowSelection as any,\n        editType: props.editType as any,\n        ariaLabel: props.ariaLabel,\n      };\n    }\n\n    // ── Subscribe to engine events and bridge to Vue emits ──\n    function subscribeToEvents() {\n      if (!engine) return;\n\n      const eb = engine.eventBus;\n\n      eventUnsubscribers.push(\n        eb.on('rowData:changed', (e) => emit('rowDataChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('selection:changed', (e) => emit('selectionChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('column:sort:changed', (e) => emit('sortChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('filter:changed', (e) => emit('filterChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('cell:valueChanged', (e) => emit('cellValueChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('cell:clicked', (e) => emit('cellClicked', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('cell:doubleClicked', (e) => emit('cellDoubleClicked', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('row:clicked', (e) => emit('rowClicked', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('pagination:changed', (e) => emit('paginationChanged', e)),\n      );\n      eventUnsubscribers.push(\n        eb.on('column:resized', (e) => emit('columnResized', e)),\n      );\n    }\n\n    // ── Provide context for composables ──\n    // Use shallowRef to avoid deep unwrapping of GridEngine internals\n    // (Store class has private fields that break Vue's deep reactive proxy typing)\n    const gridContext = shallowRef<GridContextValue | null>(null);\n\n    provide(GRID_CONTEXT_KEY, gridContext);\n\n    // ── Initialize grid engine and renderer ──\n    function initGrid() {\n      if (!containerRef.value) return;\n\n      const config = buildConfig();\n      engine = createGrid(config);\n\n      // Update context for composables\n      gridContext.value = {\n        engine,\n        api: engine.api,\n      };\n\n      // Mount DOM renderer\n      renderer = new DomRenderer({\n        container: containerRef.value,\n        engine,\n      });\n      renderer.mount();\n\n      // Subscribe to events\n      subscribeToEvents();\n\n      // Emit gridReady\n      emit('gridReady', engine.api);\n    }\n\n    // ── Teardown ──\n    function destroyGrid() {\n      // Unsubscribe from all events\n      for (const unsub of eventUnsubscribers) {\n        unsub();\n      }\n      eventUnsubscribers.length = 0;\n\n      renderer?.destroy();\n      renderer = null;\n\n      engine?.destroy();\n      engine = null;\n\n      gridContext.value = null;\n    }\n\n    // ── Lifecycle ──\n    onMounted(() => {\n      initGrid();\n    });\n\n    onBeforeUnmount(() => {\n      destroyGrid();\n    });\n\n    // ── Watch for rowData changes ──\n    watch(\n      () => props.rowData,\n      (newData) => {\n        if (engine && newData) {\n          engine.api.setRowData(newData as any);\n        }\n      },\n      { deep: false },\n    );\n\n    // ── Watch for column changes ──\n    watch(\n      () => props.columns,\n      (newCols) => {\n        if (engine && newCols) {\n          engine.api.setColumnDefs(newCols as any);\n        }\n      },\n      { deep: false },\n    );\n\n    // ── Watch for theme changes ──\n    watch(\n      () => props.theme,\n      (newTheme) => {\n        if (containerRef.value && newTheme) {\n          containerRef.value.setAttribute('data-theme', newTheme);\n        }\n      },\n    );\n\n    // ── Watch for density changes ──\n    watch(\n      () => props.density,\n      (newDensity) => {\n        if (containerRef.value && newDensity) {\n          containerRef.value.setAttribute('data-density', newDensity);\n        }\n      },\n    );\n\n    // ── Expose public API via template refs ──\n    expose({\n      /**\n       * Get the GridApi instance.\n       * Returns undefined if the grid has not been initialized yet.\n       */\n      getApi: () => engine?.api,\n\n      /**\n       * Get the GridEngine instance.\n       * Returns undefined if the grid has not been initialized yet.\n       */\n      getEngine: () => engine,\n    });\n\n    // ── Render function ──\n    return () => {\n      const heightStyle =\n        typeof props.height === 'number' ? `${props.height}px` : props.height;\n      const widthStyle =\n        typeof props.width === 'number' ? `${props.width}px` : props.width;\n\n      return h('div', {\n        ref: containerRef,\n        class: ['gridstorm-wrapper', props.containerClass].filter(Boolean).join(' '),\n        'data-theme': props.theme,\n        'data-density': props.density,\n        style: {\n          width: widthStyle,\n          height: heightStyle,\n        },\n      });\n    };\n  },\n});\n"]}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@gridstorm/vue",
+  "version": "0.1.2",
+  "description": "GridStorm Vue 3 adapter",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@gridstorm/core": "workspace:*",
+    "@gridstorm/dom-renderer": "workspace:*"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "vue": "^3.5.0",
+    "tsup": "^8.2.0",
+    "typescript": "^5.5.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "keywords": [
+    "datagrid",
+    "vue",
+    "vue3",
+    "vue-grid",
+    "vue-table",
+    "gridstorm",
+    "composables"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/007krcs/grid-data.git",
+    "directory": "packages/vue-adapter"
+  },
+  "bugs": {
+    "url": "https://github.com/007krcs/grid-data/issues"
+  },
+  "homepage": "https://grid-data-analytics-explorer.vercel.app/",
+  "author": {
+    "name": "GridStorm",
+    "url": "https://grid-data-analytics-explorer.vercel.app/"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/gridstorm"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}