@polygrid/core 1.0.2 → 1.0.3-b

package/src/engine/store/methods/create-tracked-proxy.ts

@@ -1,60 +0,0 @@
-import type { StoreMutation } from "../types/store-mutation";
-
-export function createTrackedProxy(
-  target: any,
-  rootPrev: any,
-  path: string[] = [],
-  mutations: StoreMutation[]
-): any {
-  return new Proxy(target, {
-    get(origTarget, prop, receiver) {
-      const value = Reflect.get(origTarget, prop, receiver);
-
-      if (value && typeof value === "object") {
-        const childPath = path.concat(String(prop));
-        return createTrackedProxy(value, rootPrev, childPath, mutations);
-      }
-
-      return value;
-    },
-
-    set(origTarget, prop, value, receiver) {
-      const propKey = String(prop);
-      const fullPath = path.concat(propKey);
-
-      const prettyPath = formatPath(fullPath);
-      const prevValue = getAtPath(rootPrev, fullPath);
-      const success = Reflect.set(origTarget, prop, value, receiver);
-
-      mutations.push({ path: prettyPath, from: prevValue, to: value });
-
-      return success;
-    },
-  });
-}
-
-function getAtPath(obj: any, path: string[]): any {
-  let current = obj;
-  for (const key of path) {
-    if (current == null) return undefined;
-    current = current[key];
-  }
-  return current;
-}
-
-function formatPath(path: string[]): string {
-  return (
-    path
-      .map((segment) => {
-        // numeric → array index
-        if (/^\d+$/.test(segment)) {
-          return `[${segment}]`;
-        }
-        // normal object key
-        return segment;
-      })
-      .join(".")
-      // fix cases like "columns.[3]" → "columns[3]"
-      .replace(/\.\[/g, "[")
-  );
-}

package/src/engine/store/methods/debug.ts

@@ -1,29 +0,0 @@
-import { DEBUG_SHOW_FULL_STATE_DIFF } from "../../debug.config";
-import type { PolyGridState } from "../interfaces/grid-state";
-import type { StoreMutation } from "../types/store-mutation";
-
-export function LogMutations(
-  mutations: StoreMutation[],
-  prev: PolyGridState,
-  next: PolyGridState
-) {
-  console.groupCollapsed(
-    "%cPolyGridStore mutations",
-    "color:#FF9800;font-weight:bold;"
-  );
-  for (const m of mutations) {
-    console.log(`Path: ${m.path}`);
-    console.log("From:", m.from);
-    console.log("To:", m.to);
-  }
-  console.groupEnd();
-  if (DEBUG_SHOW_FULL_STATE_DIFF) {
-    console.groupCollapsed(
-      "%cPolyGridStore state diff",
-      "color:#4CAF50;font-weight:bold;"
-    );
-    console.log("Prev:", prev);
-    console.log("Next:", next);
-    console.groupEnd();
-  }
-}

package/src/engine/store/store.ts

@@ -1,85 +0,0 @@
-import { DEBUG } from "../debug.config";
-import type { PolyGridState } from "./interfaces/grid-state";
-import type { ObservableLike } from "../rx-lite/interfaces/observable-like";
-import type { StoreMutation } from "./types/store-mutation";
-import { createInitialState } from "./methods/create-initial-state";
-import { createTrackedProxy } from "./methods/create-tracked-proxy";
-import { LogMutations } from "./methods/debug";
-import { createSelect } from "../rx-lite/operators/select";
-import { createCombineLatest } from "../rx-lite/operators/combine-latest";
-import { createCombineLatestAny } from "../rx-lite/operators/combine-latest-any";
-import { createSelectKeyed } from "../rx-lite/operators/select-keyed";
-
-export type Subscriber = (
-  state: PolyGridState,
-  changedKeys: (keyof PolyGridState)[]
-) => void;
-
-export class PolyGridStore {
-  private state: PolyGridState;
-  private subscribers = new Set<Subscriber>();
-
-  constructor() {
-    this.state = createInitialState();
-  }
-
-  getState() {
-    return this.state;
-  }
-
-  getSubscribers() {
-    return this.subscribers;
-  }
-
-  update(mutator: (draft: PolyGridState) => void): void {
-    const prev = this.state;
-    const next = { ...this.state };
-
-    const mutations: StoreMutation[] = [];
-    const proxy = createTrackedProxy(next, prev, [], mutations);
-
-    mutator(proxy);
-
-    if (DEBUG && mutations.length > 0) LogMutations(mutations, prev, next);
-
-    // extract changed top-level keys
-    const changedKeys = mutations.map((m) => m.path as keyof PolyGridState);
-
-    this.state = next;
-    this.emit(changedKeys);
-  }
-
-  subscribe(fn: Subscriber): () => void {
-    this.subscribers.add(fn);
-    return () => this.subscribers.delete(fn);
-  }
-
-  select<T>(selector: (state: PolyGridState) => T): ObservableLike<T> {
-    return createSelect(this, selector);
-  }
-
-  selectKeyed<T>(
-    key: keyof PolyGridState,
-    selector: (state: PolyGridState) => T
-  ): ObservableLike<T> {
-    return createSelectKeyed(this, key, selector);
-  }
-
-  combineLatest<T extends any[]>(selectors: {
-    [K in keyof T]: (state: PolyGridState) => T[K];
-  }): ObservableLike<T> {
-    return createCombineLatest(this, selectors);
-  }
-
-  combineLatestAny<T extends any[]>(sources: {
-    [K in keyof T]: ((state: PolyGridState) => T[K]) | ObservableLike<T[K]>;
-  }): ObservableLike<T> {
-    return createCombineLatestAny(this, sources);
-  }
-
-  private emit(changedKeys: (keyof PolyGridState)[]) {
-    for (const fn of this.subscribers) {
-      fn(this.state, changedKeys);
-    }
-  }
-}

package/src/engine/store/types/store-mutation.ts

@@ -1,5 +0,0 @@
-export type StoreMutation = {
-  path: string;
-  from: any;
-  to: any;
-};

package/src/styles/body.css

@@ -1,13 +0,0 @@
-.pg-body-viewport {
-  flex: 1 1 auto;
-  overflow: hidden;
-  position: relative;
-  border-top: 1px solid #d0d0d0;
-}
-
-.pg-body {
-  background: #ffffff;
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-}

package/src/styles/cell.css

@@ -1,15 +0,0 @@
-.pg-cell {
-  flex: 0 0 auto;
-  min-width: 0;
-  padding: 0 8px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  display: flex;
-  align-items: center;
-  border-right: 1px solid #d0d0d0;
-}
-
-.pg-cell.last-cell {
-  border-right: none;
-}

package/src/styles/footer.css

@@ -1,30 +0,0 @@
-.pg-footer-viewport {
-  overflow: hidden;
-  flex: 0 0 auto;
-}
-
-.pg-footer {
-  height: 24px;
-  background: #f7f7f7;
-  border-top: 1px solid #e0e0e0;
-  display: flex;
-  align-items: center;
-  font-size: 11px;
-  color: #666;
-}
-
-.pg-footer-cell {
-  flex: 0 0 auto;
-  min-width: 0;
-  padding: 0 8px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  display: flex;
-  align-items: center;
-  border-right: 1px solid #d0d0d0;
-}
-
-.pg-footer-cell.last-cell {
-  border-right: none;
-}

package/src/styles/grid.css

@@ -1,5 +0,0 @@
-.pg-grid {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}

package/src/styles/header.css

@@ -1,25 +0,0 @@
-.pg-header-viewport {
-  overflow: hidden;
-  flex: 0 0 auto;
-}
-
-.pg-header {
-  height: 40px;
-  background: #f0f0f0;
-  display: flex;
-  align-items: center;
-}
-
-.pg-header-cell {
-  flex: 0 0 auto;
-  min-width: 0;
-  padding: 0 8px;
-  line-height: 40px;
-  background: #e8e8e8;
-  border-right: 1px solid #ccc;
-  overflow: hidden;
-}
-
-.pg-header-cell.last-cell {
-  border-right: none;
-}

package/src/styles/index.css

@@ -1,9 +0,0 @@
-@import "./root.css";
-@import "./header.css";
-@import "./body.css";
-@import "./footer.css";
-@import "./viewport.css";
-@import "./scrollbar.css";
-@import "./grid.css";
-@import "./cell.css";
-@import "./row.css";

package/src/styles/root.css

@@ -1,12 +0,0 @@
-.pg-root {
-  width: 100%;
-  height: 100%;
-  font-family: system-ui, sans-serif;
-  font-size: 12px;
-  position: relative;
-}
-
-.pg-root,
-.pg-root * {
-  box-sizing: border-box;
-}

package/src/styles/row.css

@@ -1,12 +0,0 @@
-.pg-row {
-  display: flex;
-  border-bottom: 1px solid #d0d0d0;
-}
-
-.pg-row:last-child {
-  border-bottom: none;
-}
-
-.pg-row.last-row {
-  border-bottom: 1px solid #d0d0d0;
-}

package/src/styles/scrollbar.css

@@ -1,50 +0,0 @@
-.pg-h-scroll {
-  flex: 0 0 auto;
-  height: 16px; /* typical scrollbar height */
-}
-
-.pg-h-scroll-inner {
-  height: 16px; /* typical scrollbar height */
-  width: 100%;
-  overflow-x: auto;
-}
-
-.pg-v-scroll {
-  width: 16px; /* typical scrollbar width */
-  display: flex;
-  flex-direction: column;
-}
-
-.pg-v-scroll-inner {
-  width: 16px; /* typical scrollbar width */
-  height: 100%;
-  flex: 1 1 auto;
-  overflow-y: auto;
-}
-
-.pg-v-scroll-spacer-top {
-  width: 16px; /* typical scrollbar width */
-  height: 40px; /* header height */
-  box-sizing: content-box !important;
-  background: #e8e8e8; /* same as header cell */
-  border-bottom: 1px solid #d0d0d0;
-  flex: 0 0 auto;
-}
-
-.pg-v-scroll-spacer-bottom {
-  width: 16px; /* typical scrollbar width */
-  height: 24px; /* footer height */
-  background: #f7f7f7; /* same as footer */
-  border-top: 1px solid #e0e0e0;
-  flex: 0 0 auto;
-}
-
-.pg-v-scroll-bottom-corner {
-  width: 16px; /* typical scrollbar width */
-  height: 16px; /* typical scrollbar height */
-  flex: 0 0 auto;
-}
-
-.pg-v-scroll-track {
-  height: 0; /* will be set from JS */
-}

package/src/styles/viewport.css

@@ -1,6 +0,0 @@
-.pg-viewport {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}

package/src/styles.d.ts

@@ -1 +0,0 @@
-declare module "*.css";

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-
-    "module": "ES2020",
-    "target": "ES2020",
-    "types": ["node"],
-    "moduleResolution": "node",
-
-    "sourceMap": true,
-    "declaration": true,
-    "declarationMap": true,
-
-    "noUncheckedIndexedAccess": true,
-    "exactOptionalPropertyTypes": true,
-
-    "strict": true,
-    "isolatedModules": false,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}