@esportsplus/reactivity 0.0.22 → 0.0.24

package/build/index.browser.js

@@ -1,277 +0,0 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-var __webpack_exports__ = {};
-
-// UNUSED EXPORTS: default, effect, reactive, scheduler
-
-;// CONCATENATED MODULE: ./src/symbols.ts
-const CLEAN = 0;
-const CHECK = 1;
-const DIRTY = 2;
-
-
-;// CONCATENATED MODULE: ./src/reactive.ts
-
-let index = 0, reaction = null, queue = [], scheduled = false, schedulers = new Set, stack = null;
-function mark(instances, state) {
-    if (!instances) {
-        return;
-    }
-    for (let i = 0, n = instances.length; i < n; i++) {
-        let instance = instances[i];
-        if (instance.state < state) {
-            if (instance.effect && instance.state === CLEAN) {
-                queue.push(instance);
-                if (!scheduled) {
-                    schedule();
-                }
-            }
-            instance.state = state;
-            if (instance.observers) {
-                mark(instance.observers, CHECK);
-            }
-        }
-    }
-}
-function schedule() {
-    if (scheduled) {
-        return;
-    }
-    for (let scheduler of schedulers) {
-        scheduler.schedule();
-    }
-    scheduled = true;
-}
-async function task() {
-    let n = queue.length;
-    for (let i = 0; i < n; i++) {
-        await queue[i].get();
-    }
-    queue.splice(0, n);
-    scheduled = false;
-    if (queue.length) {
-        schedule();
-    }
-}
-class Reactive {
-    fn;
-    value;
-    effect;
-    cleanup = null;
-    observers = null;
-    sources = null;
-    state;
-    constructor(data, effect = false) {
-        this.effect = effect;
-        if (typeof data === 'function') {
-            this.fn = data;
-            this.state = DIRTY;
-            this.value = undefined;
-            if (effect) {
-                this.update();
-            }
-        }
-        else {
-            this.state = CLEAN;
-            this.value = data;
-        }
-    }
-    get() {
-        if (reaction) {
-            if (!stack && reaction.sources && reaction.sources[index] == this) {
-                index++;
-            }
-            else {
-                if (!stack) {
-                    stack = [this];
-                }
-                else {
-                    stack.push(this);
-                }
-            }
-        }
-        if (this.fn) {
-            this.sync();
-        }
-        return this.value;
-    }
-    set(value) {
-        if (this.value !== value) {
-            mark(this.observers, DIRTY);
-        }
-        this.value = value;
-    }
-    removeParentObservers() {
-        if (!this.sources) {
-            return;
-        }
-        for (let i = index; i < this.sources.length; i++) {
-            let source = this.sources[i];
-            source.observers[source.observers.findIndex((v) => v === this)] = source.observers[source.observers.length - 1];
-            source.observers.pop();
-        }
-    }
-    sync() {
-        if (this.state === CHECK && this.sources) {
-            for (let i = 0, n = this.sources.length; i < n; i++) {
-                this.sources[i].sync();
-                if (this.state === DIRTY) {
-                    break;
-                }
-            }
-        }
-        if (this.state === DIRTY) {
-            this.update();
-        }
-        this.state = CLEAN;
-    }
-    update() {
-        let previous = {
-            index: index,
-            reaction: reaction,
-            stack: stack,
-            value: this.value
-        };
-        index = 0;
-        reaction = this;
-        stack = [];
-        try {
-            if (this.cleanup) {
-                for (let i = 0, n = this.cleanup.length; i < n; i++) {
-                    this.cleanup[i](this.value);
-                }
-                this.cleanup.length = 0;
-            }
-            this.value = this.fn((fn) => {
-                if (!this.cleanup) {
-                    this.cleanup = [fn];
-                }
-                else {
-                    this.cleanup.push(fn);
-                }
-            });
-            if (stack.length) {
-                this.removeParentObservers();
-                if (this.sources && index > 0) {
-                    this.sources.length = index + stack.length;
-                    for (let i = 0; i < stack.length; i++) {
-                        this.sources[index + i] = stack[i];
-                    }
-                }
-                else {
-                    this.sources = stack;
-                }
-                for (let i = index; i < this.sources.length; i++) {
-                    let source = this.sources[i];
-                    if (!source.observers) {
-                        source.observers = [this];
-                    }
-                    else {
-                        source.observers.push(this);
-                    }
-                }
-            }
-            else if (this.sources && index < this.sources.length) {
-                this.removeParentObservers();
-                this.sources.length = index;
-            }
-        }
-        finally {
-            index = previous.index;
-            reaction = previous.reaction;
-            stack = previous.stack;
-        }
-        if (this.observers && previous.value !== this.value) {
-            for (let i = 0; i < this.observers.length; i++) {
-                this.observers[i].state = DIRTY;
-            }
-        }
-        this.state = CLEAN;
-    }
-}
-const scheduler = {
-    add: (scheduler) => {
-        scheduler.tasks.add(task);
-        schedulers.add(scheduler);
-    },
-    delete: (scheduler) => {
-        scheduler.tasks.delete(task);
-        schedulers.delete(scheduler);
-    }
-};
-/* harmony default export */ const reactive = (Reactive);
-
-
-;// CONCATENATED MODULE: ./src/methods/effect.ts
-
-/* harmony default export */ const effect = ((fn) => {
-    new reactive(fn, true);
-});
-
-;// CONCATENATED MODULE: ./src/methods/reactive.ts
-
-function factory(value) {
-    if (typeof value === 'object' && value !== null && (value.constructor === Object)) {
-        return obj(value);
-    }
-    return new reactive(value);
-}
-function fn(value) {
-    let fn = new reactive(value);
-    return (...args) => {
-        let value = fn.get();
-        if (args.length && typeof value === 'function') {
-            value = value(...args);
-        }
-        return value;
-    };
-}
-function obj(values) {
-    let lazy = {}, properties = {};
-    for (let key in values) {
-        properties[key] = {
-            get() {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-                if (lazy[key] instanceof reactive) {
-                    return lazy[key].get();
-                }
-                return lazy[key];
-            },
-            set(value) {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-                if (lazy[key] instanceof reactive) {
-                    lazy[key].set(value);
-                }
-                else {
-                    lazy[key] = factory(value);
-                }
-            }
-        };
-    }
-    return Object.defineProperties({}, properties);
-}
-;
-/* harmony default export */ const methods_reactive = ((value) => {
-    if (typeof value === 'function') {
-        return fn(value);
-    }
-    return factory(value);
-});
-
-;// CONCATENATED MODULE: ./src/methods/index.ts
-
-
-
-
-;// CONCATENATED MODULE: ./src/index.ts
-
-
-/* harmony default export */ const src = ({ effect: effect, reactive: methods_reactive, scheduler: scheduler });
-
-
-/******/ })()
-;

package/build/methods/effect.d.ts

@@ -1,2 +0,0 @@
-declare const _default: <T>(fn: () => T) => void;
-export default _default;

package/build/methods/effect.js

@@ -1,4 +0,0 @@
-import Reactive from '../reactive';
-export default (fn) => {
-    new Reactive(fn, true);
-};

package/build/methods/index.d.ts

@@ -1,3 +0,0 @@
-import effect from './effect';
-import reactive from './reactive';
-export { effect, reactive };

package/build/methods/index.js

@@ -1,3 +0,0 @@
-import effect from './effect';
-import reactive from './reactive';
-export { effect, reactive };

package/build/methods/reactive.d.ts

@@ -1,3 +0,0 @@
-import { Infer } from '../types';
-declare const _default: <T>(value: T) => Infer<T>;
-export default _default;

package/build/methods/reactive.js

@@ -1,52 +0,0 @@
-import Reactive from '../reactive';
-function factory(value) {
-    if (typeof value === 'object' && value !== null && (value.constructor === Object)) {
-        return obj(value);
-    }
-    return new Reactive(value);
-}
-function fn(value) {
-    let fn = new Reactive(value);
-    return (...args) => {
-        let value = fn.get();
-        if (args.length && typeof value === 'function') {
-            value = value(...args);
-        }
-        return value;
-    };
-}
-function obj(values) {
-    let lazy = {}, properties = {};
-    for (let key in values) {
-        properties[key] = {
-            get() {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-                if (lazy[key] instanceof Reactive) {
-                    return lazy[key].get();
-                }
-                return lazy[key];
-            },
-            set(value) {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-                if (lazy[key] instanceof Reactive) {
-                    lazy[key].set(value);
-                }
-                else {
-                    lazy[key] = factory(value);
-                }
-            }
-        };
-    }
-    return Object.defineProperties({}, properties);
-}
-;
-export default (value) => {
-    if (typeof value === 'function') {
-        return fn(value);
-    }
-    return factory(value);
-};

package/build/reactive.d.ts

@@ -1,22 +0,0 @@
-import { ReactiveFn, Scheduler, State } from './types';
-declare class Reactive<T> {
-    private fn?;
-    private value;
-    effect: boolean;
-    cleanup: ((old: T) => void)[] | null;
-    observers: Reactive<any>[] | null;
-    sources: Reactive<any>[] | null;
-    state: State;
-    constructor(data: ReactiveFn<T> | T, effect?: boolean);
-    get(): T extends (...args: any[]) => any ? ReturnType<T> : T;
-    set(value: T): void;
-    private removeParentObservers;
-    private sync;
-    private update;
-}
-declare const scheduler: {
-    add: (scheduler: Scheduler) => void;
-    delete: (scheduler: Scheduler) => void;
-};
-export default Reactive;
-export { scheduler };

package/build/reactive.js

@@ -1,190 +0,0 @@
-import { CLEAN, CHECK, DIRTY } from './symbols';
-let index = 0, reaction = null, queue = [], scheduled = false, schedulers = new Set, stack = null;
-function mark(instances, state) {
-    if (!instances) {
-        return;
-    }
-    for (let i = 0, n = instances.length; i < n; i++) {
-        let instance = instances[i];
-        if (instance.state < state) {
-            if (instance.effect && instance.state === CLEAN) {
-                queue.push(instance);
-                if (!scheduled) {
-                    schedule();
-                }
-            }
-            instance.state = state;
-            if (instance.observers) {
-                mark(instance.observers, CHECK);
-            }
-        }
-    }
-}
-function schedule() {
-    if (scheduled) {
-        return;
-    }
-    for (let scheduler of schedulers) {
-        scheduler.schedule();
-    }
-    scheduled = true;
-}
-async function task() {
-    let n = queue.length;
-    for (let i = 0; i < n; i++) {
-        await queue[i].get();
-    }
-    queue.splice(0, n);
-    scheduled = false;
-    if (queue.length) {
-        schedule();
-    }
-}
-class Reactive {
-    fn;
-    value;
-    effect;
-    cleanup = null;
-    observers = null;
-    sources = null;
-    state;
-    constructor(data, effect = false) {
-        this.effect = effect;
-        if (typeof data === 'function') {
-            this.fn = data;
-            this.state = DIRTY;
-            this.value = undefined;
-            if (effect) {
-                this.update();
-            }
-        }
-        else {
-            this.state = CLEAN;
-            this.value = data;
-        }
-    }
-    get() {
-        if (reaction) {
-            if (!stack && reaction.sources && reaction.sources[index] == this) {
-                index++;
-            }
-            else {
-                if (!stack) {
-                    stack = [this];
-                }
-                else {
-                    stack.push(this);
-                }
-            }
-        }
-        if (this.fn) {
-            this.sync();
-        }
-        return this.value;
-    }
-    set(value) {
-        if (this.value !== value) {
-            mark(this.observers, DIRTY);
-        }
-        this.value = value;
-    }
-    removeParentObservers() {
-        if (!this.sources) {
-            return;
-        }
-        for (let i = index; i < this.sources.length; i++) {
-            let source = this.sources[i];
-            source.observers[source.observers.findIndex((v) => v === this)] = source.observers[source.observers.length - 1];
-            source.observers.pop();
-        }
-    }
-    sync() {
-        if (this.state === CHECK && this.sources) {
-            for (let i = 0, n = this.sources.length; i < n; i++) {
-                this.sources[i].sync();
-                if (this.state === DIRTY) {
-                    break;
-                }
-            }
-        }
-        if (this.state === DIRTY) {
-            this.update();
-        }
-        this.state = CLEAN;
-    }
-    update() {
-        let previous = {
-            index: index,
-            reaction: reaction,
-            stack: stack,
-            value: this.value
-        };
-        index = 0;
-        reaction = this;
-        stack = [];
-        try {
-            if (this.cleanup) {
-                for (let i = 0, n = this.cleanup.length; i < n; i++) {
-                    this.cleanup[i](this.value);
-                }
-                this.cleanup.length = 0;
-            }
-            this.value = this.fn((fn) => {
-                if (!this.cleanup) {
-                    this.cleanup = [fn];
-                }
-                else {
-                    this.cleanup.push(fn);
-                }
-            });
-            if (stack.length) {
-                this.removeParentObservers();
-                if (this.sources && index > 0) {
-                    this.sources.length = index + stack.length;
-                    for (let i = 0; i < stack.length; i++) {
-                        this.sources[index + i] = stack[i];
-                    }
-                }
-                else {
-                    this.sources = stack;
-                }
-                for (let i = index; i < this.sources.length; i++) {
-                    let source = this.sources[i];
-                    if (!source.observers) {
-                        source.observers = [this];
-                    }
-                    else {
-                        source.observers.push(this);
-                    }
-                }
-            }
-            else if (this.sources && index < this.sources.length) {
-                this.removeParentObservers();
-                this.sources.length = index;
-            }
-        }
-        finally {
-            index = previous.index;
-            reaction = previous.reaction;
-            stack = previous.stack;
-        }
-        if (this.observers && previous.value !== this.value) {
-            for (let i = 0; i < this.observers.length; i++) {
-                this.observers[i].state = DIRTY;
-            }
-        }
-        this.state = CLEAN;
-    }
-}
-const scheduler = {
-    add: (scheduler) => {
-        scheduler.tasks.add(task);
-        schedulers.add(scheduler);
-    },
-    delete: (scheduler) => {
-        scheduler.tasks.delete(task);
-        schedulers.delete(scheduler);
-    }
-};
-export default Reactive;
-export { scheduler };

package/src/methods/effect.ts

@@ -1,6 +0,0 @@
-import Reactive from '~/reactive';
-
-
-export default <T>(fn: () => T): void => {
-    new Reactive(fn, true);
-};

package/src/methods/index.ts

@@ -1,5 +0,0 @@
-import effect from './effect';
-import reactive from './reactive';
-
-
-export { effect, reactive };

package/src/methods/reactive.ts

@@ -1,71 +0,0 @@
-import { Infer } from '~/types';
-import Reactive from '~/reactive';
-
-
-function factory<T>(value: T) {
-    if (typeof value === 'object' && value !== null && (value.constructor === Object)) {
-        return obj(value);
-    }
-
-    return new Reactive(value);
-}
-
-// Functions are wrapped to remove '.get' usage
-function fn<T>(value: T) {
-    let fn = new Reactive(value);
-
-    return (...args: any[]) => {
-        let value = fn.get();
-
-        if (args.length && typeof value === 'function') {
-            value = value(...args);
-        }
-
-        return value;
-    };
-}
-
-// TODO: Typecheck on `values` to get rid of lazy var?
-function obj<T>(values: T) {
-    let lazy: Record<string, any> = {},
-        properties: PropertyDescriptorMap = {};
-
-    for (let key in values) {
-        properties[key] = {
-            get() {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-
-                if (lazy[key] instanceof Reactive) {
-                    return lazy[key].get();
-                }
-
-                return lazy[key];
-            },
-            set(value: unknown) {
-                if (!lazy[key]) {
-                    lazy[key] = factory(values[key]);
-                }
-
-                if (lazy[key] instanceof Reactive) {
-                    lazy[key].set(value);
-                }
-                else {
-                    lazy[key] = factory(value);
-                }
-            }
-        };
-    }
-
-    return Object.defineProperties({}, properties);
-};
-
-
-export default <T>(value: T) => {
-    if (typeof value === 'function') {
-        return fn(value) as Infer<T>;
-    }
-
-    return factory(value) as Infer<T>;
-};