Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 September 13

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
const widget = new Widget({ target, props });

widget.$on(“eventName”, doSomething);

widget.$set(props);
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Если нужен роутинг внутри виджета, но pathfinder норм. для него first-class поддержка работы без пушей в историю.
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
не нужен рутинг в виджете, format: iife указал
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
export let props достаточно теперь?
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
не, они там в распакованном виде
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Делаешь компонент, их его экспортируешь любые переменные или функции, например:

export let foo;
export let bar;

export function func() {}
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
В main.js (входная точка бандлера) делаешь:

export * from “./Widget.svelte”;
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
const widget = new Widget({
  target: document.getElementById(),
 props: { foo, bar }
});
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
widget.func();
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
widget.$set({ bar });
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
widget.$on(); чтобы слушать ивенты созданные через createEventDispatcher.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
widget.$destroy(); понятно зачем
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Чего реально не хватает для виджетов- это использование эффектов на реактивный стейт
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Проще говоря, чтобы можно было прописывать $: снаружи компонента. Если такое нужно, то можно со сторами покрутить
источник

DK

Dan Kozlov in Svelte [svelt] - All about Svelte JavaScript framework.
Как можно считать сср законченным, если ты не грузишь данные? Это же то, зачем это все затевается.
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
вот это не понял, зачем так делать экспорт... нужно

<div class="a-widget"></div>
<script>window.fields = [ bla, bla2, .. ]</script>
<script defer src="domain.url.to/bundle.js"></srcript>

чтобы у виджета были настройки
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Чтобы iife попал в window как я и писал выше
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt] - All about Svelte JavaScript framework.
Ещё раз: в этом режиме экспорты из входной точки (точнее дефолтный экспорт) попадут в window[name] где name также прописывается в конфиг роллап
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
а зачем оно ему в конфиге?
источник

B

Barefoot Gen in Svelte [svelt] - All about Svelte JavaScript framework.
а вот так просто как я закодировать хочу кто-нибудь магией владеет?
источник