Running whisper.cpp stream using sveltekit
I am trying to run the stream-version of whisper.cpp in sveltekit. I have been able to run it using pure HTML and a very simple python server seen in this repo, where I simply run python server.py from...
View ArticleClik here to view.
Svelte SVG draw canvas show broken image after build
I'm using Svelte, I trying to convert a SVG to an image and download it. This is my app screen ->The SVG is rendering properly except the logo at the center. I'm using canvas to get SVG to image and...
View ArticleClik here to view.
When using pocketbase with svelte, pocketbase returns a 'fetch failed' error...
So I have a simple svelte app in which I want to perform CRUD operations using pocketbase. I have setup a collection "user" in pocketbase which has a table of fields name and age. I tried to perform a...
View ArticleSvelte: styling the child component from parent component without using :global
In a parent component I am passing down a CSS class to child component.Parent.svelteimport Child from .Child<div class="parent-component-class"> <Child...
View ArticleUsing supabase storage works with JPG but not with SVG for my website
I use Sveltekit and supabase to store my assets for my website. I use the public URL to load files which works fine for JPGs, but when I try to load SVGs the page shows a broken link.If I manually...
View ArticleInertiaJS: keep current component
I can't wrap my head around how InertiaJS works...I am using a vanilla PHP backend solution, so all the magic revolving around frameworks like Laravel can't help me.I would like to submit a form (using...
View ArticleAdding an RSS feed to a Sveltekit site with adapter-static set up
I have used Svelte/Sveltekit to develop a personal static blog. This is SSR using adatpter-static with a fallback set and prerender = true added to my root layout.All went well and Svelte seemed...
View ArticleRerendering new page data on client after new API fetch on same route
I have a search input in my Navbar that sends the user to the a search/[searchTerm page in the +page.server.ts that then uses the term is entered as the dynamic route param and as a search term in an...
View ArticleClik here to view.
Click on any item from page 2 onwards and it immediately jumps to the top of...
How to reproduceView the page with enough width (say a desktop) where list and detail are shown side by sideClick show more, go to page 2 or 3 or any other page than 1Click on any itemBoom, we jump...
View ArticleSvelte & Electron - trouble with navigation
I've built my first Electron-app with Svelte. After many trial-and-error-sessions and a lot of searching on google my app starts up and displays the index-page. The page work without any problems or...
View ArticleHow to make series of images to slide uniformly and horizontally with using...
I'm trying to slide series of images from right to left and I want the same images to repeat sliding infinitely and uniformly.For example if 1, 2, 3, 4, 5 are the imageswhen 1st slide happens, the...
View ArticleCreating an app in tauri with a system tray and svelte frontend window
Im trying out tauri (v2) for the first time (love it), but the documentation is lacking. Im creating a frontend in svelte, and I dont want the window to close, but rather run in the background as a...
View ArticleCant figure out how to render data pulled from PocketBase in Svelte app
I am trying to pull a List from my PocketBase db and render in a page using svelte.On my page nothing is coming up inside the <ul>This is my +page.svelte file.<script lang="ts"> export let...
View ArticleAccess URL query string in svelte
How should I access the the query string parameters from svelte? I'd like my script to behave differently when "?beta" has been appended to the URL.My intuitive approach would be to use the standard...
View ArticleHow do I import Bootstrap in SvelteKit, Recommended Way?
I am building a site with SvelteKit. As of now I included Bootstrap 5 in my project by adding it to the app.html file provided by the SvelteKit Skeleton project:<!-- Bootstrap styles and javascript...
View ArticleSveltestrap's modal header is not rendered correctly
i'm a svelte beginner.I try to build a simple modal with Sveltestrap, but my modal is not rendered correctly. It always showing following text within modal instead of header:(node, ...args) => { var...
View Article$derived from multiple children own $derived
My svelte 5 app has a "tree" like structure, with a global $state rune.The app will load its components according to the current state.If a user input a value in a "leaf" component, a $derived rune...
View Articlesv@0.6.21 not generating a tailwind.config.js file - problem with UI libraries
I created my Svelte project using sv@0.6.21npx sv@0.6.21 create appAdded the TailwindCSS packagenpx sv@0.6.21 add tailwindcssAnd then tried to install shadcn-sveltenpx shadcn-svelte@next initHowever...
View ArticleVite not building the CSS when an imported LESS file is modified
My main.js file (entry point) is importing _app.less. And _app.less is in turn importing several LESS files.But, whenever I modify an imported LESS file, I can see a hmr event in the console ([vite]...
View ArticleSvelte Maplibre Popup open issues
I am having a problem with a Popup opening on hovering over an area on a map<script> let showPopup = false; const setPopup = (e: any) => { showPopup = true; }</script><GeoJSON...
View Article