From c0b1c418c2c25f7cdc31096a2f25c60b8bc3adef Mon Sep 17 00:00:00 2001
From: Pokey Rule <755842+pokey@users.noreply.github.com>
Date: Sun, 7 Apr 2024 11:10:17 +0100
Subject: [PATCH] Fix hot reload for dependencies of cursorless-org (#2286)

## Checklist

- [x] I have not broken the web cheatsheet / homepage / docs
- [-] I have added
[tests](https://www.cursorless.org/docs/contributing/test-case-recorder/)
- [-] I have updated the
[docs](https://github.com/cursorless-dev/cursorless/tree/main/docs) and
[cheatsheet](https://github.com/cursorless-dev/cursorless/tree/main/cursorless-talon/src/cheatsheet)
- [-] I have not broken the cheatsheet
---
 packages/cursorless-org/next.config.js | 32 ++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/cursorless-org/next.config.js b/packages/cursorless-org/next.config.js
index 0befbccd58..2be517d4f8 100644
--- a/packages/cursorless-org/next.config.js
+++ b/packages/cursorless-org/next.config.js
@@ -1,10 +1,29 @@
 import mdx from "@next/mdx";
+import { readFileSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
 const withMDX = mdx({
   options: {
     providerImportSource: "@mdx-js/react",
   },
 });
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+/**
+ * The names of the packages that come from the same monorepo as this package.
+ * We want these to be transpiled by Next.js because we are directly importing
+ * the source typescript files from these packages.
+ */
+const references = JSON.parse(
+  readFileSync(join(__dirname, "tsconfig.json"), "utf-8"),
+).references.map(({ path }) => {
+  return JSON.parse(
+    readFileSync(join(__dirname, path, "package.json"), "utf-8"),
+  ).name;
+});
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   webpack(config) {
@@ -14,11 +33,24 @@ const nextConfig = {
       use: ["@svgr/webpack"],
     });
 
+    // Set our custom condition for the bundler so that we directly use
+    // typescript from packages in our monorepo, which makes hot-reloading
+    // smoother. Based on
+    // https://github.com/vercel/next.js/discussions/33813#discussioncomment-7457277
+    config.plugins.push({
+      apply(compiler) {
+        compiler.hooks.afterEnvironment.tap("NextEntryPlugin", () => {
+          compiler.options.resolve.conditionNames.push("cursorless:bundler");
+        });
+      },
+    });
+
     return config;
   },
   experimental: {
     mdxRs: true,
   },
+  transpilePackages: references,
   reactStrictMode: true,
   output: "export",
 };