chore(tsconfig): update TypeScript configuration#119

Author: gingerbeerlime

package.json

@@ -5,9 +5,9 @@
   "description": "",
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/vue-pivottable.es.js",
-      "require": "./dist/vue-pivottable.umd.js",
-      "types": "./dist/types/index.d.ts"
+      "require": "./dist/vue-pivottable.umd.js"
     },
     "./dist/": "./dist/",
     "./package.json": "./package.json"

packages/lazy-table-renderer/package.json

@@ -5,9 +5,9 @@
   "description": "",
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/lazy-table-renderer.es.js",
-      "require": "./dist/lazy-table-renderer.umd.js",
-      "types": "./dist/types/index.d.ts"
+      "require": "./dist/lazy-table-renderer.umd.js"
     },
     "./dist/": "./dist/",
     "./package.json": "./package.json"

packages/lazy-table-renderer/tsconfig.json

@@ -1,9 +1,11 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "./dist",
-    "declaration": true,
-    "declarationMap": true
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "vue-pivottable": ["../../src"]
+    }
   },
   "include": ["src/**/*"],
   "exclude": ["dist", "node_modules"]

packages/plotly-renderer/package.json

@@ -4,9 +4,9 @@
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/plotly-renderer.es.js",
-      "require": "./dist/plotly-renderer.umd.js",
-      "types": "./dist/types/index.d.ts"
+      "require": "./dist/plotly-renderer.umd.js"
     },
     "./dist/": "./dist/",
     "./package.json": "./package.json"

packages/plotly-renderer/tsconfig.json

@@ -1,10 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "./dist",
-    "declaration": true,
-    "declarationMap": true,
-    "noImplicitAny": false,
+    "noEmit": true,
+    "baseUrl": ".",
     "paths": {
       "vue-pivottable": ["../../src"]
     }

packages/plotly-renderer/vite.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite'
-import path, { resolve } from 'path'
+import { resolve } from 'path'
 import dts from 'vite-plugin-dts'
 import vue from '@vitejs/plugin-vue'
 
@@ -38,7 +38,8 @@ export default defineConfig(() => {
     },
     resolve: {
       alias: {
-        'vue-plotly': path.resolve(__dirname, 'node_modules/vue-plotly')
+        'vue-pivottable': resolve(__dirname, '../../src'),
+        'vue-plotly': resolve(__dirname, 'node_modules/vue-plotly')
       }
     }
   }

src/composables/useProvidePivotData.js

@@ -7,7 +7,9 @@ export function providePivotData(props) {
   const error = ref(null)
 
   const pivotData = computed(() => {
-    try { return new PivotData(props) } catch (err) {
+    try {
+      return new PivotData(props)
+    } catch (err) {
       console.error(err.stack)
       error.value = 'An error occurred computing the PivotTable results.'
       return null
@@ -35,7 +37,9 @@ export function providePivotData(props) {
   })
 
   const allColorScales = computed(() => {
-    const values = rowKeys.value.reduce((acc, r) => { return acc.concat(colKeys.value.map((c) => getAggregator(r, c).value())) }, [])
+    const values = rowKeys.value.reduce((acc, r) => {
+      return acc.concat(colKeys.value.map((c) => getAggregator(r, c).value()))
+    }, [])
     return colorScaleGenerator(values)
   })
   const rowColorScales = computed(() =>
@@ -56,7 +60,13 @@ export function providePivotData(props) {
   )
 
   const valueCellColors = (rowKey, colKey, value) => {
-    if (props.heatmapMode === 'full') { return allColorScales.value(value) } else if (props.heatmapMode === 'row') { return rowColorScales.value[rowKey](value) } else if (props.heatmapMode === 'col') { return colColorScales.value[colKey](value) }
+    if (props.heatmapMode === 'full') {
+      return allColorScales.value(value)
+    } else if (props.heatmapMode === 'row') {
+      return rowColorScales.value[rowKey](value)
+    } else if (props.heatmapMode === 'col') {
+      return colColorScales.value[colKey](value)
+    }
     return {}
   }
   const rowTotalValues = colKeys.value.map((x) => getAggregator([], x).value())
@@ -76,15 +86,27 @@ export function providePivotData(props) {
     let x
     if (i !== 0) {
       let noDraw = true
-      for (x = 0; x <= j; x++) { if (arr[i - 1][x] !== arr[i][x]) { noDraw = false } }
-      if (noDraw) { return -1 }
+      for (x = 0; x <= j; x++) {
+        if (arr[i - 1][x] !== arr[i][x]) {
+          noDraw = false
+        }
+      }
+      if (noDraw) {
+        return -1
+      }
     }
 
     let len = 0
     while (i + len < arr.length) {
       let stop = false
-      for (x = 0; x <= j; x++) { if (arr[i][x] !== arr[i + len][x]) { stop = true } }
-      if (stop) { break }
+      for (x = 0; x <= j; x++) {
+        if (arr[i][x] !== arr[i + len][x]) {
+          stop = true
+        }
+      }
+      if (stop) {
+        break
+      }
       len++
     }
     return len
@@ -109,4 +131,6 @@ export function providePivotData(props) {
   return pivotDataContext
 }
 
-export function useProvidePivotData() { return inject(PIVOT_DATA_KEY) }
+export function useProvidePivotData() {
+  return inject(PIVOT_DATA_KEY)
+}

src/index.ts

@@ -2,8 +2,9 @@ import { VuePivottable, VuePivottableUi } from './components'
 import TableRenderer from './components/pivottable/renderer'
 import * as PivotUtilities from './helper'
 export * from './composables/index.js'
+import type { Component } from 'vue'
 
-const Renderer = {
+const Renderer: Record<string, Component> = {
   ...TableRenderer
 }
 

tsconfig.json

@@ -8,14 +8,14 @@
 
     /* Bundler mode */
     "moduleResolution": "node",
-    "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "preserve",
 
     /* Linting */
     "strict": true,
+    "noImplicitAny": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,

vite.config.ts

@@ -3,6 +3,7 @@ import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
 import dts from 'vite-plugin-dts'
 import { viteStaticCopy } from 'vite-plugin-static-copy'
+
 export default defineConfig({
   plugins: [
     vue(),