(fix) fix typings, include named exports (#159)

* (fix) fix typings, include named exports

* (fix) move vue demo dest to 'demo' dir

Author: kazazes

.gitignore

@@ -58,4 +58,4 @@ typings/
 .env
 
 dist/
-libs/*.js
+demo

README.md

@@ -47,18 +47,22 @@ Vue.use(VueStringFilter)
 ```javascript
 import Vue from 'vue'
 
-import append from 'vue-string-filter/libs/append'
-import capitalize from 'vue-string-filter/libs/capitalize'
-import cut from 'vue-string-filter/libs/cut'
-import lowercase from 'vue-string-filter/libs/lowercase'
-import remove_first from 'vue-string-filter/libs/remove-first'
-import remove from 'vue-string-filter/libs/remove'
-import replace_first from 'vue-string-filter/libs/replace-first'
-import replace from 'vue-string-filter/libs/replace'
-import slug from 'vue-string-filter/libs/slug'
-import titlecase from 'vue-string-filter/libs/titlecase'
-import truncate from 'vue-string-filter/libs/truncate'
-import uppercase from 'vue-string-filter/libs/uppercase'
+// using named exports
+import { append, capitalize, cut... } from 'vue-string-filter'
+
+// directly
+import append from 'vue-string-filter/dist/append'
+import capitalize from 'vue-string-filter/dist/capitalize'
+import cut from 'vue-string-filter/dist/cut'
+import lowercase from 'vue-string-filter/dist/lowercase'
+import remove_first from 'vue-string-filter/dist/remove-first'
+import remove from 'vue-string-filter/dist/remove'
+import replace_first from 'vue-string-filter/dist/replace-first'
+import replace from 'vue-string-filter/dist/replace'
+import slug from 'vue-string-filter/dist/slug'
+import titlecase from 'vue-string-filter/dist/titlecase'
+import truncate from 'vue-string-filter/dist/truncate'
+import uppercase from 'vue-string-filter/dist/uppercase'
 
 Vue.filter('append', append)
 Vue.filter('capitalize', capitalize)

check-size.js

@@ -27,7 +27,7 @@ function readDirs (dirname, onDir, onError) {
 }
 
 setTimeout(() => {
-  readDirs(path.resolve('./lib/'), async (filepath, filename) => {
+  readDirs(path.resolve('./dist/'), async (filepath, filename) => {
     try {
       console.log(chalk.greenBright(`> ${filename}: ${bytes(gzipSize.fileSync(filepath))}`))
     } catch (err) {

package.json

@@ -9,18 +9,17 @@
     "test:unit": "vue-cli-service test:unit",
     "test": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint --fix",
-    "build:demo": "cross-env NODE_ENV=production vue-cli-service build",
-    "build:lib": "cross-env NODE_ENV=production tsc ./src/lib/VueStringFilter.ts -m CommonJS --outDir ./libs",
+    "build:demo": "cross-env NODE_ENV=production vue-cli-service build --dest demo",
+    "build:lib": "cross-env NODE_ENV=production tsc ./src/lib/index.ts -m CommonJS --outDir ./dist",
     "check:size": "node ./check-size.js",
     "dev": "vue-cli-service serve",
     "prepare": "yarn build:lib"
   },
-  "main": "libs/VueStringFilter.js",
-  "module": "libs/VueStringFilter.js",
-  "unpkg": "libs/VueStringFilter.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "unpkg": "dist/index.js",
   "files": [
-    "libs",
-    "types"
+    "dist"
   ],
   "dependencies": {},
   "devDependencies": {
@@ -82,7 +81,7 @@
       "pre-commit": "lint-staged"
     }
   },
-  "jsdelivr": "libs/VueStringFilter.js",
+  "jsdelivr": "dist/VueStringFilter.js",
   "keywords": [
     "vue string",
     "vue string filter",
@@ -99,5 +98,5 @@
     "type": "git",
     "url": "https://github.com/mazipan/vue-string-filter.git"
   },
-  "typings": "types/index.d.ts"
+  "typings": "dist/index.d.ts"
 }

src/lib/index.ts

@@ -1,3 +1,4 @@
+import VueStringFilter from './VueStringFilter'
 export { default as lowercase } from './lowercase'
 export { default as uppercase } from './uppercase'
 export { default as capitalize } from './capitalize'
@@ -10,3 +11,5 @@ export { default as removeFirst } from './remove-first'
 export { default as replace } from './replace'
 export { default as replaceFirst } from './replace-first'
 export { default as append } from './append'
+
+export default VueStringFilter

tsconfig.json

@@ -14,19 +14,13 @@
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
+    "rootDir": "src/lib",
+    "outDir": "dist",
     "baseUrl": ".",
     "types": [
       "node",
       "jest"
     ],
-    "paths": {
-      "@/*": [
-        "src/*"
-      ],
-      "@lib/*": [
-        "src/lib/*"
-      ]
-    },
     "lib": [
       "esnext",
       "dom",
@@ -37,12 +31,8 @@
   "include": [
     "src/lib/**/*.ts",
     "src/lib/**/*.tsx",
-    "src/lib/**/*.vue",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.tsx"
+    "src/lib/**/*.vue"
+
   ],
   "exclude": [
     "node_modules"