Now with Typescript! (#425)

Author: selfagency

.browserslistrc

@@ -8,6 +8,3 @@ insert_final_newline = true
 charset = utf-8
 indent_style = space
 indent_size = 2
-
-[*.cs] 
-indent_size = 4

.dcignore

@@ -2,16 +2,14 @@ module.exports = {
   root: true,
   env: {
     browser: true,
-    node: true
+    node: false
   },
   extends: ['plugin:vue/recommended', 'eslint:recommended', 'plugin:import/errors', 'plugin:import/warnings'],
   parserOptions: {
     parser: 'babel-eslint'
   },
   plugins: ['html'],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'import/no-unresolved': 'warn'
   },
   overrides: [

.editorconfig

@@ -196,3 +196,4 @@ yarn-error.log
 # End of https://www.toptal.com/developers/gitignore/api/linux,macos,node,dotenv,visualstudiocode,vuejs
 
 .dccache
+build

.eslintrc.js

@@ -1,30 +1,19 @@
-module.exports = {
-  jsCompiler: 'babel',
-  input: ['src/index.browser.mjs', 'src/index.mjs'],
+const config = {
+  input: 'build/main.js',
   bundleNodeModules: true,
+  externals: ['vue'],
   output: {
     format: ['cjs', 'esm', 'umd'],
     minify: true,
     moduleName: 'Grid',
-    extractCSS: false
+    extractCSS: false,
+    dir: 'dist/'
   },
   plugins: {
-    string: {
-      include: 'node_modules/**/*.css'
-    },
+    babel: false,
     vue: {
       target: 'browser'
-    },
-    babel: {
-      presets: ['vue', ['@babel/preset-env', { useBuiltIns: 'usage', corejs: 3 }]],
-      plugins: ['@babel/plugin-transform-runtime'],
-      babelHelpers: 'runtime',
-      configFile: false
-    },
-    'node-resolve': true
-  },
-  resolvePlugins: {
-    string: require('rollup-plugin-string').string
-  },
-  external: 'crypto'
+    }
+  }
 }
+export default config

.gitignore

@@ -1,4 +1,4 @@
-import { Grid } from '../../dist/index.esm.js'
+import { Grid } from '../../dist/main.esm.js'
 
 export default {
   name: 'CustomSort',

bili.config.js

@@ -1,4 +1,4 @@
-import { Grid } from '../../dist/index.esm.js'
+import { Grid } from '../../dist/main.esm.js'
 
 export default {
   name: 'Events',
@@ -20,13 +20,15 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.$refs.myGrid.grid.on('rowClick', (...args) => {
-        console.log(`row: ${JSON.stringify(args)}`)
-      })
+      if (this.$refs.myGrid && this.$refs.myGrid.grid) {
+        this.$refs.myGrid.grid.on('rowClick', (...args) => {
+          console.log(`row: ${JSON.stringify(args)}`)
+        })
 
-      this.$refs.myGrid.grid.on('cellClick', (...args) => {
-        console.log(`cell: ${JSON.stringify(args)}`)
-      })
+        this.$refs.myGrid.grid.on('cellClick', (...args) => {
+          console.log(`cell: ${JSON.stringify(args)}`)
+        })
+      }
     })
   },
   template: `

docs/using_with_components.md

@@ -1,4 +1,4 @@
-import { Grid } from '../../dist/index.esm.js'
+import { Grid } from '../../dist/main.esm.js'
 
 export default {
   name: 'ForceRender',