@lgv/visualization-map 1.1.6 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lgv/visualization-map",
-  "version": "1.1.6",
+  "version": "1.2.1",
   "type": "module",
   "description": "ES6 d3.js core visualization scaffold object and utilities for maps.",
   "main": "src/index.js",

package/src/visualization/index.js

@@ -21,13 +21,13 @@ import { configuration, configurationLayout } from "../configuration.js";
  */
 class VisualizationMap extends LinearGrid {
 
-    constructor(dom=null, data, width=configurationLayout.width, height=configurationLayout.height, MapData=null, tileServerUrl=configurationLayout.tileserver, label=configuration.branding, name=configuration.name) {
+    constructor(dom=null, data, width=configurationLayout.width, height=configurationLayout.height, MapData=null, center=[0,0], tileServerUrl=configurationLayout.tileserver, label=configuration.branding, name=configuration.name) {
         
         // initialize inheritance
         super(data, width, height, MapData ? MapData : new MD(data), label, name);
 
-        let x = 0;
-        let y = 0;
+        let x = center[0];
+        let y = center[1];
 
         if (this.data) {
 
@@ -156,6 +156,9 @@ class VisualizationMap extends LinearGrid {
         // update tile server
         L.tileLayer(this.tileServerUrl).addTo(this.map);
 
+        // fit to data if provided
+        if (this.data) this.fitToData();
+
     }
 
     /**
@@ -169,6 +172,9 @@ class VisualizationMap extends LinearGrid {
         // generate patterns
         this.generatePatterns();
 
+        // generate chart
+        this.generateChart();
+
         // add handlers for leaflet events
         this.attachEvents();
 

package/.gitlab-ci.yml

@@ -1,80 +0,0 @@
-stages:
-  - test
-  - version
-  - publish
-
-include:
-  ######################################  GITLAB TEMPLATES  ######################################
-  - template: Security/SAST.gitlab-ci.yml
-
-  # overwrites
-  - project: "lgensinger/cicd-templates"
-    file: "node/module/semgrep-sast.yml"
-
-  ######################################  TESTING  ######################################
-
-  # unit test
-  - project: "lgensinger/cicd-templates"
-    file: "node/module/test.yml"
-
-  # coverage
-  - project: "lgensinger/cicd-templates"
-    file: "node/module/coverage.yml"
-
-  ######################################  VERSIONING  ######################################
-
-  # module
-  - project: "lgensinger/cicd-templates"
-    file: "node/module/version.yml"
-
-  ######################################  PUBLISHING  ######################################
-
-  # npm
-  - project: "lgensinger/cicd-templates"
-    file: "node/module/publish.yml"
-
-######################################  ANCHORS  ######################################
-
-.convert-css: &convert-css 
-  - cp node_modules/leaflet/dist/leaflet.css leafletCss.js
-  - sed -i '1s/^/export default `\n/' leafletCss.js
-  - echo "\`" >> leafletCss.js
-  - mv leafletCss.js src/visualization/
-
-######################################  OVERWRITES  ######################################
-
-unit test:
-  script:
-    # make npm less noisy
-    - npm config set loglevel=error
-    # install module locally
-    - npm install .
-    # convert leaflet css for js
-    - *convert-css
-    # run tests
-    - npm run test
-
-coverage:
-  script:
-    # make npm less noisy
-    - npm config set loglevel=error
-    # install module locally
-    - npm install .
-    # convert leaflet css for js
-    - *convert-css
-    # run tests
-    - npm run coverage
-
-npm:
-  script:
-    - npm config set //registry.npmjs.org/:_authToken ${NPM_TOKEN}
-    # install module
-    - npm install
-    # convert leaflet css for js
-    - *convert-css
-    # overwrite ignored files so leafletCss makes it to build
-    - touch .npmignore
-    # build module for distribution
-    - npm run build
-    # publish
-    - npm publish --access public

package/tests/visualizationmap_test.js

@@ -1,39 +0,0 @@
-import test from "ava";
-import { JSDOM } from "jsdom";
-import { LoremIpsum } from "lorem-ipsum";
-
-/******************** PARAMS ********************/
-
-const lorem = new LoremIpsum();
-const rando = d => Math.floor(Math.random() * d);
-const randoLatLng = d => ((Math.random() * (180 - -180)) + -180).toFixed(6) * 1;
-
-let data = {type: "FeatureCollection",features:[...Array(50).keys().map(i => ({
-    type: "Feature",
-    properties: { label: `Location ${i}`},
-    geometry: { coordinates: [randoLatLng,randoLatLng], type: "Point"}
-}))]};
-
-let div = "<div></div>";
-let figure = "<figure></figure>";
-
-/******************** INITIALIZE ********************/
-
-test("initialize", async t => {
-
-    let imports = `import { VisualizationMap } from "../src/index.js";`
-    let initClass = `window.vm = new VisualizationMap(null,${data});`
-
-    const dom = new JSDOM(`${div}${figure}<script defer="defer" type="module">${imports}${initClass}</script>`, { runScripts: "dangerously" });
-    
-    //t.true(vm.branding == brand);
-    //t.true(vm.data.toString() == data.toString());
-    //t.true(typeof vm.center[0] === "number");
-    //t.true(typeof vm.center[1] === "number");
-    //t.true(vm.name == name);
-    //t.true(vm.prefix == brand);
-    //t.true(vm.tileServerUrl == configurationLayout.tileserver);
-
-    t.pass();
-
-});