@opentrons/components 0.1.6-alpha.8 → 0.1.6-alpha.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentrons/components",
-  "version": "0.1.6-alpha.8",
+  "version": "0.1.6-alpha.9",
   "description": "React components library for Opentrons' projects",
   "source": "src/index.ts",
   "types": "lib/index.d.ts",
@@ -19,11 +19,10 @@
   "homepage": "https://github.com/Opentrons/opentrons#readme",
   "peerDependencies": {
     "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "styled-components": "5.3.6"
+    "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@opentrons/shared-data": "0.1.6-alpha.8",
+    "@opentrons/shared-data": "0.1.6-alpha.9",
     "@popperjs/core": "2.1.1",
     "@react-spring/types": "9.6.1",
     "@react-spring/web": "9.6.1",

package/tsconfig.json

@@ -9,10 +9,7 @@
     "composite": true,
     "rootDir": "src",
     "outDir": "lib",
-    "declarationDir": "lib",
-    "noEmit": false,
-    "jsx": "preserve"           
   },
   "include": ["typings", "src"],
-  "exclude": ["**/*.stories.tsx", "dist"]
-}
+  "exclude": ["**/*.stories.tsx"]
+}

package/vite.config.mts

@@ -9,30 +9,25 @@ import lostCss from 'lost'
 
 export default defineConfig({
   build: {
-    ssr: 'src/index.ts',
+    // Relative to the root
     outDir: 'lib',
-    emptyOutDir: false, // Keep the outDir to avoid removing TS types
+    // do not delete the outdir, typescript types might live there and we dont want to delete them
+    emptyOutDir: false,
     lib: {
       entry: 'src/index.ts',
-      formats: ['es', 'cjs'],
+      formats: ['es', 'cjs'], // Generate both ES Module and CommonJS outputs
       fileName: (format) => (format === 'es' ? 'index.mjs' : 'index.cjs'),
     },
     rollupOptions: {
-      external: ['react', 'react-dom', 'styled-components'], // Avoid bundling dependencies
-      output: {
-        assetFileNames: '[name].[ext]', // Ensure asset names are kept clean
-        entryFileNames: '[name].js', // Ensure only compiled JS is output
-      },
-    },
-    commonjsOptions: {
-      transformMixedEsModules: true,
-      esmExternals: true,
+      external: ['react', 'react-dom', 'styled-components'], // Ensure peer dependencies are not bundled
     },
+    target: 'es2017', // Transpile down to a compatible version for Next.js (for Protocol Library)
   },
   plugins: [
     react({
       include: '**/*.tsx',
       babel: {
+        // Use babel.config.js files
         configFile: true,
       },
     }),
@@ -41,7 +36,7 @@ export default defineConfig({
     esbuildOptions: {
       target: 'es2020',
     },
-    exclude: ['styled-components'],
+    exclude: ['styled-components'], // Avoid pre-bundling styled-components
   },
   css: {
     postcss: {
@@ -55,11 +50,8 @@ export default defineConfig({
     },
   },
   define: {
-    'process.env': {
-      NODE_ENV: process.env.NODE_ENV,
-      OPENTRONS_PROJECT: process.env.OPENTRONS_PROJECT,
-    },
-    global: 'globalThis', // Ensure compatibility with global variables
+    'process.env': process.env,
+    global: 'globalThis',
   },
   resolve: {
     alias: {
@@ -68,5 +60,6 @@ export default defineConfig({
         '../components/src/index.module.css'
       ),
     },
+    dedupe: ['styled-components'], // Prevent duplicate styled-components instances
   },
 })