Adding exports map and peerDependencies to package.json

[JayaKrishnaNamburu]

Adding exports map and peerDependencies to package.json

Currently when we use antd from any cdn provider like skypack or antd we will run into 2 issues regarding the cdn you are using. I tried to resolve the issues in this PR.

Missing peerDependencies

Currently i see the package is using react and react-dom but they are defined only in devDependencies alone. This doesn't raise a issue when used local, because most of the time. It will be used in a react based project and works. But when loaded via cdn's like this. They miss out the package information and breaks instead.

How jspm handles the issue

Right now, if the package is missing in package.json it tries to redirect to the latest version of it.
It's just as a fallback and here it is why it can't the solution always and the package need to be corrected, for example you are using react@16.2 in development. But it might load react16.7 since it is the latest release.
And that's the main reason why skypack throws error too.

How skypack handles it

Skypack throws an error instead, currently it checks on peerDependencies and dependencies alone for the version number.

Missing export map

Both the cdn's highly rely on exports field in the package.json for resolving the modules which is a node standard for handling. Since main field is missing from the package.json and exports map too. It is causing issues when static analysis happens in the package.

But the exports introduces the change in the way the package is being used. For example, rc-image which uses this package for adding functionalities uses like

https://github.com/react-component/image/blob/ac08b58b28a560ce2422ad43ac61a1f664f3c602/src/getFixScaleEleTransPosition.tsx#L1

import raf from 'rc-util/lib/raf';
import { getClientSize } from 'rc-util/lib/Dom/css';
import addEventListener from 'rc-util/lib/Dom/addEventListener';
import { getOffset } from 'rc-util/lib/Dom/css';

should be changed to

import raf from 'rc-util/raf';
import { getClientSize } from 'rc-util/Dom/css';
import addEventListener from 'rc-util/Dom/addEventListener';
import { getOffset } from 'rc-util/Dom/css';

Since the cjs or esm resolution is taken care by export map itself.

PS:
If the package doesn't want to introduce this change for imports, i can revert the change from the PR and add peerDependency change alone.

[coveralls]

Coverage remained the same at 29.129% when pulling 29c46f0 on JayaKrishnaNamburu:chore/peer-dependencies into 458d5a5 on react-component:master.

[JayaKrishnaNamburu]

I just made an update with the commit --> 29c46f0 this will not introduce any breaking changes in the way the package is being currently used 😄

[brandonbloom]

Adding these peerDependencies is a good fix, but there is follow-up work to be done as well. See react-component/animate#99 (comment)

[JayaKrishnaNamburu]

Yes @brandonbloom this is going to fix only a specific case with rc-image but still have the same issue with other components. But i don't see any discussion going around this for some time.

[yoyo837]

Conflicted!

[afc163]

Conflicted!