Size: a a a

2021 April 22

l(

lolmaus (Andrey Mikh... in Ember_js
Товарищи, кто-нибудь решал проблему внедрения Ember-приложения в существуюищй сайт заказчика и предотвращения протечек стилей из их сайта в наше приложение?

Без iframe, я имею в виду.
источник

PS

Pavel Schekin in Ember_js
почему без iframe?
источник

l(

lolmaus (Andrey Mikh... in Ember_js
Много неудобств:
— затенение модалок выглядит странно из-за того, что не распространяется наружу iframe'а
— сайдбары выглядят странно
— двойная вертикальная прокрутка
— подозреваю, что возможны проблемы с клавиатурной навигацией и accessibility
источник

RT

Roman Truschev in Ember_js
может что то подобное и для эмбера есть?
https://github.com/Wildhoney/ReactShadow

или это другое ?
источник

RT

Roman Truschev in Ember_js
источник

RD

Robert Dampilon in Ember_js
Да, использовал ember-component-css или ember-css-modules
источник

RT

Roman Truschev in Ember_js
так все равно какие то общие стили протекут в компоненты разве нетт ?
источник

RD

Robert Dampilon in Ember_js
Да, бывали конфликты, но решалось быстро
источник

RD

Robert Dampilon in Ember_js
!important и проблема решена)) или веса классу добавить)
источник

RD

Robert Dampilon in Ember_js
Если используются какие-нибудь кастомизируемые либы с общими классами я делал подключение так:
& {
 @import “some.scss”
}

Получается библиотека будет в твоём скоупе.
источник

l(

lolmaus (Andrey Mikh... in Ember_js
Это решает протечки только из Ember-приложения в сайт, но не решает в обратную стороную.
источник

AK

Alex Kanunnikov in Ember_js
Можно сделать ручную инициализацию приложения в shadowDom ноду
источник

AK

Alex Kanunnikov in Ember_js
Но могут сломаться всякие аддоны и либы, которые слушают document
источник

AA

Alina Anufrieva in Ember_js
Подключаю типы для компоненты, файл с типами  types.d.ts лежит рядом. Получаю ошибку
Uncaught (in promise) Error: Could not find module `admin-client/components/v-tab/types imported from `admin-client/components/v-tab/component``

Есть идеи, почему ошибка? Файл физически существует по данному пути.
источник

AA

Alina Anufrieva in Ember_js
Если что, в tsconfig.json прописаны пути к типам
"paths": {
"admin-client/*": ["app/*"],
},
"include": ["app/**/*", "tests/**/*", "@types/**/*"],
источник

RT

Roman Truschev in Ember_js
Стоп а причем тут типы и ошибка в рантайме ?
источник

AK

Alex Kanunnikov in Ember_js
попробуй писать import type Fo from '...'
источник

AK

Alex Kanunnikov in Ember_js
чтобы явно дать понять бабелю что ты тип импортируешь
источник

AK

Alex Kanunnikov in Ember_js
чтобы он вырезал этот импорт в рантайме
источник

AA

Alina Anufrieva in Ember_js
Fo cannot be used as a value because it was imported using 'import type'.ts(1361)
источник