ESM build (#5618)

.eslintrc.js

@@ -83,6 +83,13 @@ module.exports = {
         'header/header': OFF,
       },
     },
+    {
+      // These aren't compiled, but they're written in module JS
+      files: ['packages/lexical-playground/esm/*.js'],
+      parserOptions: {
+        sourceType: 'module',
+      },
+    },
     {
       files: [
         'packages/**/src/__tests__/**',

jest.config.js

@@ -71,6 +71,7 @@ module.exports = {
           '<rootDir>/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx',
         '^@lexical/react/LexicalTablePlugin$':
           '<rootDir>/packages/lexical-react/src/LexicalTablePlugin.ts',
+        '^@lexical/react/src/(.*)$': '<rootDir>/packages/lexical-react/src/$1',
         '^@lexical/react/useLexicalCanShowPlaceholder$':
           '<rootDir>/packages/lexical-react/src/useLexicalCanShowPlaceholder.ts',
         '^@lexical/react/useLexicalDecorators$':

package.json

@@ -112,6 +112,7 @@
     "@rollup/plugin-json": "^5.0.2",
     "@rollup/plugin-node-resolve": "^13.0.2",
     "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@size-limit/preset-big-lib": "^8.1.0",
     "@types/jest": "^29.4.0",
     "@types/jsdom": "^21.1.6",

packages/lexical-clipboard/package.json

@@ -24,5 +24,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-clipboard"
-  }
+  },
+  "module": "LexicalClipboard.esm.js",
+  "sideEffects": false
 }

packages/lexical-code/package.json

@@ -24,5 +24,7 @@
   },
   "devDependencies": {
     "@types/prismjs": "^1.26.0"
-  }
+  },
+  "module": "LexicalCode.esm.js",
+  "sideEffects": false
 }

packages/lexical-dragon/package.json

@@ -18,5 +18,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-dragon"
-  }
+  },
+  "module": "LexicalDragon.esm.js",
+  "sideEffects": false
 }

packages/lexical-file/package.json

@@ -19,5 +19,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-file"
-  }
+  },
+  "module": "LexicalFile.esm.js",
+  "sideEffects": false
 }