native-document 1.0.14 → 1.0.16-8.1

package/src/data/Observable.js

@@ -1,233 +0,0 @@
-import ObservableItem from './ObservableItem';
-import Validator from "../utils/validator";
-import MemoryManager from "./MemoryManager";
-import NativeDocumentError from "../errors/NativeDocumentError";
-import {throttle} from "../utils/helpers.js";
-
-/**
- *
- * @param {*} value
- * @returns {ObservableItem}
- * @constructor
- */
-export function Observable(value) {
-    return new ObservableItem(value);
-}
-
-/**
- *
- * @param {Function} callback
- * @param {Array|Function} dependencies
- * @returns {ObservableItem}
- */
-Observable.computed = function(callback, dependencies = []) {
-    const initialValue = callback();
-    const observable = new ObservableItem(initialValue);
-    const updatedValue = () => observable.set(callback());
-
-    if(Validator.isFunction(dependencies)) {
-        if(!Validator.isObservable(dependencies.$observer)) {
-            throw new NativeDocumentError('Observable.computed : dependencies must be valid batch function');
-        }
-        dependencies.$observer.subscribe(updatedValue);
-        return observable;
-    }
-
-    dependencies.forEach(dependency => dependency.subscribe(updatedValue));
-
-    return observable;
-};
-
-Observable.batch = function(callback) {
-    const $observer = Observable(0);
-    const batch = function() {
-        if(Validator.isAsyncFunction(callback)) {
-            return (callback(...arguments)).then(() => {
-                $observer.trigger();
-            }).catch(error => { throw error; });
-        }
-        callback(...arguments);
-        $observer.trigger();
-    };
-    batch.$observer = $observer;
-    return batch;
-}
-
-/**
- *
- * @param id
- * @returns {ObservableItem|null}
- */
-Observable.getById = function(id) {
-    const item = MemoryManager.getObservableById(parseInt(id));
-    if(!item) {
-        throw new NativeDocumentError('Observable.getById : No observable found with id ' + id);
-    }
-    return item;
-};
-
-
-/**
- *
- * @param {ObservableItem} observable
- */
-Observable.cleanup = function(observable) {
-    observable.cleanup();
-};
-
-/**
- * Get the value of an observable or an object of observables.
- * @param {ObservableItem|Object<ObservableItem>} object
- * @returns {{}|*|null}
- */
-Observable.value = function(data) {
-    if(Validator.isObservable(data)) {
-        return data.val();
-    }
-    if(Validator.isProxy(data)) {
-        return data.$val();
-    }
-    if(Validator.isArray(data)) {
-        const result = [];
-        data.forEach(item => {
-            result.push(Observable.value(item));
-        });
-        return result;
-    }
-    return data;
-}
-
-/**
- *
- * @param {Object} value
- * @returns {Proxy}
- */
-Observable.init = function(value) {
-    const data = {};
-    for(const key in value) {
-        const itemValue = value[key];
-        if(Validator.isJson(itemValue)) {
-            data[key] = Observable.init(itemValue);
-            continue;
-        }
-        else if(Validator.isArray(itemValue)) {
-            data[key] = Observable.array(itemValue);
-            continue;
-        }
-        data[key] = Observable(itemValue);
-    }
-
-    const $val = function() {
-        const result = {};
-        for(const key in data) {
-            const dataItem = data[key];
-            if(Validator.isObservable(dataItem)) {
-                result[key] = dataItem.val();
-            } else if(Validator.isProxy(dataItem)) {
-                result[key] = dataItem.$val();
-            } else {
-                result[key] = dataItem;
-            }
-        }
-        return result;
-    };
-    const $clone = function() {
-
-    };
-
-    return new Proxy(data, {
-        get(target, property) {
-            if(property === '__isProxy__') {
-                return true;
-            }
-            if(property === '$val') {
-                return $val;
-            }
-            if(property === '$clone') {
-                return $clone;
-            }
-            if(target[property] !== undefined) {
-                return target[property];
-            }
-            return undefined;
-        },
-        set(target, prop, newValue) {
-            if(target[prop] !== undefined) {
-                target[prop].set(newValue);
-            }
-        }
-    })
-};
-
-Observable.object = Observable.init;
-Observable.json = Observable.init;
-Observable.update = function($target, data) {
-    for(const key in data) {
-        const targetItem = $target[key];
-        const newValue = data[key];
-
-        if(Validator.isObservable(targetItem)) {
-            if(Validator.isArray(newValue)) {
-                Observable.update(targetItem, newValue);
-                continue;
-            }
-            targetItem.set(newValue);
-            continue;
-        }
-        if(Validator.isProxy(targetItem)) {
-            Observable.update(targetItem, newValue);
-            continue;
-        }
-        $target[key] = newValue;
-    }
-};
-/**
- *
- * @param {Array} target
- * @returns {ObservableItem}
- */
-Observable.array = function(target) {
-    if(!Array.isArray(target)) {
-        throw new NativeDocumentError('Observable.array : target must be an array');
-    }
-    const observer = Observable(target);
-
-    const methods = ['push', 'pop', 'shift', 'unshift', 'reverse', 'sort', 'splice'];
-
-    methods.forEach((method) => {
-        observer[method] = function(...values) {
-            const target = observer.val();
-            const result = target[method].apply(target, arguments);
-            observer.trigger();
-            return result;
-        };
-    });
-
-    const overrideMethods = ['map', 'filter', 'reduce', 'some', 'every', 'find', 'findIndex'];
-    overrideMethods.forEach((method) => {
-        observer[method] = function(callback) {
-            return observer.val()[method](callback);
-        };
-    })
-
-    return observer;
-};
-
-/**
- * Enable auto cleanup of observables.
- * @param {Boolean} enable
- * @param {{interval:Boolean, threshold:number}} options
- */
-Observable.autoCleanup = function(enable = false, options = {}) {
-    if(!enable) {
-        return;
-    }
-    const { interval = 60000, threshold = 100 } = options;
-
-    window.addEventListener('beforeunload', () => {
-        MemoryManager.cleanup();
-    });
-
-    setInterval(() => MemoryManager.cleanObservables(threshold), interval);
-}
-

package/src/data/ObservableChecker.js

@@ -1,38 +0,0 @@
-/**
- *
- * @param {ObservableItem} $observable
- * @param {Function} $checker
- * @class ObservableChecker
- */
-export default function ObservableChecker($observable, $checker) {
-    this.observable = $observable;
-    this.checker = $checker;
-    const $unSubscriptions = [];
-
-    this.subscribe = function(callback) {
-        const unSubscribe = $observable.subscribe((value) => {
-            callback && callback($checker(value));
-        });
-        $unSubscriptions.push(unSubscribe);
-
-        return unSubscribe;
-    };
-
-    this.val = function() {
-        return $checker && $checker($observable.val());
-    };
-    this.check = function(callback) {
-        return $observable.check(() => callback(this.val()));
-    };
-
-    this.set = function(value) {
-        return $observable.set(value);
-    };
-    this.trigger = function() {
-        return $observable.trigger();
-    };
-
-    this.cleanup = function() {
-        $unSubscriptions.forEach(unSubscription => unSubscription());
-    };
-}

package/src/data/ObservableItem.js

@@ -1,116 +0,0 @@
-import DebugManager from "../utils/debug-manager";
-import MemoryManager from "./MemoryManager";
-import NativeDocumentError from "../errors/NativeDocumentError";
-import ObservableChecker from "./ObservableChecker";
-
-/**
- *
- * @param {*} value
- * @class ObservableItem
- */
-export default function ObservableItem(value) {
-    if (value === undefined) {
-        throw new NativeDocumentError('ObservableItem requires an initial value');
-    }
-    if(value instanceof ObservableItem) {
-        throw new NativeDocumentError('ObservableItem cannot be an Observable');
-    }
-
-    const $initialValue = (typeof value === 'object') ? JSON.parse(JSON.stringify(value)) : value;
-
-    let $previousValue = value;
-    let $currentValue = value;
-    let $isCleanedUp = false;
-
-    const $listeners = [];
-
-    const $memoryId = MemoryManager.register(this, $listeners);
-
-    this.trigger = () => {
-        $listeners.forEach(listener => {
-            try {
-                listener($currentValue, $previousValue);
-            } catch (error) {
-                DebugManager.error('Listener Undefined', 'Error in observable listener:', error);
-                this.unsubscribe(listener);
-            }
-        });
-
-    };
-
-    this.originalValue = () => $initialValue;
-
-    /**
-     * @param {*} data
-     */
-    this.set = (data) => {
-        const newValue = (typeof data === 'function') ? data($currentValue) : data;
-        if($currentValue === newValue) {
-            return;
-        }
-        $previousValue = $currentValue;
-        $currentValue = newValue;
-        this.trigger();
-    };
-
-    this.val = () => $currentValue;
-
-    this.cleanup = function() {
-        $listeners.splice(0);
-        $isCleanedUp = true;
-    };
-
-    /**
-     *
-     * @param {Function} callback
-     * @returns {(function(): void)}
-     */
-    this.subscribe = (callback) => {
-        if ($isCleanedUp) {
-            DebugManager.warn('Observable subscription', '⚠️ Attempted to subscribe to a cleaned up observable.');
-            return () => {};
-        }
-        if (typeof callback !== 'function') {
-            throw new NativeDocumentError('Callback must be a function');
-        }
-
-        $listeners.push(callback);
-        return () => this.unsubscribe(callback);
-    };
-
-    /**
-     * Unsubscribe from an observable.
-     * @param {Function} callback
-     */
-    this.unsubscribe = (callback) => {
-        const index = $listeners.indexOf(callback);
-        if (index > -1) {
-            $listeners.splice(index, 1);
-        }
-    };
-
-    /**
-     * Create an Observable checker instance
-     * @param callback
-     * @returns {ObservableChecker}
-     */
-    this.check = function(callback) {
-        return new ObservableChecker(this, callback)
-    };
-
-    const $object = this;
-    Object.defineProperty($object, '$value', {
-        get() {
-            return $object.val();
-        },
-        set(value) {
-            $object.set(value);
-            return $object;
-        }
-    })
-
-    this.toString = function() {
-        return   '{{#ObItem::(' +$memoryId+ ')}}';
-    };
-
-}

package/src/data/Store.js

@@ -1,74 +0,0 @@
-import {Observable} from "./Observable";
-
-export const Store = (function() {
-
-    const $stores = new Map();
-
-    return {
-        /**
-         * Create a new state follower and return it.
-         * @param {string} name
-         * @returns {ObservableItem}
-         */
-        use(name) {
-            const {observer: originalObserver, subscribers } = $stores.get(name);
-            const observerFollower = Observable(originalObserver.val());
-            const unSubscriber = originalObserver.subscribe(value => observerFollower.set(value));
-            const updaterUnsubscriber = observerFollower.subscribe(value => originalObserver.set(value));
-            observerFollower.destroy = () => {
-                unSubscriber();
-                updaterUnsubscriber();
-                observerFollower.cleanup();
-            };
-            subscribers.add(observerFollower);
-
-            return observerFollower;
-        },
-        /**
-         * @param {string} name
-         * @returns {ObservableItem}
-         */
-        follow(name) {
-            return this.use(name);
-        },
-        /**
-         * Create a new state and return the observer.
-         * @param {string} name
-         * @param {*} value
-         * @returns {ObservableItem}
-         */
-        create(name, value) {
-            const observer = Observable(value);
-            $stores.set(name, { observer, subscribers: new Set()});
-            return observer;
-        },
-        /**
-         * Get the observer for a state.
-         * @param {string} name
-         * @returns {null|ObservableItem}
-         */
-        get(name) {
-            const item = $stores.get(name);
-            return item ? item.observer : null;
-        },
-        /**
-         *
-         * @param {string} name
-         * @returns {{observer: ObservableItem, subscribers: Set}}
-         */
-        getWithSubscribers(name) {
-            return $stores.get(name);
-        },
-        /**
-         * Delete a state.
-         * @param {string} name
-         */
-        delete(name) {
-            const item = $stores.get(name);
-            if(!item) return;
-            item.observer.cleanup();
-            item.subscribers.forEach(follower => follower.destroy());
-            item.observer.clear();
-        }
-    };
-}());

package/src/elements/anchor.js

@@ -1,84 +0,0 @@
-import Validator from "../utils/validator";
-import DebugManager from "../utils/debug-manager";
-import {createTextNode} from "../wrappers/HtmlElementWrapper";
-
-
-const getChildAsNode = (child) => {
-    if(Validator.isFunction(child)) {
-        return getChildAsNode(child());
-    }
-    if(Validator.isElement(child)) {
-        return child;
-    }
-    return createTextNode(child)
-}
-
-export default function Anchor(name) {
-    const element = document.createDocumentFragment();
-
-    const anchorStart = document.createComment('Anchor Start : '+name);
-    const anchorEnd = document.createComment('/ Anchor End '+name);
-
-    element.appendChild(anchorStart);
-    element.appendChild(anchorEnd);
-
-    element.nativeInsertBefore = element.insertBefore;
-    element.nativeAppendChild = element.appendChild;
-
-    const insertBefore = function(parent, child, target) {
-        if(parent === element) {
-            parent.nativeInsertBefore(getChildAsNode(child), target);
-            return;
-        }
-        parent.insertBefore(getChildAsNode(child), target);
-    };
-
-    element.appendChild = function(child, before = null) {
-        const parent = anchorEnd.parentNode;
-        if(!parent) {
-            DebugManager.error('Anchor', 'Anchor : parent not found', child);
-            return;
-        }
-        before = before ?? anchorEnd;
-        if(Validator.isArray(child)) {
-            child.forEach((element) => {
-                insertBefore(parent, element, before);
-            });
-            return element;
-        }
-        insertBefore(parent, child, before);
-    };
-
-    element.remove = function(trueRemove) {
-        if(anchorEnd.parentNode === element) {
-            return;
-        }
-        let itemToRemove = anchorStart.nextSibling, tempItem;
-        while(itemToRemove !== anchorEnd) {
-            tempItem = itemToRemove.nextSibling;
-            trueRemove ? itemToRemove.remove() : element.nativeAppendChild(itemToRemove);
-            itemToRemove = tempItem;
-        }
-        if(trueRemove) {
-            anchorEnd.remove();
-            anchorStart.remove();
-        }
-    };
-
-    element.insertBefore = function(child, anchor = null) {
-        element.appendChild(child, anchor);
-    };
-
-    element.clear = function() {
-        element.remove();
-    };
-
-    element.endElement = function() {
-        return anchorEnd;
-    };
-    element.startElement = function() {
-        return anchorStart;
-    };
-
-    return element;
-};

package/src/elements/content-formatter.js

@@ -1,32 +0,0 @@
-import HtmlElementWrapper from "../wrappers/HtmlElementWrapper";
-
-export const Div = HtmlElementWrapper('div');
-export const Span = HtmlElementWrapper('span');
-export const Label = HtmlElementWrapper('label');
-export const P = HtmlElementWrapper('p');
-export const Paragraph = P;
-export const Strong = HtmlElementWrapper('strong');
-export const H1 = HtmlElementWrapper('h1');
-export const H2 = HtmlElementWrapper('h2');
-export const H3 = HtmlElementWrapper('h3');
-export const H4 = HtmlElementWrapper('h4');
-export const H5 = HtmlElementWrapper('h5');
-export const H6 = HtmlElementWrapper('h6');
-
-export const Br = HtmlElementWrapper('br');
-
-export const Link = HtmlElementWrapper('a');
-export const Pre = HtmlElementWrapper('pre');
-export const Code = HtmlElementWrapper('code');
-export const Blockquote = HtmlElementWrapper('blockquote');
-export const Hr = HtmlElementWrapper('hr');
-export const Em = HtmlElementWrapper('em');
-export const Small = HtmlElementWrapper('small');
-export const Mark = HtmlElementWrapper('mark');
-export const Del = HtmlElementWrapper('del');
-export const Ins = HtmlElementWrapper('ins');
-export const Sub = HtmlElementWrapper('sub');
-export const Sup = HtmlElementWrapper('sup');
-export const Abbr = HtmlElementWrapper('abbr');
-export const Cite = HtmlElementWrapper('cite');
-export const Quote = HtmlElementWrapper('q');