Autogenerate TypeScript declaration files (facebook#2359)

* Remove .d.ts and fix type errors

* Fix failing test

* Upgrade roll up to remove maxlisteners warning

* Refactor type generation and make build script run in sequence to avoid OOM errors in GitHub actions

* Small change

* Fix playground TS errors

.eslintignore

@@ -3,6 +3,7 @@
 **/dist/**
 **/config/**
 **/build/**
+**/npm/**
 **/*.js.flow
 **/*.d.ts
 **/playwright*/**

.gitignore

@@ -14,6 +14,7 @@ npm
 .env.development.local
 .env.test.local
 .env.production.local
+.ts-temp
 e2e-screenshots
 test-results
 

libdefs/globals.d.ts

@@ -1,14 +1,7 @@
-declare module '*.svg' {
-  const content: any;
-  export default content;
-}
-declare module '*.gif' {
-  const content: any;
-  export default content;
-}
-declare module '*.jpg' {
-  const content: any;
-  export default content;
-}
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.png';
+declare module '*.svg';
 
-export type Spread<T1, T2> = {[K in Exclude<keyof T1, keyof T2>]: T1[K]} & T2;
+declare var __DEV__: boolean;

package.json

@@ -20,10 +20,9 @@
     "build-prod": "npm run clean && npm run build -- --prod",
     "build-release": "npm run build-prod -- --release",
     "build-www": "npm run clean && npm run build -- --www && npm run build -- --www --prod && npm run prepare-www",
-    "build-flow": "./scripts/build-flow.sh",
     "clean": "node scripts/clean.js",
     "extract-codes": "node scripts/build.js --codes",
-    "flow": "node ./scripts/tasks/flow.js",
+    "flow": "node ./scripts/check-flow-types.js",
     "collab": "cross-env HOST=localhost PORT=1234 npx y-websocket-server",
     "test-unit": "jest --selectProjects unit --testPathPattern",
     "test-unit-watch": "npm run test-unit -- --watch --coverage=''",
@@ -137,7 +136,7 @@
     "prettier": "^2.3.2",
     "prettier-plugin-organize-attributes": "^0.0.5",
     "react-test-renderer": "^17.0.2",
-    "rollup": "^2.60.2",
+    "rollup": "^2.75.5",
     "serve": "^13.0.2",
     "start-server-and-test": "^1.13.0",
     "tmp": "^0.2.1",

packages/lexical-clipboard/flow/LexicalClipboard.js.flow

@@ -20,7 +20,7 @@ import type {
 
 declare export function $insertDataTransferForRichText(
   dataTransfer: DataTransfer,
-  selection: RangeSelection | GridSelection | NodeSelection,
+  selection: RangeSelection | GridSelection,
   editor: LexicalEditor,
 ): void;
 

packages/lexical-clipboard/src/clipboard.ts

@@ -80,7 +80,7 @@ export function $getLexicalContent(editor: LexicalEditor): string | null {
 
 export function $insertDataTransferForPlainText(
   dataTransfer: DataTransfer,
-  selection: RangeSelection,
+  selection: RangeSelection | GridSelection,
 ): void {
   const text = dataTransfer.getData('text/plain');
 
@@ -90,7 +90,7 @@ export function $insertDataTransferForPlainText(
 }
 export function $insertDataTransferForRichText(
   dataTransfer: DataTransfer,
-  selection: RangeSelection,
+  selection: RangeSelection | GridSelection,
   editor: LexicalEditor,
 ): void {
   const htmlString = dataTransfer.getData('text/html');
@@ -129,7 +129,7 @@ export function $insertDataTransferForRichText(
 function $insertGeneratedNodes(
   editor: LexicalEditor,
   nodes: Array<LexicalNode>,
-  selection: RangeSelection,
+  selection: RangeSelection | GridSelection,
 ) {
   const isSelectionInsideOfGrid =
     $isGridSelection(selection) ||

packages/lexical-devtools/src/App.tsx

@@ -8,11 +8,11 @@
 
 import './App.css';
 
-import React from 'react';
+import * as React from 'react';
 
 import logo from './apple-touch-icon.png';
 
-function App() {
+function App(): JSX.Element {
   return (
     <div className="App">
       <header className="App-header">

packages/lexical-devtools/src/index.tsx

@@ -8,8 +8,8 @@
 
 import './index.css';
 
-import React from 'react';
-import ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
 
 import App from './App';