LTS Integration

- Docs changed.
- Preparations for v2.0 and NPM.

.gitignore

@@ -7,5 +7,4 @@ node_modules
 yarn-error.log
 
 # Distribution files
-dist
 build

package.json

@@ -1,16 +1,15 @@
 {
   "name": "cleanify-design",
-  "version": "2.0.0-RC",
+  "version": "2.0.0",
   "description": "HTML, CSS & JS personal framework",
-  "homepage": "./",
+  "homepage": "https://savandev.github.io/cleanify-design",
   "repository": "https://github.com/SavanDev/cleanify-design.git",
   "author": "SavanDev <[email protected]>",
   "license": "MIT",
-  "private": true,
   "scripts": {
     "dist": "gulp",
     "docs:build": "react-scripts build",
-    "docs:deploy": "gh-pages -d build",
+    "docs:deploy": "react-scripts build && gh-pages -d build",
     "docs:watch": "react-scripts start",
     "start": "gulp watch"
   },
@@ -20,11 +19,11 @@
     "@fortawesome/free-solid-svg-icons": "^5.13.0",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@types/jest": "25.2.1",
-    "@types/node": "13.13.2",
+    "@types/node": "13.13.4",
     "@types/react": "16.9.34",
-    "@types/react-dom": "16.9.6",
+    "@types/react-dom": "16.9.7",
     "@types/react-highlight": "^0.12.2",
-    "@types/react-router-dom": "^5.1.4",
+    "@types/react-router-dom": "^5.1.5",
     "angled-edges": "^2.0.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -37,8 +36,8 @@
     "typescript": "3.8.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
     "gh-pages": "2.2.0",
     "gulp": "^4.0.2",
     "gulp-clean": "^0.4.0",
@@ -61,5 +60,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "files": [
+    "dists/{css,js}/*.{css,js}",
+    "scss/**/*.scss",
+    "js/**/*.js"
+  ]
 }

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#0062ff" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="stylesheet" href="./css/cleanify.css">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons"

public/manifest.json

@@ -10,6 +10,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#0062ff",
   "background_color": "#ffffff"
 }

src/index.tsx

@@ -7,7 +7,7 @@ import * as serviceWorker from './serviceWorker';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faLayerGroup, faLaptop, faBox, faBoxes, faGavel, faToolbox } from '@fortawesome/free-solid-svg-icons';
 
-const hashHistory = require('history').createHashHistory({ basename: process.env.PUBLIC_URL });
+const hashHistory = require('history').createHashHistory();
 
 library.add(faLayerGroup, faLaptop, faBox, faBoxes, faGavel, faToolbox);
 

src/pages/Download.tsx

@@ -5,6 +5,15 @@ import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faArchive } from '@fortawesome/free-solid-svg-icons';
 import Highlight from 'react-highlight';
 
+let getVersions = (json : any, lts : boolean, limit : number) => json.slice(0, limit).map((element: any) => {
+        if (lts ? element.tag_name.includes("LTS") : !element.tag_name.includes("LTS"))
+            return (
+                <li><a href={element.html_url} title={element.body}>{element.name}</a></li>
+            );
+        else
+            return null;
+});
+
 const Download: React.FC = () => {
     let url = "https://api.github.com/repos/SavanDev/cleanify-design/releases";
 
@@ -36,12 +45,21 @@ const Download: React.FC = () => {
                                     </Highlight>
                                 </section>
                             </article>
-                            <h3>Older versions</h3>
-                            <ul id="older">
-                                {json.map((element: any) =>
-                                    <li><a href={element.html_url} title={element.body}>{element.name}</a></li>
-                                )}
-                            </ul>
+                            <article className="grid">
+                                <section className="transparent">
+                                    <h3>LTS version</h3>
+                                    <ul id="older">
+                                        {getVersions(json, true, 4)}
+                                    </ul>
+                                </section>
+                                <section className="transparent">
+                                    <h3>Older versions</h3>
+                                    <ul id="older">
+                                        {getVersions(json, false, 4)}
+                                        <li><a href="https://github.com/SavanDev/cleanify-design/releases">Show more versions...</a></li>
+                                    </ul>
+                                </section>
+                            </article>
                         </section>
                     </article>,
                     document.getElementById("releases"));