fix(angular-store): Use ng-packagr as build tool (#62)

* Use ng-packagr

* Simplify

* Fix tsconfig

* Fix knip

knip.json

@@ -1,9 +1,6 @@
 {
   "$schema": "https://unpkg.com/knip@5/schema.json",
   "workspaces": {
-    "packages/angular-store": {
-      "ignoreDependencies": ["@angular/compiler-cli"]
-    },
     "packages/vue-store": {
       "ignoreDependencies": ["vue2", "vue2.7"]
     }

packages/angular-store/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/index.ts"
+  },
+  "allowedNonPeerDependencies": ["@tanstack/store"],
+  "dest": "dist",
+  "deleteDestPath": false
+}

packages/angular-store/package.json

@@ -13,7 +13,7 @@
     "test:lib": "vitest",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict",
-    "build": "vite build"
+    "build": "ng-packagr -p ng-package.json -c tsconfig.build.json && rimraf ./dist/package.json"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,38 +28,37 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "dist/esm/index.d.ts",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/fesm2022/tanstack-angular-store.mjs",
   "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/index.d.cts",
-        "default": "./dist/cjs/index.cjs"
-      }
+    "./package.json": {
+      "default": "./package.json"
     },
-    "./package.json": "./package.json"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "esm2022": "./dist/esm2022/tanstack-angular-store.mjs",
+      "esm": "./dist/esm2022/tanstack-angular-store.mjs",
+      "default": "./dist/fesm2022/tanstack-angular-store.mjs"
+    }
   },
   "sideEffects": false,
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@tanstack/store": "workspace:*"
+    "@tanstack/store": "workspace:*",
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^1.5.0",
-    "@angular/common": "^17.1.2",
-    "@angular/compiler": "^17.1.2",
-    "@angular/compiler-cli": "^17.1.2",
-    "@angular/core": "^17.1.2",
-    "@angular/platform-browser": "^17.1.2",
-    "@angular/platform-browser-dynamic": "^17.1.2",
+    "@angular/common": "^17.3.0",
+    "@angular/compiler": "^17.3.0",
+    "@angular/compiler-cli": "^17.3.0",
+    "@angular/core": "^17.3.0",
+    "@angular/platform-browser": "^17.3.0",
+    "@angular/platform-browser-dynamic": "^17.3.0",
+    "ng-packagr": "^17.3.0",
     "zone.js": "^0.14.3"
   },
   "peerDependencies": {

packages/angular-store/src/tests/index.test.tsx → packages/angular-store/tests/index.test.ts

@@ -3,7 +3,7 @@ import { Component, effect } from '@angular/core'
 import { TestBed } from '@angular/core/testing'
 import { By } from '@angular/platform-browser'
 import { Store } from '@tanstack/store'
-import { injectStore } from '../index'
+import { injectStore } from '../src/index'
 
 describe('injectStore', () => {
   test(`allows us to select state using a selector`, () => {

packages/angular-store/tsconfig.build.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./node_modules/ng-packagr/lib/ts/conf/tsconfig.ngc.json",
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "allowJs": true,
+    "moduleDetection": "force",
+    "module": "ESNext"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true
+  },
+  "include": ["src/**/*.ts", ".eslintrc.cjs"]
+}

packages/angular-store/tsconfig.json

@@ -7,5 +7,5 @@
       "@tanstack/store": ["../store/src"]
     }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", ".eslintrc.cjs", "vite.config.ts"]
+  "include": ["src", "tests", ".eslintrc.cjs", "vite.config.ts"]
 }

packages/angular-store/vite.config.ts

@@ -1,24 +1,14 @@
-import { defineConfig, mergeConfig } from 'vitest/config'
-import { tanstackBuildConfig } from '@tanstack/config/build'
+import { defineConfig } from 'vitest/config'
 
-const config = defineConfig({
+export default defineConfig({
   test: {
     name: 'angular-store',
-    dir: './src',
+    dir: './tests',
     watch: false,
     environment: 'jsdom',
-    setupFiles: ['src/tests/test-setup.ts'],
+    setupFiles: ['tests/test-setup.ts'],
+    globals: true,
     coverage: { enabled: true, provider: 'istanbul', include: ['src/**/*'] },
     typecheck: { enabled: true },
-    globals: true,
   },
 })
-
-export default mergeConfig(
-  config,
-  tanstackBuildConfig({
-    entry: './src/index.ts',
-    srcDir: './src',
-    exclude: ['./src/tests'],
-  }),
-)