Merge pull request #85 from go-spatial/dev

Refactor and major UI updates

Author: justenPalmer

README.md

@@ -1,23 +1,32 @@
 # fresco
 
-Fresco is an open source [Mapbox Vector Tile Style](https://docs.mapbox.com/mapbox-gl-js/style-spec) editor that allows cartographers to craft stylesheets for use with [Mapbox GL](https://docs.mapbox.com/mapbox-gl-js/api/) maps. Unlike other style editors, Fresco does not attempt to hide the complexity of Mapbox GL Styles but rather exposes an interactive JSON code editor to allow for maximum control and flexibility. This allows the user to implement more complex styles concepts like data driven styles with [expressions](https://docs.mapbox.com/help/tutorials/mapbox-gl-js-expressions/). When using Fresco, it may be helpful to have the [Mapbox Style Spec](https://docs.mapbox.com/mapbox-gl-js/style-spec/) available as a reference.
+[![Netlify Status](https://api.netlify.com/api/v1/badges/edab76b2-0437-4965-9d9c-6dae8de430ee/deploy-status)](https://app.netlify.com/sites/fresco/deploys)
 
-Styles created and modified with Fresco are saved to the browser's local storage and are auto-saved on changes.
+### For Cartography Professionals and Amateur Map Makers Alike
+
+Fresco is an open source [Mapbox Vector Tile Style](https://docs.mapbox.com/mapbox-gl-js/style-spec) editor that allows cartographers to craft stylesheets for use with [Mapbox GL](https://docs.mapbox.com/mapbox-gl-js/api/) maps. Unlike other style editors, Fresco does not attempt to hide the complexity of Mapbox GL Styles - but rather exposes and surfaces it for maximum control and flexibility. This allows the user to implement rich, interactive styles utilizing data driven properties with [expressions](https://docs.mapbox.com/help/tutorials/mapbox-gl-js-expressions/).
+
+When using Fresco, it may be helpful to have the [Mapbox Style Spec](https://docs.mapbox.com/mapbox-gl-js/style-spec/) available as a reference.
+
+Fresco runs in the browser and styles created and modified with Fresco are saved to the browser's local storage and are synced on changes. Be sure to download styles to your computer as a backup. Remote style storage and collaboration tools are coming soon.
 
 Give it a try: [https://fresco.gospatial.org/](https://fresco.gospatial.org/)
 
 ![map editing screen shot](/docs/img/osm-screenshot.png)
 
 ## Features
 
-- Interactive JSON code editor.
-- Style editor for Mapbox GL styles.
-- Mapbox GL layer style expression editor.
-- Auto save on changes.
-- Styles persisted to local storage (in the browser).
-- Mapbox GL style error parser. Displays the error at the error location in the style.
-- Integrated Mapbox GL style spec attributes (info on style fields).
-- Custom domain header configurations. Useful for domains which require `Authorization` headers. 
+- Rich map interaction style editor for use with Mapbox GL styles
+- Editor mode for quick changes and at a glance comprehension
+- Interactive JSON code editor for maximum control
+- Feature inspection and state setting
+- Works in our out of the browser - Fresco is available as a [downloadable application](https://github.com/go-spatial/fresco/releases)
+- Auto save on style changes
+- Styles persisted to local storage (in the browser)
+- Mapbox GL style error parser - displays the error at the line location in the style
+- Integrated Mapbox GL style spec attributes (info on style fields)
+- Custom domain header configurations - useful for domains which require `Authorization` headers
+- Open and free for everyone [license](https://github.com/go-spatial/fresco/blob/master/LICENSE)
 
 ## Usage
 

docs/img/osm-screenshot.png

@@ -1,43 +1,47 @@
 {
-  "name": "fresco-app",
+  "name": "fresco-new",
   "version": "0.1.0",
   "private": true,
-  "homepage": "/",
   "dependencies": {
-    "axios": "^0.18.0",
-    "codemirror": "^5.40.2",
-    "flow-bin": "^0.69.0",
-    "immutable": "^3.8.2",
-    "mapbox-gl": "^1.1.0",
-    "randomatic": "^3.1.0",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
-    "react-scripts": "1.1.4"
+    "@mapbox/mapbox-gl-style-spec": "^13.13.1",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.3.2",
+    "@testing-library/user-event": "^7.1.2",
+    "axios": "^0.19.2",
+    "bootstrap": "^4.4.1",
+    "codemirror": "^5.53.2",
+    "immutable": "^4.0.0-rc.12",
+    "js-file-download": "^0.4.11",
+    "jshint": "^2.11.0",
+    "mapbox-gl": "^1.9.1",
+    "react": "^16.13.1",
+    "react-beautiful-dnd": "^13.0.0",
+    "react-dom": "^16.13.1",
+    "react-redux": "^7.2.0",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-scripts": "3.4.1",
+    "redux": "^4.0.5"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject",
-    "flow": "flow",
-    "deploy": "gh-pages -d build"
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
   },
-  "devDependencies": {
-    "babel-preset-flow": "^6.23.0",
-    "bootstrap": "^4.1.3",
-    "gh-pages": "^1.1.0",
-    "js-file-download": "^0.4.4",
-    "jshint": "^2.9.6",
-    "jsonlint-lines-primitives": "^1.6.0",
-    "mapbox-gl-inspect": "^1.3.1",
-    "react-beautiful-dnd": "^7.1.3",
-    "react-color": "^2.14.1",
-    "react-redux": "^5.0.7",
-    "react-router": "^4.2.0",
-    "react-router-dom": "^4.2.2",
-    "redux": "^3.7.2",
-    "redux-logger": "^3.0.6",
-    "redux-thunk": "^2.2.0",
-    "sort-object": "^3.0.2"
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

package-lock.json

@@ -8,12 +8,7 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 
-    <link rel="stylesheet" href="%PUBLIC_URL%/vendor/material-design/icons.css"/>
-    <link rel="stylesheet" href="%PUBLIC_URL%/vendor/bootstrap-4.0.0/bootstrap.css"/>
-
-    <script src="%PUBLIC_URL%/vendor/jquery-3.2.1/jquery.slim.min.js"></script>
-    <script src="%PUBLIC_URL%/vendor/popper-1.12.29/popper.js"></script>
-    <script src="%PUBLIC_URL%/vendor/bootstrap-4.0.0/bootstrap.js"></script>
+    <script src="https://kit.fontawesome.com/1435224312.js" crossorigin="anonymous"></script>
 
     <title>Fresco</title>
   </head>

package.json

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: