До речі, мені здається це плюс-мінус цей темплейт: https://ui.shadcn.com/create?base=base&style=lyra&theme=orange&font=jetbrains-mono&menuColor=inverted&menuAccent=bold&baseColor=zinc&template=start

Ну, або принаймні дуже схожий. Мені сподобалось і я його заюзаю в пет проекті, але не гріх поділитись і тут

Такс, можна поділитись що я роблю якраз.

Проблема: забагато посилань, зберігаю їх де попало, в телеграмі, як відкриті вкладки в бразері, комусь в приват кидаю і тд. Це фіговий підхід.

Давно хотів мати якесь одне місце для такого, вирішив накодити.

Як це працює?
1. Додаєш нове посилання (можна одразу `cmd + v`), бачиш як воно підтягує OG дані
2. Зберігаєш, воно додається в базу
3. На фоні запускається процес, він оновлює OG дані, зберігає їх. А також, запускаємо ЛЛМ яка зробить короткий саммарі контенту.

Технічні частина:
• LiveStore, бо я не хочу бавитись ні з базою ні з АРІ. Плюс це працює і в оффлайн режимі.
• Cloudflare Workers, Durable Objects, AI provider. Класні примітиви, які сильно спрощують мені життя. Workers для синхронізації, DO для віддаленого стейту, ще один DO який працює в ролі окремого юзера, він дьоргає ЛЛМ і комітить новий івент який автоматично синхронізується.

Ну і на відео помітно, що на фоні деякі карточки оновлюються з часом, коли ЛЛМ завершить. Я можу додати 20 лінків і просто закрити сторінку, а Durable Object з вокрером все зроблять і я легко синхронізуюсь як тільки знову відкрию сторінку.

Накидуйте ідеї які самі б тут імплементували ⬇️

(три рази постив наново бо телеграм тупить з відео)

?????

Шановний

(насправді це якісь процеси в терміналі, але йомайо)

Гарні в них інтерфейси стають, подобається

Загалом трохи балдію, подобається працювати з LocalFirst. Швидко свіжі фічі додаються, не думаєш сильно про сервер.

До речі, новим підписникам може бути незнайомо що то таке той LiveStore, Local-First і тд

Я про це давно пишу невеличкі пости, пошукайте по слову LiveStore
А також можна глянути мою невеличку статтю на цю тему: https://www.bohdanptyts.com/blog/basic-likes-feature-with-livestore

Щось я увійшов в азарт, але подобається.

Попередні ідеї під проекти з LiveStore були простішими, пробними. Тут щось цікавіше, можна фантазію трохи потрусити.

Накинути адекватну авторизацію і можна бета-юзерів запускати.

Ойойой, життєво

https://www.instagram.com/reel/DTxHjnGDH0K/

Непоганий інспектор, щей open-source.

https://www.golb.at/

Стало цікаво глянути код бо щось дуже швидко рахує Score, я спершу подумав що це таке ж як Lighthouse і дуже здивувся швидкості. Але в коді абчу що там взагалі LLM яка рахує Score. Не поняв для чого, але маєте готовий приклад використання AI SDK. https://github.com/visible/golbat/blob/main/app/api/analyze/route.ts

До речі, в своєму пет проекті теж подібну штуку робив недавно для превю посилань. Але юзав Effect бо цікаво повчитись.

Не хочеться тупіти....

https://x.com/thdxr/status/2014156529738350933

Такс, буду пробувати. Зараз підсів на claude max підписку, але жаль що вони обрубують доступ OpenCode до цього, не хочу бавитись з хаками.

https://x.com/waynesutton/status/2013373368117141745

Такс, не можу відірватись звісно, фантазую фічі.

Але все так гарно будується кругом інфраструктури cloudflare.

Durable Object виступає як окремий peer, в ролі іншого юзера. KV storage і Worker для обробки бота. Бот реагує, ставить реакції на повідомлення щоб сигналізувати прогрес. Тестую локально через Cloudflare tunnel.

Це ще не все, але поки не буду деталізовувати. Класна можливість трохи спробувати оці всі примітиви в ділі. І як же класно, що все це емулюється локально.

Валідні типи, між іншим 💅

За крок до того, щоб поставити бейджик design engineer на LinkedIn

tip of a day

Дав LLM короткотривалий Vercel токен і попросив накидати ідеї для доменів юзаючи їх Domains API

1. Можна суттєво більше фантазувати з назвою разом
2. Воно автоматично відкине недоступні варіант
3. Потім складе табличку, одразу з цінами і тд

Але, обережно треба, походу АРІ дозволяє і купити домен 😶‍🌫️

Почав юзати Oxfmt i Oxlint замість Prettier i ESLint

Працює моментально, з правилами не розбирався ще

Але дуже зацінив що він автоматично вирівнює ASCII таблички в Markdown файлах

https://www.youtube.com/watch?v=moBCOEiqiPs

Вау
В мене глибока повага до людей, які можуть такий проект самостійно довести від ідеї до завершення. А це ж ще треба придумати таке. Здивуюсь якщо це відео не набере мільйон переглядів

До речі, варто поділитись своїми враженнями від міграції з NPM на Bun 🥟

В нас досить великий монорепо, десь 8+ проектів, деякі прям дуже здорові. У всіх різний тулінг, АРІ, UI і тд. Так щей різні версії реакту між проектами.

Короче, все це ставало надто повільним. Повільно локально, ще повільніше в СІ. Чистий npm install (коли видаляєш всі node_modules в проекті) міг зайняти біля 8хв, це заважає і нервує. А деякі пакети ще люблять запуститиь свій postinstall/prepare скрипт. Інколи аж ноут підвисав.

В додачу NPM хоістить всі пакети які шаряться між проекатми в рутовий node_modules. Це може і класно інколи, але загалом більше шкодило. От PNPM протилежність, там пакети ізольовані і вже не вийде просто імпортувати в коді пакет який не оголошений в package.json але випадково попав в скоуп доступу.

Так от, ми декілька разів пробували мігрувати, але скільки ж було перепон на шляху. Стало дуууже помітно всі ці дрібні нюанси які дозволяв досить не строгий NPM і вже не дозволяє Bun. Для контексту, Bun мають isolated linker, що працює так як в PNPM, вони буквально звідти це запозичили. Також стало помітно якісь застарілі або помилкові конфігурації в tsconfig.json.

Але, найцікавіше було з підтирмкою різних версій React. Якщо коротко, то буває що проекти які юзають React 18 можуть імпортувати інші пакети де достумі інші версії React. І от вже яка версія типів зарезолвиться з того місця - фактор удачі. В цій статті гарно описано, нема що додати: https://zackery.dev/posts/types-react/

Але, мігрувати таки вдалось. Можливо не так ідеально як хотілось, але близько до цього.
Я ставив собі задачу, що ця міграція має міняти тільки файли конфігурацій. Якщо потрібно міняти код бо вже десь типи не такі - ми десь помиляємось бо воно працює ок з NPM. Це був надважливий для мене критерій, я підходив до різних проблем по 5 раз і з різними рішеннями, поки не знаходив правильне.

Короче, получилось. Тепер чистий bun install займає десь 13с. Ну, на скріншоті я ще маю глобальний кеш, але NPM в таких же умовах був в декілька разів повільнішим.
СІ також став швидшим принаймні на 35%. Там важче сказати, бо ми ще кешуємо node_modules для всіх СІ.

Загалом, можу радити.