TMB-112 | Scalable React Components (#12)

* SVGO options

* New script to upload to s3

* 1.1.1

* Minor fix

* set svg width and height to 100%

Author: fpsampayo

.svgo.yml

@@ -0,0 +1,3 @@
+plugins:
+  - removeViewBox: false
+  - removeDimensions: true

CHANGELOG.md

@@ -7,22 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-## [v1.1.0](https://github.com/oscarfonts/TMB-Icons/compare/v1.1.0...v1.1.0)
+## [v1.1.1](https://github.com/geomatico/TMB-Icons/compare/v1.1.0...v1.1.1)
 
 ### Merged
 
-- TMB-68 | Add missing L10N and L10S icon combiations for link stations [`#9`](https://github.com/oscarfonts/TMB-Icons/pull/9)
-- 1.0.0 [`#7`](https://github.com/oscarfonts/TMB-Icons/pull/7)
-- update spritezero-cli [`#1`](https://github.com/oscarfonts/TMB-Icons/pull/1)
+- Script and npm run conf to upload to tmb s3 on every release [`#10`](https://github.com/geomatico/TMB-Icons/pull/10)
 
 ### Commits
 
-- First commit. SVG icons and MapboxGL sprites. [`e25efec`](https://github.com/oscarfonts/TMB-Icons/commit/e25efec08a423be8f00852c3ee55e9fc795dd3b0)
-- Optimize SVG logos to workaround rendering issues on mpbox sprite generation [`4691bd2`](https://github.com/oscarfonts/TMB-Icons/commit/4691bd205a7d8efe5685727fdd99fc8e11d156b2)
-- Include icons for link stations [`18ddfea`](https://github.com/oscarfonts/TMB-Icons/commit/18ddfea57ff6a3f6fed2355e05b986608b820c22)
-- Added icons for bus alterations: parada-anulada, parada-actual, parada-nova [`da96631`](https://github.com/oscarfonts/TMB-Icons/commit/da966316f7cae52362ac4a7c77f6b31ab2a0a493)
-- Renamed metro => acces, add elevator and acces-elevator, fixed some icon sizes [`dd4c8f7`](https://github.com/oscarfonts/TMB-Icons/commit/dd4c8f7f4bddcd35e92aa267aa0ab4a35ffa8431)
-- Icones línies bus H, V, D i convencionals [`7e396e3`](https://github.com/oscarfonts/TMB-Icons/commit/7e396e36f6e45a871b0a00767566bb9346909214)
-- Added L9S link stations [`e5ff2a9`](https://github.com/oscarfonts/TMB-Icons/commit/e5ff2a932c78240b5cb5f2e63c601ca28e3e5e09)
-- Icones retocades línies bus [`7dc307d`](https://github.com/oscarfonts/TMB-Icons/commit/7dc307d274fa5d580aec1486b64a42e9062583d5)
-- Generate PNG icons [`52aba33`](https://github.com/oscarfonts/TMB-Icons/commit/52aba330225b8d1a9b43dd0312b8ba78b719397d)
+- New script to upload to s3 [`c6634b2`](https://github.com/geomatico/TMB-Icons/commit/c6634b271e9b6fa041562bdfd00d327500c65eca)
+- SVGO options [`ff0ead4`](https://github.com/geomatico/TMB-Icons/commit/ff0ead481281cb409d54d6d3c94a192e9a12f406)
+
+## [v1.1.0](https://github.com/geomatico/TMB-Icons/compare/v1.0.0...v1.1.0) - 2020-11-18
+
+### Merged
+
+- TMB-68 | Add missing L10N and L10S icon combiations for link stations [`#9`](https://github.com/geomatico/TMB-Icons/pull/9)
+- 1.0.0 [`#7`](https://github.com/geomatico/TMB-Icons/pull/7)
+
+## v1.0.0 - 2020-11-17
+
+### Merged
+
+- update spritezero-cli [`#1`](https://github.com/geomatico/TMB-Icons/pull/1)
+
+### Commits
+
+- Release flow and reorganize repo [`1b5500a`](https://github.com/geomatico/TMB-Icons/commit/1b5500ab2ef61eff2a7175f5e1a5dd9deb1573e2)
+- First commit. SVG icons and MapboxGL sprites. [`e25efec`](https://github.com/geomatico/TMB-Icons/commit/e25efec08a423be8f00852c3ee55e9fc795dd3b0)
+- Optimize SVG logos to workaround rendering issues on mpbox sprite generation [`4691bd2`](https://github.com/geomatico/TMB-Icons/commit/4691bd205a7d8efe5685727fdd99fc8e11d156b2)
+- Include icons for link stations [`18ddfea`](https://github.com/geomatico/TMB-Icons/commit/18ddfea57ff6a3f6fed2355e05b986608b820c22)
+- Added icons for bus alterations: parada-anulada, parada-actual, parada-nova [`da96631`](https://github.com/geomatico/TMB-Icons/commit/da966316f7cae52362ac4a7c77f6b31ab2a0a493)
+- Renamed metro => acces, add elevator and acces-elevator, fixed some icon sizes [`dd4c8f7`](https://github.com/geomatico/TMB-Icons/commit/dd4c8f7f4bddcd35e92aa267aa0ab4a35ffa8431)
+- Icones línies bus H, V, D i convencionals [`7e396e3`](https://github.com/geomatico/TMB-Icons/commit/7e396e36f6e45a871b0a00767566bb9346909214)
+- Added L9S link stations [`e5ff2a9`](https://github.com/geomatico/TMB-Icons/commit/e5ff2a932c78240b5cb5f2e63c601ca28e3e5e09)
+- Icones retocades línies bus [`7dc307d`](https://github.com/geomatico/TMB-Icons/commit/7dc307d274fa5d580aec1486b64a42e9062583d5)
+- Generate PNG icons [`52aba33`](https://github.com/geomatico/TMB-Icons/commit/52aba330225b8d1a9b43dd0312b8ba78b719397d)

README.md

@@ -2,7 +2,13 @@
 
 ## Usage
 
-https://geomatico.github.io/TMB-Icons/
+* Latest Icons: https://tmb-barcelona.github.io/TMB-Icons/
+* TMB S3 CDN Examples: 
+  * Index: https://cdn.tmb.cat/icons/v1.1.1/static/index.html
+  * SVGs: https://cdn.tmb.cat/icons/v1.1.1/static/svg/L1.svg
+  * PNGs: https://cdn.tmb.cat/icons/v1.1.1/static/png/64/L1.png
+  * Mapbox Sprites: https://cdn.tmb.cat/icons/v1.1.1/static/mapboxgl/sprites.json
+
 
 ## Origin
 
@@ -40,6 +46,8 @@ To make a new version of library, we need to do it from master branch. For examp
 ```bash
 npm version 0.0.2
 npm release
+npm run gh-pages
+npm run upload-to-s3
 ```
 
 This will do:

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "tmb-icons",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Icons for TMB-Barcelona",
   "main": "dist/index.js",
   "files": [
@@ -12,13 +12,15 @@
     "svg2png": "cd scripts && ./svg2png.js",
     "mapbox": "mkdir -p static/mapboxgl && spritezero static/mapboxgl/sprites svg/ && spritezero --retina static/mapboxgl/sprites@2x svg/",
     "index": "cp -r svg static/ && cd scripts && ./generate-index.js",
-    "react": "svgr -d src/react/ svg/",
+    "react": "svgr --svg-props width='100%',height='100%' -d src/react/ svg/",
     "build-static": "npm run svg2png && npm run mapbox && npm run index",
     "build-react": "npm run react && webpack --env prod",
     "gh-pages": "npm run build-static && gh-pages -d static",
     "version": "npm run build-static && npm run build-react && auto-changelog -p && git add CHANGELOG.md",
     "release": "git push --follow-tags && npm pack && gh-release -y -a *.tgz && npm run upload-to-s3",
-    "upload-to-s3": "cd scripts && ./upload-to-s3.js"
+    "s3-static": "aws s3 cp static s3://cdn.tmb.cat/icons/v$npm_package_version/static/ --recursive --acl public-read",
+    "s3-dist": "aws s3 cp dist s3://cdn.tmb.cat/icons/v$npm_package_version/dist/ --recursive --acl public-read",
+    "upload-to-s3": "npm run s3-static && npm run s3-dist"
   },
   "auto-changelog": {
     "template": "keepachangelog",

package.json

@@ -34,7 +34,7 @@
     <div class="container">
       <div class="navbar-header">
         <a class="navbar-brand" href="#">TMB-Icons</a>
-          <p class="navbar-text navbar-right"><a class="navbar-link" href="https://github.com/geomatico/TMB-Icons/releases/{{version}}">{{version}}</a></p>
+          <p class="navbar-text navbar-right"><a class="navbar-link" href="https://github.com/TMB-Barcelona/TMB-Icons/releases/{{version}}">{{version}}</a></p>
       </div>
     </div>
   </nav>
@@ -52,7 +52,7 @@ <h1>PNG Icons (64x64)</h1>
 
     <h1>MapboxGL sprites</h1>
 
-    <p>Use <code>"sprite": "https://geomatico.github.io/TMB-Icons/mapboxgl/sprites"</code> in your mapboxgl style definition.
+    <p>Use <code>"sprite": "https://TMB-Barcelona.github.io/TMB-Icons/mapboxgl/sprites"</code> in your mapboxgl style definition.
     Then use them as "icon-image" property in a layer:</p>
 
     <pre><code>