refactor!: bundle with rollup + typescript, remove UMD export (#410)

* chore: configure changesets (#411)

* chore: bundle with rollup + typescript

* test: move tests out of src folder

* test: fix bundles snapshot test

* test: fix bundle tests

* test: fix bundle size tests

* chore: use @total-typescript/tsconfig

* test: fix test coverage

* test: use jest.config.ts

* xx

* test: migrate bundle unit test to vitest

* test: migrate snapshot tests to vitest

* fix: test coverage config

* test: fine tune coverage setup

* docs: update readme

.changeset/five-ears-live.md

@@ -0,0 +1,5 @@
+---
+'react-minimal-pie-chart': major
+---
+
+UMD export removed

.changeset/good-steaks-promise.md

@@ -0,0 +1,5 @@
+---
+'react-minimal-pie-chart': major
+---
+
+Package compiled in ES6. Consuming JS engines should be able to interpret features like arrow functions and const.

.changeset/polite-moles-pretend.md

@@ -0,0 +1,5 @@
+---
+'react-minimal-pie-chart': major
+---
+
+`svg-partial-circle` unbundled and imported via plain import

.github/dependabot.yml

@@ -9,9 +9,6 @@ updates:
         patterns:
           - 'rollup*'
           - '@rollup/*'
-      babel:
-        patterns:
-          - '@babel*'
       storybook:
         patterns:
           - 'storybook'
@@ -25,11 +22,10 @@ updates:
           - 'react-dom'
           - '@types/react'
           - '@types/react-dom'
-      jest:
+      vitest:
         patterns:
-          - 'jest*'
-          - '@types/jest'
-          - 'babel-jest'
+          - 'vitest'
+          - '@vitest/*'
       size-limit:
         patterns:
           - 'size-limit'

.gitignore

@@ -9,6 +9,7 @@ dist
 types
 coverage
 storybook-static
+*-temp.json
 
 # Trailing dotted files
 !.all-contributorsrc

@types/schwingbat/relative-angle/index.d.ts

@@ -0,0 +1,8 @@
+declare module '@schwingbat/relative-angle';
+
+type Point = {
+  x: number;
+  y: number;
+};
+
+export function degrees(objectCoords: Point, targetCoords: Point): number;

@types/vitest.d.ts

@@ -0,0 +1,10 @@
+import 'vitest';
+
+interface CustomMatchers<R = unknown> {
+  toEqualWithRoundingError: (expected: number) => R;
+}
+
+declare module 'vitest' {
+  interface Assertion<T = any> extends CustomMatchers<T> {}
+  interface AsymmetricMatchersContaining extends CustomMatchers {}
+}

README.md

@@ -21,7 +21,7 @@ Because [Recharts][recharts-github] is awesome, but when you just need a simple
 
 |                                                        |                                         Size<br>by Bundlefobia                                          | Benchmark Size \* | Loading time<br>on a slow 3g \* |
 | :----------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :---------------: | :-----------------------------: |
-|           react-minimal-pie-chart (_v8.4.0_)           |               [![Bundle size: React minimal pie chart][bundlephobia-badge]][bundlephobia]               |      1.93 KB      |             ~39 ms              |
+|           react-minimal-pie-chart (_v9.0.0_)           |               [![Bundle size: React minimal pie chart][bundlephobia-badge]][bundlephobia]               |      1.99 KB      |             ~40 ms              |
 |         [rechart][recharts-github] (_v1.8.5_)          |             [![Bundle size: Recharts][recharts-bundlephobia-badge]][recharts-bundlephobia]              |      96.9 KB      |            ~1900 ms             |
 |     [victory-pie][victory-pie-github] (_v34.1.3_)      |         [![Bundle size: Victory pie][victory-pie-bundlephobia-badge]][victory-pie-bundlephobia]         |      50.5 KB      |            ~1100 ms             |
 | [react-apexcharts][react-apexcharts-github] (_v1.3.7_) | [![Bundle size: React apec charts][react-apexcharts-bundlephobia-badge]][react-apexcharts-bundlephobia] |     114.6 KB      |            ~2300 ms             |