Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:43

    import { invalidate } from '$app/navigation';
    ...
    function handleRemoveClick() {
        const response = fetch(`/${title}/${item.id}/${key}`, {method: 'DELETE'})
        invalidate('data:item');
    };

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:40

И зависимые элементы перересуются

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:38

Нет, если у тебя он приходит из load функции, то её нужно перезапустить через invalidate

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:38

А где мне его вызывать? В action нельзя же.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:36

item из компонента, не из load непосредственно.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:35

А item из load

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:34

Так, а value это откуда? Из load функции?

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:24

И если страницу обновить, то он появляется.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:22

Короче, после нажатия кнопки Save данные в бэк отправляются, но форма не обновляется. Конкретно поле с файлом.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:20

Вот, ну и соответственно есть метод load для этой формы в +page.server.js.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:18

updateItem у меня ложит в lib/server/database.js, он сначала собирает все и оптправляет файлы, а потом остальные поля формы. Как-то вот так...

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:15

Есть в общем вот такая вот формочка, из которой данные отправляются во внешний API:

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 10:02

Я думаю пасажир - это вообще в целом костыль)) Ну че имеем то и насилуем))

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 09:57

Там просто Phusion Passenger - такое ощещение что он со свелтом не в ладах

Svelte [svɛlt] - All about Svelte JavaScript framework

14 Jul 2023 21:29

Инфовыжималку разрабатываете?

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:43

Ну ок, я так пробовал. вот к примеру handleRemoveClick...

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:39

Она заново отработает, отправит запрос на твой api (не разбирался особо что она делает) и вернёт новые данные

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:38

Если нет — значит нужно запустить то, что загружает данные о файлике после успешной отправки формы из ehance функции

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:37

Короче, если файлик загружается через load функцию и его нужно отобразить после загрузки — invaidate

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:36

https://kit.svelte.dev/docs/modules#$app-navigation-invalidate

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:35

Это из item

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:25

value я получаю на основе данных, что лежат в item.

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:24

input с загруженным файлом я вывожу вот так:

    <input
        name={key}
        autocomplete="off"
        type={type}
    />
    {#if value}
        {value}
        <button on:click|preventDefault={handleRemoveClick}>Remove File</button>
    {/if}

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:21

export async function load({ params, depends }) {
    depends('data:item')

    const item = await getItem(params.project, params.id);
    return { item };
}

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:19

export async function updateItem(project, id, data) {
    const files = Object.fromEntries(
        Object.entries(data).filter(
            ([key, value]) => value instanceof File && value.size !== 0
        )
    );

    for (let key in files)
    {
        const data = new FormData()
        data.append('file', files[key]);
        await deleteFile(project, id, key);
        await uploadFile(project, id, key, data);
    }

    const fields = Object.fromEntries(
        Object.entries(data).filter(
            ([key, value]) => !(value instanceof File)
        )
    );

    const options = {
        method: 'PUT',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(fields)
    }
    const response = await fetch(`${BACKEND_URL}/${project}/${id}`, options);
    if (response.status !== 200) throw error(response.status);

    const item = await response.json();
    return item;
}

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:17

Всё это дело происходит через action, конкретно update, вот как он выглядит:

export const actions = {
    update: async ({ request, params }) => {
        const formData = await request.formData();
        const updateData = Object.fromEntries(Array.from(formData.entries()).filter(entry => entry[1] !== ""));
        const item = await updateItem(params.project, params.id, updateData);
        throw redirect(303, `/${params.project}/${params.id}`);
    },
};

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 20:14

Есть проблема с обновлением формы, сейчас попробую объяснить...

Svelte [svɛlt] - All about Svelte JavaScript framework

31 Jul 2023 10:00

Надо создать файл entry.cjs а в нем контент:

async function loadApp() {
const { app } = await import("./app.js"); // this is your normal entry file - (index.js, main.js, app.mjs etc.)
}
loadApp()

Svelte [svɛlt] - All about Svelte JavaScript framework

14 Jul 2023 21:41

UserScrpts подойдет или прям расширение нормальное?

Svelte [svɛlt] - All about Svelte JavaScript framework

14 Jul 2023 21:24

нужен JS программист, задача: написать расширение на google chrome для выжимки информации с сайта.

за подробностями в ЛС.