Gzipped options for both builds & style issue fixed.

TarekRaafat · Dec 20, 2018 · eda87a0 · eda87a0
1 parent 11dc5fe
commit eda87a0
Show file tree

Hide file tree

Showing 13 changed files with 243 additions and 191 deletions.
diff --git a/README.md b/README.md
@@ -53,13 +53,13 @@ git clone https://github.com/TarekRaafat/autoComplete.js.git
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/css/autoComplete.min.css"/>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/css/autoComplete.min.css"/>
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/js/autoComplete.min.js"></script>
 ```
 
 #### <a href="https://www.npmjs.com/package/@tarekraafat/autocomplete.js">npm</a> install `(Node Package Manager)`

diff --git a/dist/css/autoComplete.css b/dist/css/autoComplete.css
@@ -130,7 +130,7 @@
         border-radius: 1rem 1rem 0 0;
     }
 
-    .autoComplete_single_result:last-child {
+    .autoComplete_result:last-child {
         border-radius: 1rem;
     }
 }

diff --git a/dist/index.html b/dist/index.html
@@ -11,7 +11,7 @@
 		<meta name="author" content="Tarek Raafat">
 		<meta name="copyright" content="Tarek Raafat">
 		<meta name="owner" content="Tarek Raafat">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 		<link rel="stylesheet" type="text/css" media="screen" href="./css/autoComplete.css">
 		<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css">
 		<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">

diff --git a/dist/js/autoComplete.js.gz b/dist/js/autoComplete.js.gz
diff --git a/dist/js/autoComplete.min.js.gz b/dist/js/autoComplete.min.js.gz
diff --git a/docs/README.md b/docs/README.md
@@ -68,13 +68,13 @@ npm run build
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/css/autoComplete.min.css"/>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/css/autoComplete.min.css"/>
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/js/autoComplete.min.js"></script>
 ```
 
 -   HTML Local load
@@ -221,7 +221,7 @@ it with [autoComplete.js][so tag].
 -   [ ] Sort rendered results
     -   [ ] Alphabet
     -   [ ] Distance
--   [ ] Dynamic input field selector 
+-   [ ] Dynamic input field selector
 
 ### Usability:
 
@@ -230,8 +230,9 @@ it with [autoComplete.js][so tag].
     -   [x] Interactions
 -   [ ] Number of results displayed
 -   [ ] Navigate results list with keyboard
--   [ ] Autocomplete query with nearest result in placeholder
+-   [ ] Inline autocomplete input with nearest result
 -   [ ] No matches found response & text
+-   [x] Avail Gzip file options
 
 * * *
 

diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -33,7 +33,8 @@
 		<meta property="og:image:width" content="1200">
 		<meta property="og:image:height" content="1200">
 		<meta property="fb:app_id" content="1482373115226718">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+		<link rel="manifest" href="../manifest.json">
 		<link rel="apple-touch-icon" sizes="57x57" href="https://tarekraafat.github.io/autoComplete.js/img/icons/apple-icon-57x57.png">
 		<link rel="apple-touch-icon" sizes="60x60" href="https://tarekraafat.github.io/autoComplete.js/img/icons/apple-icon-60x60.png">
 		<link rel="apple-touch-icon" sizes="72x72" href="https://tarekraafat.github.io/autoComplete.js/img/icons/apple-icon-72x72.png">
@@ -51,7 +52,7 @@
 		<meta name="msapplication-TileColor" content="#ffffff">
 		<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
 		<meta name="theme-color" content="#ffffff">
-		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/css/autoComplete.min.css">
+		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/css/autoComplete.min.css">
 		<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css">
 		<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
 	</head>
@@ -116,7 +117,7 @@ <h4>mode</h4>
 				</div>
 			</footer>
 		</div>
-		<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].3/dist/js/autoComplete.min.js"></script>
+		<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/[email protected].4/dist/js/autoComplete.min.js.gz"></script>
 		<script src="./js/index.js"></script>
 	</body>
 

diff --git a/docs/index.html b/docs/index.html
@@ -3,7 +3,7 @@
 
     <head>
         <meta charset="UTF-8">
-        <title>autoComplete.js - Pure vanilla Javascript library</title>
+        <title>autoComplete.js - Vanilla Javascript library</title>
         <meta name=”description" content=”Simple autocomplete pure vanilla Javascript library that's designed for speed, high versatility and seamless integration with wide range of projects and systems.”>
         <meta name="keywords" content="autoComplete.js, autocomplete, easy-to-use, simple, pure, vanilla, javascript, js, library, speed, lightning, fast, search, suggestions, versatile, customizable, hackable, developer friendly, zero dependencies, lightweight, high integration, scalable, scalability, open source, github">
         <meta name="subject" content="autoComplete Javascript Library">
@@ -24,6 +24,7 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
         <meta name="description" content="Simple autocomplete pure vanilla Javascript library.">
         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+        <link rel="manifest" href="./manifest.json">
         <link rel="apple-touch-icon" sizes="57x57" href="./img/icons/apple-icon-57x57.png">
         <link rel="apple-touch-icon" sizes="60x60" href="./img/icons/apple-icon-60x60.png">
         <link rel="apple-touch-icon" sizes="72x72" href="./img/icons/apple-icon-72x72.png">

diff --git a/docs/manifest.json b/docs/manifest.json
@@ -4,6 +4,9 @@
     "description": "autoComplete.js is a simple pure vanilla Javascript library that's designed for speed, high versatility and seamless integration with wide range of projects & systems, made for users and developers in mind.",
     "background_color": "#ffffff",
     "theme_color": "#ffffff",
+    "display": "standalone",
+    "scope": "/demo/",
+    "start_url": "/?utm_source=PWAv1.5.4",
     "icons": [{
             "src": "/img/icons/android-icon-36x36.png",
             "sizes": "36x36",

diff --git a/docs/releases.md b/docs/releases.md
@@ -25,6 +25,11 @@ Release flags:
 
 ## Release Notes
 
+-   v1.5.4
+
+    -   Gzipped options for both builds are ready `(2KB) non-minified` & `(1KB) minified`
+    -   Fixed styling issue with selections last selection child on mobile devices
+
 -   v1.5.3
 
     -   Added `threshold` for minimum characters length before Engine starts rendering suggestions