cambios en main y vite.config

Author: ascatena

src/main.ts

@@ -1,18 +1,26 @@
+// 
 import 'bulma/css/bulma.css';
 import './app.css';
 import App from './App.svelte';
-import { darkMode } from './settings';
-import { mount } from 'svelte';
 
-const app = mount(App, {
-	target: document.getElementById('app')!,
-});
+// Solución robusta para el elemento contenedor
+const initApp = () => {
+  let appElement = document.getElementById('app');
+  
+  if (!appElement) {
+    appElement = document.createElement('div');
+    appElement.id = 'app';
+    document.body.appendChild(appElement);
+  }
 
-darkMode.subscribe(($darkMode) => {
-	const dark = 'theme-dark';
-	const light = 'theme-light';
-	document.documentElement.classList.add($darkMode ? dark : light);
-	document.documentElement.classList.remove($darkMode ? light : dark);
-});
+  new App({
+    target: appElement,
+  });
+};
 
-export default app;
+// Espera a que el DOM esté completamente cargado
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initApp);
+} else {
+  initApp();
+}

vite.config.ts

@@ -1,39 +1,60 @@
+// // import { defineConfig } from 'vite';
+// // import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+// // // https://vitejs.dev/config/
+// // export default defineConfig({
+// // 	base: './', // Fuerza siempre rutas relativas
+// // 	plugins: [svelte()],
+// // 	build: {
+// // 		outDir: 'dist',
+// // 		emptyOutDir: true,
+// // 		assetsInlineLimit: 4096 // (4KB) Archivos menores se inlinenan
+// // 	  },
+// // 	  publicDir: 'public' // Asegúrate que coincide con tu estructura
+// // });
+
 // import { defineConfig } from 'vite';
 // import { svelte } from '@sveltejs/vite-plugin-svelte';
 
-// // https://vitejs.dev/config/
 // export default defineConfig({
-// 	base: './', // Fuerza siempre rutas relativas
-// 	plugins: [svelte()],
-// 	build: {
-// 		outDir: 'dist',
-// 		emptyOutDir: true,
-// 		assetsInlineLimit: 4096 // (4KB) Archivos menores se inlinenan
-// 	  },
-// 	  publicDir: 'public' // Asegúrate que coincide con tu estructura
+//   base: './', // Usa './' para rutas relativas
+//   plugins: [svelte()],
+//   build: {
+//     outDir: 'dist',
+//     emptyOutDir: true,
+//     sourcemap: true, // Para debugging
+//     rollupOptions: {
+//       output: {
+//         entryFileNames: `assets/[name].js`,
+//         chunkFileNames: `assets/[name].js`,
+//         assetFileNames: `assets/[name].[ext]`
+//       }
+//     }
+//   },
+//   server: {
+//     fs: {
+//       strict: true
+//     }
+//   }
 // });
-
 import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 
 export default defineConfig({
-  base: './', // Usa './' para rutas relativas
+  base: '/',
   plugins: [svelte()],
   build: {
     outDir: 'dist',
     emptyOutDir: true,
-    sourcemap: true, // Para debugging
     rollupOptions: {
       output: {
-        entryFileNames: `assets/[name].js`,
-        chunkFileNames: `assets/[name].js`,
-        assetFileNames: `assets/[name].[ext]`
+        assetFileNames: 'assets/[name].[hash].[ext]',
+        chunkFileNames: 'assets/[name].[hash].js',
+        entryFileNames: 'assets/[name].[hash].js'
       }
     }
   },
   server: {
-    fs: {
-      strict: true
-    }
+    open: true
   }
-});
+});