mapshaper 0.6.65 → 0.6.67

package/mapshaper.js

@@ -4010,6 +4010,59 @@
     return applyFieldOrder(names, order);
   }
 
+
+  function parseUnknownType(str) {
+    var val = getInputParser('number')(str);
+    if (val !== null) return val;
+    val = getInputParser('object')(str);
+    if (val !== null) return val;
+    return str;
+  }
+
+  // used by GUI data editing
+  function getInputParser(type) {
+    return inputParsers[type || 'multiple'];
+  }
+
+  var inputParsers = {
+    date: function(raw) {
+      var d = new Date(raw);
+      return isNaN(+d) ? null : d;
+    },
+    string: function(raw) {
+      return raw;
+    },
+    number: function(raw) {
+      var val = Number(raw);
+      if (raw == 'NaN') {
+        val = NaN;
+      } else if (isNaN(val)) {
+        val = null;
+      }
+      return val;
+    },
+    object: function(raw) {
+      var val = null;
+      try {
+        val = JSON.parse(raw);
+      } catch(e) {}
+      return val;
+    },
+    boolean: function(raw) {
+      var val = null;
+      if (raw == 'true') {
+        val = true;
+      } else if (raw == 'false') {
+        val = false;
+      }
+      return val;
+    },
+    multiple: function(raw) {
+      var val = Number(raw);
+      return isNaN(val) ? raw : val;
+    }
+  };
+
   var DataUtils = /*#__PURE__*/Object.freeze({
     __proto__: null,
     copyRecord: copyRecord,
@@ -4024,7 +4077,9 @@
     getUniqFieldValues: getUniqFieldValues,
     applyFieldOrder: applyFieldOrder,
     getFirstNonEmptyRecord: getFirstNonEmptyRecord,
-    findFieldNames: findFieldNames
+    findFieldNames: findFieldNames,
+    parseUnknownType: parseUnknownType,
+    getInputParser: getInputParser
   });
 
   function DataTable(obj) {
@@ -4140,7 +4195,7 @@
         [bbox[2], bbox[1]], [bbox[0], bbox[1]]];
   }
 
-  var RectangleGeom = /*#__PURE__*/Object.freeze({
+  var RectangleUtils = /*#__PURE__*/Object.freeze({
     __proto__: null,
     pathIsRectangle: pathIsRectangle,
     bboxToCoords: bboxToCoords
@@ -4186,6 +4241,10 @@
     return lyr.geometry_type == 'point' && layerHasNonNullShapes(lyr);
   }
 
+  function layerIsRectangle(lyr, arcs) {
+    return layerOnlyHasRectangles(lyr, arcs) && lyr.shapes.length == 1;
+  }
+
   function layerOnlyHasRectangles(lyr, arcs) {
     if (!layerHasPaths(lyr)) return false;
     if (countMultiPartFeatures(lyr) > 0) return false;
@@ -4438,6 +4497,7 @@
     layerHasGeometry: layerHasGeometry,
     layerHasPaths: layerHasPaths,
     layerHasPoints: layerHasPoints,
+    layerIsRectangle: layerIsRectangle,
     layerOnlyHasRectangles: layerOnlyHasRectangles,
     layerHasNonNullShapes: layerHasNonNullShapes,
     deleteFeatureById: deleteFeatureById,
@@ -13335,6 +13395,19 @@
     miles: 1609.344 // International Statute Mile
   };
 
+  // str: display size in px, pt or in
+  // using: 72pt per inch, 1pt per pixel.
+  function parseSizeParam(p) {
+    var str = String(p),
+        num = parseFloat(str),
+        units = /px|pix/.test(str) && 'px' || /pt|point/.test(str) && 'pt' ||
+          /in/.test(str) && 'in' || !isNaN(+str) && 'px' || null;
+    if (isNaN(num) || !units) {
+      stop('Invalid size:', str);
+    }
+    return units == 'in' && num * 72 || num;
+  }
+
   // Return coeff. for converting a distance measure to dataset coordinates
   // @paramUnits: units code of distance param, or null if units are not specified
   // @crs: Proj.4 CRS object, or null (unknown latlong CRS);
@@ -13478,6 +13551,7 @@
 
   var Units = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    parseSizeParam: parseSizeParam,
     getIntervalConversionFactor: getIntervalConversionFactor,
     parseMeasure: parseMeasure,
     parseMeasure2: parseMeasure2,
@@ -18155,7 +18229,7 @@
     var frameLyr = findFrameLayerInDataset(dataset);
     var frameData;
     if (frameLyr) {
-      frameData = Object.assign({}, getFurnitureLayerData(frameLyr));
+      frameData = getFrameLayerData(frameLyr, dataset.arcs);
     } else {
       frameData = calcFrameData(dataset, exportOpts);
     }
@@ -18163,6 +18237,21 @@
     return frameData;
   }
 
+
+  function getFrameLayerData(lyr, arcs) {
+    var bounds = getLayerBounds(lyr, arcs);
+    var d = lyr.data.getReadOnlyRecordAt(0);
+    var w = d.width || 800;
+    var h = w * bounds.height() / bounds.width();
+    return {
+      type: 'frame',
+      width: w,
+      height: h,
+      bbox: bounds.toArray()
+    };
+  }
+
+
   function calcFrameData(dataset, opts) {
     var bounds;
     if (opts.svg_bbox) {
@@ -18180,10 +18269,6 @@
     };
   }
 
-  function getFrameLayerData(lyr) {
-    return lyr.data && lyr.data.getReadOnlyRecordAt(0);
-  }
-
   // Used by mapshaper-frame and mapshaper-pixel-transform. TODO: refactor
   function getFrameSize(bounds, opts) {
     var aspectRatio = bounds.width() / bounds.height();
@@ -18199,30 +18284,34 @@
 
 
   // @lyr dataset layer
-  function isFrameLayer(lyr) {
-    return getFurnitureLayerType(lyr) == 'frame';
+  function isFrameLayer(lyr, arcs) {
+    return getFurnitureLayerType(lyr) == 'frame' &&
+      layerIsRectangle(lyr, arcs);
   }
 
   function findFrameLayerInDataset(dataset) {
     return utils.find(dataset.layers, function(lyr) {
-      return isFrameLayer(lyr);
+      return isFrameLayer(lyr, dataset.arcs);
     });
   }
 
+  // TODO: handle multiple frames in catalog
   function findFrameDataset(catalog) {
-    var target = utils.find(catalog.getLayers(), function(o) {
-      return isFrameLayer(o.layer);
-    });
-    return target ? target.dataset : null;
+    var target = findFrame(catalog);
+    return target && target.dataset || null;
   }
 
   function findFrameLayer(catalog) {
-    var target = utils.find(catalog.getLayers(), function(o) {
-      return isFrameLayer(o.layer);
-    });
+    var target = findFrame(catalog);
     return target && target.layer || null;
   }
 
+  function findFrame(catalog) {
+    return utils.find(catalog.getLayers(), function(o) {
+      return isFrameLayer(o.layer, o.dataset.arcs);
+    });
+  }
+
   function getFrameLayerBounds(lyr) {
     return new Bounds(getFurnitureLayerData(lyr).bbox);
   }
@@ -18358,9 +18447,11 @@
     getFrameData: getFrameData,
     getFrameLayerData: getFrameLayerData,
     getFrameSize: getFrameSize,
+    isFrameLayer: isFrameLayer,
     findFrameLayerInDataset: findFrameLayerInDataset,
     findFrameDataset: findFrameDataset,
     findFrameLayer: findFrameLayer,
+    findFrame: findFrame,
     getFrameLayerBounds: getFrameLayerBounds,
     getMapFrameMetersPerPixel: getMapFrameMetersPerPixel,
     calcOutputSizeInPixels: calcOutputSizeInPixels,
@@ -18800,6 +18891,7 @@
     'font-family': null,
     'font-size': null,
     'font-style': null,
+    'font-stretch': null,
     'font-weight': null,
     'label-text': null,  // leaving this null
     'letter-spacing': 'measure',
@@ -18849,7 +18941,7 @@
     polyline: utils.arrayToIndex(commonProperties.concat('stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit')),
     point: utils.arrayToIndex(commonProperties.concat('fill', 'r')),
     label: utils.arrayToIndex(commonProperties.concat(
-      'fill,font-family,font-size,text-anchor,font-weight,font-style,letter-spacing,dominant-baseline'.split(',')))
+      'fill,font-family,font-size,text-anchor,font-weight,font-style,font-stretch,letter-spacing,dominant-baseline'.split(',')))
   };
 
   // symType: point, polygon, polyline, label
@@ -18859,6 +18951,10 @@
       if (filter && !filter(fields[i])) continue;
       setAttribute(svgObj, fields[i], rec[fields[i]]);
     }
+    // kludge to prevent default black fill on polygons with stroke styles
+    if ((symType == 'polygon' || symType == 'circle') && rec.stroke && !rec.fill) {
+      setAttribute(svgObj, 'fill', 'none');
+    }
   }
 
   function setAttribute(obj, k, v) {
@@ -19633,83 +19729,9 @@
     parseScalebarLabelToKm: parseScalebarLabelToKm
   });
 
-  cmd.frame = function(catalog, source, opts) {
-    var size, bounds, tmp, dataset;
-    if (+opts.width > 0 === false && +opts.pixels > 0 === false) {
-      stop("Missing a width or area");
-    }
-    if (opts.width && opts.height) {
-      opts = utils.extend({}, opts);
-      // Height is a string containing either a number or a
-      //   comma-sep. pair of numbers (range); here we convert height to
-      //   an aspect-ratio parameter for the rectangle() function
-      opts.aspect_ratio = getAspectRatioArg(opts.width, opts.height);
-      // TODO: currently returns max,min aspect ratio, should return in min,max order
-      // (rectangle() function should handle max,min argument correctly now anyway)
-    }
-    tmp = cmd.rectangle(source, opts);
-    bounds = getDatasetBounds(tmp);
-    if (probablyDecimalDegreeBounds(bounds)) {
-      stop('Frames require projected, not geographical coordinates');
-    } else if (!getDatasetCRS(tmp)) {
-      message('Warning: missing projection data. Assuming coordinates are meters and k (scale factor) is 1');
-    }
-    size = getFrameSize(bounds, opts);
-    if (size[0] > 0 === false) {
-      stop('Missing a valid frame width');
-    }
-    if (size[1] > 0 === false) {
-      stop('Missing a valid frame height');
-    }
-    dataset = {info: {}, layers:[{
-      name: opts.name || 'frame',
-      data: new DataTable([{
-        width: size[0],
-        height: size[1],
-        bbox: bounds.toArray(),
-        type: 'frame'
-      }])
-    }]};
-    catalog.addDataset(dataset);
-  };
-
-
-  // Convert width and height args to aspect ratio arg for the rectangle() function
-  function getAspectRatioArg(widthArg, heightArg) {
-    // heightArg is a string containing either a number or a
-    // comma-sep. pair of numbers (range);
-    return heightArg.split(',').map(function(opt) {
-      var height = Number(opt),
-          width = Number(widthArg);
-      if (!opt) return '';
-      return width / height;
-    }).reverse().join(',');
-  }
-
-  function renderFrame(d) {
-    var lineWidth = 1,
-        // inset stroke by half of line width
-        off = lineWidth / 2,
-        obj = importPolygon([[[off, off], [off, d.height - off],
-          [d.width - off, d.height - off],
-          [d.width - off, off], [off, off]]]);
-    utils.extend(obj.properties, {
-        fill: 'none',
-        stroke: d.stroke || 'black',
-        'stroke-width': d['stroke-width'] || lineWidth
-    });
-    return [obj];
-  }
-
-  var Frame = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    getAspectRatioArg: getAspectRatioArg,
-    renderFrame: renderFrame
-  });
-
   var furnitureRenderers = {
-    scalebar: renderScalebar,
-    frame: renderFrame
+    scalebar: renderScalebar
+    // frame: renderFrame
   };
 
   // @lyr a layer in a dataset
@@ -22057,7 +22079,13 @@ ${svg}
 
   // @targets - non-empty output from Catalog#findCommandTargets()
   //
-  async function exportTargetLayers(targets, opts) {
+  async function exportTargetLayers(catalog, targets, opts) {
+    // kludge: get extent of 'fit-extent' layer (if given)
+    if (opts.fit_extent) {
+      var target = catalog.findSingleLayer(opts.fit_extent);
+      var bounds = getLayerBounds(target.layer, target.dataset.arcs);
+      opts = Object.assign({svg_bbox: bounds.toArray()}, opts);
+    }
     // convert target fmt to dataset fmt
     var datasets = targets.map(function(target) {
       return utils.defaults({layers: target.layers}, target.dataset);
@@ -24139,6 +24167,9 @@ ${svg}
         describe: '[SVG] bounding box of SVG map in projected map units',
         type: 'bbox'
       })
+      .option('fit-extent', {
+        describe: '[SVG] layer to use for the map extent'
+      })
       .option('point-symbol', {
         describe: '[SVG] circle or square (default is circle)'
       })
@@ -25083,12 +25114,16 @@ ${svg}
       .validate(validateProjOpts);
 
     parser.command('rectangle')
-      .describe('create a rectangle from a bbox or target layer extent')
+      .describe('create a rectangle from a bbox or target layer')
       .option('bbox', {
         describe: 'rectangle coordinates (xmin,ymin,xmax,ymax)',
         type: 'bbox'
       })
       .option('offset', offsetOpt)
+      .option('width', {
+        describe: 'set width of map in pixels, use rectangle as frame'
+        // type: 'number' // use string, to allow units (e.g. in, px, pt)
+      })
       .option('aspect-ratio', aspectRatioOpt)
       .option('source', {
         describe: 'name of layer to enclose'
@@ -25364,7 +25399,10 @@ ${svg}
       .option('font-style', {
         describe: 'CSS font style property of labels (e.g. italic)'
       })
-       .option('letter-spacing', {
+      .option('font-stretch', {
+        describe: 'CSS font stretch property of labels (e.g. condensed)'
+      })
+      .option('letter-spacing', {
         describe: 'CSS letter-spacing property of labels'
       })
        .option('line-height', {
@@ -25656,20 +25694,20 @@ ${svg}
         describe: 'frame coordinates (xmin,ymin,xmax,ymax)',
         type: 'bbox'
       })
-      .option('offset', offsetOpt)
+      // .option('offset', offsetOpt)
       .option('width', {
-        describe: 'pixel width of output (default is 800)'
-      })
-      .option('height', {
-        describe: 'pixel height of output (may be a range)'
-      })
-      .option('pixels', {
-        describe: 'area of output in pixels (alternative to width and height)',
-        type: 'number'
-      })
-      .option('source', {
-        describe: 'name of layer to enclose'
+        describe: 'width of output (default is 800px)'
       })
+      // .option('height', {
+      //   describe: 'pixel height of output (may be a range)'
+      // })
+      // .option('pixels', {
+      //   describe: 'area of output in pixels (alternative to width and height)',
+      //   type: 'number'
+      // })
+      // .option('source', {
+      //   describe: 'name of layer to enclose'
+      // })
       .option('name', nameOpt);
 
     parser.command('fuzzy-join')
@@ -37668,6 +37706,79 @@ ${svg}
     return parsed[0];
   }
 
+  cmd.frame = function(catalog, source, opts) {
+    var size, bounds, tmp, dataset;
+    if (+opts.width > 0 === false && +opts.pixels > 0 === false) {
+      stop("Missing a width or area");
+    }
+    if (opts.width && opts.height) {
+      opts = utils.extend({}, opts);
+      // Height is a string containing either a number or a
+      //   comma-sep. pair of numbers (range); here we convert height to
+      //   an aspect-ratio parameter for the rectangle() function
+      opts.aspect_ratio = getAspectRatioArg(opts.width, opts.height);
+      // TODO: currently returns max,min aspect ratio, should return in min,max order
+      // (rectangle() function should handle max,min argument correctly now anyway)
+    }
+    tmp = cmd.rectangle(source, opts);
+    bounds = getDatasetBounds(tmp);
+    if (probablyDecimalDegreeBounds(bounds)) {
+      stop('Frames require projected, not geographical coordinates');
+    } else if (!getDatasetCRS(tmp)) {
+      message('Warning: missing projection data. Assuming coordinates are meters and k (scale factor) is 1');
+    }
+    size = getFrameSize(bounds, opts);
+    if (size[0] > 0 === false) {
+      stop('Missing a valid frame width');
+    }
+    if (size[1] > 0 === false) {
+      stop('Missing a valid frame height');
+    }
+    dataset = {info: {}, layers:[{
+      name: opts.name || 'frame',
+      data: new DataTable([{
+        width: size[0],
+        height: size[1],
+        bbox: bounds.toArray(),
+        type: 'frame'
+      }])
+    }]};
+    catalog.addDataset(dataset);
+  };
+
+
+  // Convert width and height args to aspect ratio arg for the rectangle() function
+  function getAspectRatioArg(widthArg, heightArg) {
+    // heightArg is a string containing either a number or a
+    // comma-sep. pair of numbers (range);
+    return heightArg.split(',').map(function(opt) {
+      var height = Number(opt),
+          width = Number(widthArg);
+      if (!opt) return '';
+      return width / height;
+    }).reverse().join(',');
+  }
+
+  // export function renderFrame(d) {
+  //   var lineWidth = 1,
+  //       // inset stroke by half of line width
+  //       off = lineWidth / 2,
+  //       obj = importPolygon([[[off, off], [off, d.height - off],
+  //         [d.width - off, d.height - off],
+  //         [d.width - off, off], [off, off]]]);
+  //   utils.extend(obj.properties, {
+  //       fill: 'none',
+  //       stroke: d.stroke || 'black',
+  //       'stroke-width': d['stroke-width'] || lineWidth
+  //   });
+  //   return [obj];
+  // }
+
+  var Frame = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getAspectRatioArg: getAspectRatioArg
+  });
+
   cmd.filterIslands = function(lyr, dataset, optsArg) {
     var opts = utils.extend({sliver_control: 0}, optsArg); // no sliver control
     var arcs = dataset.arcs;
@@ -38408,7 +38519,7 @@ ${svg}
         getPointFeatureBounds(shp) : targetDataset.arcs.getMultiShapeBounds(shp);
       bounds = applyRectangleOptions(bounds, crsInfo.crs, opts);
       if (!bounds) return null;
-      return convertBboxToGeoJSON(bounds.toArray(), opts);
+      return bboxToPolygon(bounds.toArray(), opts);
     });
     var geojson = {
       type: 'FeatureCollection',
@@ -38434,6 +38545,13 @@ ${svg}
   // Create rectangles around one or more target layers
   //
   cmd.rectangle2 = function(target, opts) {
+    // if target layer is a rectangle and we're applying frame properties,
+    // turn the target into a frame instead of creating a new rectangle
+    if (target.layers.length == 1 && opts.width &&
+      layerIsRectangle(target.layers[0], target.dataset.arcs)) {
+      applyFrameProperties(target.layers[0], opts);
+      return;
+    }
     var datasets = target.layers.map(function(lyr) {
       var dataset = cmd.rectangle({layer: lyr, dataset: target.dataset}, opts);
       setOutputLayerName(dataset.layers[0], lyr, null, opts);
@@ -38458,13 +38576,26 @@ ${svg}
     if (!bounds || !bounds.hasBounds()) {
       stop('Missing rectangle extent');
     }
-    var geojson = convertBboxToGeoJSON(bounds.toArray(), opts);
-    var dataset = importGeoJSON(geojson, {});
+    var feature = {
+      type: 'Feature',
+      properties: {},
+      geometry: bboxToPolygon(bounds.toArray(), opts)
+    };
+    var dataset = importGeoJSON(feature, {});
+    applyFrameProperties(dataset.layers[0], opts);
     dataset.layers[0].name = opts.name || 'rectangle';
     setDatasetCrsInfo(dataset, crsInfo);
     return dataset;
   };
 
+  function applyFrameProperties(lyr, opts) {
+    if (!opts.width) return;
+    if (!lyr.data) initDataTable(lyr);
+    var d = lyr.data.getRecords()[0] || {};
+    d.width = parseSizeParam(opts.width);
+    d.type = 'frame';
+  }
+
   function applyRectangleOptions(bounds, crs, opts) {
     var isGeoBox = probablyDecimalDegreeBounds(bounds);
     if (opts.offset) {
@@ -38509,16 +38640,13 @@ ${svg}
     return bounds;
   }
 
-  function convertBboxToGeoJSON(bbox, optsArg) {
+  function bboxToPolygon(bbox, optsArg) {
     var opts = optsArg || {};
     var coords = bboxToCoords(bbox);
     if (opts.interval > 0) {
       coords = densifyPathByInterval(coords, opts.interval);
     }
-    return opts.geometry_type == 'polyline' ? {
-      type: 'LineString',
-      coordinates: coords
-    } : {
+    return {
       type: 'Polygon',
       coordinates: [coords]
     };
@@ -38527,7 +38655,7 @@ ${svg}
   var Rectangle = /*#__PURE__*/Object.freeze({
     __proto__: null,
     applyAspectRatio: applyAspectRatio,
-    convertBboxToGeoJSON: convertBboxToGeoJSON
+    bboxToPolygon: bboxToPolygon
   });
 
   function getSemiMinorAxis(P) {
@@ -39081,8 +39209,7 @@ ${svg}
     var rotation = getRotationParams(dest);
     if (!bbox) error('Missing expected clip bbox.');
     opts = Object.assign({interval: 0.5}, opts); // make sure edges can curve
-    var geojson = convertBboxToGeoJSON(bbox, opts);
-    var dataset = importGeoJSON(geojson);
+    var dataset = importGeoJSON(bboxToPolygon(bbox, opts));
     if (rotation) {
       rotateDataset(dataset, {rotation: rotation, invert: true});
     }
@@ -39271,7 +39398,7 @@ ${svg}
     var e = 1e-8;
     var bbox = [lon-e, -91, lon+e, 91];
     // densify (so cut line can curve, e.g. Cupola projection)
-    var geojson = convertBboxToGeoJSON(bbox, {interval: 0.5});
+    var geojson = bboxToPolygon(bbox, {interval: 0.5});
     var clip = importGeoJSON(geojson);
     clipLayersInPlace(pathLayers, clip, dataset, 'erase');
   }
@@ -39574,7 +39701,6 @@ ${svg}
 
   function createProjectedGraticule(dest, opts) {
     var src = parseCrsString('wgs84');
-    // var outline = getOutlineDataset(src, dest, {inset: 0, geometry_type: 'polyline'});
     var outline = getOutlineDataset(src, dest, {});
     var graticule = importGeoJSON(createGraticule(dest, !!outline, opts));
     projectDataset(graticule, src, dest, {no_clip: false}); // TODO: densify?
@@ -44825,8 +44951,9 @@ ${svg}
       } else if (name == 'filter-slivers') {
         applyCommandToEachLayer(cmd.filterSlivers, targetLayers, targetDataset, opts);
 
-      } else if (name == 'frame') {
-        cmd.frame(job.catalog, source, opts);
+      // // 'frame' and 'rectangle' have merged
+      // } else if (name == 'frame') {
+      // cmd.frame(job.catalog, source, opts);
 
       } else if (name == 'fuzzy-join') {
         applyCommandToEachLayer(cmd.fuzzyJoin, targetLayers, arcs, source, opts);
@@ -44894,7 +45021,8 @@ ${svg}
         outputLayers = cmd.mosaic(targetLayers, targetDataset, opts);
 
       } else if (name == 'o') {
-        outputFiles = await exportTargetLayers(targets, opts);
+        // kludge
+        outputFiles = await exportTargetLayers(job.catalog, targets, opts);
         if (opts.final) {
           // don't propagate data if output is final
           //// catalog = null;
@@ -44927,7 +45055,10 @@ ${svg}
           cmd.proj(targ.dataset, job.catalog, opts);
         });
 
-      } else if (name == 'rectangle') {
+      } else if (name == 'rectangle' || name == 'frame') {
+        if (name == 'frame' && !opts.width) {
+          stop('Command requires a width= argument');
+        }
         if (source || opts.bbox || targets.length === 0) {
           job.catalog.addDataset(cmd.rectangle(source, opts));
         } else {
@@ -45093,7 +45224,7 @@ ${svg}
     });
   }
 
-  var version = "0.6.65";
+  var version = "0.6.67";
 
   // 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.
@@ -45835,7 +45966,7 @@ ${svg}
     Projections,
     ProjectionParams,
     Rectangle,
-    RectangleGeom,
+    RectangleUtils,
     Rounding,
     RunCommands,
     Scalebar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapshaper",
-  "version": "0.6.65",
+  "version": "0.6.67",
   "description": "A tool for editing vector datasets for mapping and GIS.",
   "keywords": [
     "shapefile",

package/www/index.html

@@ -104,8 +104,8 @@
 			<h4>Source files</h4>
 			<div class="file-list"></div>
 			<div>
-				<div id="add-file-btn" class="dialog-btn btn">Add a file</div>
-				<!-- <div id="add-empty-btn" class="dialog-btn btn">Empty layer</div> -->
+				<div id="add-file-btn" class="dialog-btn btn">Add files</div>
+				<div id="add-empty-btn" class="dialog-btn btn">Add empty layer</div>
 			</div>
 		</div>
 		</div>
@@ -134,7 +134,8 @@
 			<div class="filter-btn btn dialog-btn">Keep</div>
 			<div class="duplicate-btn btn dialog-btn">Duplicate</div>
 			<div class="split-btn btn dialog-btn">Split</div>
-			<div class="coords-btn btn dialog-btn">Coords</div>
+			<div class="coords-btn btn dialog-btn toggle-btn">Coords</div>
+			<div class="data-btn btn dialog-btn toggle-btn">Edit data</div>
 			<div class="cancel-btn btn dialog-btn">Clear</div>
 		</div>
 		<div class="box-coords selectable"></div>