feat: implement dynamic platform entry point system

- Add src/main.ts as dynamic entry point that loads platform-specific code - Update index.html to use dynamic main.ts instead of hardcoded main.web.ts - Remove external capacitor config from vite.config.common.mts to ensure proper bundling - Enables consistent platform detection across all build targets - Use proper logger utility instead of console.log for platform detection logging
2 days ago · fbcd3a50ca
3 changed files with 27 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -11,6 +11,6 @@
  </head>
  <body>
    <div id="app"></div>
-    <script type="module" src="/src/main.web.ts"></script>
+    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,26 @@
 /**
 * @file Dynamic Main Entry Point
 * @author Matthew Raymer
 *
 * This file dynamically loads the appropriate platform-specific main entry point
 * based on the current environment and build configuration.
 */
 import { logger } from "./utils/logger";
 // Check the platform from environment variables
 const platform = process.env.VITE_PLATFORM || "web";
 logger.info(`[Main] 🚀 Loading TimeSafari for platform: ${platform}`);
 // Dynamically import the appropriate main entry point
 if (platform === "capacitor") {
  logger.info(`[Main] 📱 Loading Capacitor-specific entry point`);
  import("./main.capacitor");
 } else if (platform === "electron") {
  logger.info(`[Main] 💻 Loading Electron-specific entry point`);
  import("./main.electron");
 } else {
  logger.info(`[Main] 🌐 Loading Web-specific entry point`);
  import("./main.web");
 }
--- a/vite.config.common.mts
+++ b/vite.config.common.mts
@ -8,7 +8,6 @@ import { fileURLToPath } from 'url';
 // Load environment variables
 dotenv.config({ path: `.env.${process.env.NODE_ENV}` })
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@ -36,9 +35,6 @@ export async function createBuildConfig(platform: string): Promise<UserConfig> {
      assetsDir: 'assets',
      chunkSizeWarningLimit: 1000,
      rollupOptions: {
        external: isNative 
          ? ['@capacitor/app'] 
          : [],
        output: {
          format: 'esm',
          generatedCode: {