refactor: convert primitives package to TS

Author: diegomura

.eslintrc.json

@@ -13,15 +13,16 @@
     "plugin:react/recommended",
     "airbnb",
     "prettier",
-    "plugin:react/jsx-runtime"
+    "plugin:react/jsx-runtime",
+    "plugin:@vitest/legacy-recommended"
   ],
   "globals": {
     "URL": false,
     "BROWSER": false,
     "Atomics": "readonly",
     "SharedArrayBuffer": "readonly"
   },
-  "plugins": ["react"],
+  "plugins": ["react", "@vitest"],
   "rules": {
     "arrow-body-style": 0,
     "default-case-last": 0,
@@ -43,7 +44,10 @@
     "react/jsx-props-no-spreading": 0,
     "react/jsx-no-useless-fragment": 0,
     "react/prop-types": 0,
-    "react/state-in-constructor": 0
+    "react/state-in-constructor": 0,
+    "@vitest/valid-expect": 0,
+    "@vitest/no-identical-title": 0,
+    "@vitest/expect-expect": 0
   },
   "overrides": [
     {

package.json

@@ -41,9 +41,12 @@
     "@rollup/plugin-node-resolve": "^15.2.0",
     "@rollup/plugin-replace": "^5.0.0",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@testing-library/react": "^14.0.0",
     "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/utils": "^8.23.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/eslint-plugin": "^1.1.27",
     "babel-plugin-add-module-exports": "^1.0.0",
     "canvas": "^2.11.2",
     "chalk": "^2.4.2",

packages/primitives/package.json

@@ -6,17 +6,19 @@
   "author": "Diego Muracciole <diegomuracciole@gmail.com>",
   "homepage": "https://github.com/diegomura/react-pdf#readme",
   "type": "module",
-  "main": "./src/index.js",
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/diegomura/react-pdf.git",
     "directory": "packages/primitives"
   },
   "scripts": {
+    "build": "rimraf ./lib && rollup -c",
+    "watch": "rimraf ./lib && rollup -c -w",
     "test": "vitest"
   },
   "files": [
-    "lib",
-    "src"
+    "lib"
   ]
 }

packages/primitives/rollup.config.js

@@ -0,0 +1,12 @@
+import typescript from '@rollup/plugin-typescript';
+
+const config = {
+  input: 'src/index.ts',
+  output: {
+    dir: 'lib',
+    format: 'es',
+  },
+  plugins: [typescript()],
+};
+
+export default config;

packages/primitives/src/index.js packages/primitives/src/index.tspackages/primitives/src/index.js renamed to packages/primitives/src/index.ts

@@ -1,6 +1,9 @@
+/* eslint-disable import/no-unresolved */
+/* eslint-disable import/no-extraneous-dependencies */
+
 import { describe, expect, test } from 'vitest';
 
-import * as primitives from '../src';
+import * as primitives from '../src/index.ts';
 
 describe('primitives', () => {
   test('should export group', () => {

packages/primitives/tests/index.test.js packages/primitives/tests/index.test.tspackages/primitives/tests/index.test.js renamed to packages/primitives/tests/index.test.ts

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "declarationDir": "lib",
+    "emitDeclarationOnly": true,
+    "outDir": "lib",
+    "strict": true,
+    "types": ["vitest/globals"],
+    "allowImportingTsExtensions": true,
+  },
+}

packages/primitives/tsconfig.json

@@ -10,5 +10,8 @@
     "type": "git",
     "url": "https://github.com/diegomura/react-pdf.git",
     "directory": "packages/types"
+  },
+  "dependencies": {
+    "@react-pdf/primitives": "^4.1.0"
   }
 }

packages/types/package.json

@@ -1,26 +1,32 @@
+/* eslint-disable no-shadow */
+/* eslint-disable no-unused-vars */
+/* eslint-disable import/prefer-default-export */
+
+import * as P from '@react-pdf/primitives';
+
 export enum Primitive {
-  G = 'G',
-  Svg = 'SVG',
-  View = 'VIEW',
-  Text = 'TEXT',
-  Link = 'LINK',
-  Page = 'PAGE',
-  Note = 'NOTE',
-  Path = 'PATH',
-  Rect = 'RECT',
-  Line = 'LINE',
-  Stop = 'STOP',
-  Defs = 'DEFS',
-  Image = 'IMAGE',
-  Tspan = 'TSPAN',
-  Canvas = 'CANVAS',
-  Circle = 'CIRCLE',
-  Ellipse = 'ELLIPSE',
-  Polygon = 'POLYGON',
-  Document = 'DOCUMENT',
-  Polyline = 'POLYLINE',
-  ClipPath = 'CLIP_PATH',
-  TextInstance = 'TEXT_INSTANCE',
-  LinearGradient = 'LINEAR_GRADIENT',
-  RadialGradient = 'RADIAL_GRADIENT',
+  G = P.G,
+  Svg = P.Svg,
+  View = P.View,
+  Text = P.Text,
+  Link = P.Link,
+  Page = P.Page,
+  Note = P.Note,
+  Path = P.Path,
+  Rect = P.Rect,
+  Line = P.Line,
+  Stop = P.Stop,
+  Defs = P.Defs,
+  Image = P.Image,
+  Tspan = P.Tspan,
+  Canvas = P.Canvas,
+  Circle = P.Circle,
+  Ellipse = P.Ellipse,
+  Polygon = P.Polygon,
+  Document = P.Document,
+  Polyline = P.Polyline,
+  ClipPath = P.ClipPath,
+  TextInstance = P.TextInstance,
+  LinearGradient = P.LinearGradient,
+  RadialGradient = P.RadialGradient,
 }

packages/types/primitive.d.ts

@@ -6,6 +6,7 @@ import react from '@vitejs/plugin-react';
 export default defineConfig({
   plugins: [react()],
   test: {
+    globals: true,
     watch: false,
     poolOptions: {
       threads: {