cx 26.0.5 → 26.0.8

package/src/ui/RenderingContext.ts

@@ -1,99 +1,99 @@
-import { TraversalStack } from "../util/TraversalStack";
-import { reverseSlice } from "../util/reverseSlice";
-import { Widget } from "./Widget";
-
-export type CxChild = Record<string, any> | React.ReactElement | Widget | CxChild[] | null | undefined;
-
-export class RenderingContext {
-   options: any;
-   exploreStack: any;
-   prepareList: any[];
-   cleanupList: any[];
-   stacks: any;
-   renderList: any;
-
-   [key: string]: any;
-
-   constructor(options?: any) {
-      this.options = options || {};
-      this.exploreStack = new TraversalStack();
-      this.prepareList = [];
-      this.cleanupList = [];
-      this.stacks = {};
-      this.renderList = new LinkedListsNode();
-   }
-
-   getStack(key: string) {
-      let stack = this.stacks[key];
-      if (!stack) stack = this.stacks[key] = [];
-      return stack;
-   }
-
-   push(key: string, value: any) {
-      let stack = this.getStack(key);
-      stack.push(this[key]);
-      return (this[key] = value);
-   }
-
-   pop(key: string) {
-      let stack = this.getStack(key);
-      return (this[key] = stack.pop());
-   }
-
-   pushNamedValue(key: string, name: string, value: any) {
-      let stack = this.getStack(`${key}:${name}`);
-      if (!this[key]) this[key] = {};
-      stack.push(this[key][name]);
-      return (this[key][name] = value);
-   }
-
-   popNamedValue(key: string, name: string) {
-      let stack = this.getStack(`${key}:${name}`);
-      return (this[key][name] = stack.pop());
-   }
-
-   get(key: string) {
-      return this[key];
-   }
-
-   getRootRenderList() {
-      let rl = this.renderList;
-      while (rl.left) rl = rl.left;
-      return rl;
-   }
-}
-
-class LinkedListsNode {
-   left?: LinkedListsNode;
-   right?: LinkedListsNode;
-   data: any[];
-   reverseIndex?: number;
-
-   constructor(left?: LinkedListsNode, right?: LinkedListsNode) {
-      this.left = left;
-      this.right = right;
-      this.data = [];
-   }
-
-   insertLeft() {
-      let node = new LinkedListsNode(this.left, this);
-      if (this.left) this.left.right = node;
-      this.left = node;
-      return node;
-   }
-
-   insertRight() {
-      let node = new LinkedListsNode(this, this.right);
-      if (this.right) this.right.left = node;
-      this.right = node;
-      return node;
-   }
-
-   markReverseIndex() {
-      this.reverseIndex = this.data.length;
-   }
-
-   reverse() {
-      reverseSlice(this.data, this.reverseIndex!);
-   }
-}
+import { TraversalStack } from "../util/TraversalStack";
+import { reverseSlice } from "../util/reverseSlice";
+import { Widget } from "./Widget";
+
+export type CxChild = Record<string, any> | React.ReactElement | Widget | CxChild[] | null | undefined;
+
+export class RenderingContext {
+   options: any;
+   exploreStack: any;
+   prepareList: any[];
+   cleanupList: any[];
+   stacks: any;
+   renderList: any;
+
+   [key: string]: any;
+
+   constructor(options?: any) {
+      this.options = options || {};
+      this.exploreStack = new TraversalStack();
+      this.prepareList = [];
+      this.cleanupList = [];
+      this.stacks = {};
+      this.renderList = new LinkedListsNode();
+   }
+
+   getStack(key: string) {
+      let stack = this.stacks[key];
+      if (!stack) stack = this.stacks[key] = [];
+      return stack;
+   }
+
+   push(key: string, value: any) {
+      let stack = this.getStack(key);
+      stack.push(this[key]);
+      return (this[key] = value);
+   }
+
+   pop(key: string) {
+      let stack = this.getStack(key);
+      return (this[key] = stack.pop());
+   }
+
+   pushNamedValue(key: string, name: string, value: any) {
+      let stack = this.getStack(`${key}:${name}`);
+      if (!this[key]) this[key] = {};
+      stack.push(this[key][name]);
+      return (this[key][name] = value);
+   }
+
+   popNamedValue(key: string, name: string) {
+      let stack = this.getStack(`${key}:${name}`);
+      return (this[key][name] = stack.pop());
+   }
+
+   get(key: string) {
+      return this[key];
+   }
+
+   getRootRenderList() {
+      let rl = this.renderList;
+      while (rl.left) rl = rl.left;
+      return rl;
+   }
+}
+
+class LinkedListsNode {
+   left?: LinkedListsNode;
+   right?: LinkedListsNode;
+   data: any[];
+   reverseIndex?: number;
+
+   constructor(left?: LinkedListsNode, right?: LinkedListsNode) {
+      this.left = left;
+      this.right = right;
+      this.data = [];
+   }
+
+   insertLeft() {
+      let node = new LinkedListsNode(this.left, this);
+      if (this.left) this.left.right = node;
+      this.left = node;
+      return node;
+   }
+
+   insertRight() {
+      let node = new LinkedListsNode(this, this.right);
+      if (this.right) this.right.left = node;
+      this.right = node;
+      return node;
+   }
+
+   markReverseIndex() {
+      this.reverseIndex = this.data.length;
+   }
+
+   reverse() {
+      reverseSlice(this.data, this.reverseIndex!);
+   }
+}

package/src/ui/Rescope.ts

@@ -1,49 +1,49 @@
-import { Widget } from "./Widget";
-import { PureContainerBase, PureContainerConfig } from "./PureContainer";
-import { Binding } from "../data/Binding";
-import { ZoomIntoPropertyView } from "../data/ZoomIntoPropertyView";
-import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
-import { isObject } from "../util/isObject";
-import { StructuredProp } from "./Prop";
-
-export interface RescopeConfig extends PureContainerConfig {
-   bind: string;
-   rootName?: string;
-   rootAlias?: string;
-   data?: StructuredProp;
-}
-
-export class Rescope extends PureContainerBase<RescopeConfig> {
-   declare bind: string;
-   declare binding: any;
-   declare rootAlias?: string;
-   declare rootName: string;
-   declare data?: any;
-
-   init() {
-      this.binding = Binding.get(this.bind);
-      if (this.rootAlias) this.rootName = this.rootAlias;
-      super.init();
-   }
-
-   initInstance(context: any, instance: any) {
-      instance.store = new ZoomIntoPropertyView({
-         store: instance.parentStore,
-         binding: this.binding,
-         rootName: this.rootName,
-         nestedData: isObject(this.data)
-            ? new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true })
-            : undefined,
-      });
-      super.initInstance(context, instance);
-   }
-
-   applyParentStore(instance: any) {
-      instance.store.setStore(instance.parentStore);
-   }
-}
-
-Rescope.prototype.bind = "$page";
-Rescope.prototype.rootName = "$root";
-
-Widget.alias("rescope", Rescope);
+import { Widget } from "./Widget";
+import { PureContainerBase, PureContainerConfig } from "./PureContainer";
+import { Binding } from "../data/Binding";
+import { ZoomIntoPropertyView } from "../data/ZoomIntoPropertyView";
+import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
+import { isObject } from "../util/isObject";
+import { StructuredProp } from "./Prop";
+
+export interface RescopeConfig extends PureContainerConfig {
+   bind: string;
+   rootName?: string;
+   rootAlias?: string;
+   data?: StructuredProp;
+}
+
+export class Rescope extends PureContainerBase<RescopeConfig> {
+   declare bind: string;
+   declare binding: any;
+   declare rootAlias?: string;
+   declare rootName: string;
+   declare data?: any;
+
+   init() {
+      this.binding = Binding.get(this.bind);
+      if (this.rootAlias) this.rootName = this.rootAlias;
+      super.init();
+   }
+
+   initInstance(context: any, instance: any) {
+      instance.store = new ZoomIntoPropertyView({
+         store: instance.parentStore,
+         binding: this.binding,
+         rootName: this.rootName,
+         nestedData: isObject(this.data)
+            ? new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true })
+            : undefined,
+      });
+      super.initInstance(context, instance);
+   }
+
+   applyParentStore(instance: any) {
+      instance.store.setStore(instance.parentStore);
+   }
+}
+
+Rescope.prototype.bind = "$page";
+Rescope.prototype.rootName = "$root";
+
+Widget.alias("rescope", Rescope);

package/src/ui/StructuredInstanceDataAccessor.ts

@@ -1,32 +1,32 @@
-import { getSelector } from "../data/getSelector";
-import { StructuredDataAccessor } from "../data/NestedDataView";
-
-export class StructuredInstanceDataAccessor implements StructuredDataAccessor {
-   instance: any;
-   dataConfig: any;
-   useParentStore: any;
-   dataSelector: any;
-
-   constructor(config: any) {
-      this.instance = config.instance;
-      this.dataConfig = config.data;
-      this.useParentStore = config.useParentStore;
-      this.dataSelector = getSelector(config.data);
-      if (this.dataSelector.memoize) this.dataSelector = this.dataSelector.memoize();
-   }
-   getSelector() {
-      return this.dataSelector;
-   }
-   get() {
-      return this.dataSelector.get(this.instance.store.getData());
-   }
-   setItem(key: string, value: any): boolean {
-      return this.instance.nestedDataSet(key, value, this.dataConfig, this.useParentStore);
-   }
-   containsKey(key: string) {
-      return this.dataConfig.hasOwnProperty(key);
-   }
-   getKeys() {
-      return Object.keys(this.dataConfig);
-   }
-}
+import { getSelector } from "../data/getSelector";
+import { StructuredDataAccessor } from "../data/NestedDataView";
+
+export class StructuredInstanceDataAccessor implements StructuredDataAccessor {
+   instance: any;
+   dataConfig: any;
+   useParentStore: any;
+   dataSelector: any;
+
+   constructor(config: any) {
+      this.instance = config.instance;
+      this.dataConfig = config.data;
+      this.useParentStore = config.useParentStore;
+      this.dataSelector = getSelector(config.data);
+      if (this.dataSelector.memoize) this.dataSelector = this.dataSelector.memoize();
+   }
+   getSelector() {
+      return this.dataSelector;
+   }
+   get() {
+      return this.dataSelector.get(this.instance.store.getData());
+   }
+   setItem(key: string, value: any): boolean {
+      return this.instance.nestedDataSet(key, value, this.dataConfig, this.useParentStore);
+   }
+   containsKey(key: string) {
+      return this.dataConfig.hasOwnProperty(key);
+   }
+   getKeys() {
+      return Object.keys(this.dataConfig);
+   }
+}

package/src/ui/VDOM.ts

@@ -1,34 +1,34 @@
-// @ts-expect-error
-import { VDOM as vdom } from "cx-react";
-
-import type * as React from "react";
-import type { Component } from "react";
-import type {
-   unstable_batchedUpdates,
-   render,
-   findDOMNode,
-   createPortal,
-   unstable_renderSubtreeIntoContainer,
-   hydrate,
-   unmountComponentAtNode,
-} from "react-dom";
-import type { createRoot, hydrateRoot, Root } from "react-dom/client";
-
-export interface VDOMType extends Omit<typeof React, "default"> {
-   allowRenderOutputCaching?: boolean;
-   Component: typeof Component;
-
-   DOM: {
-      unstable_batchedUpdates: typeof unstable_batchedUpdates;
-      render: typeof render;
-      findDOMNode: typeof findDOMNode;
-      createPortal: typeof createPortal;
-      createRoot: typeof createRoot;
-      hydrateRoot: typeof hydrateRoot;
-      hydrate: typeof hydrate;
-      unmountComponentAtNode: typeof unmountComponentAtNode;
-      unstable_renderSubtreeIntoContainer: typeof unstable_renderSubtreeIntoContainer;
-   };
-}
-
-export const VDOM = vdom as VDOMType;
+// @ts-expect-error
+import { VDOM as vdom } from "cx-react";
+
+import type * as React from "react";
+import type { Component } from "react";
+import type {
+   unstable_batchedUpdates,
+   render,
+   findDOMNode,
+   createPortal,
+   unstable_renderSubtreeIntoContainer,
+   hydrate,
+   unmountComponentAtNode,
+} from "react-dom";
+import type { createRoot, hydrateRoot, Root } from "react-dom/client";
+
+export interface VDOMType extends Omit<typeof React, "default"> {
+   allowRenderOutputCaching?: boolean;
+   Component: typeof Component;
+
+   DOM: {
+      unstable_batchedUpdates: typeof unstable_batchedUpdates;
+      render: typeof render;
+      findDOMNode: typeof findDOMNode;
+      createPortal: typeof createPortal;
+      createRoot: typeof createRoot;
+      hydrateRoot: typeof hydrateRoot;
+      hydrate: typeof hydrate;
+      unmountComponentAtNode: typeof unmountComponentAtNode;
+      unstable_renderSubtreeIntoContainer: typeof unstable_renderSubtreeIntoContainer;
+   };
+}
+
+export const VDOM = vdom as VDOMType;

package/src/ui/adapter/ArrayAdapter.spec.ts

@@ -1,55 +1,55 @@
-import { RenderingContext } from "../RenderingContext";
-import { Instance } from "../Instance";
-import { TreeAdapter } from "./TreeAdapter";
-import assert from "assert";
-import { Store } from "../../data";
-import { ArrayAdapter } from "./ArrayAdapter";
-
-describe("ArrayAdapter", () => {
-   it("maps data into records", () => {
-      let adapter = new ArrayAdapter();
-      let data = [
-         {
-            id: 1,
-            text: "1",
-         },
-         {
-            id: 2,
-            text: "2",
-         },
-      ];
-
-      let store = new Store();
-
-      let records = adapter.mapRecords(new RenderingContext(), new Instance(null!, "1", null!, store), data, store);
-
-      assert.equal(records.length, 2);
-      assert.equal(records[0].data, records[0].store.get("$record"));
-      assert.equal(records[1].data, records[1].store.get("$record"));
-   });
-
-   it("can sort data", () => {
-      let adapter = new ArrayAdapter();
-
-      adapter.sort([{ field: "id", direction: "DESC" }]);
-
-      let data = [
-         {
-            id: 1,
-            text: "1",
-         },
-         {
-            id: 2,
-            text: "2",
-         },
-      ];
-
-      let store = new Store();
-
-      let records = adapter.mapRecords(new RenderingContext(), new Instance(null!, "1", null!, store), data, store);
-
-      assert.equal(records.length, 2);
-      assert.equal(data[1], records[0].store.get("$record"));
-      assert.equal(data[0], records[1].store.get("$record"));
-   });
-});
+import { RenderingContext } from "../RenderingContext";
+import { Instance } from "../Instance";
+import { TreeAdapter } from "./TreeAdapter";
+import assert from "assert";
+import { Store } from "../../data";
+import { ArrayAdapter } from "./ArrayAdapter";
+
+describe("ArrayAdapter", () => {
+   it("maps data into records", () => {
+      let adapter = new ArrayAdapter();
+      let data = [
+         {
+            id: 1,
+            text: "1",
+         },
+         {
+            id: 2,
+            text: "2",
+         },
+      ];
+
+      let store = new Store();
+
+      let records = adapter.mapRecords(new RenderingContext(), new Instance(null!, "1", null!, store), data, store);
+
+      assert.equal(records.length, 2);
+      assert.equal(records[0].data, records[0].store.get("$record"));
+      assert.equal(records[1].data, records[1].store.get("$record"));
+   });
+
+   it("can sort data", () => {
+      let adapter = new ArrayAdapter();
+
+      adapter.sort([{ field: "id", direction: "DESC" }]);
+
+      let data = [
+         {
+            id: 1,
+            text: "1",
+         },
+         {
+            id: 2,
+            text: "2",
+         },
+      ];
+
+      let store = new Store();
+
+      let records = adapter.mapRecords(new RenderingContext(), new Instance(null!, "1", null!, store), data, store);
+
+      assert.equal(records.length, 2);
+      assert.equal(data[1], records[0].store.get("$record"));
+      assert.equal(data[0], records[1].store.get("$record"));
+   });
+});