Move to peer dependencies

Also add vite for building as we want to make stand-alone

libs/core-components/package.json

@@ -10,17 +10,22 @@
     "dist"
   ],
   "homepage": "https://github.com/TACC/tup-ui/libs/core-components",
+  "scripts": {
+    "build": "vite build --outDir dist"
+  },
   "dependencies": {
+    "uuid": "^8.3.2"
+  },
+  "peerDependencies": {
     "formik": "^2.2.9",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-resize-detector": "^7.1.2",
-    "react-router-dom": "6.11.2",
+    "react-router-dom": "^6.11.2",
     "react-step-wizard": "^5.3.11",
     "react-table": "^7.8.0",
-    "reactstrap": "^9.1.5",
-    "uuid": "^8.3.2"
+    "reactstrap": "^9.1.5"
   },
   "devDependencies": {
     "@nx/react": "^17.2.8",
@@ -31,6 +36,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "uuid": "^8.3.2",
+    "vite": "^5.0.11",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-tsconfig-paths": "^4.2.0"

libs/core-components/vite.config.ts

@@ -22,13 +22,15 @@ export default defineConfig({
   ],
 
   build: {
+    sourcemap: true,
     reportCompressedSize: true,
     lib: {
       entry: resolve(__dirname, 'src/index.ts'),
       formats: ['es'],
     },
     rollupOptions: {
-      external: ['react', 'react/jsx-runtime'],
+      treeshake:true,
+      external: ['react', 'react-dom', 'react-router-dom', 'react-router', 'react/jsx-runtime'],
       input: Object.fromEntries(
         // https://rollupjs.org/configuration-options/#input
         glob
@@ -48,6 +50,11 @@ export default defineConfig({
           ])
       ),
       output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          'react-router-dom': 'ReactRouterDOM',
+        },
         assetFileNames: 'assets/[name][extname]',
         entryFileNames: '[name].js',
       },