[DevTools] Check in frontend.d.ts for react-devtools-fusebox, include in build output

.eslintignore

@@ -18,6 +18,7 @@ packages/react-devtools-extensions/chrome/build
 packages/react-devtools-extensions/firefox/build
 packages/react-devtools-extensions/shared/build
 packages/react-devtools-extensions/src/ErrorTesterCompiled.js
+packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/

.prettierignore

@@ -6,6 +6,7 @@ packages/react-devtools-extensions/firefox/build
 packages/react-devtools-extensions/edge/build
 packages/react-devtools-extensions/shared/build
 packages/react-devtools-extensions/src/ErrorTesterCompiled.js
+packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/

.prettierrc.js

@@ -1,6 +1,9 @@
 'use strict';
 
-const {esNextPaths} = require('./scripts/shared/pathsByLanguageVersion');
+const {
+  esNextPaths,
+  typescriptPaths,
+} = require('./scripts/shared/pathsByLanguageVersion');
 
 module.exports = {
   bracketSpacing: false,
@@ -17,5 +20,12 @@ module.exports = {
         trailingComma: 'all',
       },
     },
+    {
+      files: typescriptPaths,
+      options: {
+        trailingComma: 'all',
+        parser: 'typescript',
+      },
+    },
   ],
 };

packages/react-devtools-fusebox/package.json

@@ -5,8 +5,9 @@
   "license": "MIT",
   "files": ["dist"],
   "scripts": {
-    "build:frontend:local": "cross-env NODE_ENV=development webpack --config webpack.config.frontend.js",
-    "build:frontend": "cross-env NODE_ENV=production webpack --config webpack.config.frontend.js",
+    "build:frontend:copy-types": "cp src/*.d.ts dist/",
+    "build:frontend:local": "cross-env NODE_ENV=development webpack --config webpack.config.frontend.js && yarn build:frontend:copy-types",
+    "build:frontend": "cross-env NODE_ENV=production webpack --config webpack.config.frontend.js && yarn build:frontend:copy-types",
     "build": "yarn build:frontend"
   },
   "devDependencies": {

packages/react-devtools-fusebox/src/frontend.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export type MessagePayload =
+  | null
+  | string
+  | number
+  | boolean
+  | {[key: string]: MessagePayload}
+  | MessagePayload[];
+export type Message = {event: string; payload?: MessagePayload};
+
+export type WallListener = (message: Message) => void;
+export type Wall = {
+  listen: (fn: WallListener) => Function;
+  send: (event: string, payload?: MessagePayload) => void;
+};
+
+export type Bridge = {
+  shutdown: () => void;
+};
+export type Store = Object;
+export type BrowserTheme = 'dark' | 'light';
+
+export function createBridge(wall: Wall): Bridge;
+export function createStore(bridge: Bridge): Store;
+
+export type InitializationOptions = {
+  bridge: Bridge;
+  store: Store;
+  theme?: BrowserTheme;
+};
+export function initialize(
+  node: Element | Document,
+  options: InitializationOptions,
+): void;

scripts/shared/pathsByLanguageVersion.js

@@ -25,7 +25,10 @@ const esNextPaths = [
 // Files that we distribute on npm that should be ES5-only.
 const es5Paths = ['packages/*/npm/**/*.js'];
 
+const typescriptPaths = ['packages/**/*.d.ts'];
+
 module.exports = {
   esNextPaths,
   es5Paths,
+  typescriptPaths,
 };