changes to publish in npm

.github/README.md

@@ -0,0 +1,20 @@
+# Virtual Select <small>1.0</small>
+
+> A javascript plugin for dropdown with virtual scroll
+
+- Simple and lightweight
+- Support more than 100000 dropdown options
+- Support multi-select
+- Support search feature
+
+[Documentation](https://sa-si-dev.github.io/virtual-select)
+
+[Changelog](https://github.com/sa-si-dev/virtual-select/releases)
+
+## Commands
+
+| Command | Description |
+|---------|-------------|
+| npm run start | Builds dist versions of the plugin on file change |
+| npm run build | Builds dist versions of the plugin |
+| npm run docs | Starts a local documentation server |

.github/workflows/npm-publish.yml

@@ -0,0 +1,22 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.gitignore

@@ -1,3 +1,3 @@
 .vscode
 .DS_Store
-node_modules
+node_modules

.npmignore

@@ -0,0 +1,6 @@
+.vscode
+.DS_Store
+node_modules
+
+.github
+docs

README.md

@@ -1,4 +1,4 @@
-# Virtual Select <small>1.0</small>
+# Virtual Select Plugin
 
 > A javascript plugin for dropdown with virtual scroll
 
@@ -11,10 +11,19 @@
 
 [Changelog](https://github.com/sa-si-dev/virtual-select/releases)
 
-## Commands
+## Install
 
-| Command | Description |
-|---------|-------------|
-| npm run start | Builds dist versions of the plugin on file change |
-| npm run build | Builds dist versions of the plugin |
-| npm run docs | Starts a local documentation server |
+```shell
+npm install --save virtual-select-plugin
+```
+
+## Import files
+
+```html
+<link rel="stylesheet" href="node_modules/virtual-select-plugin/dist/virtual-select.min.css">
+<script src="node_modules/virtual-select-plugin/dist/virtual-select.min.js"></script>
+
+<!-- optional -->
+<link rel="stylesheet" href="node_modules/tooltip-plugin/dist/tooltip.min.css">
+<script src="node_modules/tooltip-plugin/dist/tooltip.min.js"></script>
+```

docs/get-started.md

@@ -20,9 +20,9 @@ OR from below direct links
 
 [virtual-select.min.js](https://raw.githubusercontent.com/{{repo}}/master/dist/virtual-select.min.js)
 
-[tooltip.min.css](https://raw.githubusercontent.com/{{repo}}/master/dist/tooltip.min.css)
+[tooltip.min.css](https://raw.githubusercontent.com/sa-si-dev/tooltip/master/dist/tooltip.min.css)
 
-[tooltip.min.js](https://raw.githubusercontent.com/{{repo}}/master/dist/tooltip.min.js)
+[tooltip.min.js](https://raw.githubusercontent.com/sa-si-dev/tooltip/master/dist/tooltip.min.js)
 
 
 ## Import files
@@ -45,6 +45,25 @@ Tooltip would be used to show selected values and options text, if text is long
 
 If you want to use tooltip plug-in in your project, refer [Tooltip Documentation](https://sa-si-dev.github.io/tooltip)
 
+## Install from NPM
+
+We could install this plugin from NPM and use it
+
+```shell
+npm install --save virtual-select-plugin
+```
+
+## Import files from node_modules
+
+```html
+<link rel="stylesheet" href="node_modules/virtual-select-plugin/dist/virtual-select.min.css">
+<script src="node_modules/virtual-select-plugin/dist/virtual-select.min.js"></script>
+
+<!-- optional -->
+<link rel="stylesheet" href="node_modules/tooltip-plugin/dist/tooltip.min.css">
+<script src="node_modules/tooltip-plugin/dist/tooltip.min.js"></script>
+```
+
 ## Initiatize plugin
 
 ```html

package.json

@@ -1,14 +1,25 @@
 {
-  "name": "virtual-select",
-  "version": "1.0.0",
+  "name": "virtual-select-plugin",
+  "version": "1.0.13",
   "description": "A javascript plugin for dropdown with virtual scroll",
   "scripts": {
     "start": "webpack --mode development --watch",
     "build": "webpack --mode production",
     "docs": "docsify serve docs"
   },
-  "author": "",
+  "author": "Sa Si Dev",
+  "keywords": [
+    "javascript",
+    "plugin",
+    "select",
+    "dropdown",
+    "virtual select",
+    "virtual scroll"
+  ],
   "license": "ISC",
+  "dependencies": {
+    "tooltip-plugin": "^1.0.14"
+  },
   "devDependencies": {
     "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.14.0",

src/virtual-select.js

@@ -1,6 +1,6 @@
 import { Utils, DomUtils } from './utils';
 
-const virtualSelectVersion = 'v1.0.12';
+const virtualSelectVersion = 'v1.0.13';
 const dropboxCloseButtonFullHeight = 48;
 const searchHeight = 40;
 

webpack.config.js

@@ -4,7 +4,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const FileManagerPlugin = require('filemanager-webpack-plugin');
 
-const banner = `Virtual Select v1.0.12
+const banner = `Virtual Select v1.0.13
 https://sa-si-dev.github.io/virtual-select
 Licensed under MIT (https://github.com/sa-si-dev/virtual-select/blob/master/LICENSE)`;
 
@@ -37,8 +37,7 @@ module.exports = (env, options) => {
           onEnd: {
             delete: ['dist/styles.min.js'],
             copy: [
-              { source: 'static', destination: 'dist' },
-              { source: 'static', destination: 'docs/assets' },
+              { source: 'node_modules/tooltip-plugin/dist', destination: 'docs/assets' },
               { source: 'dist', destination: 'docs/assets' },
             ],
           },