Implement safe dynamic import utility and update App component to use it (#25)

Summary:
- Added a new utility function `safeImport` to handle dynamic imports gracefully, avoiding static analysis issues.
- Updated the App component to utilize `safeImport` for importing internal utilities, ensuring that the application can handle missing modules without crashing.
- Enhanced error handling to log warnings when module imports fail.

This change improves the robustness of the application by allowing for safer dynamic imports of internal utilities.

Pull Request resolved: #25

Reviewed By: Sibylau

Differential Revision: D77968857

Pulled By: FindHao

fbshipit-source-id: 0e1ef1ef0e85f1b146b414fcd9069fd1083eddcd

Author: FindHao

website/src/App.tsx

@@ -75,9 +75,13 @@ function App() {
       if (exists) {
         try {
           // Dynamically import internal utils only if fb directory exists
-          const { getInternalWikiUrl } = await import('./utils/fb/internal_utils');
-          const url = getInternalWikiUrl();
-          setInternalWikiUrl(url);
+          // Use safe import utility to completely bypass static analysis
+          const { safeImport } = await import('./utils/safeImport');
+          const module = await safeImport('./utils/fb/internal_utils');
+          if (module && module.getInternalWikiUrl) {
+            const url = module.getInternalWikiUrl();
+            setInternalWikiUrl(url);
+          }
         } catch (error) {
           console.warn('Failed to load internal utils:', error);
         }

website/src/utils/safeImport.ts

@@ -0,0 +1,21 @@
+/**
+ * Safe dynamic import utility that handles missing modules gracefully
+ * This avoids build-time module resolution issues
+ */
+
+/**
+ * Safely imports a module by path, returning null if it doesn't exist
+ * Uses Function constructor to avoid static analysis
+ */
+export async function safeImport(modulePath: string): Promise<any | null> {
+  try {
+    // Use Function constructor to create dynamic import
+    // This completely bypasses static analysis
+    const dynamicImport = new Function('path', 'return import(path)');
+    const module = await dynamicImport(modulePath);
+    return module;
+  } catch (error) {
+    console.warn(`Module ${modulePath} not available:`, error);
+    return null;
+  }
+}