🦋 Morpho

Note: All commands below must be run from the root directory!

Commands

Install

pnpm install

Run Tests

pnpm nx test morpho

Run Single test

pnpm nx test morpho --testFile pathToYourFile
(example pnpm nx test morpho --testFile organisms/__tests__/DatePicker.tests.tsx)

Code coverage

To run all tests and generate a code coverage report, run:

pnpm check-all:test --coverage

Code Linting

pnpm nx lint morpho

Dev Version of Morpho Inside Other Project

Requirements

• yalc

In Interflex Morpho run:

pnpm nx build morpho
cd dist/libs/morpho
yalc publish

In "other project" run:

yalc add @interflex/morpho

And then run project specific build/watch task. Anytime you change something in Morpho, you need to run:

pnpm  nx build morpho
cd dist/libs/morpho
yalc publish
yalc push

To switch back to NPM project run this in "other project":

yalc remove @interflex/morpho

And restart build/watch task in "other project".

How to publish a new version to npm

👆 This requires direct push rights to develop. It is intended For repo MAINTAINERS.

We have a CI server that does the publishing. You just have to create a git tag in specific format: morpho/v0.0.0

There's a little Node.js script that does everything for you:

1. Increases version in package.json (which number depends on the second argument, defaults to patch)
2. Creates a commit and an annotated tag in correct format
3. Pushes the current branch and the tag to origin

Usage:

You can run it with a convenient package script inside the root directory.

pnpm nx bump morpho [<newversion> | major | minor | patch]

Examples:

pnpm nx bump morpho # same as "nx bump morpho patch"
pnpm nx bump morpho minor
pnpm nx bump morpho major
pnpm nx bump morpho 3.10.0

CSS-in-JS Tools

• CSS Extraction
  • CSS to Emotion
  • CSS to JS Objects