feat(angular): produce build th Vite

Author: riccardoperra

packages/angular-table/package.json

@@ -21,12 +21,12 @@
     "datagrid"
   ],
   "type": "module",
-  "module": "dist/fesm2022/tanstack-angular-table.mjs",
-  "types": "dist/types/tanstack-angular-table.d.ts",
+  "module": "dist/fesm2022/tanstack-angular-table.js",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/tanstack-angular-table.d.ts",
-      "default": "./dist/fesm2022/tanstack-angular-table.mjs"
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/fesm2022/tanstack-angular-table.js"
     },
     "./package.json": {
       "default": "./package.json"
@@ -40,7 +40,7 @@
     "src"
   ],
   "scripts": {
-    "build": "ng-packagr -p ng-package.json -c tsconfig.build.json && rimraf ./dist/package.json",
+    "build": "vite build",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf ./build && rimraf ./dist",
     "test:build": "publint --strict",

packages/angular-table/tsconfig.build.json

@@ -6,7 +6,20 @@
     "module": "ESNext",
     "moduleDetection": "force",
     "moduleResolution": "Bundler",
-    "stripInternal": true
+    "stripInternal": true,
+    "baseUrl": ".",
+    "target": "es2022",
+    "outDir": "dist",
+    "declaration": true,
+    "declarationDir": "types",
+    "sourceMap": true,
+    "inlineSourceMap": false,
+    "inlineSources": true,
+    "skipLibCheck": true,
+    "emitDecoratorMetadata": false,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "lib": ["dom", "es2020"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
@@ -15,5 +28,6 @@
     "strictTemplates": true,
     "compilationMode": "partial"
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["node_modules", "dist", "**/*.shim.ts", "**/*.spec.ts"]
 }

packages/angular-table/tsconfig.json

@@ -12,5 +12,11 @@
     "experimentalDecorators": true,
     "importHelpers": true
   },
-  "include": ["src", "tests", "eslint.config.js", "vite.config.ts"]
+  "include": [
+    "src",
+    "tests",
+    "eslint.config.js",
+    "vite.config.ts",
+    "vitest.config.ts"
+  ]
 }

packages/angular-table/vite.config.ts

@@ -1,23 +1,31 @@
-import * as path from 'node:path'
-import { defineConfig } from 'vitest/config'
+import path from 'node:path'
+import { defineConfig } from 'vite'
 import angular from '@analogjs/vite-plugin-angular'
-import packageJson from './package.json'
-
-const tsconfigPath = path.join(import.meta.dirname, 'tsconfig.test.json')
-const testDirPath = path.join(import.meta.dirname, 'tests')
-const angularPlugin = angular({ tsconfig: tsconfigPath, jit: true })
 
 export default defineConfig({
-  plugins: [angularPlugin],
-  test: {
-    name: packageJson.name,
-    watch: false,
-    dir: testDirPath,
-    pool: 'threads',
-    environment: 'jsdom',
-    setupFiles: [path.join(testDirPath, 'test-setup.ts')],
-    globals: true,
-    reporters: 'default',
-    disableConsoleIntercept: true,
+  root: import.meta.dirname,
+  plugins: [
+    angular({
+      tsconfig: path.join(import.meta.dirname, 'tsconfig.build.json'),
+    }),
+  ],
+  resolve: {
+    mainFields: ['module'],
+  },
+  build: {
+    target: ['esnext'],
+    sourcemap: true,
+    lib: {
+      entry: 'src/index.ts',
+      fileName: `fesm2022/tanstack-angular-table`,
+      formats: ['es'],
+    },
+    rolldownOptions: {
+      external: [/^@angular\/.*/, /^@tanstack\/.*/, 'rxjs', 'rxjs/operators'],
+      output: {
+        preserveModules: false,
+      },
+    },
+    minify: false,
   },
 })

packages/angular-table/vitest.config.ts

@@ -0,0 +1,23 @@
+import * as path from 'node:path'
+import { defineConfig } from 'vitest/config'
+import angular from '@analogjs/vite-plugin-angular'
+import packageJson from './package.json'
+
+const tsconfigPath = path.join(import.meta.dirname, 'tsconfig.test.json')
+const testDirPath = path.join(import.meta.dirname, 'tests')
+const angularPlugin = angular({ tsconfig: tsconfigPath, jit: true })
+
+export default defineConfig({
+  plugins: [angularPlugin],
+  test: {
+    name: packageJson.name,
+    watch: false,
+    dir: testDirPath,
+    pool: 'threads',
+    environment: 'jsdom',
+    setupFiles: [path.join(testDirPath, 'test-setup.ts')],
+    globals: true,
+    reporters: 'default',
+    disableConsoleIntercept: true,
+  },
+})