cx 25.11.1 → 26.0.1

package/src/ui/adapter/TreeAdapter.js

@@ -1,101 +0,0 @@
-import { getAccessor } from "../../data/getAccessor";
-import { isArray } from "../../util/isArray";
-import { ArrayAdapter } from "./ArrayAdapter";
-
-export class TreeAdapter extends ArrayAdapter {
-   init() {
-      super.init();
-      this.childrenAccessor = getAccessor({ bind: `${this.recordName}.${this.childrenField}` });
-
-      if (this.restoreExpandedNodesOnLoad) {
-         if (!this.keyField)
-            throw new Error(
-               "Stateful tree adapter requires keyField property to be specified on either Grid or data adapter.",
-            );
-
-         this.expandedState = {
-            next: new Set(),
-         };
-      }
-   }
-
-   mapRecords(context, instance, data, parentStore, recordsAccessor) {
-      let nodes = super.mapRecords(context, instance, data, parentStore, recordsAccessor);
-      let result = [];
-
-      if (this.restoreExpandedNodesOnLoad) {
-         this.expandedState = {
-            current: this.expandedState.next,
-            next: new Set(),
-         };
-      }
-
-      this.processList(context, instance, 0, "", nodes, result);
-
-      return result;
-   }
-
-   processList(context, instance, level, parentKey, nodes, result) {
-      nodes.forEach((record) => {
-         record.key = parentKey + record.key;
-         this.processNode(context, instance, level, result, record);
-      });
-   }
-
-   processNode(context, instance, level, result, record) {
-      let isHiddenRootNode = level == 0 && this.hideRootNodes;
-      if (!isHiddenRootNode) result.push(record);
-      let { data, store } = record;
-      data.$level = this.hideRootNodes ? level - 1 : level;
-      if (!data[this.leafField]) {
-         if (this.restoreExpandedNodesOnLoad && data[this.expandedField] == null)
-            data[this.expandedField] = this.expandedState.current.has(data[this.keyField]);
-
-         if (data[this.expandedField] || isHiddenRootNode) {
-            if (this.restoreExpandedNodesOnLoad) this.expandedState.next.add(data[this.keyField]);
-
-            if (data[this.childrenField]) {
-               let childNodes = super.mapRecords(
-                  context,
-                  instance,
-                  data[this.childrenField],
-                  store,
-                  this.childrenAccessor,
-               );
-               this.processList(context, instance, level + 1, record.key + ":", childNodes, result);
-            } else if (this.load && !data[this.loadedField] && !data[this.loadingField]) {
-               store.set(`${this.recordName}.${this.loadingField}`, true);
-               let response = this.load(context, instance, data);
-               Promise.resolve(response)
-                  .then((children) => {
-                     store.set(`${this.recordName}.${this.childrenField}`, children);
-                     store.set(`${this.recordName}.${this.loadedField}`, true);
-                     store.set(`${this.recordName}.${this.loadingField}`, false);
-                  })
-                  .catch((response) => {
-                     store.set(`${this.recordName}.${this.loadingField}`, false);
-                     if (this.onLoadError) this.onLoadError(response);
-                  });
-            }
-         } else data[this.expandedField] = false;
-      }
-   }
-
-   sort(sorters) {
-      if (this.foldersFirst) {
-         if (!sorters || !isArray(sorters)) sorters = [];
-         sorters = [{ field: this.leafField, direction: "ASC" }, ...sorters];
-      }
-      super.sort(sorters);
-   }
-}
-
-TreeAdapter.prototype.childrenField = "$children";
-TreeAdapter.prototype.expandedField = "$expanded";
-TreeAdapter.prototype.leafField = "$leaf";
-TreeAdapter.prototype.loadingField = "$loading";
-TreeAdapter.prototype.loadedField = "$loaded";
-TreeAdapter.prototype.foldersFirst = true;
-TreeAdapter.prototype.isTreeAdapter = true;
-TreeAdapter.prototype.hideRootNodes = false;
-TreeAdapter.prototype.cacheByKeyField = false;

package/src/ui/adapter/TreeAdapter.spec.js

@@ -1,67 +0,0 @@
-import { RenderingContext } from '../RenderingContext';
-import { Instance } from '../Instance';
-import { TreeAdapter } from './TreeAdapter';
-import assert from "assert";
-import { Store } from '../../data';
-
-describe('TreeAdapter', () => {
-
-   it('properly expands records', () => {
-
-      let tree = new TreeAdapter({
-         childrenField: 'children',
-         expandedField: 'expanded'
-      });
-
-      let data = [{
-         id: 1,
-         text: '1',
-         expanded: false,
-         children: [{
-            id: 4,
-            text: '4'
-         }]
-      }, {
-         id: 2,
-         text: '2',
-         expanded: true,
-         children: [{
-            id: 3,
-            text: '3',
-            expanded: true,
-            children: [{
-               id: 5,
-               text: '5',
-               expanded: true,
-               children: [{
-                  id: 6,
-                  text: '6',
-               }]
-            }]
-         }]
-      }, {
-         id: 7,
-         text: '7',
-         expanded: false
-      }]
-
-      let store = new Store();
-
-      let records = tree.mapRecords(new RenderingContext(), new Instance(null, 1, null, store), data, store, null);
-
-      assert.equal(records.length, 6);
-      assert.equal(records[0].data.id, 1);
-      assert.equal(records[1].data.id, 2);
-      assert.equal(records[2].data.id, 3);
-      assert.equal(records[3].data.id, 5);
-      assert.equal(records[4].data.id, 6);
-      assert.equal(records[5].data.id, 7);
-      assert.equal(records[5].store.get('$record.id'), 7);
-      assert.equal(records[2].store.get('$record.id'), 3);
-      assert.equal(records[3].store.get('$record.id'), 5);
-      assert.equal(records[2].store.get('$record.id'), 3);
-      assert.equal(records[0].store.get('$record.id'), 1);
-      assert.equal(records[1].store.get('$record.id'), 2);
-   });
-});
-

package/src/ui/adapter/index.js

@@ -1,4 +0,0 @@
-export * from './DataAdapter';
-export * from './ArrayAdapter';
-export * from './GroupAdapter';
-export * from './TreeAdapter';

package/src/ui/app/History.d.ts

@@ -1,17 +0,0 @@
-import { View } from "./../../data/View";
-
-export class History {
-   static connect(store: View, urlBinding: string, hashBinding?: string);
-
-   static pushState(state, title, url: string);
-
-   static replaceState(state, title, url: string);
-
-   static subscribe(callback: (url?: string, op?: "pushState" | "replaceState") => void): () => void;
-
-   static reloadOnNextChange();
-
-   static addNavigateConfirmation(callback: (url?: string) => boolean | Promise<boolean>, executeOnlyOnce?: boolean);
-
-   static confirm(continueCallback: () => void, state: any);
-}

package/src/ui/app/History.js

@@ -1,114 +0,0 @@
-import { Url } from "./Url";
-import { batchUpdatesAndNotify } from "../batchUpdates";
-import { SubscriberList } from "../../util/SubscriberList";
-
-let last = 0,
-   next = 1,
-   transitions = {},
-   subscribers = null,
-   reload = false,
-   navigateConfirmationCallback = null,
-   permanentNavigateConfirmation = false;
-
-export class History {
-   static connect(store, urlBinding, hashBinding) {
-      this.store = store;
-      this.urlBinding = urlBinding;
-      this.hashBinding = hashBinding;
-      this.updateStore();
-      window.onpopstate = () => {
-         this.updateStore();
-      };
-   }
-
-   static pushState(state, title, url) {
-      return this.confirmAndNavigate(state, title, url);
-   }
-
-   static replaceState(state, title, url) {
-      return this.navigate(state, title, url, true);
-   }
-
-   static reloadOnNextChange() {
-      reload = true;
-   }
-
-   static addNavigateConfirmation(callback, permanent = false) {
-      navigateConfirmationCallback = callback;
-      permanentNavigateConfirmation = permanent;
-   }
-
-   static confirm(continueCallback, state) {
-      if (!navigateConfirmationCallback) return continueCallback();
-
-      let result = navigateConfirmationCallback(state);
-      Promise.resolve(result).then((value) => {
-         if (value) {
-            if (!permanentNavigateConfirmation) navigateConfirmationCallback = null;
-            continueCallback();
-         }
-      });
-
-      return false;
-   }
-
-   static confirmAndNavigate(state, title, url, replace) {
-      return this.confirm(() => this.navigate(state, title, url, replace), url);
-   }
-
-   static navigate(state, title, url, replace = false) {
-      url = Url.resolve(url);
-
-      if (!window.history.pushState || reload) {
-         window.location[replace ? "replace" : "assign"](url);
-         return true;
-      }
-
-      let transition,
-         changed = false;
-      batchUpdatesAndNotify(
-         () => {
-            changed = this.updateStore(url);
-            if (changed)
-               transitions[++last] = transition = {
-                  url,
-                  state,
-                  title,
-                  replace,
-               };
-         },
-         () => {
-            if (transition) transition.completed = true;
-
-            //update history once the page is rendered and the title is set
-            while (transitions[next] && transitions[next].completed) {
-               let tr = transitions[next];
-               delete transitions[next];
-               next++;
-               let op = tr.replace ? "replaceState" : "pushState";
-               window.history[op](tr.state, tr.title, tr.url);
-               if (subscribers) subscribers.notify(tr.url, op);
-            }
-         }
-      );
-
-      return changed;
-   }
-
-   static updateStore(href) {
-      let url = Url.unresolve(href || document.location.href),
-         hash = null;
-      let hashIndex = url.indexOf("#");
-      if (hashIndex !== -1) {
-         hash = url.substring(hashIndex);
-         url = url.substring(0, hashIndex);
-      }
-      if (this.hashBinding) this.store.set(this.hashBinding, hash);
-      return this.store.set(this.urlBinding, url);
-   }
-
-   static subscribe(callback) {
-      if (!subscribers) subscribers = new SubscriberList();
-      return subscribers.subscribe(callback);
-   }
-}

package/src/ui/app/Url.d.ts

@@ -1,21 +0,0 @@
-import * as Cx from "../../core";
-
-export class Url {
-   static resolve(path: string): string;
-
-   static absolute(path: string): string;
-
-   static unresolve(path: string): string;
-
-   static getAbsoluteBase(): string;
-
-   static isLocal(url: string): boolean;
-
-   static setBase(base: string): void;
-
-   static getOrigin(): string;
-
-   static getBaseFromScriptSrc(src: string, scriptPath: string): string;
-
-   static setBaseFromScript(scriptPath: string | RegExp);
-}

package/src/ui/app/Url.js

@@ -1,103 +0,0 @@
-export class Url {
-   static resolve(path) {
-      return path.replace('~/', this.base);
-   }
-
-   static absolute(path) {
-      return path.replace('~/', this.absoluteBase);
-   }
-
-   static unresolve(path) {
-      if (path.indexOf('~/') == 0)
-         return path;
-
-      var absBase = this.absoluteBase || '';
-      
-      //handle paths like /app and /app/
-      if (path.length == absBase.length - 1 && absBase == path + "/")
-         return "~/";
-
-      if (path.indexOf(absBase) == 0)
-         return '~/' + path.substring(absBase.length);
-
-      return '~/' + path.substring(this.base.length);
-   }
-
-   static getAbsoluteBase() {
-      return this.absoluteBase;
-   }
-
-   static isLocal(url) {
-      var absBase = this.getAbsoluteBase();
-      return url.indexOf('~/') == 0 || url.indexOf(absBase) == 0 || url.indexOf(this.base) == 0;
-   }
-
-   static setBase(base) {
-      if (!base || base[base.length - 1] != '/')
-         base += '/';
-      this.base = base;
-      if (typeof window != 'undefined')
-         this.absoluteBase = window.location.protocol + '//' + window.location.host + this.base
-   }
-
-   static getOrigin() {
-      if (typeof window == 'undefined')
-         return '';
-      return window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
-   }
-
-   static getBaseFromScriptSrc(src, scriptPath) {
-      if (!(scriptPath instanceof RegExp))
-         scriptPath = getBasePathRegex(scriptPath);
-
-      let index = src.search(scriptPath);
-      if (index == -1)
-         return false;
-
-      let origin = this.getOrigin();
-      return src.substring(src.indexOf(origin) == 0 ? origin.length : 0, index);
-   }
-
-   static setBaseFromScript(scriptPath) {
-      var scripts = document.getElementsByTagName('script'),
-         base;
-
-      if (!(scriptPath instanceof RegExp))
-         scriptPath = getBasePathRegex(scriptPath);
-
-      for (let i = 0; i < scripts.length; i++) {
-         base = this.getBaseFromScriptSrc(scripts[i].src, scriptPath);
-         if (base) {
-            this.setBase(base);
-            return;
-         }
-      }
-
-      throw new Error(`Could not resolve url base from script matching '${scriptPath}'.`);
-   }
-}
-
-Url.setBase('/');
-
-function getBasePathRegex(str) {
-   let regex = '';
-   let start = 0;
-   if (str.indexOf('~/') == 0)
-      start = 2;
-
-   for (let i = start; i < str.length; i++) {
-      switch (str[i]) {
-         case '.':
-            regex += '\\.';
-            break;
-
-         case '*':
-            regex += '.*';
-            break;
-
-         default:
-            regex += str[i];
-      }
-   }
-   return new RegExp(regex + '(\\?.*)?$', 'i');
-}

package/src/ui/app/Url.spec.js

@@ -1,51 +0,0 @@
-import { Url } from "./Url";
-import Route from "route-parser";
-
-var assert = require("assert");
-describe("Url", function () {
-   describe(".unresolve", function () {
-      it("preserves query parameters", function () {
-         Url.absoluteBase = "https://cxjs.io/docs/";
-         assert.equal("~/?state=1", Url.unresolve("https://cxjs.io/docs/?state=1"));
-      });
-
-      it("doesn't touch unresolved urls", function () {
-         assert.equal("~/test", Url.unresolve("~/test"));
-      });
-   });
-
-   describe(".getBaseFromScriptSrc", () => {
-      it("ignores query strings", function () {
-         assert.equal(Url.getBaseFromScriptSrc("/vendor.js?qs=1", "~/vendor.js"), "/");
-      });
-
-      it("allows wildcards", function () {
-         assert.equal(Url.getBaseFromScriptSrc("/vendor.123.js?qs=1", "~/vendor.*.js"), "/");
-      });
-
-      it("works for an application folder", function () {
-         assert.equal(Url.getBaseFromScriptSrc("/datasync/vendor.124c82.js", "~/vendor.*.js"), "/datasync/");
-      });
-   });
-});
-
-describe("Route", function () {
-   it("matches query param", function () {
-      let route = new Route("~/?state=:state");
-      let result = route.match("~/?state=1");
-      assert(result);
-      assert.equal(result.state, 1);
-   });
-
-   it("matches routes with extra query params", function () {
-      let route = new Route("~/?state=:state");
-      let result = route.match("~/?state=1&more=2");
-      assert(result);
-   });
-
-   it.skip("matches query params in any order", function () {
-      let route = new Route("~/?a=:a&b=:b");
-      let result = route.match("~/?b=1&a=2");
-      assert(result);
-   });
-});

package/src/ui/app/index.d.ts

@@ -1,4 +0,0 @@
-export * from './startAppLoop';
-export * from './History';
-export * from './Url';
-export * from "./startHotAppLoop";

package/src/ui/app/startAppLoop.d.ts

@@ -1,4 +0,0 @@
-import { View } from '../../data/View';
-import { Instance } from '../Instance';
-
-export function startAppLoop(parentDOMElement: Element, storeOrInstance: View | Instance, widget?: any, options?: any);

package/src/ui/app/startAppLoop.js

@@ -1,58 +0,0 @@
-import { Widget, VDOM } from "../Widget";
-import { Store } from "../../data/Store";
-import { Cx } from "../Cx";
-
-export function startAppLoop(parentDOMElement, storeOrInstance, widget, options = {}) {
-   if (!parentDOMElement || parentDOMElement.nodeType !== 1)
-      throw new Error("First argument to startAppLoop should be a valid DOM element.");
-
-   let store, instance, parentInstance;
-
-   if (!storeOrInstance) storeOrInstance = new Store();
-
-   if (storeOrInstance.notify) store = storeOrInstance;
-   else if (storeOrInstance.getChild) {
-      if (storeOrInstance.widget === widget) instance = storeOrInstance;
-      else parentInstance = storeOrInstance;
-   } else throw new Error("Second argument to startAppLoop should be either of type Store or Instance");
-
-   let content = (
-      <Cx
-         store={store}
-         widget={widget}
-         instance={instance}
-         parentInstance={parentInstance}
-         options={options}
-         subscribe
-      />
-   );
-
-   let root = null;
-   if (VDOM.DOM.createRoot) {
-      root = VDOM.DOM.createRoot(parentDOMElement);
-      root.render(content);
-   } else VDOM.DOM.render(content, parentDOMElement);
-
-   let stopped = false;
-
-   return function () {
-      if (stopped) return;
-
-      stopped = true;
-
-      if (!options.destroyDelay) destroy(parentDOMElement, options, root);
-      else {
-         setTimeout(() => {
-            destroy(parentDOMElement, options, root);
-         }, options.destroyDelay);
-      }
-   };
-}
-
-function destroy(parentDOMElement, options, root) {
-   if (root) root.unmount();
-   else VDOM.DOM.unmountComponentAtNode(parentDOMElement);
-
-   if (options.removeParentDOMElement && parentDOMElement.parentNode)
-      parentDOMElement.parentNode.removeChild(parentDOMElement);
-}

package/src/ui/app/startHotAppLoop.d.ts

@@ -1,7 +0,0 @@
-import { View } from '../../data/View';
-import { Instance } from '../Instance';
-
-/**
-   Starts the app loop with hot module reloading. Whenever the given module is updated, the app state is preserved.
- */
-export function startHotAppLoop(appModule: any, parentDOMElement: Element, storeOrInstance: View | Instance, widget?: any, options?: any);

package/src/ui/app/startHotAppLoop.js

@@ -1,25 +0,0 @@
-import { startAppLoop } from "./startAppLoop";
-import { Widget } from "../Widget";
-
-export function startHotAppLoop(appModule, element, store, widgets, options) {
-   let stop;
-   //webpack (HMR)
-   if (appModule.hot) {
-      // accept itself
-      appModule.hot.accept();
-
-      // remember data on dispose
-      appModule.hot.dispose(function (data) {
-         data.state = store.getData();
-         if (stop) stop();
-      });
-
-      //apply data on hot replace
-      if (appModule.hot.data) store.load(appModule.hot.data.state);
-   }
-
-   Widget.resetCounter();
-
-   //app loop
-   return (stop = startAppLoop(element, store, widgets, options));
-}

package/src/ui/batchUpdates.d.ts

@@ -1,11 +0,0 @@
-import * as Cx from '../core';
-
-export function batchUpdates(callback: () => void) : void;
-
-export function isBatchingUpdates() : boolean;
-
-export function notifyBatchedUpdateStarting() : void;
-
-export function notifyBatchedUpdateCompleted() : void;
-
-export function batchUpdatesAndNotify(callback: () => void, notifyCallback: () => void, timeout?: number) : void;

package/src/ui/batchUpdates.js

@@ -1,67 +0,0 @@
-import { VDOM } from './Widget';
-import { SubscriberList } from '../util/SubscriberList';
-
-let isBatching = 0;
-let promiseSubscribers = new SubscriberList();
-
-export function batchUpdates(callback) {
-   if (VDOM.DOM.unstable_batchedUpdates)
-      VDOM.DOM.unstable_batchedUpdates(() => {
-         isBatching++;
-         try {
-            callback();
-         }
-         finally {
-            isBatching--;
-         }
-      });
-   else
-      callback();
-}
-
-export function isBatchingUpdates() {
-   return isBatching > 0;
-}
-
-export function notifyBatchedUpdateStarting() {
-   promiseSubscribers.execute(x=>{
-      x.pending++;
-   });
-}
-
-export function notifyBatchedUpdateCompleted() {
-   promiseSubscribers.execute(x => {
-      x.finished++;
-      if (x.finished >= x.pending)
-         x.complete(true);
-   });
-}
-
-let updateId = 0;
-
-export function batchUpdatesAndNotify(callback, notifyCallback, timeout = 1000) {
-   let update = {
-      id: ++updateId,
-      pending: 0,
-      finished: 0,
-      done: false,
-   };
-
-   update.unsubscribe = promiseSubscribers.subscribe(update);
-   update.complete = (success) => {
-      if (!update.done) {
-         update.done = true;
-         if (update.timer)
-            clearInterval(update.timer);
-         update.unsubscribe();
-         notifyCallback(!!success);
-      }
-   };
-
-   batchUpdates(callback);
-
-   if (update.pending <= update.finished)
-      update.complete(true);
-   else
-      update.timer = setTimeout(update.complete, timeout);
-}

package/src/ui/bind.d.ts

@@ -1,4 +0,0 @@
-import { Bind, AccessorChain } from "../core";
-
-export function bind(path: string, defaultValue?: any): Bind;
-export function bind<T>(chain: AccessorChain<T>, defaultValue?: T): Bind;

package/src/ui/bind.js

@@ -1,7 +0,0 @@
-export function bind(path, defaultValue) {
-   return {
-      //toString will ensure chain accessors are converted to strings
-      bind: path.toString(),
-      defaultValue,
-   };
-}

package/src/ui/createFunctionalComponent.d.ts

@@ -1 +0,0 @@
-export function createFunctionalComponent<T, X>(factory: (props: T) => X): (props: T) => X;