process.env dependency causes issue in browser environment

[isawk]

I encountered the following error when setting up the jdm-editor library in a browser environment:

✘ [ERROR] TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try npm i --save-dev @types/node and then add 'node' to the types field in your tsconfig. [plugin angular-compiler] node_modules/immer/src/utils/errors.ts:40:5: 40 │ if (process.env.NODE_ENV !== "production") {

This issue seems to arise because the immer dependency is using process.env.NODE_ENV, which is a Node.js environment variable not available in browser environments.

Upon investigating further, I noticed that the issue can be resolved by adjusting the imports in the index.d.ts file. Specifically, the WritableDraft type is imported directly from immer/src/types/types-external, which leads to this issue. Replacing the import like this:

import { WritableDraft } from 'immer';

resolved the problem in my setup.

Proposed Solution:

- import { WritableDraft } from 'immer/src/types/types-external';
+ import { WritableDraft } from 'immer';

Perhaps update below for next build/release

[isawk]

Temporary fix

install patch-package

npm install patch-package --save-dev

Edit index.d.ts with the right import

edit node_modules/@gorules/jdm-editor/dist/index.d.ts

-import { WritableDraft } from 'immer/src/types/types-external';`
+import { WritableDraft } from 'immer';

Create patch file
npx patch-package @gorules/jdm-editor

update package.json

"scripts": {
...
  "postinstall": "patch-package"
}