javascript - Como implementar o SvelteKit no seu próprio servidor corretamente sem interromper o utilizador?

Então criei este sistema de informação com Sveltekit, Ubuntu 22.04 como sistema operativo do servidor, PM2 como gestor de processos e estou a executar a aplicação em Node.Js. Li a documentação do Sveltekit sobre como construir e implementar a aplicação

Ler mais →

javascript - Svelte/SvelteKit 'before:event'?

Tenho um componente personalizado Form.svelte, que tem o seu próprio manipulador de envio, no entanto, gostaria de o expor de alguma forma, para permitir que uma função específica seja executada antes de a função de envio ser chamada.

Uma versão simplificada:

<script> const

Ler mais →

typescript - Evento de carregamento do iFrame no SvelteKit não está a disparar

Eu tenho um iframe que está a carregar um ficheiro local index.html e ele carrega a página sem quaisquer problemas, mas o que eu quero é capturar um evento onload do iframe e isso não está a acontecer. Aqui está o código:

<script lang="ts"> import { onMount } from 'svelte'; onMount(() => { const iFrame = <HTMLIFrameElement>document.getElementById('frame'); iFrame.addEventListener('load', (

Ler mais →

Erro de análise do Sveltekit Typescript ao importar tipos

Tenho este componente muito simples num projeto Sveltekit novo em folha:

<script context="module" lang="ts"> import type { Load } from '@sveltejs/kit'; export const load: Load = ({ url }) => { const company = url.searchParams.get('company'); return { props: { company } }; } </script> <script type="ts"> export let company: string; </script> <h1>{company}</h1

Ler mais →

SvelteKit superforms em modo SSG dá erro de Typescript para data.form. Onde está o meu `form`?

Recebi um erro para My application is working correctly. O meu formulário adiciona computadores corretamente, mas o TypeScript diz: Property 'form' does not exist on type '{}'. O TypeScript está a falar sobre o formulário na linha superForm(data.form,

Por favor, ajude-me! O Typescript está a deixar-me louco. Preciso do formulário para o primeiro argumento do superForm

Onde está

Ler mais →

typescript - Como posso partilhar código entre projetos Sveltekit

Estou a tentar configurar um monorepo para um projeto SvelteKit e TypeScript composto por quatro pacotes:

. ├── frontend // sveltekit project ├── backend // typescript proeject ├── app // sveltekit project └── shared // where I'll store my common svelte and typescript files

Quero reutiliz

Ler mais →

svelte - Importar interfaces TypeScript no SvelteKit?

Tenho um projeto SvelteKit inicial. Estou a tentar reutilizar uma interface em vários lugares.

O ficheiro está colocado em /src/lib/choice.ts.

export interface Choice { id: number; value: string; }

No entanto, quando tento referir-me a esta interface num componente Svelte d

Ler mais →

javascript - Existe alguma maneira de usar goto() sem recarregar a página no SvelteKit?

Tenho um problema: preciso adicionar uma parte adicional ao URL (ou seja: tenho /route e preciso convertê-lo para /route/something sem recarregar a página. Tentei usar goto(), mas ele recarrega a página. Agradeceria se alguém pudesse ajudar-me.

Eu esperarei que os parâmetros da

Ler mais →

typescript - Utilizando Vitest para testar uma API REST do SvelteKit

Quero escrever testes unitários para uma API REST a correr com SvelteKit, mas a maioria dos recursos é dedicada a testar componentes Svelte. Também queria evitar o Playwright, uma vez que realmente não preciso de testes de navegador e gostaria de evitar toda a configuração de ferramentas, ficheiros, etc...

Existe uma configuração clara para testar uma API REST do SvelteKit? É uma boa prática ter o .test.ts na mesma pasta da rota?

Por agora tenho uma aplicação pa

Ler mais →

typescript - Onde estão os tipos para o load do SvelteKit? Em particular, fetch?

No SvelteKit, estou a usar a função load para chamar uma API. Quero usar o fetch que é passado para a função load - mas estou a usar TypeScript.

Onde está o tipo para fetch/params/etc?

/** @type {import('./$types').PageLoad} */ export async function loa

Ler mais →