Очередной небольшой шедевр от Anthony Fu - vite-plugin-inspect

Плагин предназначен для дебага плагинов Vite, показывая, как изменяется код проекта при их последовательном применении. Но попутно плагин строит карту компонентов и модулей проекта с их связями и приятной анимацией

#antfu #vite

Вышла новая версия библиотеки shikiji для синтаксической подсветки фрагментов кода

Anthony Fu портировал пакет shiki.js на ESM. Данная библиотека предназначено для синтаксической подсветки фрагментов кода, аналог highlight.js. Использует hast для токенизации и VS Code Oniguruma, которая написана на C и компилируется в WebAssembly. Данная часть переписана на ESM, является tree-shakable и работает и в Node.js, и в браузере.

shikiji использует тот же движок, что и VS Code, работает быстрее распространенных подсветчиков кода, занимает меньше места и более функциональна (например, включает препроцессор для TypeScript TwoSlash нотаций). Доступны множество языков (включая вариации Vue и Vue HTML) и все темы VS Code (на данный момент около 5000). VitePress уже переехал на новую библиотеку.

#antfu #shikiji #vitepress

Vue DevTools ждёт обновление

Новая версия будет включать в себя несколько модулей от Anthony Fu из Nuxt DevTools. Пока планируется выпустить её отдельно от текущих DevTools и проверить стабильность. Сейчас она доступна как Vite плагин и Electron приложение. Как Chrome расширение приложение еще не готово.

#antfu #devtools

Что умеет новая `shikiji` от Anthony Fu?

Показывать всплывающую подсказку с информацией о наведенной сущности. Для этого в коде она должна быть типизирована с помощью JSDoc, либо информация о ней должна быть в библиотеке, если она подключается через неё (в данном примере shikiji лезет в markdown-it)

Рекомендация от команды Vue и VitePress - использовать в документациях на VitePress во фрагментах кода JSDoc для повышения их информативности. Более подробные инструкции будут даны позднее.

#shikiji #antfu #vitepress

Anthony Fu показал законченный вариант библиотеки для синтаксической подсветки фрагментов кода shikiji с подсказками от TypeScript пакета twoslashes на примере SFC кода в VitePress.

По мнению автора это сильно улучшит воспринимаемость информации. Ну и такого ни у кого пока нет.

#twoslashes #shikiji #vitepress #antfu

Отец Антоний встал на путь мессионерства и отправился обращать в правильную веру неразумных дикарей

#antfu #react

Эван отложил Vue и переключился на Vite - третья betta (v5.1.0-betta.3) за 4 дня.

Меж тем Anthony Fu похвастался своей новой клавиатурой HHKB и рабочим сетапом

#vite #antfu

История shikiji - библиотеки для синтаксической подсветки фрагментов кода, о которой мы писали несколько раз, - скоропостижно завершилась.

Напомним, Anthony Fu форкнул и портировал пакет shiki.js на ESM. Данная библиотека предназначено для синтаксической подсветки фрагментов кода, аналог highlight.js. Использует hast для токенизации и VS Code Oniguruma, которая написана на C и компилируется в WebAssembly. Данная часть переписана Anthony на ESM, является tree-shakable и работает и в Node.js, и в браузере.

Использование того же движка, что и в VS Code, позволяет работать быстрее распространенных подсветчиков кода, занимать меньше места и быть более функциональна (например, включает препроцессор для TypeScript TwoSlash нотаций). Доступны множество языков (включая вариации Vue и Vue HTML) и все темы VS Code (на данный момент около 5000). VitePress переехал на новую библиотеку для подсветки блоков кода в декабре 2023 года.

На прошлой неделе владельцы shiki сделали Pull request и забрали себе все улучшения, добавленные Anthony. Теперь он работает над shiki, проект shikiji архивирован.

#antfu #shiki #shikiji #vitepress

Большой контрибьютор в экосистему Vue.js Anthony Fu опубликовал длинный пост о своем психическом здоровье, вызванным стрессом от ответственности за написанный им open-source код, от которого зависит уже много проектов и разработчиков.

Абсолютно с ним согласен. Поэтому твой open-source проект, который не взлетел, это великое благо. Потому что ты получил огромное эстетическое наслаждение от его создания, и не понес за это никакого наказания в виде необходимости его развивать и менять по запросам пользователей и выслушивания критики и нытья недовольных и конкурентов. Тщеславие только для дураков.

#antfu

Не так давно Antony Fu создал eslint-flat-config-viewer, который официально теперь часть ESLint 9 - ESlint Config Inspector

Отметим, как работает эта утилита для просмотра ESLint конфига - запускается небольшой локальный вебсервер, и затем открывается окно с веб-приложением непосредственно утилиты. Так работает немало как встроенных (админки аппаратных роутеров), так и обычных компьютерных программ (Syncthing, например).

Это хороший способ создать лёгкое мультиплатформенное приложение с графическим веб интерфейсом, без необходимости засовывать его в Electron. Правда, подходит этот метод больше для продвинутых пользователей.

#antfu #eslint

Сайт icones.js.org довольно удобен для подбора иконок (хотя выбор средний и поиска по параметрам нет, но хорошо сделано копирование найденного сразу в svg), но такое потребление памяти после поиска нескольких иконок выше понимания.

К вопросу о том, качественный ли код пишет Anthony Fu, автор VueUse, Nuxt и многого другого

#antfu #icons #optimization

Удивительные вещи происходят в верхушке Vue сообщества.

Часть (в основном накстовцы), ведомые Anthony Fu, активно призывают покинуть Твиттер, который на данный момент является основным каналом общения и распространения информации по Vue, и перейти в другое приложение - BlueSky.

Остальные (An Phan - член команды Vue Core) - не поймут в чем дело.

Оказывается, это общий тренд по Твиттеру, запущенный демократами в рамках предвыборной борьбы.

Когда-то у меня был новостной ресурс, и я неоднократно получал предложения пропечатать что-то за деньги.

И тут не вызывает сомнения материальная заинтересованность основных Vue/Nuxt ЛОМов, предводителем которых и является длинноволосый владелец китайской галеры.

За последнюю неделю к BlueSky присоединились 150 000 человек (с их слов). В Твиттере - больше миллиарда. Ни о чём.

Заработать репутацию очень сложно, потерять - легко. Трудно сказать, о чем данный ход говорит больше - о количестве ума в головах тех, кто на это пошел, или их моральных ориентирах.

#antfu