@opentrons/components 0.1.5 → 0.1.6-alpha.2

package/Makefile

@@ -6,12 +6,9 @@ port ?= 6060
 # These variables can be overriden when make is invoked to customize the
 # behavior of jest
 tests ?=
-cov_opts ?= --coverage=true --ci=true --collectCoverageFrom='components/src/**/*.(js|ts|tsx)'
+cov_opts ?= --coverage=true
 test_opts ?=
 
-# override webpack's default hashing algorithm for node 18: https://github.com/webpack/webpack/issues/14532
-export NODE_OPTIONS := --openssl-legacy-provider
-
 # standard targets
 #####################################################################
 
@@ -20,26 +17,26 @@ all: clean dist
 
 .PHONY: clean
 clean:
-	yarn --cwd .. shx rm -rf storybook-static
+	cd .. && yarn shx rm -rf storybook-static
 
 # artifacts
 #####################################################################
 
 .PHONY: dist
 dist:
-	yarn --cwd .. build-storybook
+	cd .. && yarn sb build
 
 .PHONY: lib
 lib: export NODE_ENV := production
 lib:
-	yarn webpack
+	yarn vite build
 
 # development
 #####################################################################
 
 .PHONY: dev
 dev:
-	yarn --cwd .. start-storybook --port $(port)
+	cd .. && yarn sb dev --port $(port)
 
 .PHONY: test
 test:

package/README.md

@@ -18,27 +18,13 @@ export default function CowButton(props) {
 
 Usage requirements for dependent projects:
 
-- Node v12 and yarn
+- Node v18 and yarn
 - The following `dependencies` (peer dependencies of `@opentrons/components`)
   - `react`: `17.0.1`,
   - `react-router-dom`: `^4.2.2`,
   - `classnames`: `^2.2.5`,
   - `lodash`: `^4.17.4`
 
-### new project setup (optional)
-
-If you ever need to set up a new project in the monorepo that depends on the components library:
-
-1.  Add the new project to `workspaces` in the repository's `package.json`
-2.  Ensure the required peer dependencies (listed above) are also in `dependencies`
-    ```shell
-    yarn workspace new-project add react@17.0.1 react-router-dom@^4.2.2 classnames@^2.2.5 lodash@^4.17.4
-    ```
-3.  Add `@opentrons/components` at the current version to `dependencies` in the new project's `package.json`
-4.  Run `yarn`
-
-If you use the base webpack config in `@opentrons/webpack-config`, the project should import and bundle components from the components library correctly.
-
 ## contributing
 
 Make sure you have read the top-level [Contributing Guide][contributing].

package/babel.config.cjs

@@ -0,0 +1,21 @@
+'use strict'
+
+module.exports = {
+  env: {
+    // Note(isk: 3/2/20): Must have babel-plugin-styled-components in each env,
+    // see here for further details: s https://styled-components.com/docs/tooling#babel-plugin
+    production: {
+      plugins: ['babel-plugin-styled-components', 'babel-plugin-unassert'],
+    },
+    development: {
+      plugins: ['babel-plugin-styled-components'],
+    },
+    test: {
+      plugins: [
+        // NOTE(mc, 2020-05-08): disable ssr, displayName to fix toHaveStyleRule
+        // https://github.com/styled-components/jest-styled-components/issues/294
+        ['babel-plugin-styled-components', { ssr: false, displayName: false }],
+      ],
+    },
+  },
+}