@opentrons/components 0.0.0-alpha.13 → 0.0.0-dev

package/Makefile

@@ -9,6 +9,9 @@ tests ?=
 cov_opts ?= --coverage=true --ci=true --collectCoverageFrom='components/src/**/*.(js|ts|tsx)'
 test_opts ?=
 
+# outputs
+main_out := lib/index.js lib/index.js.map
+
 # standard targets
 #####################################################################
 
@@ -26,6 +29,11 @@ clean:
 dist:
 	yarn --cwd .. build-storybook
 
+.PHONY: lib
+lib: export NODE_ENV := production
+lib:
+	yarn webpack
+
 # development
 #####################################################################
 

package/README.md

@@ -68,20 +68,3 @@ Unit tests live in a `__tests__` directory in the same directory as the module u
 
 [jest-snapshots]: https://facebook.github.io/jest/docs/en/snapshot-testing.html
 [contributing]: ../CONTRIBUTING.md
-
-### Flow definitions
-
-While the components library is written in TypeScript, some dependents of the components library are not yet converted. To ease the conversion effort, `components/flow-types` contains automatically generated Flow type definitions from the TypeScript typings generated by `tsc`.
-
-To generate these definitions
-
-```shell
-# ensure all TypeScript definitions are built
-make build-ts
-
-# build flow definitions (this may take a while!)
-make -C components flow-types
-
-# you can also build individual files if you're testing out small changes
-make -C components flow-types/buttons/Button.js.flow
-```

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@opentrons/components",
-  "version": "0.0.0-alpha.13",
+  "version": "0.0.0-dev",
   "description": "React components library for Opentrons' projects",
   "source": "src/index.ts",
   "types": "lib/index.d.ts",
   "style": "src/index.css",
+  "main": "lib/opentrons-components.js",
+  "module": "src/index.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Opentrons/opentrons.git"
@@ -20,7 +22,7 @@
     "react-router-dom": "5.1.1"
   },
   "dependencies": {
-    "@opentrons/shared-data": "0.0.0-alpha.13",
+    "@opentrons/shared-data": "link:../shared-data",
     "@popperjs/core": "2.1.1",
     "@react-spring/types": "9.6.1",
     "@react-spring/web": "9.6.1",

package/webpack.config.js

@@ -0,0 +1,19 @@
+'use strict'
+
+const path = require('path')
+const webpackMerge = require('webpack-merge')
+const { baseConfig } = require('@opentrons/webpack-config')
+
+const ENTRY_INDEX = path.join(__dirname, 'src/index.ts')
+const OUTPUT_PATH = path.join(__dirname, 'lib')
+
+module.exports = async () =>
+  webpackMerge(baseConfig, {
+    entry: { index: ENTRY_INDEX },
+    output: {
+      path: OUTPUT_PATH,
+      filename: 'opentrons-components.js',
+      library: '@opentrons/components',
+      libraryTarget: 'umd'
+    },
+  })