Skip to content

Fix: Configure Vitest to Handle ESM Module Resolution and Svelte Files #97

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Pushkar111 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Fix: Configure Vitest to Handle ESM Module Resolution and Svelte Files #97

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9b4df4f
fix(ui): add settings menu to mobile hamburger navigation
Pushkar111 Dec 13, 2025
f753baf
fix(test): configure Vitest to handle ESM module resolution and Svelt…
Pushkar111 Dec 13, 2025
e54ddcb
fix: use sveltekit plugin instead of vite-plugin-svelte
Pushkar111 Dec 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 26 additions & 1 deletion src/routes/App.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -338,6 +338,29 @@
New Campaign
</a>
</li>
<li>
<a href="#" on:click={() => {
showSettingsModal = true;
mobileMenuOpen = false;
}}>
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
style="flex-shrink: 0;"
>
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 1v6m0 6v6m5.2-13.2l-4.2 4.2m0 6l4.2 4.2M23 12h-6m-6 0H1m18.2 5.2l-4.2-4.2m0-6l4.2-4.2"></path>
</svg>
Settings
</a>
</li>
</ul>
</div>
{/if}
Expand Down Expand Up @@ -709,7 +732,9 @@
text-decoration: none;
font-weight: 500;
padding: 0.75rem;
display: block;
display: flex;
align-items: center;
gap: 0.5rem;
border-radius: 8px;
transition: all 0.2s ease;
}
Expand Down
6 changes: 6 additions & 0 deletions vitest.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
import { defineConfig } from 'vitest/config';
import { svelte } from '@sveltejs/vite-plugin-svelte';
Comment thread
Pushkar111 marked this conversation as resolved.
Outdated
import path from 'path';

export default defineConfig({
plugins: [svelte()], // Add Svelte plugin to handle .svelte files
test: {
include: ['tests/**/*.test.ts'],
exclude: ['web/**', 'node_modules/**', '.svelte-kit/**'],
Expand All @@ -12,5 +14,9 @@ export default defineConfig({
alias: {
$lib: path.resolve(__dirname, './src/lib'),
},
extensions: ['.js', '.ts', '.svelte', '.json'], // Explicit extensions for ESM resolution
},
ssr: {
noExternal: ['wallet-svelte-component'], // Force bundling to handle missing .js extensions
},
});