Wavelovers is a vibration test tool for gamepads and mobile devices that can also turn them into vibration massagers. It has free vibration templates, template editor and manual control mode.
Home Page: https://wavelovers.ru/
License: GNU General Public License v3.0
👋 Hi there, I’m @eugene-serb.
🤩 Find out more about me on my website: eugene-serb.github.io.
📫 Write me: Telegram.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
create-vue с node20.src/pages.dev режиме.Google Fonts не будет отвечать по тем или иным причинам, то будет проблема со шрифтами. Надо разместить их локально в проекте.@template в jsdoc для дженериков, где имеется.M${ИмяМодуля} на шаблон use${ИмяМодуля} и перенести в ту же директорию, где находится корень хранилища.У анонсов должен появиться крестик, по нажатию которого должен пропадать анонс. Анонс должно быть можно закрыть, если в параметрах анонса это указано. После закрытия анонса, анонс вновь показываться не должен.
Должен появиться композабл, который принимает оригинальный массив с анонсами, а также, при хуке onMounted стучится в localStorage, берет оттуда информацию по анонсам и объединяет с оригинальным списком анонсов, на основании которых появляется список анонсов с отключёнными пользователем анонсами.
При складывании и взятии списка анонсов из localStorage данные должны проходить процесс сериализации и десериализации.
AAnnouncement. Должен содержать слот для сообщения, а также кнопку крестика, если поле closable анонса истинно. По нажатии на кнопку крестика, анонс должен закрываться, но сам компонент только эмитит событие close. Логика закрытия находится в родительском компоненте. После закрытия анонса и перезагрузки страницы, анонс не должен появиться вновь.MAnnouncement. В этом компоненте будет подключаться композабл.Анонс в рамках задачи изменяется, и теперь имеет следующий интерфейс:
interface Announcement {
id: string; // Уникальный идентификатор анонса.
enabled: boolean; // Включён ли анонс.
message: string; // Сообщение текстом или в формате HTML.
closable?: boolean; // Можно ли анонс закрывать нажимая на кнопку крестика.
routes?: string[]; // Паттерны regex маршрутов, по которым надо показывать анонс.
excludeRoutes?: string[]; // Паттерны regex, по которым не надо показывать анонс.
}В localeStorage достаточно хранить объект со следующим интерфейсом:
interface AnnouncementSavedData {
id: string; // Уникальный идентификатор анонса.
enabled: boolean; // Включён ли анонс.
}Нужно отделить взаимодействия с хранилищами данных браузера в отдельный слой storage. Для начала хватит взаимодействия с localStorage.
Описание на примере хранилища для announcements.
Взаимодействие с хранилищем из любого места в коде должно происходить через вызов функции контроллера наподобие storage.announcements.get для операций получения, записи и удаления, внутри метода которого должен быть вызов общей функции с переданной моделью данных, включая ключ хранилища, сериализатор и десериализатор.
Каждый конкретный контроллер описывает реализацию get, set и remove.
Каждая конкретная модель описывает реализацию id, serializer и deserializer.
В композабле useAnnouncements вызовы к хранилищу должны быть вынесены в слой storage. Так же, композабл не должен принимать ключ, т.к. он будет храниться в соответствующей модели внутри слоя storage.
Компонент MAnnoncements соответственно, больше не должен хранить ключ для стора анонсов и передавать его в композабл.
interface CommonStorageModel<T> {
id: string; // ключ хранилища.
serializer: (object: T) => string; // сериализатор. вызывается при записи.
deserializer: (dto: string) => T; // десериализатор. вызывается при извлечении.
};interface CommonStorageController<T> {
get: () => T; // получить данные.
set: (object: T) => void; // сохранить данные.
remove: () => void; // удалить данные.
};Необходимо переехать с vue-cli, т.к. он уже не поддерживается. Вместе с тем, приходят уведомления от dependabot, которые он автоматически починить не может. Сам обновлять не хочу, т.к. лучше переехать, чем обновлять и тестить, не отвалилось ли чего. Выбор пал на новый vue с vite.
Задача: только меняем рельсы, всё остальное без изменений. Минимальными усилиями сделать все перечисленные далее пункты.
Компонент анонса нужен для того, чтобы сообщать пользователям важную информацию. Список анонсов должен показываться в самом вверху страницы под навбаром, чтобы его сразу было видно при открытии страницы.
Анонс должен показываться на всех страницах, если не указан маршрут страницы, по которому должен показываться анонс.
Анонс должен состоять из двух компонентов.
AAnnouncement. Должен содержать слот для сообщения.MAnnouncement. Должен через v-for рендерить список анонсов (список из первых компонентов). Должен вставлять сообщение в слот AAnounce в формате html через соответствующую директиву v-html. Имеет функцию, которая отфильтровывает анонсы, которые не соответствуют текущей странице, основываясь на данных в полях routes и excludeRoutes.Компонент списка анонсов должен подключаться внутри лейаута LDefault внутри контейнера страницы выше всех элементов.
Конфигурация анонсов должна храниться в отдельном json файле в папке assets.
Анонс имеет следующий интерфейс:
interface Announcement {
id: string; // Уникальный идентификатор анонса.
enabled: boolean; // Включён ли анонс.
message: string; // Сообщение текстом или в формате HTML.
routes?: string[]; // Паттерны regex маршрутов, по которым надо показывать анонс.
excludeRoutes?: string[]; // Паттерны regex, по которым не надо показывать анонс.
}Вытащить ссылки из MHeader в уровень монтирования компонента, то есть, в лейаут. В самом компоненте MHeader сделать принятие ссылок через пропы.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.