google-maps-autocomplete-input - npm Package Compare versions

Comparing version 0.1.6 to 0.2.0

package.json

 {
   "name": "google-maps-autocomplete-input",
-  "version": "0.1.6",
-  "description": "_autocomplete input with dropdown for google maps JS API",
+  "version": "0.2.0",
+  "description": "_custom UI for Google Maps Places Autocomplete",
   "main": "dist/google-maps-autocomplete-input.js",
   "scripts": {
-    "build": "PROD_ENV=1 webpack",
-    "build-dev": "PROD_ENV=0 webpack"
+    "commit": "git-cz",
+    "test": "jest",
+    "test:update": "jest --updateSnapshot",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "build": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress --hide-modules",
+    "prettier": "prettier --write \"src/**/*.ts\"",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format-code": "npm run prettier & npm run lint:fix"
   },
@@ -33,3 +41,3 @@ "repository": {
   ],
-  "author": "Ruslan Butov",
+  "author": "Ruslan Butov <[e-mail]>",
   "license": "MIT",
@@ -41,15 +49,17 @@ "bugs": {
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "babel-loader": "^8.1.0",
-    "babel-preset-es2015": "^6.24.1",
+    "@typescript-eslint/eslint-plugin": "^3.0.2",
+    "@typescript-eslint/parser": "^3.0.2",
+    "cross-env": "^7.0.2",
     "css-loader": "^3.5.3",
-    "express": "^4.17.1",
+    "eslint": "^7.1.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "prettier": "^2.0.5",
     "style-loader": "^1.2.1",
+    "ts-loader": "^7.0.5",
+    "typescript": "^3.9.3",
     "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
-  },
-  "presets": [
-    "@babel/preset-env"
-  ]
+    "webpack-cli": "^3.3.11",
+    "jest": "^26.0.1"
+  }
 }

README.md

@@ -1,10 +0,7 @@
-# DEPRECATED AND MOVED TO: [NPM](https://www.npmjs.com/package/places-autocomplete) [GIT](https://github.com/rgbutov/places-autocomplete)
+[![npm version](https://img.shields.io/npm/v/google-maps-autocomplete-input.svg?style=flat)](https://www.npmjs.com/package/google-maps-autocomplete-input) [![Bundlephobia](https://badgen.net/bundlephobia/minzip/google-maps-autocomplete-input)](https://bundlephobia.com/result?p=google-maps-autocomplete-input) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 
-[https://www.npmjs.com/package/places-autocomplete](https://www.npmjs.com/package/places-autocomplete)
+## Google Maps Autocomplete Input
 
-[https://github.com/rgbutov/places-autocomplete](https://github.com/rgbutov/places-autocomplete)
+Custom UI for Google Maps Places Autocomplete.
 
-
-## Autocomplete input with dropdwon for google maps JS API  · [![npm version](https://img.shields.io/npm/v/google-maps-autocomplete-input.svg?style=flat)](https://www.npmjs.com/package/google-maps-autocomplete-input) [![Bundlephobia](https://badgen.net/bundlephobia/minzip/google-maps-autocomplete-input)](https://bundlephobia.com/result?p=google-maps-autocomplete-input)
-
 ### Browser document object is requered.
@@ -18,7 +15,7 @@
 ```bash
-npm i -s google-maps-autocomplete-input 
+npm i -s google-maps-autocomplete-input
 ```
 #### Script tag
 ```html
-<script src="/path/to/google-maps-autocomplete-input.min.js"></script>
+<script src="/path/to/google-maps-autocomplete-input.js"></script>
 ```
@@ -28,29 +25,31 @@
 ```js
-  // _init module, you need API_TOKEN from google console
-  const gmaInput = new googleMapsAutocompleteInput('<API_TOKEN>');
-  const placeConfig = {
-    // _specify country for autocomplete
-    countryCode: 'us',
-    // _type of autocomplition: (cities), (regions): https://developers.google.com/maps/documentation/javascript/places-autocomplete
-    autocompleteType: ['(cities)'],
-    // _use only place name
-    onlyName: true,
-    // _inputs list with additional filter places like city, state, country
-    filterInputs: []
-  } 
-  // _after dropdown selected callback
-  const afterPlaceSelected = (place_id, place_name) => {
-    console.log(place_id, place_name);
-  }
-  
-  const placeInput = document.getElementById('dcity');
-  // bind input with autocompletetion to input
-  gmaInput.bindInput({
-      input: placeInput, 
-      config: placeConfig,
-      afterSelected: afterPlaceSelected
-  });
+// _for NODE.js
+import placesAutocomplete from 'google-maps-autocomplete-input';
+// _init module, you need API_TOKEN from google console
+const paInput = new placesAutocomplete('<API_TOKEN>');
+const placeConfig = {
+  // _specify country for autocomplete
+  countryCode: 'us',
+  // _type of autocomplition: (cities), (regions): https://developers.google.com/maps/documentation/javascript/places-autocomplete
+  autocompleteType: ['(cities)'],
+  // _use only place name
+  onlyName: true,
+  // _inputs list with additional filter places like city, state, country
+  filterInputs: []
+} 
+// _after dropdown selected callback
+/* place: {id, name, description, structured_formatting, terms} */
+const afterPlaceSelected = place => {
+  console.log(place);
+}
+const placeInput = document.getElementById('dcity');
+// bind input with autocompletetion to input
+paInput.bindInput({
+    input: placeInput, 
+    config: placeConfig,
+    afterSelected: afterPlaceSelected
+});
 ```
 
 ### License
-Autocomplete input with dropdwon is MIT licensed.
+Google Maps Autocomplete Input is MIT licensed.

No alert changes

Improved metrics

Total package byte prevSize

50403

74.43%

Lines of code

40

2.56%

Worsened metrics

Dev dependency count

14

55.56%

Number of lines in readme file

53

-1.85%

No dependency changes