mapshaper 0.7.16 → 0.7.18

package/mapshaper.js

@@ -18595,6 +18595,7 @@
     icon: null,
     'icon-color': 'color',
     'icon-size': 'number',
+    'label-pos': 'labelposition',
     'label-text': null,  // leaving this null
     'letter-spacing': 'measure',
     'line-height': 'measure',
@@ -18646,6 +18647,20 @@
       'fill,font-family,font-size,text-anchor,font-weight,font-style,font-stretch,letter-spacing,dominant-baseline'.split(',')))
   };
 
+  var labelPositionFields = ['label-pos', 'dx', 'dy', 'text-anchor'];
+
+  var labelPositionStyles = {
+    n: {dx: 0, dy: '-0.5em', 'text-anchor': 'middle'},
+    s: {dx: 0, dy: '1.1em', 'text-anchor': 'middle'},
+    e: {dx: '0.45em', dy: '0.23em', 'text-anchor': 'start'},
+    w: {dx: '-0.45em', dy: '0.23em', 'text-anchor': 'end'},
+    ne: {dx: '0.4em', dy: '-0.15em', 'text-anchor': 'start'},
+    se: {dx: '0.4em', dy: '0.7em', 'text-anchor': 'start'},
+    nw: {dx: '-0.4em', dy: '-0.15em', 'text-anchor': 'end'},
+    sw: {dx: '-0.4em', dy: '0.7em', 'text-anchor': 'end'},
+    c: {dx: 0, dy: '0.25em', 'text-anchor': 'middle'}
+  };
+
   // symType: point, polygon, polyline, label
   function applyStyleAttributes(svgObj, symType, rec, filter) {
     var fields = findStylePropertiesBySymbolGeom(Object.keys(rec || {}), symType);
@@ -18777,6 +18792,8 @@
       val = parseBoolean(strVal);
     } else if (type == 'inlinecss') {
       val = strVal; // TODO: validate
+    } else if (type == 'labelposition') {
+      val = parseLabelPosition(strVal);
     }
     //  else {
     //   // unknown type -- assume literal value
@@ -18808,6 +18825,26 @@
     return null;
   }
 
+  function parseLabelPosition(str) {
+    var pos = String(str).trim();
+    return /^(n|s|e|w|ne|se|nw|sw|c)$/i.test(pos) ? pos : null;
+  }
+
+  function getLabelPositionStyle(pos) {
+    pos = parseLabelPosition(pos);
+    if (!pos) return null;
+    return Object.assign({'label-pos': pos}, labelPositionStyles[pos.toLowerCase()]);
+  }
+
+  function setLabelPositionStyle(rec, pos) {
+    var style = getLabelPositionStyle(pos);
+    if (!style) return false;
+    labelPositionFields.forEach(function(field) {
+      rec[field] = style[field];
+    });
+    return true;
+  }
+
   function isSvgMeasure(o) {
     return utils.isFiniteNumber(o) || utils.isString(o) && /^-?[.0-9]+[a-z]*$/.test(o);
   }
@@ -18826,6 +18863,7 @@
     __proto__: null,
     applyStyleAttributes: applyStyleAttributes,
     findStylePropertiesBySymbolGeom: findStylePropertiesBySymbolGeom,
+    getLabelPositionStyle: getLabelPositionStyle,
     getSymbolDataAccessor: getSymbolDataAccessor,
     getSymbolPropertyAccessor: getSymbolPropertyAccessor,
     isSupportedSvgStyleProperty: isSupportedSvgStyleProperty,
@@ -18833,9 +18871,12 @@
     isSvgColor: isSvgColor,
     isSvgMeasure: isSvgMeasure,
     isSvgNumber: isSvgNumber,
+    labelPositionFields: labelPositionFields,
     mightBeExpression: mightBeExpression,
     parseBoolean: parseBoolean,
-    parseSvgMeasure: parseSvgMeasure
+    parseLabelPosition: parseLabelPosition,
+    parseSvgMeasure: parseSvgMeasure,
+    setLabelPositionStyle: setLabelPositionStyle
   });
 
   function toLabelString(val) {
@@ -18957,7 +18998,7 @@
 
   function renderIcon(d) {
     var type = d.icon || 'circle';
-    var r = getIconRadius(d);
+    var r = getIconRadius(d, type);
     if (r > 0 === false) return empty();
     if (type == 'circle') return circle(getIconStyleData(d, r));
     if (type == 'square') return square(getIconStyleData(d, r), 0, 0);
@@ -18967,10 +19008,18 @@
     return empty();
   }
 
-  function getIconRadius(d) {
-    if (d['icon-size'] > 0) return d['icon-size'] / 2;
-    if (d.r > 0) return d.r;
-    return 5;
+  function getIconRadius(d, type) {
+    var size;
+    if (d['icon-size'] > 0 === false) {
+      return d.r > 0 ? d.r : 5;
+    }
+    size = d['icon-size'];
+    if (type == 'circle' || type == 'ring') {
+      size -= 1;
+    } else if (type == 'star') {
+      size += 1;
+    }
+    return size / 2;
   }
 
   function getIconStyleData(d, r) {
@@ -31618,6 +31667,10 @@ ${svg}
         type: 'flag'
       })
       .option('where', whereOpt)
+      .option('ids', {
+        describe: 'comma-sep. list of feature ids to style',
+        type: 'numbers'
+      })
       .option('class', {
         describe: 'name of CSS class or classes (space-separated)'
       })
@@ -31669,6 +31722,9 @@ ${svg}
       .option('label-text', {
         describe: 'label text (set this to export points as labels)'
       })
+      .option('label-pos', {
+        describe: 'label position; one of: n, s, e, w, ne, se, nw, sw, c'
+      })
       .option('text-anchor', {
         describe: 'label alignment; one of: start, end, middle (default)'
       })
@@ -44025,7 +44081,17 @@ ${svg}
     return utils.pickOne(schemes) || 'Tableau20';
   }
 
-  function getCategoricalColorScheme(name, n) {
+  function randomRotateArr(arr) {
+    var n = Math.floor(Math.random() * arr.length);
+    return arr.slice(-n).concat(arr.slice(0, -n));
+  }
+
+  function getRandomizedCategoricalColorScheme(n) {
+    var name = pickRandomCategoricalScheme(n);
+    return getCategoricalColorScheme(name, n, true);
+  }
+
+  function getCategoricalColorScheme(name, n, randomized) {
     var colors;
     initSchemes();
     name = standardName(name);
@@ -44040,7 +44106,11 @@ ${svg}
       // stop(name, 'does not contain', n, 'colors');
       message('Color scheme has', colors.length, 'colors. Using duplication to match', n, 'categories.');
       colors = wrapColors(colors, n);
-    } else {
+    }
+    if (randomized) {
+      colors = randomRotateArr(colors);
+    }
+    if (n < colors.length) {
       colors = colors.slice(0, n);
     }
     return colors;
@@ -44131,7 +44201,7 @@ ${svg}
 
     if (colorArg == 'random') {
       if (categorical) {
-        colorScheme = pickRandomCategoricalScheme(n);
+        return getRandomizedCategoricalColorScheme(n);
       } else {
         colorScheme = pickRandomColorScheme('sequential');
       }
@@ -56645,13 +56715,14 @@ ${svg}
     if (opts.where) {
       filterFn = compileFeatureExpression(opts.where, lyr, dataset.arcs);
     }
+    if (opts.ids) {
+      filterFn = combineFilters(filterFn, getIdFilter(opts.ids));
+    }
     if (opts.clear) {
       lyr.data.getFields().filter(isSupportedSvgStyleProperty).forEach(lyr.data.deleteField, lyr.data);
     }
     table = getLayerDataTable(lyr);
-    fields = Object.keys(opts).map(function(optName) {
-      return optName.replace('_', '-');
-    }).filter(isSupportedSvgStyleProperty);
+    fields = getStyleFields(opts);
     hasNewFields = fields.some(function(field) {
       return !table.fieldExists(field);
     });
@@ -56672,11 +56743,14 @@ ${svg}
       table.getRecords().forEach(function(rec, i) {
         if (filterFn && !filterFn(i)) {
           // make sure field exists if record is excluded by filter
-          if (svgName in rec === false) {
-            rec[svgName] = undefined;
-          }
+          setUndefinedFields(rec, svgName == 'label-pos' ? labelPositionFields : [svgName]);
         } else {
           rec[svgName] = accessor(i);
+          if (svgName == 'label-pos') {
+            if (!setLabelPositionStyle(rec, rec['label-pos'])) {
+              stop$1('Unexpected value for label-pos:', rec['label-pos']);
+            }
+          }
         }
       });
     });
@@ -56689,6 +56763,35 @@ ${svg}
     }
   };
 
+  function getStyleFields(opts) {
+    var fields = [];
+    Object.keys(opts).forEach(function(optName) {
+      var svgName = optName.replace('_', '-');
+      if (!isSupportedSvgStyleProperty(svgName)) return;
+      addField(fields, svgName);
+      if (svgName == 'label-pos') {
+        labelPositionFields.forEach(function(field) {
+          addField(fields, field);
+        });
+      }
+    });
+    return fields;
+  }
+
+  function addField(fields, field) {
+    if (fields.indexOf(field) == -1) {
+      fields.push(field);
+    }
+  }
+
+  function setUndefinedFields(rec, fields) {
+    fields.forEach(function(field) {
+      if (field in rec === false) {
+        rec[field] = undefined;
+      }
+    });
+  }
+
   var roundCoord$1 = getRoundingFunction(0.01);
 
   function getSymbolFillColor(d) {
@@ -58166,7 +58269,7 @@ ${svg}
     });
   }
 
-  var version = "0.7.16";
+  var version = "0.7.18";
 
   // Parse command line args into commands and run them
   // Function takes an optional Node-style callback. A Promise is returned if no callback is given.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mapshaper",
-  "version": "0.7.16",
-  "description": "A tool for editing vector datasets for mapping and GIS.",
+  "version": "0.7.18",
+  "description": "A tool for editing geospatial data for mapping and GIS.",
   "keywords": [
     "shapefile",
     "topojson",

package/www/index.html

@@ -47,6 +47,10 @@
 	</g>
 	</svg>
 
+<svg id="text-tool-icon" xmlns="http://www.w3.org/2000/svg" width="15" height="22" viewBox="0 0 15 22">
+  <path d="M13.4125,6.1758c-.0735,0-.1704.0087-.3023.0225-.35.0418-1.1581.0841-1.6018.0841H3.4416c-.4199,0-1.2035-.0418-1.5848-.0845-.1272-.0133-.2242-.022-.2977-.022-.5733,0-.5733.5104-.5733.678v3.8421h.9614c.8167,0,1.1245-.4428,1.2361-.7083.43-1.0372.9151-1.2196,1.775-1.2196h.6348v9.7486c0,.3918-.0528.4281-.463.7111l-.0919.0634c-.4874.3427-.6362.5765-.6362,1.0014v1.1346h6.1463v-1.1346c0-.4222-.1617-.6753-.6992-1.0441-.435-.3023-.4708-.3266-.4708-.7318v-9.7486h.6353c.8439,0,1.3253.1833,1.7754,1.2205.1851.4428.6307.7074,1.1925.7074h1.0042v-3.8421c0-.1677,0-.678-.5733-.678Z"/>
+</svg>
+
 	<!-- adjusted height -->
 	<svg id="pointer-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="22" viewBox="0 0 15 20"><rect x="7.4126" y="11.0354" width="3.9102" height="7.9841" transform="translate(-5.8889 6.0377) rotate(-27.5536)" fill="#30d4ef"/><polygon points="2.57 2.086 2.718 16.056 13.944 10.198 2.57 2.086" fill="#30d4ef"/></svg>
 
@@ -102,8 +106,9 @@
 			<label class="history-toggle-btn history-menu-item"><input type="checkbox" class="checkbox history-undo-checkbox">enable undo</label>
 			<div class="history-menu-note"></div>
 			<div class="history-clear-btn history-menu-item" role="menuitem">clear undo history</div>
-			<div class="history-menu-separator"></div>
 			<div class="history-command-log-btn history-menu-item" role="menuitem">view command history</div>
+			<div class="history-create-snapshot-btn history-menu-item" role="menuitem">create snapshot</div>
+			<div class="history-snapshot-list"></div>
 		</div>
 	</div>
 </div>