figureone 0.15.10 → 1.0.0

package/types/js/tools/tools.d.ts

@@ -0,0 +1,281 @@
+import { FunctionMap } from './FunctionMap';
+declare const Console: (...msg: any[]) => void;
+declare const classify: (key: string, value: string) => string;
+declare class ObjectKeyPointer {
+    object: Record<string, any>;
+    key: string;
+    constructor(object: Record<string, any>, key: string);
+    setValue(value: any): void;
+    execute(...args: any[]): any;
+    value(): any;
+}
+declare function extractFrom(objectToExtractFrom: Record<string, any>, keyValues: Record<string, any> | Array<any> | string, keyPrefix?: string, keySeparator?: string): any[] | ObjectKeyPointer | undefined;
+declare function getFromObject(objectToGetFrom: Record<string, any>, keyPath: string, levelSeparator?: string): any;
+declare function getElement(collection: Record<string, any>, keyValues: Record<string, any> | Array<any> | string): any[] | ObjectKeyPointer | undefined;
+declare function addToObject(obj: Record<string, any>, keyPath: string, valueToAdd: any, levelSeparator?: string): void;
+declare function duplicate(value: number | boolean | string | Record<string, any> | null | undefined, precision?: number | null): any;
+declare function assignObjectFromTo(fromObject: Record<string, any>, toObject: Record<string, any>, exceptIn?: Array<string> | string, duplicateValues?: boolean, parentPath?: string): void;
+declare function joinObjectsWithOptions(options: {
+    duplicate?: boolean;
+    except?: Array<string> | string;
+}, ...objects: Array<Record<string, any>>): Record<string, any>;
+declare function joinObjects<T>(...objects: any[]): T;
+declare function duplicateFromTo(fromObject: Record<string, any>, toObject: Record<string, any>, exceptKeys?: Array<string>): void;
+declare function generateUniqueId(seed?: string): string;
+declare function generateUniqueColor(seed?: string): number[];
+declare function isTouchDevice(): boolean;
+declare function loadRemote(scriptId: string, url: string, callback?: null | ((id: string, url: string) => void)): void;
+declare function loadRemoteCSS(id: string, url: string, callback?: null | ((id: string, url: string) => void)): void;
+declare const cleanUIDs: (objectToClean: any) => void;
+declare function deleteKeys(obj: Record<string, any>, keys: Array<string>): void;
+declare function copyKeysFromTo(source: Record<string, any>, destination: Record<string, any>, keys: Array<string>): void;
+declare function generateRandomString(): string;
+declare class UniqueMap {
+    map: Record<string, any>;
+    inverseMap: Record<string, any>;
+    index: number;
+    letters: string;
+    undefinedCode: string;
+    constructor();
+    reset(): void;
+    add(pathStr: string): any;
+    getNextUniqueString(): string;
+    makeInverseMap(): void;
+    get(uniqueStr: string): any;
+}
+declare function compressObject(obj: any, map: UniqueMap, keys?: boolean, strValues?: boolean, precision?: number | null, uncompress?: boolean): any;
+declare function uncompressObject(obj: any, map: UniqueMap, keys?: boolean, strValues?: boolean): any;
+declare function minify(objectOrArray: any, precision?: number | null): {
+    minified: any;
+    map: UniqueMap;
+};
+declare function unminify(minObjectOrArray: {
+    map: any;
+    minified: any;
+}): any;
+declare function objectToPaths(obj: any, path?: string, pathObj?: Record<string, any>, precision?: number | null): Record<string, any>;
+declare function getObjectDiff(obj1In: Record<string, any>, diffs: Array<Record<string, any>>, obj2: Record<string, any>, precision?: number | null, debug?: boolean): Record<string, any>;
+declare function updateObjFromPath(remainingPath: Array<string>, obj: Record<string, any>, value: any, remove?: boolean): void;
+declare function pathsToObj(paths: Record<string, any>): Record<string, any>;
+declare function refAndDiffToObject(referenceIn: Record<string, any>, ...diffsIn: Array<{
+    added?: Record<string, any>;
+    diff?: Record<string, any>;
+    removed?: Record<string, any>;
+}>): any;
+declare function diffPathsToObj(diff: {
+    added?: Record<string, any>;
+    removed?: Record<string, any>;
+    diff?: Record<string, any>;
+}): Record<string, any>;
+declare function diffObjToPaths(diff: {
+    added?: Record<string, any>;
+    removed?: Record<string, any>;
+    diff?: Record<string, any>;
+}): Record<string, any>;
+declare class ObjectTracker {
+    baseReference: Record<string, any> | null;
+    references: {
+        [refName: string]: {
+            basedOn: string;
+            diff: Record<string, any>;
+        };
+    };
+    precision: number;
+    worker: Worker | any;
+    diffs: Array<[number, string, Record<string, any>, number]>;
+    lastReferenceName: string;
+    constructor(precision?: number);
+    toObj(): {
+        baseReference: any;
+        diffs: (string | number | Record<string, any>)[][];
+        references: Record<string, any>;
+        precision: number;
+        lastReferenceName: string;
+    };
+    setFromObj(obj: any): void;
+    reset(): void;
+    setBaseReference(obj: Record<string, any>): void;
+    addReference(obj: Record<string, any>, refName: string, basedOn?: string): void;
+    getReferenceChain(name: string, chain: Array<Record<string, any>>): Array<Record<string, any>>;
+    getReference(refName: string): any;
+    getDiffToReference(obj: Record<string, any>, refName: string): Record<string, any>;
+    getObjFromDiffAndReference(diff: Record<string, any>, refName: string): any;
+    add(time: number, obj: Record<string, any>, refName?: string, timeCount?: number): void;
+    addWithWorker(time: number, obj: Record<string, any>, refName?: string, timeCount?: number): void;
+    startWorker(): void;
+    getFromIndex(index: number): any;
+}
+/**
+ * Subscriber
+ * @property {string | function(): void} callback callback to use when
+ * subscription is published
+ * @property {number} num number of notifications
+ * @interface
+ * @group Misc Figure Element
+ */
+type OBJ_Subscriber = {
+    callback: string | (() => void);
+    num: number;
+};
+/**
+* Subscriber Map.
+*
+* @property {OBJ_Subscriber} [_id] each key in this object is a unique
+* identifier associated with a subscriber callback.
+* @interface
+* @group Misc Figure Element
+*/
+type OBJ_Subscribers = {
+    [id: string]: OBJ_Subscriber;
+};
+/**
+ * A single subscription
+ *
+ * @property {OBJ_Subscribers} subscribers
+ * @property {FunctionMap} fnMap
+ * @group Misc Figure Element
+ */
+declare class Notification {
+    fnMap: FunctionMap;
+    subscribers: OBJ_Subscribers;
+    order: Array<string>;
+    nextId: number;
+    /**
+     * @property {FunctionMap} fnMap Only needed for {@link Recorder}.
+     */
+    constructor(fnMap?: FunctionMap);
+    cleanup(): void;
+    /**
+     * Add a subscriber to an event.
+     * @param {string} subscriptionName event name
+     * @param {string | function(): void} callback to be called when events
+     * are published. If `string`, then {@link FunctionMap} of the {@link Figure}
+     * or {@link FigureElement} to which the notification manager is a property
+     * of will be used.
+     * @param {number} numberOfSubscriptions how many publications the
+     * subscription will receive. `-1` is no limit (`-1`).
+     * @return {number} subscirber id
+     */
+    add(callback: string | (() => void), numberOfPublications?: number): number;
+    /**
+     * Publish to all subscribers
+     *
+     * @param {any} functionArgument argument to pass to subscriber callback
+     */
+    publish(functionArgument?: any, asArray?: boolean): void;
+    /**
+     * Remove subscriber - the subscirber id is returned by this object's `add`
+     * method
+     */
+    remove(subscirberId: string | number): void;
+    _excludeStateKeys(): string[];
+}
+/**
+* Subscription Map.
+*
+* @property {Notification} [_eventName] each key in this object is a
+* unique notification name associated with an event.
+* @interface
+* @group Misc Figure Element
+*/
+type OBJ_Notifications = {
+    [notificationName: string]: Notification;
+};
+/**
+ * Notification manager.
+ *
+ * Publishes notifications of events to subscribers.
+ *
+ * {@link Figure}, {@link FigureElement}, {@link Recorder}, and
+ * {@link SlideNavigator} all use notification managers for event nofitications.
+ *
+ * Notification managers can also be added to custom objects, but will only
+ * publish to subscribers when it is told to publish.
+ *
+ * @property {OBJ_Notifications} notifications
+ * @property {FunctionMap} fnMap
+ *
+ * @example
+ * // Subscribe to the `setTransform` notification of `ball1` to move `ball2`
+ *
+ * // Add ball1 and ball2 to the figure
+ * const [ball1, ball2] = figure.add([
+ *   {
+ *     name: 'ball1',
+ *     make: 'primitives.polygon',
+ *     sides: 100, radius: 0.5, color: [1, 0, 0, 1],
+ *   },
+ *   {
+ *     name: 'ball2',
+ *     make: 'primitives.polygon',
+ *     sides: 100, radius: 0.3, color: [0, 0, 1, 1],
+ *   },
+ * ]);
+ *
+ * // Subscribe to ball1's `setTransform` event notification, and use the set
+ * transform to move ball2 with ball1
+ * ball1.notifications.add('setTransform', (transform) => {
+ *   ball2.setTransform(transform[0]);
+ * });
+ *
+ * // Animate ball1 to show ball2 moves with it
+ * ball1.animations.new()
+ *   .position({ target: [1, 0], duration: 2 })
+ *   .start();
+ * @group Misc Figure Element
+ */
+declare class NotificationManager {
+    fnMap: FunctionMap;
+    notifications: OBJ_Notifications;
+    /**
+     * @param {FunctionMap} fnMap default function map to use. Function maps
+     * need only be used with {@link Recorder}.
+     */
+    constructor(fnMap?: FunctionMap);
+    cleanup(): void;
+    /**
+     * Subscribe to a notification.
+     * @param {string} name event notification name
+     * @param {string | function(): void} callback to be called when events
+     * occur. If `string`, then {@link FunctionMap} of the {@link Figure}
+     * or {@link FigureElement} to which the notification manager is a property
+     * of will be used.
+     * @param {number} num how many notifications the subscriber will receive.
+     * `num = 1` will mean only the first notification will be sent to the
+     * subscriber .`num = -1` means all notifications of the event will be sent
+     * to the subscriber (`-1`).
+     * @return {number} subscriber id
+     */
+    add(name: string, callback: string | (() => void), num?: number): number;
+    /**
+     * Publish to all subscribers
+     *
+     * @param {string} subscriptionName
+     * @param {any} payload payload to pass to subscribers
+     * @param {boolean} asArray set to `true` if payload is an array that should
+     * be published as an array. Set to `false` if payload should be published as
+     * separated arguments.
+     */
+    publish(eventName: string, payload?: any, asArray?: boolean): void;
+    /**
+    * Remove subscriber from subscription
+     * @param {string} subsciptionName
+     * @param {string | number} subscriberId
+     */
+    remove(eventName: string, subscriberId: string | number): void;
+    _excludeStateKeys(): string[];
+}
+declare function download(filename: string, text: string): void;
+declare function splitString(str: string, token?: string, escape?: string): [string[], number];
+declare class PerformanceTimer {
+    stamps: Array<[number, string]>;
+    index: number;
+    constructor();
+    reset(): void;
+    stamp(label?: string): void;
+    deltas(): any[];
+    log(): void;
+}
+declare function hash32(s: string): number;
+declare function findReferences(toFind: any, start: any, path?: string, alreadyParsed?: Array<any>, depth?: number): any;
+export { diffPathsToObj, diffObjToPaths, Console, classify, extractFrom, ObjectKeyPointer, getElement, addToObject, duplicateFromTo, isTouchDevice, generateUniqueId, joinObjects, cleanUIDs, loadRemote, loadRemoteCSS, deleteKeys, copyKeysFromTo, generateRandomString, duplicate, assignObjectFromTo, joinObjectsWithOptions, objectToPaths, getObjectDiff, updateObjFromPath, pathsToObj, UniqueMap, compressObject, refAndDiffToObject, uncompressObject, unminify, minify, ObjectTracker, download, Notification, NotificationManager, getFromObject, splitString, PerformanceTimer, generateUniqueColor, hash32, findReferences, };

package/types/js/tools/types.d.ts

@@ -0,0 +1,305 @@
+/**
+ * Atlas map type - defined locally to avoid dependency on unmigrated figure layer.
+ * Mirrors OBJ_AtlasMap from '../figure/webgl/Atlas'.
+ */
+type OBJ_AtlasMap = {
+    [char: string]: {
+        width: number;
+        ascent: number;
+        descent: number;
+        offsetX: number;
+        offsetY: number;
+    };
+};
+/**
+ * Defines whether a line is solid or dashed.
+ *
+ * `Array<number>`
+ *
+ * Leave empty for solid line.
+ *
+ * Use array of numbers for a dashed line where indexes 0, 2, 4... are line
+ * lengths and indexes 1, 3, 5... are gap lengths. If line is longer than
+ * cumulative length of line and gap lengths, then pattern will repeat.
+ *
+ * If array length is odd, then the first element will be the offset of the
+ * dash pattern - the length where the dash pattern starts. In this case index
+ * 0 is the offset, indexes 1, 3, 5... are the dash lengths and indexes 2, 4,
+ * 6... are the gap lengths.
+ *
+ * For example [0.1, 0.01, 0.02, 0.01] produces 0.1 length dash, then a 0.01
+ * length gap, then a 0.02 length dash, then a 0.01 length gap. This pattern
+ * will repeat for the length of the line.
+ * @group Misc Shapes
+ */
+export type TypeDash = Array<number>;
+/**
+ * Defines a color
+ *
+ * `[number, number, number, number]`
+ *
+ * Color is defined as an RGBA array with values between 0 and 1. The alpha
+ * channel defines the transparency or opacity of the color where
+ * 1 is fully opaque and 0 is fully transparent.
+ * @group Misc Shapes
+ */
+export type TypeColor = Array<number>;
+/**
+ * `'pixel' | 'gl' | 'figure' | 'local' | 'draw'`
+ * @group Misc Figure Element
+ */
+export type TypeCoordinateSpace = 'pixel' | 'gl' | 'figure' | 'local' | 'draw';
+/**
+  Curved Corner Definition
+ * @interface
+ * @group Misc Shapes
+ */
+export type OBJ_CurvedCorner = {
+    radius?: number;
+    sides?: number;
+};
+/**
+ * Outline options.
+ *
+ * By default the glyphs will not be filled, with the outline the same color
+ * as the font.
+ *
+ * Glyphs can be filled with the `fill` property, but both fill and outline
+ * will be the same color unless the `color` property is used to override the
+ * outline's color.
+ *
+ * @property {number} [width] line width
+ * @property {boolean} [fill] include fill (`false`)
+ * @property {TypeColor} [color] outline color that overrides the font color -
+ * use if including a fill
+ * @interface
+ * @group Misc Text
+ */
+export type OBJ_Outline = {
+    width?: number;
+    fill?: boolean;
+    color?: TypeColor;
+};
+/**
+ * Underline options.
+ *
+ * An underline is defined as a horizontal line with some `width` with a bottom
+ * edge `descent` below the text baseline.
+ *
+ * If `descent` is negative, the line can be moved into a strike through
+ * position, or placed above the text.
+ *
+ * @property {number} [width]
+ * @property {number} [descent]
+ * @property {TypeColor} [color]
+ * @interface
+ * @group Misc Text
+ */
+export type OBJ_Underline = {
+    width?: number;
+    descent?: number;
+    color?: TypeColor;
+};
+/**
+ * Texture atlas font individual glyph ascent, descent and width modifiers.
+ *
+ * @property {w} [number] width
+ * @property {d} [number] descent
+ * @property {a} [number] ascent
+ * @interface
+ * @group Misc Text
+ */
+export type OBJ_GlyphModifiers = {
+    w?: number;
+    d?: number;
+    a?: number;
+};
+/**
+ * Font weight definition.
+ * `'normal' | 'bold' | 'lighter' | 'bolder' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'`
+ * @group Misc Text
+ */
+export type TypeFontWeight = 'normal' | 'bold' | 'lighter' | 'bolder' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+/**
+ * Font definition object.
+ *
+ * A font can be defined either from a subset of the properties used to define
+ * [fonts in css](https://developer.mozilla.org/en-US/docs/Web/CSS/font), or
+ * by using a texture altas of the various glyphs to be used.
+ *
+ * A font can be rendered into a [2D canvas](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D)
+ * or into the WebGL canvas using the texture atlas.
+ *
+ * A texture atlas can either be supplied as an image, or generated
+ * automatically by FigureOne based on css font definitions.
+ *
+ * Choosing how to render text depends on the application.
+ *
+ * If text size is to be animated through a large scale range, then rendering
+ * on the 2D canvas is advantageous as it can scale text to any size without a
+ * loss of sharpness. The main disadvantage of the 2D canvas is the fact that
+ * it's a different HTML canvas element to the WebGL canvas. Thus all text on
+ * the 2D canvas will always be above (default) or below the WebGl canvas
+ * independent of when it is drawn. This means text will always be above or
+ * below shapes. regenerated each time the size changes by some threshold.
+ *
+ * Conversely, drawing text on the WebGL canvas provides control on which
+ * shapes can hide text and vise versa. The disadvantage is that text is drawn
+ * from a texture atlas of bitmapped fonts. This means as text is progressively
+ * scaled up or down, the the text will look more pixelated or blurry. For many
+ * scalings (like common scalings in an equation), this will likely not be a
+ * problem. But for large changes in animated scale, it will be better to use
+ * the 2D canvas. Scaling also needs to be considered if the WebGL canvas is
+ * expected to be resized. On a desktop browser, a canvas element can be
+ * resized a lot, and so if using the WebGL atlas, it may need to be
+ *
+ * Note, the choice of where to render text can be made for each text element.
+ * Therefore it is possible to have some text rendered to the 2D canvas, and
+ * other text rendered to the WebGL canvas in the same figure.
+ *
+ * A texture atlas can either be supplied as an image, or generated
+ * automatically by FigureOne based on the css font definitions.
+ *
+ * CSS font definition:
+ *   * `family` - the typeface family from which it comes (e.g. 'Helvetica',
+ *     'Times New Roman')
+ *   * `style` - its slope (e.g. 'italic')
+ *   * `weight` - its thickness (e.g. 'bold')
+ *   * `size`
+ *
+ * Atlas font definition:
+ *   * `src` - the image or url to the image - if not supplied then atlas will
+ *      be generated automatically
+ *   * `map` - description of location and size of each glyph in the atlas
+ *   * `glyphs` - the available glyphs in the atlas. To reduce the size of the
+ *      atlas, include only the glyphs that are being used, or use a preset
+ *      alphabet (like 'latin', or 'math')
+ *   * `atlasColor` - if `true` then the rendered glyph color will be the same
+ *     as that in the texture. If `false`, then only the transparency channel of
+ *     the texture will be used and color will be defined by the FigureElement
+ *     drawing the text.
+ *   * `atlasSize` - if defined, and if the glyphs are generated automatically
+ *     then the glyphs will be created with a pixel size that is `atlasSize`
+ *     portion of the canvas height. If undefined, then the glyphs will be
+ *     created with a pixel size that is the ratio of the font size to the
+ *     scene height portion of the canvas height.
+ *
+ * A font can also have a number of modifying properties:
+ *   * `color` - fill or outline color of each glyph - not used if the texture
+ *      atlas color is to be used
+ *   * `underline`
+ *   * `outline` - defines whether the font is filled, is an outline, or both
+ *
+ * Fonts that are generated automatically rely on the client's browser to
+ * measure the font's width. From this the ascent and descent of each glyph
+ * is then estimated. Each glyph's width, ascent and descent is used to layout
+ * the glyphs in regular text and equations, as well as determine the borders
+ * and touch borders of FigureElements that draw the text.
+ *
+ * However, this estimate for different font families is not always perfectly
+ * accurate. If the estimate is not sufficient, then it can be modified by using
+ * the following properties (where each property is a proportion of the width
+ * of a character 'a'):
+ *   * `maxAscent`: Maximum ascent of glyphs like "A" or "$"
+ *   * `midAscent`: ascent of mid level glyphs like "a" and "g"
+ *   * `descent`: descent of glyphs that do not noticeably go below the
+ *      baseline (but often do a little) like "a" and "b"
+ *   * `midDescent`: descent of glyphs that go a little below the baseline like
+ *      "," and ";"
+ *   * `maxDescent`: maximum descent of glyphs like "g" and "|"
+ *
+ * Individual glyphs can also be modified (for atlas based fonts only) using
+ * the `modifiers` property.
+ *
+ *
+ * @property {string} [family] The font family (`'Times New Roman'`)
+ * @property {'normal' | 'italic' | 'oblique'} [style] (`'normal'`)
+ * @property {TypeFontWeight} [weight]
+ * font weight (`'normal'`)
+ * @property {number} [size] size of font in draw space (`0.2`)
+ * @property {boolean | OBJ_Underline} [underline] `true` to include
+ * an underline or use object to define its properties (`false`)
+ * @property {[number, number, number, number]} [color] Font color
+ * [red, green, blue, alpha] between 0 and 1 - (`[1, 0, 0, 1]`)
+ * @property {OBJ_Outline} [outline] options to draw the text in outline
+ * instead of or in addition to a fill (`false`)
+ * @property {number} [descent] (`0.8`)
+ * @property {number} [maxDescent] (`0.2`)
+ * @property {number} [midDescent] (`0.5`)
+ * @property {number} [maxAscent] (`0.95`)
+ * @property {number} [midAscent] (`1.4`)
+ * @property {OBJ_GlyphModifiers} [modifiers] individual glyph adjustments for
+ * texture atlas fonts
+ * @property {Image | string} [src] source image or url for atlas
+ * @property {OBJ_AtlasMap} [map] atlas definition needed if using a source
+ * image or url
+ * @property {string | 'greek' | 'math' | 'latin' | 'all' | 'common' | 'mathExt' | Array<string>} [glyphs]
+ * glyphs included in the font - an array can be used combining glyphs together
+ * @property {null |number} [atlasSize] font size of atlas as a proportion of
+ * the WebGL canvas height. If this is null, then the atlas font size is
+ * calculated from the font size, scene height and number of pixels in the
+ * canvas height. (`null`)
+ * @property {TypeColor} [loadColor] color of temporary texture while actual
+ * texture is loading
+ * @property {boolean} [atlasColor] `true` to use the color of the glyphs in
+ * the atlas. `false` will just use the opacity and color the glyphs from the
+ * FigureElement drawing them
+ * @property {'gl' | '2d' | 'html'} [render] render the associated text to
+ * either the WebGL canvas, the 2D canvas, or the HTML canvas.
+
+ * @interface
+ * @group Text
+ * @example
+ * // Full font definition
+ * const font = new FigureFont({
+ *   family: 'Helvetica',
+ *   style: 'italic',
+ *   weight: 'bold',
+ *   color: [1, 1, 0, 1],
+ *   opacity: 1,
+ * });
+ * @example
+ * // Define style only, remaining properties are defaults
+ * const font = new FigureFont({
+ *   style: 'italic',
+ * });
+ */
+export type OBJ_Font = {
+    family?: string;
+    weight?: TypeFontWeight;
+    style?: 'normal' | 'italic' | 'oblique';
+    size?: number;
+    underline?: boolean | OBJ_Underline;
+    color?: TypeColor | null;
+    outline?: boolean | OBJ_Outline;
+    descent?: number;
+    maxDescent?: number;
+    midDescent?: number;
+    maxAscent?: number;
+    midAscent?: number;
+    modifiers?: OBJ_GlyphModifiers;
+    src?: HTMLImageElement | string;
+    map?: OBJ_AtlasMap;
+    glyphs?: string | 'greek' | 'math' | 'latin' | 'all' | 'common' | 'mathExt';
+    loadColor?: TypeColor;
+    atlasColor?: boolean;
+    atlasSize?: number | null;
+    timeout?: number;
+    render?: 'gl' | '2d' | 'html';
+};
+export type OBJ_Font_Fixed = {
+    family: string;
+    style: 'normal' | 'italic';
+    size: number;
+    weight: 'normal' | 'bold' | 'lighter' | 'bolder' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    color: TypeColor | null;
+    underline: boolean | number | [number, number];
+    width: number;
+    descent: number;
+    maxDescent: number;
+    midDescent: number;
+    maxAscent: number;
+    midAscent: number;
+};
+declare const doNothing = 1;
+export default doNothing;

package/figureone.worker.js

@@ -1 +0,0 @@
-(()=>{"use strict";var e=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,r=Math.pow(10,n),t=Math.round(e*r)/r,i=function(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n};return i(t,-0)&&(t=0),t};function n(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var t,i,a=[],f=!0,o=!1;try{for(r=r.call(e);!(f=(t=r.next()).done)&&(a.push(t.value),!n||a.length!==n);f=!0);}catch(e){o=!0,i=e}finally{try{f||null==r.return||r.return()}finally{if(o)throw i}}return a}(e,n)||t(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||t(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e,n){if(e){if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,n):void 0}}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function f(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function o(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function c(e,n,r){return n&&o(e.prototype,n),r&&o(e,r),e}function s(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("number"==typeof n&&null!=r)return e(n,r);if("number"==typeof n||"boolean"==typeof n||"string"==typeof n||null==n||NaN===n||"function"==typeof n)return n;if("function"==typeof n._dup)return n._dup();if(Array.isArray(n)){var t=[];return n.forEach((function(e){return t.push(s(e,r))})),t}var i={};return Object.keys(n).forEach((function(e){var t=s(n[e],r);i[e]=t})),i}function l(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return"string"==typeof n||"boolean"==typeof n||"function"==typeof n?(t["".concat(r)]=n,t):"number"==typeof n?(t["".concat(r)]=null!=i?e(n,i):n,t):null===n?(t["".concat(r)]=null,t):void 0===n?t:Array.isArray(n)?(n.forEach((function(e,n){l(e,"".concat(r,"[").concat(n,"]"),t,i)})),t):(Object.keys(n).forEach((function(e){l(n[e],"".concat(r,".").concat(e),t,i)})),t)}function u(e,n,r){var t=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=e[0];if(0!==i.length){var f=i.match(/\[[^\]]*\]/g),o=i.replace(/\[.*/,"");if(1!==e.length||!t||f){if(f){var c=f.map((function(e){return parseInt(e.replace(/\[|\]/g,""),10)}));null!=n[o]&&Array.isArray(n[o])||(n[o]=[]);for(var s=n[o],l=0,d=0;d<c.length;d+=1){if(l=c[d],s.length<=l)for(var h=s.length;h<l-s.length+1;h+=1)s.push(void 0);d<c.length-1&&(Array.isArray(s[l])||(s[l]=[]),s=s[l])}return 1===e.length&&t?void(s[l]=void 0):1===e.length?void(s[l]=r):(null!=s[l]&&"object"===a(s[l])||(s[l]={}),void u(e.slice(1),s[l],r,t))}1!==e.length?(null==n[o]&&(n[o]={}),u(e.slice(1),n[o],r,t)):n[o]=r}else delete n[o]}}function d(e){var n={};return Object.keys(e).forEach((function(r){var t=r.split(".").filter((function(e){return e.length>0})),i=e[r];Array.isArray(i)?u(t,n,i.slice(-1)[0]):u(t,n,i)})),n}function h(e){for(var n=s(e),r=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];Object.keys(e).forEach((function(t){var i=t.split(".").filter((function(e){return e.length>0})),a=e[t];Array.isArray(a)?u(i,n,a.slice(-1)[0],r):u(i,n,a,r)}))},t=arguments.length,i=new Array(t>1?t-1:0),a=1;a<t;a++)i[a-1]=arguments[a];return i.forEach((function(e){var n=e.added,t=e.removed,i=e.diff;null!=t&&r(t,!0),null!=n&&r(n),null!=i&&r(i)})),n}function v(e){var n={};return e.diff&&Object.keys(e.diff).length>0&&(n.diff=d(e.diff)),e.added&&Object.keys(e.added).length>0&&(n.added=d(e.added)),e.removed&&Object.keys(e.removed).length>0&&(n.removed=d(e.removed)),n}function y(e){var n={};return e.diff&&Object.keys(e.diff).length>0&&(n.diff=l(e.diff)),e.added&&Object.keys(e.added).length>0&&(n.added=l(e.added)),e.removed&&Object.keys(e.removed).length>0&&(n.removed=l(e.removed)),n}var b=function(){function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:8;f(this,e),this.precision=n,this.reset()}return c(e,[{key:"toObj",value:function(){var e=this,n={};Object.keys(this.references).forEach((function(r){n[r]={basedOn:e.references[r].basedOn,diff:v(e.references[r].diff)}}));var r=this.diffs.map((function(e){return[e[0],e[1],v(e[2]),e[3]]}));return{baseReference:s(this.baseReference),diffs:r,references:n,precision:this.precision,lastReferenceName:this.lastReferenceName}}},{key:"setFromObj",value:function(e){var n={};Object.keys(e.references).forEach((function(r){n[r]={basedOn:e.references[r].basedOn,diff:y(e.references[r].diff)}})),this.references=n,this.baseReference=s(e.baseReference),this.precision=e.precision,this.diffs=e.diffs.map((function(e){return[e[0],e[1],y(e[2]),e[3]]})),this.lastReferenceName=e.lastReferenceName}},{key:"reset",value:function(){this.baseReference=null,this.references={},this.diffs=[],this.lastReferenceName="__base"}},{key:"setBaseReference",value:function(e){this.baseReference=s(e),this.lastReferenceName="__base"}},{key:"addReference",value:function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"__base";null!=this.baseReference&&"__base"!==n||this.setBaseReference(e),"__base"!==n&&(this.references[n]={diff:this.getDiffToReference(e,r),basedOn:r},this.lastReferenceName=n)}},{key:"getReferenceChain",value:function(e,n){return"__base"===e||null==this.references[e]?n:this.getReferenceChain(this.references[e].basedOn,[this.references[e].diff].concat(r(n)))}},{key:"getReference",value:function(e){var n=this.getReferenceChain(e,[]);return h.apply(void 0,[this.baseReference].concat(r(n)))}},{key:"getDiffToReference",value:function(e,n){var t=this.getReferenceChain(n,[]),i=function(e,n,t){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],f=e;n.length>0&&(f=h.apply(void 0,[e].concat(r(n))));var o=l(f,"",{},i),c=l(t,"",{},i),s={},u={},d={};Object.keys(o).forEach((function(e){void 0!==c[e]?o[e]!==c[e]&&(u[e]=a?[o[e],c[e]]:c[e]):d[e]=o[e]})),Object.keys(c).forEach((function(e){void 0===o[e]&&(s[e]=c[e])}));var v={};return Object.keys(u).length>0&&(v.diff=u),Object.keys(s).length>0&&(v.added=s),Object.keys(d).length>0&&(v.removed=d),v}(this.baseReference,t,e,this.precision);return i}},{key:"getObjFromDiffAndReference",value:function(e,n){var t=this.getReferenceChain(n,[]),i=[].concat(r(t),[e]);return h.apply(void 0,[this.baseReference].concat(r(i)))}},{key:"add",value:function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.lastReferenceName,t=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;null==this.baseReference&&this.setBaseReference(n);var i=this.getDiffToReference(n,r);this.diffs.push([e,r,i,t])}},{key:"addWithWorker",value:function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.lastReferenceName,t=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;null==this.baseReference&&this.setBaseReference(n),this.startWorker(),null!=this.worker&&this.worker.postMessage([e,r,n,t])}},{key:"startWorker",value:function(){null==this.worker&&(this.worker=new Worker)}},{key:"getFromIndex",value:function(e){if(e>this.diffs.length||0===this.diffs.length)return null;var r=n(this.diffs[e],3),t=r[1],i=r[2];return this.getObjFromDiffAndReference(i,t)}}]),e}();var g=new b;addEventListener("message",(function(e){var n=e.data,r=n.message,t=n.payload;"reset"===r?((g=new b).baseReference=t.baseReference,g.references=t.references):"get"===r?postMessage({message:"cache",payload:{baseReferece:g.baseReference,references:g.references,diffs:g.diffs}}):"add"===r?g.add(t.now,t.state,t.reference,t.lastRecordTimeCount):"addReference"===r&&g.addReference(t.state,t.refName,t.basedOn)}))})();