[lexical-playground] Bug Fix: Use local excalidraw

packages/lexical-playground/package.json

@@ -45,7 +45,8 @@
     "@vitejs/plugin-react": "^4.2.1",
     "rollup-plugin-copy": "^3.5.0",
     "vite": "^5.2.11",
-    "vite-plugin-replace": "^0.1.1"
+    "vite-plugin-replace": "^0.1.1",
+    "vite-plugin-static-copy": "^2.1.0"
   },
   "sideEffects": false
 }

packages/lexical-playground/src/setupEnv.ts

@@ -30,5 +30,9 @@ export default (() => {
     // @ts-expect-error
     delete window.InputEvent.prototype.getTargetRanges;
   }
+
+  // @ts-ignore
+  window.EXCALIDRAW_ASSET_PATH = process.env.EXCALIDRAW_ASSET_PATH;
+
   return INITIAL_SETTINGS;
 })();

packages/lexical-playground/vite.config.ts

@@ -15,6 +15,7 @@ import {replaceCodePlugin} from 'vite-plugin-replace';
 
 import moduleResolution from '../shared/viteModuleResolution';
 import viteCopyEsm from './viteCopyEsm';
+import viteCopyExcalidrawAssets from './viteCopyExcalidrawAssets';
 
 const require = createRequire(import.meta.url);
 
@@ -76,6 +77,7 @@ export default defineConfig(({command}) => {
         presets: [['@babel/preset-react', {runtime: 'automatic'}]],
       }),
       react(),
+      ...viteCopyExcalidrawAssets(),
       viteCopyEsm(),
       commonjs({
         // This is required for React 19 (at least 19.0.0-beta-26f2496093-20240514)

packages/lexical-playground/vite.prod.config.ts

@@ -14,6 +14,7 @@ import {replaceCodePlugin} from 'vite-plugin-replace';
 
 import moduleResolution from '../shared/viteModuleResolution';
 import viteCopyEsm from './viteCopyEsm';
+import viteCopyExcalidrawAssets from './viteCopyExcalidrawAssets';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -69,6 +70,7 @@ export default defineConfig({
       presets: [['@babel/preset-react', {runtime: 'automatic'}]],
     }),
     react(),
+    ...viteCopyExcalidrawAssets(),
     viteCopyEsm(),
     commonjs({
       // This is required for React 19 (at least 19.0.0-beta-26f2496093-20240514)

packages/lexical-playground/viteCopyExcalidrawAssets.ts

@@ -0,0 +1,56 @@
+/**
+ * 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.
+ *
+ */
+import type {Plugin} from 'vite';
+
+import {createRequire} from 'node:module';
+import * as path from 'node:path';
+import {normalizePath} from 'vite';
+import {Target, viteStaticCopy} from 'vite-plugin-static-copy';
+
+const require = createRequire(import.meta.url);
+
+export default function viteCopyExcalidrawAssets(): Plugin[] {
+  const targets: Target[] = [
+    'excalidraw-assets',
+    'excalidraw-assets-dev',
+  ].flatMap((assetDir) => {
+    const srcDir = path.join(
+      require.resolve('@excalidraw/excalidraw'),
+      '..',
+      'dist',
+      assetDir,
+    );
+    return [
+      {
+        dest: `${assetDir}/`,
+        src: [path.join(srcDir, '*.js'), path.join(srcDir, '*.woff2')].map(
+          normalizePath,
+        ),
+      },
+      {
+        dest: `${assetDir}/locales/`,
+        src: [path.join(srcDir, 'locales', '*.js')].map(normalizePath),
+      },
+    ];
+  });
+  return [
+    {
+      config() {
+        return {
+          define: {
+            'process.env.EXCALIDRAW_ASSET_PATH': JSON.stringify('/'),
+          },
+        };
+      },
+      name: 'viteCopyExcalidrawAssets',
+    },
+    ...viteStaticCopy({
+      targets,
+    }),
+  ];
+}

packages/shared/viteModuleResolution.ts

@@ -11,6 +11,7 @@ import type {
   NpmModuleExportEntry,
   PackageMetadata,
 } from '../../scripts/shared/PackageMetadata';
+import type {Alias} from 'vite';
 
 import * as fs from 'node:fs';
 import {createRequire} from 'node:module';
@@ -81,7 +82,7 @@ const distModuleResolution = (environment: 'development' | 'production') => {
 
 export default function moduleResolution(
   environment: 'source' | 'development' | 'production',
-) {
+): Alias[] {
   return environment === 'source'
     ? sourceModuleResolution()
     : distModuleResolution(environment);