cx 26.1.0 → 26.1.2

package/src/data/ZoomIntoPropertyView.spec.ts

@@ -1,64 +1,64 @@
-import assert from "assert";
-
-import { Binding } from "./Binding";
-import { Store } from "./Store";
-import { ZoomIntoPropertyView } from "./ZoomIntoPropertyView";
-
-describe("ZoomIntoPropertyView", () => {
-   const getZoom = () => {
-      let store = new Store({
-         data: {
-            a: 3,
-            item: {
-               firstName: "Jack",
-            },
-         },
-      });
-
-      return new ZoomIntoPropertyView({
-         store: store,
-         binding: Binding.get("item"),
-      });
-   };
-
-   it("allows direct access to properties of zoomed object", () => {
-      let zoom = getZoom();
-      assert.equal(zoom.get("firstName"), "Jack");
-   });
-
-   it("allows access to outside data through $root", () => {
-      let zoom = getZoom();
-      assert.equal(zoom.get("$root.a"), 3);
-   });
-
-   it("correctly sets zoomed object", () => {
-      let zoom = getZoom();
-      zoom.set("firstName", "Joe");
-      assert.equal(zoom.get("firstName"), "Joe");
-   });
-
-   it("correctly sets zoomed values", () => {
-      let zoom = getZoom();
-      zoom.set("firstName", "Joe");
-      assert.equal(zoom.get("firstName"), "Joe");
-      assert.equal(zoom.get("$root.item.firstName"), "Joe");
-   });
-
-   it("correctly sets outside values", () => {
-      let zoom = getZoom();
-      zoom.set("$root.a", 6);
-      assert.equal(zoom.get("$root.a"), 6);
-   });
-
-   it("correctly deletes zoomed values", () => {
-      let zoom = getZoom();
-      zoom.delete("firstName");
-      assert.equal(zoom.get("firstName"), undefined);
-   });
-
-   it("correctly deletes outside values", () => {
-      let zoom = getZoom();
-      zoom.delete("$root.a");
-      assert.equal(zoom.get("$root.a"), undefined);
-   });
-});
+import assert from "assert";
+
+import { Binding } from "./Binding";
+import { Store } from "./Store";
+import { ZoomIntoPropertyView } from "./ZoomIntoPropertyView";
+
+describe("ZoomIntoPropertyView", () => {
+   const getZoom = () => {
+      let store = new Store({
+         data: {
+            a: 3,
+            item: {
+               firstName: "Jack",
+            },
+         },
+      });
+
+      return new ZoomIntoPropertyView({
+         store: store,
+         binding: Binding.get("item"),
+      });
+   };
+
+   it("allows direct access to properties of zoomed object", () => {
+      let zoom = getZoom();
+      assert.equal(zoom.get("firstName"), "Jack");
+   });
+
+   it("allows access to outside data through $root", () => {
+      let zoom = getZoom();
+      assert.equal(zoom.get("$root.a"), 3);
+   });
+
+   it("correctly sets zoomed object", () => {
+      let zoom = getZoom();
+      zoom.set("firstName", "Joe");
+      assert.equal(zoom.get("firstName"), "Joe");
+   });
+
+   it("correctly sets zoomed values", () => {
+      let zoom = getZoom();
+      zoom.set("firstName", "Joe");
+      assert.equal(zoom.get("firstName"), "Joe");
+      assert.equal(zoom.get("$root.item.firstName"), "Joe");
+   });
+
+   it("correctly sets outside values", () => {
+      let zoom = getZoom();
+      zoom.set("$root.a", 6);
+      assert.equal(zoom.get("$root.a"), 6);
+   });
+
+   it("correctly deletes zoomed values", () => {
+      let zoom = getZoom();
+      zoom.delete("firstName");
+      assert.equal(zoom.get("firstName"), undefined);
+   });
+
+   it("correctly deletes outside values", () => {
+      let zoom = getZoom();
+      zoom.delete("$root.a");
+      assert.equal(zoom.get("$root.a"), undefined);
+   });
+});

package/src/data/comparer.spec.ts

@@ -1,60 +1,60 @@
-import { sorter } from "./comparer";
-import assert from "assert";
-
-describe("comparer", function () {
-   describe("sorter", function () {
-      it("orders by numeric values ASC", function () {
-         let records = [
-            { value: 3, id: 1 },
-            { value: -1, id: 2 },
-            { value: 2, id: 3 },
-            { value: null, id: 4 },
-            { value: null, id: 5 },
-         ];
-
-         let sort = sorter([{ value: { bind: "value" }, direction: "ASC" }]);
-
-         let sorted = sort(records);
-
-         assert.equal(sorted[0].value, -1);
-         assert.equal(sorted[1].value, 2);
-         assert.equal(sorted[2].value, 3);
-         assert.equal(sorted[3].value, null);
-         assert.equal(sorted[4].value, null);
-      });
-
-      it("orders by numeric values DESC", function () {
-         let records = [
-            { value: 3, id: 1 },
-            { value: 1, id: 2 },
-            { value: -2, id: 3 },
-            { value: null, id: 4 },
-            { value: null, id: 5 },
-         ];
-
-         let sort = sorter([{ value: { bind: "value" }, direction: "DESC" }]);
-
-         let sorted = sort(records);
-
-         assert.equal(sorted[0].value, 3);
-         assert.equal(sorted[1].value, 1);
-         assert.equal(sorted[2].value, -2);
-         assert.equal(sorted[3].value, null);
-         assert.equal(sorted[4].value, null);
-      });
-
-      it("supports field", function () {
-         let records = [
-            { value: 3, id: 1 },
-            { value: 1, id: 2 },
-            { value: 2, id: 3 },
-         ];
-
-         let sort = sorter([{ field: "value", direction: "ASC" }]);
-         let sorted = sort(records);
-         assert.equal(sorted[0].value, 1);
-         assert.equal(sorted[1].value, 2);
-         assert.equal(sorted[2].value, 3);
-      });
-   });
-});
+import { sorter } from "./comparer";
+import assert from "assert";
+
+describe("comparer", function () {
+   describe("sorter", function () {
+      it("orders by numeric values ASC", function () {
+         let records = [
+            { value: 3, id: 1 },
+            { value: -1, id: 2 },
+            { value: 2, id: 3 },
+            { value: null, id: 4 },
+            { value: null, id: 5 },
+         ];
+
+         let sort = sorter([{ value: { bind: "value" }, direction: "ASC" }]);
+
+         let sorted = sort(records);
+
+         assert.equal(sorted[0].value, -1);
+         assert.equal(sorted[1].value, 2);
+         assert.equal(sorted[2].value, 3);
+         assert.equal(sorted[3].value, null);
+         assert.equal(sorted[4].value, null);
+      });
+
+      it("orders by numeric values DESC", function () {
+         let records = [
+            { value: 3, id: 1 },
+            { value: 1, id: 2 },
+            { value: -2, id: 3 },
+            { value: null, id: 4 },
+            { value: null, id: 5 },
+         ];
+
+         let sort = sorter([{ value: { bind: "value" }, direction: "DESC" }]);
+
+         let sorted = sort(records);
+
+         assert.equal(sorted[0].value, 3);
+         assert.equal(sorted[1].value, 1);
+         assert.equal(sorted[2].value, -2);
+         assert.equal(sorted[3].value, null);
+         assert.equal(sorted[4].value, null);
+      });
+
+      it("supports field", function () {
+         let records = [
+            { value: 3, id: 1 },
+            { value: 1, id: 2 },
+            { value: 2, id: 3 },
+         ];
+
+         let sort = sorter([{ field: "value", direction: "ASC" }]);
+         let sorted = sort(records);
+         assert.equal(sorted[0].value, 1);
+         assert.equal(sorted[1].value, 2);
+         assert.equal(sorted[2].value, 3);
+      });
+   });
+});

package/src/data/computable.spec.ts

@@ -1,87 +1,87 @@
-import { computable } from "./computable";
-import assert from "assert";
-import { createAccessorModelProxy } from "./createAccessorModelProxy";
-
-describe("computable", function () {
-   it("creates a selector", function () {
-      let state = { person: { name: "Joe" } };
-      let nameLength = computable("person.name", (name: string) => name.length);
-      assert.equal(nameLength(state), 3);
-   });
-
-   it("fires every time if not memoized", function () {
-      let state = { person: { name: "Joe" } };
-      let fired = 0;
-      let nameLength = computable("person.name", (name: string) => {
-         fired++;
-         return name.length;
-      });
-      assert.equal(nameLength(state), 3);
-      assert.equal(nameLength(state), 3);
-      assert.equal(fired, 2);
-   });
-
-   it("fires once if memoized and data has not changed", function () {
-      let state = { person: { name: "Joe" } };
-      let fired = 0;
-      let nameLength = computable("person.name", (name: string) => {
-         fired++;
-         return name.length;
-      }).memoize();
-      assert.equal(nameLength(state), 3);
-      assert.equal(nameLength(state), 3);
-      assert.equal(fired, 1);
-   });
-
-   //weird but that's how triggers work and
-   it("memoize with warmup data will not call compute", function () {
-      let state = { person: { name: "Joe" } };
-      let fired = 0;
-      let nameLength = computable("person.name", (name: string) => {
-         fired++;
-         return name.length;
-      }).memoize(state);
-      assert.equal(nameLength(state), undefined);
-      assert.equal(nameLength(state), undefined);
-      assert.equal(fired, 0);
-   });
-
-   it("works with accessors", function () {
-      var m = createAccessorModelProxy<{ person: { name: string } }>();
-      let state = { person: { name: "Joe" } };
-      let nameLength = computable(m.person.name, (name) => {
-         // name should be inferred as string
-         const typedName: string = name;
-         // @ts-expect-error - name should not be number
-         const wrongType: number = name;
-         return typedName.length;
-      });
-      assert.equal(nameLength(state), 3);
-   });
-
-   it("works with array length accessor", function () {
-      var m = createAccessorModelProxy<{ items: string[] }>();
-      let state = { items: ["a", "b", "c"] };
-      let itemCount = computable(m.items.length, (length) => {
-         // length should be inferred as number
-         const typedLength: number = length;
-         // @ts-expect-error - length should not be string
-         const wrongType: string = length;
-         return typedLength;
-      });
-      assert.equal(itemCount(state), 3);
-   });
-
-   it("resolves AccessorChain<any> and nested properties to any", function () {
-      var m = createAccessorModelProxy<{ data: any }>();
-      let state = { data: { nested: { value: 42 } } };
-      let result = computable(m.data.nested.value, (value) => {
-         // value should be any, so all assignments should work
-         const asString: string = value;
-         const asNumber: number = value;
-         const asBoolean: boolean = value;
-         return value;
-      });
-      assert.equal(result(state), 42);
-   });
-});
+import { computable } from "./computable";
+import assert from "assert";
+import { createAccessorModelProxy } from "./createAccessorModelProxy";
+
+describe("computable", function () {
+   it("creates a selector", function () {
+      let state = { person: { name: "Joe" } };
+      let nameLength = computable("person.name", (name: string) => name.length);
+      assert.equal(nameLength(state), 3);
+   });
+
+   it("fires every time if not memoized", function () {
+      let state = { person: { name: "Joe" } };
+      let fired = 0;
+      let nameLength = computable("person.name", (name: string) => {
+         fired++;
+         return name.length;
+      });
+      assert.equal(nameLength(state), 3);
+      assert.equal(nameLength(state), 3);
+      assert.equal(fired, 2);
+   });
+
+   it("fires once if memoized and data has not changed", function () {
+      let state = { person: { name: "Joe" } };
+      let fired = 0;
+      let nameLength = computable("person.name", (name: string) => {
+         fired++;
+         return name.length;
+      }).memoize();
+      assert.equal(nameLength(state), 3);
+      assert.equal(nameLength(state), 3);
+      assert.equal(fired, 1);
+   });
+
+   //weird but that's how triggers work and
+   it("memoize with warmup data will not call compute", function () {
+      let state = { person: { name: "Joe" } };
+      let fired = 0;
+      let nameLength = computable("person.name", (name: string) => {
+         fired++;
+         return name.length;
+      }).memoize(state);
+      assert.equal(nameLength(state), undefined);
+      assert.equal(nameLength(state), undefined);
+      assert.equal(fired, 0);
+   });
+
+   it("works with accessors", function () {
+      var m = createAccessorModelProxy<{ person: { name: string } }>();
+      let state = { person: { name: "Joe" } };
+      let nameLength = computable(m.person.name, (name) => {
+         // name should be inferred as string
+         const typedName: string = name;
+         // @ts-expect-error - name should not be number
+         const wrongType: number = name;
+         return typedName.length;
+      });
+      assert.equal(nameLength(state), 3);
+   });
+
+   it("works with array length accessor", function () {
+      var m = createAccessorModelProxy<{ items: string[] }>();
+      let state = { items: ["a", "b", "c"] };
+      let itemCount = computable(m.items.length, (length) => {
+         // length should be inferred as number
+         const typedLength: number = length;
+         // @ts-expect-error - length should not be string
+         const wrongType: string = length;
+         return typedLength;
+      });
+      assert.equal(itemCount(state), 3);
+   });
+
+   it("resolves AccessorChain<any> and nested properties to any", function () {
+      var m = createAccessorModelProxy<{ data: any }>();
+      let state = { data: { nested: { value: 42 } } };
+      let result = computable(m.data.nested.value, (value) => {
+         // value should be any, so all assignments should work
+         const asString: string = value;
+         const asNumber: number = value;
+         const asBoolean: boolean = value;
+         return value;
+      });
+      assert.equal(result(state), 42);
+   });
+});

package/src/data/computable.ts

@@ -1,69 +1,69 @@
-import { Binding } from "./Binding";
-import { isString } from "../util/isString";
-import { isFunction } from "../util/isFunction";
-import { AccessorChain, isAccessorChain } from "./createAccessorModelProxy";
-import { CanMemoize, MemoSelector, Selector } from "./Selector";
-import { Ref } from "./Ref";
-
-export type ComputableSelector<T = any> = string | Selector<T> | AccessorChain<T> | CanMemoize<T>;
-
-// Helper type to infer the value type from a selector, string, or accessor chain
-export type InferSelectorValue<T> =
-   T extends Selector<infer R> ? R : T extends AccessorChain<infer R> ? R : T extends string ? any : never;
-
-// Generic function with proper type inference for selectors
-export function computable<T extends ComputableSelector[], R>(
-   ...args: [...T, (...values: { [K in keyof T]: InferSelectorValue<T[K]> }) => R]
-): MemoSelector<R>;
-
-export function computable(...selectorsAndCompute: any[]): MemoSelector {
-   if (selectorsAndCompute.length == 0)
-      throw new Error("computable requires at least a compute function to be passed in arguments.");
-
-   let compute = selectorsAndCompute[selectorsAndCompute.length - 1];
-   if (typeof compute != "function") throw new Error("Last argument to the computable function should be a function.");
-
-   let inputs: Selector[] = [],
-      a;
-
-   for (let i = 0; i + 1 < selectorsAndCompute.length; i++) {
-      a = selectorsAndCompute[i];
-      if (isString(a) || isAccessorChain(a)) inputs.push(Binding.get(a.toString()).value);
-      else if (a.memoize) inputs.push(a.memoize());
-      else if (isFunction(a)) inputs.push(a);
-      else throw new Error(`Invalid selector type '${typeof a}' received.`);
-   }
-
-   function memoize(warmupData: any) {
-      let lastValue: any,
-         lastArgs = warmupData && inputs.map((s) => s(warmupData));
-
-      return function (data: any) {
-         let dirty = false;
-
-         if (!lastArgs) {
-            lastArgs = Array.from({ length: inputs.length });
-            dirty = true;
-         }
-
-         for (let i = 0; i < inputs.length; i++) {
-            let v = inputs[i](data);
-            if (v === lastArgs[i]) continue;
-            lastArgs[i] = v;
-            dirty = true;
-         }
-
-         if (dirty) lastValue = compute.apply(null, lastArgs);
-
-         return lastValue;
-      };
-   }
-
-   let selector: Selector = (data) =>
-      compute.apply(
-         null,
-         inputs.map((s) => s(data)),
-      );
-   selector.memoize = memoize;
-   return selector as MemoSelector;
-}
+import { Binding } from "./Binding";
+import { isString } from "../util/isString";
+import { isFunction } from "../util/isFunction";
+import { AccessorChain, isAccessorChain } from "./createAccessorModelProxy";
+import { CanMemoize, MemoSelector, Selector } from "./Selector";
+import { Ref } from "./Ref";
+
+export type ComputableSelector<T = any> = string | Selector<T> | AccessorChain<T> | CanMemoize<T>;
+
+// Helper type to infer the value type from a selector, string, or accessor chain
+export type InferSelectorValue<T> =
+   T extends Selector<infer R> ? R : T extends AccessorChain<infer R> ? R : T extends string ? any : never;
+
+// Generic function with proper type inference for selectors
+export function computable<T extends ComputableSelector[], R>(
+   ...args: [...T, (...values: { [K in keyof T]: InferSelectorValue<T[K]> }) => R]
+): MemoSelector<R>;
+
+export function computable(...selectorsAndCompute: any[]): MemoSelector {
+   if (selectorsAndCompute.length == 0)
+      throw new Error("computable requires at least a compute function to be passed in arguments.");
+
+   let compute = selectorsAndCompute[selectorsAndCompute.length - 1];
+   if (typeof compute != "function") throw new Error("Last argument to the computable function should be a function.");
+
+   let inputs: Selector[] = [],
+      a;
+
+   for (let i = 0; i + 1 < selectorsAndCompute.length; i++) {
+      a = selectorsAndCompute[i];
+      if (isString(a) || isAccessorChain(a)) inputs.push(Binding.get(a.toString()).value);
+      else if (a.memoize) inputs.push(a.memoize());
+      else if (isFunction(a)) inputs.push(a);
+      else throw new Error(`Invalid selector type '${typeof a}' received.`);
+   }
+
+   function memoize(warmupData: any) {
+      let lastValue: any,
+         lastArgs = warmupData && inputs.map((s) => s(warmupData));
+
+      return function (data: any) {
+         let dirty = false;
+
+         if (!lastArgs) {
+            lastArgs = Array.from({ length: inputs.length });
+            dirty = true;
+         }
+
+         for (let i = 0; i < inputs.length; i++) {
+            let v = inputs[i](data);
+            if (v === lastArgs[i]) continue;
+            lastArgs[i] = v;
+            dirty = true;
+         }
+
+         if (dirty) lastValue = compute.apply(null, lastArgs);
+
+         return lastValue;
+      };
+   }
+
+   let selector: Selector = (data) =>
+      compute.apply(
+         null,
+         inputs.map((s) => s(data)),
+      );
+   selector.memoize = memoize;
+   return selector as MemoSelector;
+}