You installed esbuild on another platform than the one you're currently using
I am trying to containerise Svelte js app inside a docker container and I am getting this error on the log complaining about esbuild in a different platform , I am using M1 mac, I have tried to install...
View ArticlePopulating an Array with URLs
I need to write an application in Svelte to be used in Amazon Turk for data collection, that will go over URLs (located at some online storage like GitHub) and show them to the screen.I have a demo app...
View ArticleClik here to view.
Hide one element, and show another on the screen
I'm trying to implement a task for the Amazon Turk platform.In the task I need the participants to have a video which they should mark in several points, then when they press "submit" the video should...
View ArticleAdd text inside slider thumb with shadcn Svelte
I am currently working on customizing a slider thumb for the shadcn svelte slider. I have tried adding a span within the SliderPrimitive.Thumb element, however, it seems like the span gets stripped...
View ArticleClik here to view.
Iterate through object in svelte
I am using Svelte and was wondering why this won't log anything? Is it something to do with reactivity? I am trying to iterate over an object.let videoElement: HTMLVideoElement;$: captionLines =...
View ArticleTanStack Svelte Table Pagination
I was using TanStack Table Svelte Library and I wanted to use pagination but they haven't given any example on that, if anyone has any idea how to use the pagination on the Svelte table or if there are...
View ArticleHow can I get all files in a directory with svelte?
I want to show all images in a folder, like:<script> let list = /*array of all files in a folder*/;</script>{#each list as l}<img src={(path_of_l)} alt=""/>{/each}How can I get that...
View ArticleIterating over files in GitHub in svelte [duplicate]
I need to list all dirs under this here github repo, and iterate over them, but I can't find the right way to do it in svelte, other than by just manually typing all the URLs in the code. Is there a...
View ArticleClik here to view.
JS Syntax Error after deploying to CloudFlare
I have a static website built using Svelte (4.2.10) + Vite (5.1.1) + TypeScript (5.2.2).When I run the developmental frontend by running vite locally, it runs fine and renders without any problem. When...
View ArticleWhy this Svelte 5 condition object isn't working for this list?
In this reproduction I'm trying to understand if it's possible and if this is the idiomatic way to create a condition filter for a list merging variables from parents too...But it doesn't work.As you...
View ArticleHow to navigate to a specific page
(use svelte and spring-boot)I'm creating a Find ID screen.In the "Find ID screen", the user enters the account informationClick the OK button to check the data to see if you actually have an account.If...
View ArticleHow do I check which email was verified when verifying the current and new...
I am working on an email confirmation page for the two-step email verification process in Supabase when updating an email. To enhance the user experience, I want to display which email has been...
View ArticleSvelte/TS applying styles through a foreach loop doesn't modify the styling
I've been trying to create a cool "bubble" effect on a website of my, but I cannot get the styling to change in a foreach loop.There are no errors in the console, so I'm not sure what I should be doing...
View ArticleClik here to view.
ESLint for TS and svelte no-unused-vars store reactive element
here is my eslintrc file.eslintrc.cjsWith this configuration I'm getting warning for this casesimport {store} from '@js/stores/globalStores'$store = 'abc'warningwarning 'store' is defined but never...
View ArticleClik here to view.
HTML audio element is disabled even though src is correct
I have an HTML audio element with src pointing to a valid URL, but the audio element is greyed out and disabled. Right next to the audio element, I have a link that goes to directly the src URL, which...
View Articlepassing data between pages in SvelteKit using goto
I'm working on a SvelteKit project where I'm trying to pass data between two pages using the goto function. Unfortunately, I'm encountering issues and can't seem to get it to work correctly.ContextI...
View ArticleHow to import svelte node-adapter build - handler.js, in a different...
I am new to Svelte and TypeScript.I have a Svelte + TypeScript project and a different backend project with node.js, express, and TypeScript.I want to deploy the Svelte app with the backend project I...
View ArticleHow do you load and use a custom font in Svelte
I know it probably uses @font-face but I dont know where to put my woff files localy to get Svelte to use a custom font. I dont know where to put the @font-face either. Thanks in advance!
View ArticleWhy does this code partially persist browser history?
I'm trying to understand how to persist state in the page URL's searchParams.But I don't understand how to do it.I'm using this code:<script lang="ts"> import { afterNavigate, goto } from...
View ArticleHow can I close my dropdown menu when sveltekit route changes?
I have a <SideBar /> component and onDestroy() doesn't seem to fire on route changes.I need to close the menu when the route changes otherwise the menu stays open which is a bad UX.<script>...
View Article