cx 25.4.1 → 25.5.1

package/src/data/StructuredSelector.js

@@ -1,132 +1,132 @@
-import { Binding } from "./Binding";
-import { Expression } from "./Expression";
-import { StringTemplate } from "./StringTemplate";
-import { createStructuredSelector } from "../data/createStructuredSelector";
-import { getSelector } from "../data/getSelector";
-import { isFunction } from "../util/isFunction";
-import { isUndefined } from "../util/isUndefined";
-import { isDefined } from "../util/isDefined";
-import { isArray } from "../util/isArray";
-import { isAccessorChain } from "./createAccessorModelProxy";
-import { isString } from "../util/isString";
-
-function defaultValue(pv) {
-   if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
-
-   return pv;
-}
-
-function getSelectorConfig(props, values, nameMap) {
-   let functions = {},
-      structures = {},
-      defaultValues = {},
-      constants,
-      p,
-      v,
-      pv,
-      constant = true;
-
-   for (p in props) {
-      v = values[p];
-      pv = props[p];
-
-      if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
-
-      if (v === null) {
-         if (!constants) constants = {};
-         constants[p] = null;
-      } else if (typeof v == "object") {
-         if (v.bind) {
-            if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
-            if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
-            nameMap[p] = v.bind;
-            functions[p] = Binding.get(v.bind).value;
-            constant = false;
-         } else if (v.expr) {
-            functions[p] = Expression.get(v.expr);
-            constant = false;
-         } else if (v.get) {
-            functions[p] = v.get;
-            constant = false;
-         } else if (isString(v.tpl)) {
-            functions[p] = StringTemplate.get(v.tpl);
-            constant = false;
-         } else if (pv && typeof pv == "object" && pv.structured) {
-            if (isArray(v)) functions[p] = getSelector(v);
-            else {
-               let s = getSelectorConfig(v, v, {});
-               structures[p] = s;
-               Object.assign(defaultValues, s.defaultValues);
-            }
-            constant = false;
-         } else {
-            if (!constants) constants = {};
-            constants[p] = v;
-         }
-      } else if (isFunction(v)) {
-         if (isAccessorChain(v)) {
-            let path = v.toString();
-            nameMap[p] = path;
-            functions[p] = Binding.get(path).value;
-         } else functions[p] = v;
-         constant = false;
-      } else {
-         if (isUndefined(v)) {
-            if (isUndefined(pv)) continue;
-            v = defaultValue(pv);
-         }
-
-         if (isUndefined(v)) continue;
-
-         if (!constants) constants = {};
-
-         constants[p] = v;
-      }
-   }
-
-   return {
-      functions,
-      structures,
-      defaultValues,
-      constants,
-      constant,
-   };
-}
-
-function createSelector({ functions, structures, constants, defaultValues }) {
-   let selector = {};
-
-   for (let n in functions) {
-      selector[n] = functions[n];
-   }
-
-   for (let n in structures) selector[n] = createSelector(structures[n]);
-
-   return createStructuredSelector(selector, constants);
-}
-
-export class StructuredSelector {
-   constructor({ props, values }) {
-      this.nameMap = {};
-      this.config = getSelectorConfig(props, values, this.nameMap);
-   }
-
-   init(store) {
-      store.init(this.config.defaultValues);
-   }
-
-   create(memoize = true) {
-      let selector = createSelector(this.config);
-      if (memoize && selector.memoize) return selector.memoize();
-      return selector;
-   }
-
-   createStoreSelector() {
-      if (this.config.constant) {
-         let result = { ...this.config.constants };
-         return () => result;
-      }
-      let selector = this.create();
-      return (store) => selector(store.getData());
-   }
-}
+import { Binding } from "./Binding";
+import { Expression } from "./Expression";
+import { StringTemplate } from "./StringTemplate";
+import { createStructuredSelector } from "../data/createStructuredSelector";
+import { getSelector } from "../data/getSelector";
+import { isFunction } from "../util/isFunction";
+import { isUndefined } from "../util/isUndefined";
+import { isDefined } from "../util/isDefined";
+import { isArray } from "../util/isArray";
+import { isAccessorChain } from "./createAccessorModelProxy";
+import { isString } from "../util/isString";
+
+function defaultValue(pv) {
+   if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
+
+   return pv;
+}
+
+function getSelectorConfig(props, values, nameMap) {
+   let functions = {},
+      structures = {},
+      defaultValues = {},
+      constants,
+      p,
+      v,
+      pv,
+      constant = true;
+
+   for (p in props) {
+      v = values[p];
+      pv = props[p];
+
+      if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
+
+      if (v === null) {
+         if (!constants) constants = {};
+         constants[p] = null;
+      } else if (typeof v == "object") {
+         if (v.bind) {
+            if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
+            if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
+            nameMap[p] = v.bind;
+            functions[p] = Binding.get(v.bind).value;
+            constant = false;
+         } else if (v.expr) {
+            functions[p] = Expression.get(v.expr);
+            constant = false;
+         } else if (v.get) {
+            functions[p] = v.get;
+            constant = false;
+         } else if (isString(v.tpl)) {
+            functions[p] = StringTemplate.get(v.tpl);
+            constant = false;
+         } else if (pv && typeof pv == "object" && pv.structured) {
+            if (isArray(v)) functions[p] = getSelector(v);
+            else {
+               let s = getSelectorConfig(v, v, {});
+               structures[p] = s;
+               Object.assign(defaultValues, s.defaultValues);
+            }
+            constant = false;
+         } else {
+            if (!constants) constants = {};
+            constants[p] = v;
+         }
+      } else if (isFunction(v)) {
+         if (isAccessorChain(v)) {
+            let path = v.toString();
+            nameMap[p] = path;
+            functions[p] = Binding.get(path).value;
+         } else functions[p] = v;
+         constant = false;
+      } else {
+         if (isUndefined(v)) {
+            if (isUndefined(pv)) continue;
+            v = defaultValue(pv);
+         }
+
+         if (isUndefined(v)) continue;
+
+         if (!constants) constants = {};
+
+         constants[p] = v;
+      }
+   }
+
+   return {
+      functions,
+      structures,
+      defaultValues,
+      constants,
+      constant,
+   };
+}
+
+function createSelector({ functions, structures, constants, defaultValues }) {
+   let selector = {};
+
+   for (let n in functions) {
+      selector[n] = functions[n];
+   }
+
+   for (let n in structures) selector[n] = createSelector(structures[n]);
+
+   return createStructuredSelector(selector, constants);
+}
+
+export class StructuredSelector {
+   constructor({ props, values }) {
+      this.nameMap = {};
+      this.config = getSelectorConfig(props, values, this.nameMap);
+   }
+
+   init(store) {
+      store.init(this.config.defaultValues);
+   }
+
+   create(memoize = true) {
+      let selector = createSelector(this.config);
+      if (memoize && selector.memoize) return selector.memoize();
+      return selector;
+   }
+
+   createStoreSelector() {
+      if (this.config.constant) {
+         let result = { ...this.config.constants };
+         return () => result;
+      }
+      let selector = this.create();
+      return (store) => selector(store.getData());
+   }
+}

package/src/data/SubscribableView.js

@@ -1,54 +1,54 @@
-import { View } from "./View";
-import { SubscriberList } from "../util/SubscriberList";
-
-export class SubscribableView extends View {
-   constructor(config) {
-      super(config);
-      this.subscribers = new SubscriberList();
-      this.changes = [];
-   }
-
-   subscribe(callback) {
-      return this.subscribers.subscribe(callback);
-   }
-
-   unsubscribeAll() {
-      this.subscribers.clear();
-   }
-
-   doNotify(path) {
-      if (this.notificationsSuspended) return;
-
-      if (!this.async) {
-         this.subscribers.notify([path]);
-      } else {
-         this.changes.push(path || "");
-         if (!this.scheduled) {
-            this.scheduled = true;
-            setTimeout(() => {
-               this.scheduled = false;
-               let changes = this.changes;
-               this.changes = [];
-               this.subscribers.notify(changes);
-            }, 0);
-         }
-      }
-   }
-
-   silently(callback) {
-      this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
-      let wasDirty = this.dirty,
-         dirty;
-      this.dirty = false;
-      try {
-         callback(this);
-      } finally {
-         this.notificationsSuspended--;
-         dirty = this.dirty;
-         this.dirty = wasDirty;
-      }
-      return dirty;
-   }
-}
-
-SubscribableView.prototype.async = false;
+import { View } from "./View";
+import { SubscriberList } from "../util/SubscriberList";
+
+export class SubscribableView extends View {
+   constructor(config) {
+      super(config);
+      this.subscribers = new SubscriberList();
+      this.changes = [];
+   }
+
+   subscribe(callback) {
+      return this.subscribers.subscribe(callback);
+   }
+
+   unsubscribeAll() {
+      this.subscribers.clear();
+   }
+
+   doNotify(path) {
+      if (this.notificationsSuspended) return;
+
+      if (!this.async) {
+         this.subscribers.notify([path]);
+      } else {
+         this.changes.push(path || "");
+         if (!this.scheduled) {
+            this.scheduled = true;
+            setTimeout(() => {
+               this.scheduled = false;
+               let changes = this.changes;
+               this.changes = [];
+               this.subscribers.notify(changes);
+            }, 0);
+         }
+      }
+   }
+
+   silently(callback) {
+      this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
+      let wasDirty = this.dirty,
+         dirty;
+      this.dirty = false;
+      try {
+         callback(this);
+      } finally {
+         this.notificationsSuspended--;
+         dirty = this.dirty;
+         this.dirty = wasDirty;
+      }
+      return dirty;
+   }
+}
+
+SubscribableView.prototype.async = false;

package/src/data/getAccessor.spec.js

@@ -1,11 +1,11 @@
-import assert from "assert";
-import { createAccessorModelProxy } from "./createAccessorModelProxy";
-import { getAccessor } from "./getAccessor";
-
-describe("getAccessor", function () {
-   it("works with accessor chains", function () {
-      let m = createAccessorModelProxy();
-      let accessor = getAccessor(m.a.b);
-      assert(typeof accessor.set == "function");
-   });
-});
+import assert from "assert";
+import { createAccessorModelProxy } from "./createAccessorModelProxy";
+import { getAccessor } from "./getAccessor";
+
+describe("getAccessor", function () {
+   it("works with accessor chains", function () {
+      let m = createAccessorModelProxy();
+      let accessor = getAccessor(m.a.b);
+      assert(typeof accessor.set == "function");
+   });
+});

package/src/data/getSelector.js

@@ -1,49 +1,49 @@
-import { Binding } from "./Binding";
-import { Expression } from "./Expression";
-import { StringTemplate } from "./StringTemplate";
-import { isArray } from "../util/isArray";
-import { createStructuredSelector } from "./createStructuredSelector";
-import { isSelector } from "./isSelector";
-import { isAccessorChain } from "./createAccessorModelProxy";
-import { isString } from "../util/isString";
-
-var undefinedF = () => undefined;
-var nullF = () => null;
-
-export function getSelector(config) {
-   if (config === undefined) return undefinedF;
-   if (config === null) return nullF;
-
-   switch (typeof config) {
-      case "object":
-         if (isArray(config)) {
-            let selectors = config.map((x) => getSelector(x));
-            return (data) => selectors.map((elementSelector) => elementSelector(data));
-         }
-
-         //toString converts accessor chains to binding paths
-         if (config.bind) return Binding.get(config.bind.toString()).value;
-
-         if (isString(config.tpl)) return StringTemplate.get(config.tpl);
-
-         if (config.expr) return Expression.get(config.expr);
-
-         if (config.get) return config.get;
-
-         let selectors = {};
-         let constants = {};
-
-         for (let key in config) {
-            if (isSelector(config[key])) selectors[key] = getSelector(config[key]);
-            else constants[key] = config[key];
-         }
-         return createStructuredSelector(selectors, constants);
-
-      case "function":
-         if (isAccessorChain(config)) return Binding.get(config.toString()).value;
-         return config;
-
-      default:
-         return () => config;
-   }
-}
+import { Binding } from "./Binding";
+import { Expression } from "./Expression";
+import { StringTemplate } from "./StringTemplate";
+import { isArray } from "../util/isArray";
+import { createStructuredSelector } from "./createStructuredSelector";
+import { isSelector } from "./isSelector";
+import { isAccessorChain } from "./createAccessorModelProxy";
+import { isString } from "../util/isString";
+
+var undefinedF = () => undefined;
+var nullF = () => null;
+
+export function getSelector(config) {
+   if (config === undefined) return undefinedF;
+   if (config === null) return nullF;
+
+   switch (typeof config) {
+      case "object":
+         if (isArray(config)) {
+            let selectors = config.map((x) => getSelector(x));
+            return (data) => selectors.map((elementSelector) => elementSelector(data));
+         }
+
+         //toString converts accessor chains to binding paths
+         if (config.bind) return Binding.get(config.bind.toString()).value;
+
+         if (isString(config.tpl)) return StringTemplate.get(config.tpl);
+
+         if (config.expr) return Expression.get(config.expr);
+
+         if (config.get) return config.get;
+
+         let selectors = {};
+         let constants = {};
+
+         for (let key in config) {
+            if (isSelector(config[key])) selectors[key] = getSelector(config[key]);
+            else constants[key] = config[key];
+         }
+         return createStructuredSelector(selectors, constants);
+
+      case "function":
+         if (isAccessorChain(config)) return Binding.get(config.toString()).value;
+         return config;
+
+      default:
+         return () => config;
+   }
+}

package/src/hooks/createLocalStorageRef.d.ts

@@ -1,3 +1,3 @@
-import { Ref } from "../data";
-
-export function createLocalStorageRef(key: string): Ref<any>;
+import { Ref } from "../data";
+
+export function createLocalStorageRef(key: string): Ref<any>;

package/src/hooks/createLocalStorageRef.js

@@ -1,20 +1,20 @@
-import { useStore } from "./store";
-import { Ref } from "../data/Ref";
-
-export function createLocalStorageRef(key) {
-   let store = useStore();
-
-   return new Ref({
-      get() {
-         let json = localStorage.getItem(key);
-         if (!json) return localStorage.hasOwnProperty(key) ? null : undefined;
-         return JSON.parse(json);
-      },
-      set(value) {
-         if (value === undefined) localStorage.removeItem(key);
-         else localStorage.setItem(key, JSON.stringify(value));
-         store.meta.version++;
-         store.notify();
-      },
-   });
-}
+import { useStore } from "./store";
+import { Ref } from "../data/Ref";
+
+export function createLocalStorageRef(key) {
+   let store = useStore();
+
+   return new Ref({
+      get() {
+         let json = localStorage.getItem(key);
+         if (!json) return localStorage.hasOwnProperty(key) ? null : undefined;
+         return JSON.parse(json);
+      },
+      set(value) {
+         if (value === undefined) localStorage.removeItem(key);
+         else localStorage.setItem(key, JSON.stringify(value));
+         store.meta.version++;
+         store.notify();
+      },
+   });
+}

package/src/index.scss

@@ -1,6 +1,6 @@
-@import "global";
-@import "util/index";
-@import "ui/index";
-@import "widgets/index";
-@import "svg/index";
-@import "charts/index";
+@import "global";
+@import "util/index";
+@import "ui/index";
+@import "widgets/index";
+@import "svg/index";
+@import "charts/index";