Estoy aprendiendo cómo funciona SvelteKit . Hay un buen lugar "hola mundo PLUS" para comenzar con el ejemplo "create-svelte". En ese ejemplo hay una página de "todos". Archivos fuente aquí. Es una página simple donde puede agregar y eliminar cosas para hacer tareas. Y estoy tratando de averiguar cómo se gestionan las tareas individuales.
Puedo ver dónde se crea una matriz de todos en Javascript en el cliente; Puedo verificar eso a través de console.logs en el archivo index.svelte. Puedo ver a través de Chrome Inspect (herramientas de desarrollo, pestaña de red) donde la creación de una tarea genera una red todos.json Solicitud de publicación http://localhost:3000/todos.json La solicitud de obtención/publicación simplemente devuelve el contenido original a el cliente.
Lo que no veo es dónde se almacenan los datos en el navegador. Esperaba ver algo en el almacenamiento local, almacenamiento de sesión, cookies o incluso indexeddb.
Lo que no veo es dónde se almacena ese contenido. Si cierro la pestaña del navegador y la vuelvo a abrir, los datos están ahí. Si abro un navegador diferente en la misma computadora local, no existen datos de tareas. Si "vacío el caché y recargo duro", los datos de la tarea permanecen.
Después de hacer algunas pruebas, puedo ver una cookie. Name: userid Value: d38b9b44-1a8b-414e-9a85-1c2b2c0700f4 Domain: localhost Path: / Expires/MaxAge: Session Size: 42 HttpOnly: ✓ Priority: Medium
Si modifico o elimino esta cookie de alguna manera, los datos de tareas almacenados desaparecen.
Entonces, ¿dónde se almacenan temporalmente los datos de tareas de todos? ¿Qué no estoy viendo?
Leí el encabezado de este archivo _api.js varias veces. Probé "https://api.svelte.dev" en el navegador y obtuve respuestas nulas. Simplemente supuse que se trataba de un servidor inactivo.
Resulta que la gente de svelte ofrece un servidor API completamente funcional, tanto para recibir, eliminar y almacenar datos de tareas pendientes. Ver mis notas de prueba dentro de la función api.
Una solicitud del navegador a https://api.svelte.dev/todos/d38b9b44-1a8b-414e-9a85-1c2b2c0700f4 devuelve absolutamente los datos de mi tarea, y ahora puedo ver cómo funciona esto. Información ofrecida aquí en caso de que alguien más se pregunte qué está pasando aquí.
Aquí está el archivo _api.js completo
/* This module is used by the /todos.json and /todos/[uid].json endpoints to make calls to api.svelte.dev, which stores todos for each user. The leading underscore indicates that this is a private module, _not_ an endpoint — visiting /todos/_api will net you a 404 response. (The data on the todo app will expire periodically; no guarantees are made. Don't use it to organise your life.) */ const base = 'https://api.svelte.dev'; export async function api(request, resource, data) { console.log("resource: ", resource); // returns--> resource: todos/d38b9b44-1a8b-414e-9a85-1c2b2c0700f4 //https://api.svelte.dev/todos/d38b9b44-1a8b-414e-9a85-1c2b2c0700f4 <--- test this !! // user must have a cookie set if (!request.locals.userid) { return { status: 401 }; } const res = await fetch(`${base}/${resource}`, { method: request.method, headers: { 'content-type': 'application/json' }, body: data && JSON.stringify(data) }); // if the request came from a <form> submission, the browser's default // behaviour is to show the URL corresponding to the form's "action" // attribute. in those cases, we want to redirect them back to the // /todos page, rather than showing the response if (res.ok && request.method !== 'GET' && request.headers.accept !== 'application/json') { return { status: 303, headers: { location: '/todos' } }; } return { status: res.status, body: await res.json() };}