@openglobus/og 0.17.2 → 0.18.1

package/src/og/ui/View.js

@@ -1,190 +0,0 @@
-'use strict';
-
-
-import { Events } from '../Events.js';
-import { parseHTML, stringTemplate } from '../utils/shared.js';
-
-class View {
-    constructor(options = {}) {
-        this.__id = View.__staticCounter++;
-        this._events = new Events(options.eventList || []);
-        this.model = options.model || null;
-        this.template = options.template || "";
-        this.parent = options.parent || null;
-        this._classList = options.classList || [];
-    }
-
-    static set __staticCounter(n) {
-        this.__counter__ = n;
-    }
-
-    static get __staticCounter() {
-        if (!this.__counter__ && this.__counter__ !== 0) {
-            this.__counter__ = 0;
-        }
-        return this.__counter__;
-    }
-
-    static getHTML(template, params) {
-        return stringTemplate(template, params);
-    }
-
-    static parseHTML(htmlStr) {
-        return parseHTML(htmlStr);
-    }
-
-    static insertAfter(newNodes, referenceNode) {
-        if (!Array.isArray(newNodes)) {
-            newNodes = [newNodes];
-        }
-        for (let i = 0; i < newNodes.length; i++) {
-            if (referenceNode.parentNode) {
-                referenceNode.parentNode.insertBefore(newNodes[i], referenceNode.nextSibling);
-            }
-        }
-        return newNodes;
-    }
-
-    static insertBefore(newNodes, referenceNode) {
-        if (!Array.isArray(newNodes)) {
-            newNodes = [newNodes];
-        }
-        for (let i = 0; i < newNodes.length; i++) {
-            if (referenceNode.parentNode) {
-                referenceNode.parentNode.insertBefore(newNodes[i], referenceNode);
-            }
-        }
-    }
-
-    get events() {
-        return this._events;
-    }
-
-    on(eventName, callback, sender) {
-        return this._events.on(eventName, callback, sender);
-    }
-
-    off(eventName, callback) {
-        return this._events.off(eventName, callback);
-    }
-
-    insertBefore(view) {
-        if (!this.el) {
-            this.render();
-        }
-        if (this.el) {
-            if (view instanceof HTMLElement && view.parentNode) {
-                View.insertBefore(this.el, view);
-            }
-            if (view instanceof View && view.el.parentNode) {
-                View.insertBefore(this.el, view.el);
-            }
-        }
-    }
-
-    insertAfter(view) {
-        if (!this.el) {
-            this.render();
-        }
-        if (this.el) {
-            if (view instanceof HTMLElement && view.parentNode) {
-                View.insertAfter(this.el, view);
-            }
-            if (view instanceof View && view.el.parentNode) {
-                View.insertAfter(this.el, view.el);
-            }
-        }
-    }
-
-    isEqual(view) {
-        return view.__id === this.__id;
-    }
-
-    appendTo(node, clean, firstPosition) {
-        if (node) {
-            if (!this.el) {
-                this.beforeRender(node);
-                this.render();
-            }
-
-            if (this.el && this.el.parentNode) {
-                this.el.parentNode.removeChild(this.el);
-            }
-
-            if (clean) {
-                node.innerHTML = "";
-            }
-
-            if (firstPosition) {
-                if (node.childNodes[0]) {
-                    View.insertBefore(this.el, node.childNodes[0]);
-                } else {
-                    node.appendChild(this.el);
-                }
-            } else {
-                node.appendChild(this.el);
-            }
-            this.afterRender(node);
-        }
-
-        return this;
-    }
-
-    afterRender(parentNode) {
-        //virtual
-    }
-
-    beforeRender(parentNode) {
-        //virtual
-    }
-
-    stopPropagation() {
-        this._events.stopPropagation();
-    }
-
-    renderTemplate(params) {
-        return View.parseHTML(View.getHTML(this.template, params || {}))[0];
-    }
-
-    render(params) {
-        this.el = this.renderTemplate(params);
-        for (let i = 0, len = this._classList.length; i < len; i++) {
-            this.el.classList.add(this._classList[i]);
-        }
-        return this;
-    }
-
-    select(queryStr) {
-        return this.el.querySelector(queryStr);
-    }
-
-    selectRemove(queryStr) {
-        if (this.el) {
-            let r = this.select(queryStr);
-            if (r && r.parentNode) {
-                r.parentNode.removeChild(r);
-                return r;
-            }
-        }
-    }
-
-    selectAll(queryStr, callback) {
-        if (this.el) {
-            const res = this.el.querySelectorAll(queryStr);
-            if (callback) {
-                for (let i = 0, len = res.length; i < len; i++) {
-                    callback(res[i], i);
-                }
-            }
-            return res;
-        }
-    }
-
-    remove() {
-        if (this.el && this.el.parentNode) {
-            this.el.parentNode.removeChild(this.el);
-        }
-    }
-}
-
-export { View };

package/src/og/ui/icons.js

@@ -1,3 +0,0 @@
-export const CLOSE_ICON = `<svg className="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor; overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <path d="M777.856 280.192l-33.92-33.952-231.872 231.872-231.84-231.872-33.984 33.888 231.872 231.904-231.84 231.84 33.888 33.984 231.904-231.904 231.84 231.872 33.952-33.888-231.872-231.904z"/>
-</svg>`

package/src/og/utils/BaseWorker.js

@@ -1,46 +0,0 @@
-export class BaseWorker {
-    constructor(numWorkers = 2, program) {
-        this._id = 0;
-        this._pendingQueue = [];
-        this._numWorkers = numWorkers;
-        this._workerQueue = [];
-        if (program) this.setProgram(program);
-    }
-
-    /**
-     * @virtual
-     */
-    make() {
-    }
-
-    check() {
-        if (this._pendingQueue && this._pendingQueue.length) {
-            this.make(this._pendingQueue.pop());
-        }
-    }
-
-    setProgram(program) {
-        let elevationProgramm = new Blob([program], { type: "application/javascript" });
-
-        for (let i = 0; i < this._numWorkers; i++) {
-            let w = new Worker(URL.createObjectURL(elevationProgramm));
-            w.onmessage = (e) => {
-                this._onMessage(e);
-                this._workerQueue && this._workerQueue.unshift(e.target);
-                this.check();
-            }
-            this._workerQueue.push(w);
-        }
-    }
-
-    destroy() {
-        for (let i = 0; i < this._workerQueue.length; i++) {
-            const w = this._workerQueue[i];
-            w.onmessage = undefined;
-            w.terminate();
-        }
-        this._pendingQueue = undefined;
-        this._numWorkers = undefined;
-        this._workerQueue = undefined;
-    }
-}

package/src/og/utils/FontAtlas.js

@@ -1,218 +0,0 @@
-'use strict';
-
-import { Deferred } from '../Deferred.js';
-import { Rectangle } from '../Rectangle.js';
-import { TextureAtlas, TextureAtlasNode } from './TextureAtlas.js';
-
-//TODO: get the value from shader module
-const MAX_SIZE = 11;
-
-class FontAtlas {
-    constructor() {
-        this.atlasesArr = [];
-        this.atlasIndexes = {};
-        this.atlasIndexesDeferred = [];
-        this.tokenImageSize = 64;
-        this.samplerArr = new Uint32Array(MAX_SIZE);
-        this.sdfParamsArr = new Float32Array(MAX_SIZE * 4);
-        this._handler = null;
-    }
-
-    assignHandler(handler) {
-        this._handler = handler;
-    }
-
-    getFontIndex(face) {
-        let fullName = this.getFullIndex(face);
-        if (!this.atlasIndexesDeferred[fullName]) {
-            this.atlasIndexesDeferred[fullName] = new Deferred();
-        }
-        return this.atlasIndexesDeferred[fullName].promise;
-    }
-
-    getFullIndex(face) {
-        return face.trim().toLowerCase();
-    }
-
-    _applyFontDataToAtlas(atlas, data, index = 0) {
-        let chars = data.chars;
-
-        atlas.height = data.common.scaleH;
-        atlas.width = data.common.scaleW;
-        atlas.gliphSize = data.info.size;
-        atlas.distanceRange = data.distanceField.distanceRange;
-
-        let w = atlas.width,
-            h = atlas.height,
-            s = atlas.gliphSize;
-
-        this.sdfParamsArr[index * 4] = w;
-        this.sdfParamsArr[index * 4 + 1] = h;
-        this.sdfParamsArr[index * 4 + 2] = s;
-        this.sdfParamsArr[index * 4 + 3] = atlas.distanceRange;
-
-        let idToChar = {};
-
-        for (let i = 0; i < chars.length; i++) {
-            let ci = chars[i];
-            let ti = ci.char;
-
-            idToChar[ci.id] = ti;
-
-            let r = new Rectangle(ci.x, ci.y, ci.x + ci.width, ci.y + ci.height);
-
-            let tc = new Array(12);
-
-            tc[0] = r.left / w;
-            tc[1] = r.top / h;
-
-            tc[2] = r.left / w;
-            tc[3] = r.bottom / h;
-
-            tc[4] = r.right / w;
-            tc[5] = r.bottom / h;
-
-            tc[6] = r.right / w;
-            tc[7] = r.bottom / h;
-
-            tc[8] = r.right / w;
-            tc[9] = r.top / h;
-
-            tc[10] = r.left / w;
-            tc[11] = r.top / h;
-
-            let taNode = new TextureAtlasNode(r, tc);
-            let ciNorm = ci.char.normalize('NFKC');
-            let ciCode = ciNorm.charCodeAt();
-            taNode.metrics = ci;
-            taNode.metrics.nChar = ciNorm;
-            taNode.metrics.nCode = ciCode;
-            taNode.metrics.nWidth = taNode.metrics.width / s;
-            taNode.metrics.nHeight = taNode.metrics.height / s;
-            taNode.metrics.nAdvance = taNode.metrics.xadvance / s;
-            taNode.metrics.nXOffset = taNode.metrics.xoffset / s;
-            taNode.metrics.nYOffset = 1.0 - taNode.metrics.yoffset / s;
-            taNode.emptySize = 1;
-
-            atlas.nodes.set(ciNorm.charCodeAt(), taNode);
-        }
-
-        atlas.kernings = {};
-
-        for (let i = 0; i < data.kernings.length; i++) {
-            let ki = data.kernings[i];
-
-            let first = ki.first,
-                second = ki.second;
-
-            //let charFirst = idToChar[first],
-            //    charSecond = idToChar[second];
-
-            // if (!atlas.kernings[charFirst]) {
-            //     atlas.kernings[charFirst] = {};
-            // }
-            //
-            // atlas.kernings[charFirst][charSecond] = ki.amount / s;
-
-            if (!atlas.kernings[first]) {
-                atlas.kernings[first] = {};
-            }
-
-            atlas.kernings[first][second] = ki.amount / s;
-        }
-    }
-
-    initFont(faceName, dataJson, imageBase64) {
-        let index = this.atlasesArr.length;
-        let fullName = this.getFullIndex(faceName);
-
-        this.atlasIndexes[fullName] = index;
-
-        let def = this.atlasIndexesDeferred[fullName];
-        if (!def) {
-            def = this.atlasIndexesDeferred[fullName] = new Deferred();
-        }
-
-        this.samplerArr[this.atlasesArr.length] = index;
-
-        // TODO: FontTextureAtlas();
-        let atlas = new TextureAtlas();
-
-        atlas.height = 0;
-        atlas.width = 0;
-        atlas.gliphSize = 0;
-        atlas.distanceRange = 0;
-        atlas.kernings = {};
-
-        atlas.assignHandler(this._handler);
-
-        this.atlasesArr[index] = atlas;
-
-        this._applyFontDataToAtlas(atlas, dataJson, index);
-
-        let img = new Image();
-        img.onload = () => {
-            this._createTexture(atlas, img);
-            def.resolve(index);
-        };
-        img.src = imageBase64;
-    }
-
-    _createTexture(atlas, img) {
-        atlas.createTexture(img);
-    }
-
-    loadFont(faceName, srcDir, atlasUrl) {
-
-        let index = this.atlasesArr.length;
-        let fullName = this.getFullIndex(faceName);
-
-        this.atlasIndexes[fullName] = index;
-
-        let def = this.atlasIndexesDeferred[fullName];
-        if (!def) {
-            def = this.atlasIndexesDeferred[fullName] = new Deferred();
-        }
-
-        this.samplerArr[this.atlasesArr.length] = index;
-
-        // TODO: FontTextureAtlas();
-        let atlas = new TextureAtlas();
-
-        atlas.height = 0;
-        atlas.width = 0;
-        atlas.gliphSize = 0;
-        atlas.distanceRange = 0;
-        atlas.kernings = {};
-
-        atlas.assignHandler(this._handler);
-        this.atlasesArr[index] = atlas;
-
-        fetch(`${srcDir}/${atlasUrl}`)
-            .then(response => {
-                if (!response.ok) {
-                    throw Error(`Unable to load "${srcDir}/${atlasUrl}"`);
-                }
-                return response.json(response);
-            })
-            .then(data => {
-
-                this._applyFontDataToAtlas(atlas, data, index);
-
-                let img = new Image();
-                img.onload = () => {
-                    this._createTexture(atlas, img);
-                    def.resolve(index);
-                };
-
-                img.src = `${srcDir}/${data.pages[0]}`;
-                img.crossOrigin = "Anonymous";
-            })
-            .catch(err => {
-                def.reject();
-                return { 'status': "error", 'msg': err.toString() };
-            });
-    }
-}
-
-export { FontAtlas };

package/src/og/utils/GeoImageCreator.js

@@ -1,204 +0,0 @@
-'use strict';
-
-import { LonLat } from '../LonLat.js';
-import * as utils from '../utils/shared.js';
-import { Framebuffer } from '../webgl/Framebuffer.js';
-import { Program } from '../webgl/Program.js';
-import { doubleToTwoFloats2 } from "../math/coder.js";
-
-export class GeoImageCreator {
-
-    constructor(planet, maxFrames) {
-        this._gridSize = 64;
-        this._planet = planet;
-        this._framebuffer = null;
-        this._texCoordsBuffer = null;
-        this._indexBuffer = null;
-        this.MAX_FRAMES = maxFrames || 5;
-        this._currentFrame = 0;
-        this._queue = [];
-        this._animate = [];
-    }
-
-    init() {
-        this._initShaders();
-        this._initBuffers();
-    }
-
-    /**
-     * Creates geoImage corners coordinates grid buffer.
-     * @public
-     * @param{Array.<LonLat>} c - GeoImage corners coordinates.
-     * @return{WebGLBuffer} Grid coordinates buffer.
-     */
-    createGridBuffer(c, toMerc) {
-        let gs = this._gridSize;
-
-        let v03 = new LonLat((c[3].lon - c[0].lon) / gs, (c[3].lat - c[0].lat) / gs),
-            v12 = new LonLat((c[2].lon - c[1].lon) / gs, (c[2].lat - c[1].lat) / gs),
-            v01 = new LonLat((c[1].lon - c[0].lon) / gs, (c[1].lat - c[0].lat) / gs),
-            v32 = new LonLat((c[2].lon - c[3].lon) / gs, (c[2].lat - c[3].lat) / gs);
-
-        const size = (gs + 1) * (gs + 1) * 2,
-            halfSize = size / 2;
-
-        let gridHigh = new Float32Array(size),
-            gridLow = new Float32Array(size);
-
-        let lonLatArr = new Array(halfSize);
-
-        let kh = 0,
-            kl = 0,
-            k = 0;
-
-        let tempArr = new Float32Array(2);
-
-        for (let i = 0; i <= gs; i++) {
-
-            let P03i = new LonLat(c[0].lon + i * v03.lon, c[0].lat + i * v03.lat),
-                P12i = new LonLat(c[1].lon + i * v12.lon, c[1].lat + i * v12.lat);
-
-            for (let j = 0; j <= gs; j++) {
-                let P01j = new LonLat(c[0].lon + j * v01.lon, c[0].lat + j * v01.lat),
-                    P32j = new LonLat(c[3].lon + j * v32.lon, c[3].lat + j * v32.lat);
-                let xx = utils.getLinesIntersectionLonLat(P03i, P12i, P01j, P32j);
-                doubleToTwoFloats2(xx.lon, tempArr);
-                gridHigh[kh++] = tempArr[0];
-                gridLow[kl++] = tempArr[1];
-                doubleToTwoFloats2(xx.lat, tempArr);
-                gridHigh[kh++] = tempArr[0];
-                gridLow[kl++] = tempArr[1];
-
-                lonLatArr[k++] = xx;
-            }
-        }
-
-        if (toMerc) {
-            for (let i = 0; i < halfSize; i++) {
-                let c = lonLatArr[i].forwardMercator();
-                doubleToTwoFloats2(c.lon, tempArr);
-                gridHigh[i * 2] = tempArr[0];
-                gridLow[i * 2] = tempArr[1];
-
-                doubleToTwoFloats2(c.lat, tempArr);
-                gridHigh[i * 2 + 1] = tempArr[0];
-                gridLow[i * 2 + 1] = tempArr[1];
-
-                //grid[i] = c.lon;
-                //grid[i + 1] = c.lat;
-            }
-        }
-
-        return [
-            this._planet.renderer.handler.createArrayBuffer(gridHigh, 2, halfSize),
-            this._planet.renderer.handler.createArrayBuffer(gridLow, 2, halfSize)
-        ];
-    }
-
-    frame() {
-        var i = this.MAX_FRAMES;
-        while (i-- && this._queue.length) {
-            var q = this._queue.shift();
-            q._isRendering = false;
-            q.rendering();
-            q.events.dispatch(q.events.loadend);
-        }
-
-        i = this._animate.length;
-        while (i--) {
-            this._animate[i].rendering();
-        }
-    }
-
-    add(geoImage) {
-        if (!geoImage._isRendering) {
-            geoImage._isRendering = true;
-            if (geoImage._animate) {
-                this._animate.push(geoImage);
-            } else {
-                this._queue.push(geoImage);
-            }
-        }
-    }
-
-    remove(geoImage) {
-        if (geoImage._isRendering) {
-            geoImage._creationProceeding = false;
-            geoImage._isRendering = false;
-            var arr;
-            if (geoImage._animate) {
-                arr = this._animate;
-            } else {
-                arr = this._queue;
-            }
-            for (let i = 0; i < arr.length; i++) {
-                if (arr[i].isEqual(geoImage)) {
-                    arr.splice(i, 1);
-                    return;
-                }
-            }
-        }
-    }
-
-    _initBuffers() {
-
-        let h = this._planet.renderer.handler;
-
-        this._framebuffer = new Framebuffer(h, { width: 2, height: 2, useDepth: false });
-        this._framebuffer.init();
-
-        this._framebufferMercProj = new Framebuffer(h, { width: 2, height: 2, useDepth: false });
-        this._framebufferMercProj.init();
-
-        let gs = Math.log2(this._gridSize);
-
-        this._texCoordsBuffer = this._planet._textureCoordsBufferCache[gs];
-
-        this._indexBuffer = this._planet._indexesCache[gs][gs][gs][gs][gs].buffer;
-
-        this._quadTexCoordsBuffer = h.createArrayBuffer(new Float32Array([0, 1, 1, 1, 0, 0, 1, 0]), 2, 4);
-        this._quadVertexBuffer = h.createArrayBuffer(new Float32Array([-1, 1, 1, 1, -1, -1, 1, -1]), 2, 4);
-    }
-
-    _initShaders() {
-
-        this._planet.renderer.handler.addProgram(new Program("geoImageTransform", {
-            uniforms: {
-                sourceTexture: "sampler2d",
-                extentParamsHigh: "vec4",
-                extentParamsLow: "vec4",
-                isFullExtent: "bool"
-            },
-            attributes: {
-                cornersHigh: "vec2",
-                cornersLow: "vec2",
-                texCoords: "vec2"
-            },
-            vertexShader:
-                `attribute vec2 cornersHigh; 
-                     attribute vec2 cornersLow;
-                      attribute vec2 texCoords; 
-                      uniform vec4 extentParamsHigh; 
-                      uniform vec4 extentParamsLow; 
-                      varying vec2 v_texCoords;
-                      void main() {                                                             
-                          v_texCoords = texCoords; 
-                          vec2 highDiff = cornersHigh - extentParamsHigh.xy;
-                          vec2 lowDiff = cornersLow - extentParamsLow.xy;                                        
-                          gl_Position = vec4((-1.0 + (highDiff + lowDiff) * extentParamsHigh.zw) * vec2(1.0, -1.0), 0.0, 1.0); 
-                      }`,
-            fragmentShader:
-                `precision highp float;
-                        uniform sampler2D sourceTexture;
-                        uniform bool isFullExtent;
-                        varying vec2 v_texCoords;
-                        void main () {
-                            if(!isFullExtent && (v_texCoords.x <= 0.001 || v_texCoords.x >= 0.999 ||
-                                v_texCoords.y <= 0.001 || v_texCoords.y >= 0.999)) {
-                                discard;
-                            }
-                            gl_FragColor = texture2D(sourceTexture, v_texCoords);
-                        }`
-        }));
-    }
-}