typescript - Como implementar um endpoint Post no Sveltekit que faça uma requisição assíncrona à base de dados?

Então, quando acedo ao endpoint POST do SvelteKit, funciona bem se enviar alguns valores e eles não passarem nos controlos de validação. Retorna o estado e o corpo corretos. No entanto, quando faz a inserção na base de dados, o endpoint retorna um erro 404,

Ler mais →

typescript - Adicionar o Google Analytics com gestor de consente a um website SvelteKit

Preciso de adicionar o Google Analytics a um site SvelteKit. As instruções da Google indicam que o script abaixo deve ser adicionado à tag <head>, por isso pensei que poderia simplesmente adicioná-lo no app.html. O problema é que preciso de usar o Modo de Consentimento para seguir os regulamentos GDPR. Para isso, preciso ser capaz de ler e escrever numa espécie de variável para ativar e desativar a análise.

Pelo que posso perceber, não consigo aceder a ne

Ler mais →

typescript - Usar tipos com Storybook e Sveltekit

Estou a tentar usar o Storybook juntamente com TypeScript e SvelteKit, embora isso me tenha dado alguns problemas dos quais não consigo sair sozinho.

import Modal from './Modal.svelte' export default { title: 'Modal', component: Modal, } const Template = (args: any) => ({ component: Modal, props: args, }) export const Primary = Template.bind({}) Primary.args = { text: 'Hello World', }

O código acima dá-me o seguinte erro na linha Primary.arg

Ler mais →

typescript - Rotas protegidas do SvelteKit: localStorage não está definido

Estou a tentar proteger rotas, ou redirecionar para o login quando o auth_token não está no armazenamento local.

No meu src/routes/+layout.server.ts tenho:

import { redirect } from "@sveltejs/kit" import type { LayoutServerLoad } from "./$types" export const load: LayoutServerLoad = async ({ locals }) => { if (localStorage.getItem('auth_token') === null) { throw redirect(303, '/') } }

Embora

Ler mais →

SvelteKit com TypeScript sem intellisense dentro do HTML?

Eu tenho um componente de página simples, mas o meu intellisense dentro do HTML não está a funcionar... Além disso, depois de renomear uma propriedade, ele não renomeia dentro do HTML, apenas quebra... Versão do Typescript: 4.8.4 Aqui está o meu código:

<script lang="ts">

Ler mais →

svelte - Erro de Typescript com SvelteKit e fetch de dados do Supabase (Tipo 'null' não é atribuível ao tipo 'ArrayLike')

Tenho um projeto SvelteKit configurado que autentica com o supabase. Usei este guia para isso. A autenticação e a obtenção de dados funcionam bem até agora. Na verdade, em termos da própria aplicação, tudo funciona como esperado. Estou apenas a receber um err

Ler mais →

typescript - Como usar variáveis de ambiente nos ficheiros raiz do seu projeto SvelteKit?

Tenho um projeto SvelteKit a usar TypeScript com um ficheiro .env na raiz. Na raiz, adicionei um ficheiro drizzle.config.ts. Quando adiciono o seguinte no topo:

_import { DATABASE_HOST} from '$env/static/private';_

Ler mais →

typescript - Pixi.js em SvelteKit dá um erro 'self não está definido' apenas durante a compilação

Como o título indica, ao usar Pixi.js no SvelteKit, SOMENTE e apenas durante a construção da aplicação, ele irá gerar um erro "self is not defined", e isso remete ao módulo @pixi/settings. Eu tentei todas as formas possíveis que conheço para resolver i

Ler mais →

javascript - SvelteKit - "ReferenceError: File não está definido"

Um problema rápido que enfrentei enquanto desenvolvia uma aplicação web usando SvelteKit (e por extensão, Vite):

Dentro da tag <script> do meu ficheiro +page.svelte tentei definir um objeto File vazio como marcador de posição da seguinte forma:

let formObj

Ler mais →

typescript - No Sveltekit, pode voltar 2 ActionResults de falha?

Tenho uma ação de formulário no meu ficheiro +page.server.ts e estou a devolver um fail se falhar a validação do esquema zod, o que está a funcionar. No entanto, quando devolvo outro fail quando o PocketBase lança um erro de email já em uso, recebo este erro de tipo para todos os campos excepto o email.

Ler mais →