build: switch package based repo

.commitlintrc.json

@@ -1,4 +1,4 @@
 {
-  "extends": ["@commitlint/config-conventional"],
+  "extends": ["@commitlint/config-conventional", "@commitlint/config-nx-scopes"],
   "rules": {}
 }

.eslintignore

@@ -9,3 +9,4 @@ static/
 /**/.docusaurus
 /**/build
 /**/dist
+dist/

.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "root": true,
-  "ignorePatterns": ["**/*"],
+  "ignorePatterns": [],
   "plugins": ["@nrwl/nx"],
   "overrides": [
     {
@@ -33,6 +33,7 @@
     },
     {
       "files": ["*.spec.ts", "*.spec.tsx", "*.spec.js", "*.spec.jsx"],
+      "extends": ["plugin:@nrwl/nx/typescript"],
       "env": {},
       "rules": {}
     }

.gitattributes

@@ -0,0 +1,6 @@
+# Enforce Unix newlines
+.*      text eol=lf
+
+# Mark binary files to avoid Git showing huge diffs
+/.yarn/releases/** binary
+/.yarn/plugins/** binary

.nvmrc

@@ -0,0 +1 @@
+16.16.0

jest.config.global.js

@@ -0,0 +1,25 @@
+const { pathsToModuleNameMapper } = require('ts-jest');
+
+const { compilerOptions } = require('./tsconfig.json');
+
+module.exports = {
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+  globalSetup: '../../jest.setup.global.js',
+  transform: {
+    '^.+\\.(ts|tsx|js|html)$': 'ts-jest',
+  },
+  moduleFileExtensions: ['ts', 'js', 'tsx'],
+  preset: '../../jest.preset.js',
+  testEnvironment: 'jest-environment-jsdom-global',
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+    },
+    jsdom: true,
+  },
+  coverageReporters: ['json'],
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(compilerOptions.paths, { prefix: '<rootDir>/../../' }),
+    '\\.(css|scss)$': 'identity-obj-proxy',
+  },
+};

jest.preset.js

@@ -0,0 +1,3 @@
+const nxPreset = require('@nrwl/jest/preset');
+
+module.exports = { ...nxPreset };

jest.setup.global.js

@@ -0,0 +1,3 @@
+module.exports = async () => {
+  process.env.TZ = 'UTC';
+};

nx.json

@@ -42,7 +42,7 @@
         "babel": true
       },
       "library": {
-        "unitTestRunner": "vite"
+        "unitTestRunner": "jest"
       }
     }
   }

package.json

@@ -1,20 +1,31 @@
 {
   "name": "availity-element-monorepo",
   "version": "0.0.0",
+  "private": true,
   "description": "React component library for the Availity design system",
   "repository": "https://github.com/Availity/element.git",
-  "author": "Jordan Young <[email protected]>",
   "license": "MIT",
-  "private": true,
+  "author": "Jordan Young <[email protected]>",
   "workspaces": [
     "packages/*"
   ],
-  "packageManager": "[email protected]",
+  "engines": {
+    "yarn": "^3.0.0",
+    "node": "^16.0.0"
+  },
+  "scripts": {
+    "build": "yarn nx run-many --target=build --all",
+    "clean": "nx run-many --target=clean --all",
+    "prepare": "is-ci || husky install",
+    "test": "nx run-many --target=test --all",
+    "version": "nx affected --target version --parallel=1",
+    "version:dry-run": "nx affected --target version --dryRun --parallel=1"
+  },
   "devDependencies": {
     "@babel/preset-react": "^7.18.6",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",
-    "@emotion/babel-plugin": "11.10.5",
+    "@commitlint/config-nx-scopes": "^17.0.0",
     "@jscutlery/semver": "^2.29.3",
     "@nrwl/eslint-plugin-nx": "15.6.2",
     "@nrwl/jest": "15.6.2",
@@ -24,15 +35,13 @@
     "@nrwl/vite": "15.6.2",
     "@nrwl/workspace": "15.6.2",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "13.4.0",
+    "@testing-library/react": "12.1.5",
     "@types/jest": "28.1.1",
     "@types/node": "18.11.9",
     "@types/react": "18.0.25",
     "@types/react-dom": "18.0.9",
     "@typescript-eslint/eslint-plugin": "^5.36.1",
     "@typescript-eslint/parser": "^5.36.1",
-    "@vitejs/plugin-react": "^3.0.0",
-    "@vitest/ui": "^0.25.8",
     "babel-jest": "28.1.1",
     "eslint": "~8.15.0",
     "eslint-config-prettier": "8.1.0",
@@ -41,36 +50,17 @@
     "eslint-plugin-react": "7.31.11",
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "^8.0.0",
+    "is-ci": "^3.0.1",
     "jest": "28.1.1",
     "jest-environment-jsdom": "28.1.1",
+    "jest-environment-jsdom-global": "^4.0.0",
     "jsdom": "~20.0.3",
     "nx": "15.6.2",
     "prettier": "^2.6.2",
     "react-test-renderer": "18.2.0",
     "ts-jest": "28.0.5",
     "ts-node": "10.9.1",
-    "typescript": "~4.8.2",
-    "vite": "^4.0.1",
-    "vite-plugin-dts": "~1.7.1",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-tsconfig-paths": "^4.0.2",
-    "vitest": "^0.25.8"
-  },
-  "dependencies": {
-    "@availity/design-tokens": "0.5.0-alpha.0",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.11.6",
-    "@mui/x-date-pickers": "^5.0.15",
-    "date-fns": "^2.29.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tslib": "^2.3.0"
+    "typescript": "~4.8.2"
   },
-  "scripts": {
-    "prepare": "husky install",
-    "build:all": "yarn nx run-many --target=build --all",
-    "version": "nx affected --target version --parallel=1",
-    "version:dry-run": "nx affected --target version --dryRun --parallel=1"
-  }
+  "packageManager": "[email protected]"
 }

packages/element/README.md

@@ -1,7 +1,5 @@
 # element
 
-This library was generated with [Nx](https://nx.dev).
-
 ## Running unit tests
 
-Run `nx test element` to execute the unit tests via [Vitest](https://vitest.dev/).
+Run `nx test element` to execute the unit tests

packages/element/jest.config.js

@@ -0,0 +1,7 @@
+const global = require('../../jest.config.global');
+
+module.exports = {
+  ...global,
+  displayName: 'element',
+  coverageDirectory: '../../coverage/element',
+};

packages/element/package.json

@@ -1,12 +1,33 @@
 {
   "name": "@availity/element",
   "version": "0.0.1",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "clean": "rm -rf dist",
+    "clean:nm": "rm -rf node_modules",
+    "bundlesize": "bundlesize",
+    "publish": "yarn npm publish --tolerate-republish --access public",
+    "publish:canary": "yarn npm publish --access public --tag canary"
+  },
+  "dependencies": {
+    "@availity/theme-provider": "workspace:*"
+  },
+  "devDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "tsup": "^5.12.7",
+    "typescript": "^4.6.4"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
   }
 }

packages/element/project.json

@@ -7,38 +7,26 @@
   "targets": {
     "lint": {
       "executor": "@nrwl/linter:eslint",
-      "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["packages/element/**/*.{ts,tsx,js,jsx}"]
-      }
-    },
-    "build": {
-      "executor": "@nrwl/vite:build",
-      "outputs": ["{options.outputPath}"],
-      "defaultConfiguration": "production",
-      "options": {
-        "outputPath": "dist/packages/element"
-      },
-      "configurations": {
-        "development": {
-          "mode": "development"
-        },
-        "production": {
-          "mode": "production"
-        }
+        "eslintConfig": ".eslintrc.yaml",
+        "lintFilePatterns": ["packages/element/**/*.{js,ts}"],
+        "silent": false,
+        "fix": false,
+        "cache": true,
+        "cacheLocation": "./node_modules/.cache/element/.eslintcache",
+        "maxWarnings": -1,
+        "quiet": false,
+        "noEslintrc": false,
+        "hasTypeAwareRules": true,
+        "cacheStrategy": "metadata"
       }
     },
     "test": {
-      "executor": "@nrwl/vite:test",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/element"],
       "options": {
+        "jestConfig": "packages/element/jest.config.js",
         "passWithNoTests": true
-      },
-      "configurations": {
-        "ci": {
-          "ci": true,
-          "codeCoverage": true
-        }
       }
     },
     "version": {

packages/element/tsconfig.json

@@ -1,21 +1,5 @@
 {
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "types": ["vite/client"]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
+  "extends": "../../tsconfig.json",
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
 }