Розробка UJounral UI (6 вересня)

При­віт всім! Як почу­ва­є­те­ся? Напев­но добре, тож я почну пере­лі­чу­ва­ти що вда­ло­ся зро­би­ти за цей день для нової вер­сії UJournal UI:

1. Додав реда­ктор поста (при­клад https://earnest-tiramisu-7cffad.netlify.app/edit-post?postId=368)
2. Додав нові Embed: Facebook, Instagram, Telegram, SoundCloud
3. Додав можли­вість пере­хо­ду на сто­рін­ку поста (при­клад https://earnest-tiramisu-7cffad.netlify.app/post?postId=368)

Тро­шки дета­лей про реда­ктор. Це була іпо­пея всто­ю­ва­ти реда­ктор EditorJS у сайт. По суб’є­ктив­ним вра­же­н­ням — роз­ро­бни­ки при­пи­ни­ли актив­но під­три­му­ва­ти пла­гі­ни для цьо­го реда­кто­ра, тому що непря­мою озна­кою є те, що бага­то пла­гі­нів не мають вер­сії на тай­п­скри­пті. Тому при­йшло­ся роби­ти хак, який допо­мо­гає тай­пскі­пту «закри­ва­ти очі» на ось такі пла­гі­ни без типів.

Ще одним ціка­вим момен­том було те що я вирі­шив що якщо в нас увесь кон­тент на Markdown, то буде зру­чно кон­вер­ту­ва­ти пости з Markdown у EditorJS JSON і обра­тно. Штка вже чутка скла­дна, тому пішов гугли­ти і зна­йшов якусь ста­ру рід-онлі рєпку editorjs-markdown-parser яка дуже допо­мо­гла, тому що там все було гото­во, лише блок «Кар­тин­ка» при­йшлось тро­хи попра­ви­ти. Всеж, на мою дум­ку, вийшло чудо­во — пере­ві­ряв на реаль­них постах — EditorJS аде­ква­тно від­кри­ває їх. Тре­ба ще тесту­ва­ти, але попе­ре­дньо я пов­ні­стю задо­во­ле­ний. Доре­чі у онов­ле­но­му інтер­фей­сі зараз у любо­го поста можно нажа­ти на три точки та вибра­ти «Реда­кти­ро­вать» і від­кри­ти пост у реда­кто­рі, тесту­є­мо як пра­цює конвертація.

Ще був якийсь про­сто ска­же­ний баг з іні­ці­а­лі­за­ці­єю EditorJS. Ця ліб­ка не при­сто­со­ва­на до робо­ти з рєа­ктом, тому дове­ло­ся вози­ти­ся щоб подру­жи­ти їх. Доре­чі якщо комусь зна­до­би­ться реда­ктор у реакті — код реда­кто­ра зна­хо­ди­ться тут.

І на оста­нок додам кіль­ка скри­шо­тів як пра­цю­ють Embed з різних медіа-платформ:

Лінк на UJournal UI: https://earnest-tiramisu-7cffad.netlify.app/

Лінк на UJournal UI рєпку: https://​github​.com/​u​J​o​u​r​n​a​l​/​u​j​o​u​r​n​al-ui

Дякую всім що кри­те­ку­є­те та комен­ту­є­те та про­по­ну­є­те, це робить UJournal зру­чні­шим. Всім гар­но­го настрою!