КС
const obj = x { ${name}: ${attr.get_value(block)} };а не знаешь что там x делает?
Size: a a a
2020 September 28
PM
Кирилл Спасибович
визуально выглядит как сбор пропсов из аттрибутов, но я не работал с этим кодом
КС
визуально выглядит как сбор пропсов из аттрибутов, но я не работал с этим кодом
я имею ввиду что там перед темплейт литералом буква
https://github.com/sveltejs/svelte/blob/46a83a50e3ed8f90b188cb152901cc579b189cd2/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts#L245
оно как-то ещё с объектами работает
а потом в темплейт литералах строки получаются
я консоль логаю, а там объекты
https://github.com/sveltejs/svelte/blob/46a83a50e3ed8f90b188cb152901cc579b189cd2/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts#L245
оно как-то ещё с объектами работает
а потом в темплейт литералах строки получаются
я консоль логаю, а там объекты
PM
Кирилл Спасибович
я имею ввиду что там перед темплейт литералом буква
https://github.com/sveltejs/svelte/blob/46a83a50e3ed8f90b188cb152901cc579b189cd2/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts#L245
оно как-то ещё с объектами работает
а потом в темплейт литералах строки получаются
я консоль логаю, а там объекты
https://github.com/sveltejs/svelte/blob/46a83a50e3ed8f90b188cb152901cc579b189cd2/src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts#L245
оно как-то ещё с объектами работает
а потом в темплейт литералах строки получаются
я консоль логаю, а там объекты
так это же ES6 фишка такая - Tagget Template Literals
PM
на них пол-свелта написано)
PM
и целый lit-html от гугла/полимера работает
PM
function tag(string, ...expressions) {}
PM
tag`<div>${foo}</div>`КС
так вот как оно так :) понял, спасибо
PM
он сам тебе встроенным в браузер движком парсит отдельно мух (статические строки) от котлет (js выражения)
КС
function x(strings, ...values) {
const str = join$1(strings);
const comments = [];
try {
const expression = parseExpressionAt(str, 0, acorn_opts(comments, str)) ;
const match = /\S+/.exec(str.slice((expression ).end));
if (match) {
throw new Error(`Unexpected token '${match[0]}'`);
}
inject(str, expression, values, comments);
return expression;
} catch (err) {
handle_error(str, err);
}
}вот она где магия зарыта :)
AI
Кирилл Спасибович
function x(strings, ...values) {
const str = join$1(strings);
const comments = [];
try {
const expression = parseExpressionAt(str, 0, acorn_opts(comments, str)) ;
const match = /\S+/.exec(str.slice((expression ).end));
if (match) {
throw new Error(`Unexpected token '${match[0]}'`);
}
inject(str, expression, values, comments);
return expression;
} catch (err) {
handle_error(str, err);
}
}вот она где магия зарыта :)
Исходник вот здесьздесь, если что.
КС
Исходник вот здесьздесь, если что.
спасибо :) а то пытаюсь понять что там происходит просто глядя на код))
КС
теперь понятно че они так переживают за скоупинг свой
т.к. там два класса и при тогглах svelte-{hash} всегда в наличии
то какие-нибудь весёлые селекторы типа
на мой взгляд лучше бы оставили прокидывание классов и ужесточили правила написания селекторов
при
что явно не в интересах любителей таких селекторов :)
поэтому такое обычно превращается в
т.к. там два класса и при тогглах svelte-{hash} всегда в наличии
то какие-нибудь весёлые селекторы типа
.selector + *
который превращается в.selector + svelte-{hash}
могут затронуть непонятно чтона мой взгляд лучше бы оставили прокидывание классов и ужесточили правила написания селекторов
при
<div></div>при скоупинге первая нода Component'а маржин не получит
<Component />
<style>
div + * {
margin-top: .5rem;
}
<style>
что явно не в интересах любителей таких селекторов :)
поэтому такое обычно превращается в
div + :global(*)КС
https://github.com/non25/svelte-template-rollup/tree/nested-component-scoped-class/patches
а вот и патчик без директивы class:
но зато со спредами теперь работает нормально, добавляет хэш, когда используется вот так
и не добавляет хэш, если в аттрибут class никто ничего не положил
также не добавляет хэш, если class лежит в spread
а вот и патчик без директивы class:
но зато со спредами теперь работает нормально, добавляет хэш, когда используется вот так
<Component
class="{toggle ? 'dog' : ''} {shmoggle ? 'bird' : ''}"
{...spread}
/>
и не добавляет хэш, если в аттрибут class никто ничего не положил
также не добавляет хэш, если class лежит в spread
NK
AP
а в малине тоже скоупинг через доп класс?
RS
остается загадкой почему optional chaining не пашет
хм, с роллапом работает, с вебпаком нет
ON
а в малине тоже скоупинг через доп класс?
да, оптимальный вариант
L
да, оптимальный вариант
а чем малина лучше свелта7