[#368] add html as supported language

[d13ch]

• Добавил HTML в список поддерживаемых языков;
• Добавил иконку HTML;
• Иконки отображаются в соответствии с языком сниппета (на странице сниппета и на карточках на странице профиля);
• Сообщение "по умолчанию" в редакторе при создании сниппета отображается в соответствии с языком сниппета;
• В зависимости от языка отображается терминал, либо блок превью для HTML;
• Обновлены файлы локализации;

Дополнительно активировал уже подключенные языки.
Для полноценной работы необходимо, чтобы данные о языке приходили с сервера. На данном этапе для проверки работоспособности сделал подмену получаемых данных. Подмены сопроводил комментариями с тегом '#FIXME'.
На месте превью для HTML пока "пустышка".

[faciledictu]

В assets не очень логично класть js-скрипт с функцией подбора иконки. Мне кажется более правильным решением код выбора иконки из файла frontend/src/pages/profile/NewSnippetForm.jsx
Его, при желании, можно вынести в отдельный модуль

[d13ch]

• Блок превью отображает код из редактора

[d13ch]

@fey @dzencot тут тесты ищут вывод в консоли, которой нет в HTML сниппете

[fey]

А сейчас вывод консоли работает на JS? Может быть тесты поправить, чтобы они на JS ожидали вывод консоли, а для HTML - нет.

[d13ch]

JS сниппеты я не трогал, так что всё должно работать, как работало.
Возможно, Елена сможет заняться тестами?

[d13ch]

@fey я добавил тест для HTML. Его, наверное, лучше новым ПР в другой ветке оформить?

[fey]

Лучше в этом

[d13ch]

• Убрал подмену языка сниппета в ответе сервера;
• Добавил тест для HTML;

Приложение ожидает данные о языке сниппета в двух местах:

runit/frontend/src/providers/SnippetsProvider.jsx

Line 12 in 7a9825c

const getSnippetDataByViewParams = async ({ username, slug }) => {

runit/frontend/src/slices/snippetsSlice.js

Line 7 in 7a9825c

export const fetchUserSnippets = createAsyncThunk(

[fey]

Переведите пр в реди, если его можно ревьювить.

[HelenOne]

Привет!
@d13ch а тесты playwright не должны проходить?

[d13ch]

@HelenOne приветствую!
Нет, тест не пройдёт, пока не будет готов бэкенд

[geophyzik]

ссылки на задеплоеный проект не хватает
в NewSnippetForm мне кажется или часть кода снимает заглушку с пхп и питона

 if (supportedLanguages.includes(language)) {
      try {

мб пора уже слайс подредактировать и оставить только js html

const slice = createSlice({
  name: 'languages',
  initialState: {
    supportedLanguages: ['javascript', 'php', 'python'],
    supportedLanguages: ['javascript', 'php', 'python', 'html'],
    currentLanguage: 'javascript',
  },
  reducers: {

[dzencot]

Добавил поддержку на бэкенде. Давайте мержить, если ручное тестирование ок. Тесты поправлю потом.