smir-ant / wasm_parser

парсер картинок на rust через leptos(wasm) + обход cors

Парсер изображений на rust из-под frontend

Проект реализован 03.07.2024

Моменты:

1. в поле для ввода принимается поисковый запрос, поиск осуществляется на фотостоке unsplash.Остальные_{(среди нормально-популярных с нестрёмными фотками)} сервисы выдают либо 404, либо 403.
2. механизм мозайки примитивнейший: рандомно выбирается один из 4 классов(1x1, 2x1, 1x2 или 2x2) и кладётся в dom. так что нередко вы будете получать отверстия, можно починить если прикрутить Masonry, например, однако, честно говоря, западло

типичный пример выдачи с отверстиями

3. для обхода траблов с CORS (wasm для получения html страницы порождает cors), использован Cors Anywhere (repo)

wasm_parser/src/pages/home.rs

Line 32 in be87910

let url = format!("https://cors-anywhere.herokuapp.com/https://unsplash.com/s/photos/{}", url_value);

4. т.к. тут для обхода cors используется cors-anywhere, то перед тем как юзать статический скрипт надо запрос им кинуть на демо сюда https://cors-anywhere.herokuapp.com/corsdemo

5. github action (deploy.yaml) здесь нужен исключительно для автоматизации работы с github pages