I'm attempting to setup drag and drop in my project I've got several fields setup like this If a user clicks the image on the left and drags, they can re-order the rows When a valid dropzone is detected (in…
I have a function that lets me run a JavaScript function in the browser: export async function executeFunction(data: LoadOutput, input: Record<string, any>): Promise<any> { let args = []; for (let param of data.functionTree[0].parameters) { let value = input[param.name]; if(!value) {…
I have a page that has several stages, and I want to add transitions between them. {#if state === 1} <div class="red" transition:fade/> {:else if state === 2} <div class="blue" transition:fade/> {:else if state === 3} <div class="green" transition:fade/> {/if}…
The conventional way to reference an HTML element is Svelte is to introduce a variable and bind:this the element to the variable. Like this <script> let divName; </script> <div bind:this={divName}></div> In this way we can use the variable divName to…
i have a problem with my svelte code. on the line 41 i have a for loop, which doesn't run anything, as it doesn't print out the i variable on the 42 line. here is my code: <script> import Toolbar…
I have a svelte project that uses Vite for its build tooling. I want to import a js file from the sakura-js package and call it in my index.html file. It works locally when I use the script tag like…
I'm currently using SvelteKit for the frontend of my web application, and while it's been a great framework overall, I've encountered a challenge related to the timing of the onMount lifecycle hook. Specifically, it seems to fire after the prerendering…
I'm using a sveltekit app for the frontend, and a python backend. I'm using the admin sdk to perform server-side validation and storing the cookies, using that each time I make a request to my backend. The problem is that…
I'm trying to create a reusable function that uses data from the current URL to generate some output. However, when I do the following: // reusableScript.js import { page } from '$app/stores'; export default () => { return page.url }…
I'm making an app where the window is translucent using SvelteKit + Tauri. I've tried setting the transparent to true in tauri.conf.json and the container element has a 0.92 opacity in css. // tauri.conf.json "windows": [ { "fullscreen": false, "height":…