Releases · mrol1vka/mv-visual

Release list

mv-visual v1.2.4 — overlay mode (макет + сетка) Latest

Latest

mrol1vka released this 12 Aug 10:25

v1.2.4

ff91341

Mister Vo Visual v1.2.4

UX замечания от Mr Vo: "бутерброд из слоёв".

Что нового

#1 Оригинальный макет виден — сетка сверху.

Legacy контент (header, main, sections, footer) НЕ скрыт
body { position: relative } для absolute children
#mv-frontend-blocks { position: absolute; top: 0; width: 100% } — overlay
Затемнение rgba(0, 0, 0, 0.35) — полупрозрачное
Оригинальный макет виден приглушённо, сетка/блоки поверх

#2 Яркие границы сетки.

Grid lines: rgba(255, 255, 255, 0.18) (белые)
Block outline: 2px solid rgba(100, 180, 255, 0.8) (синий)
Hover: rgba(255, 180, 0, 0.9) (оранжевый)
Selected: #ff6b00 + box-shadow

#3 Блок для hero-portrait.

25 мигрированных блоков (вместо 19)
mrvo_hero_portrait_url (id=118, type=image) 6×7 в (0,0)
URL: get_theme_file_uri('assets/processed/hero-portrait-tight.png')
image: width/height 100%, object-fit: cover

#4 Текст в блоках не вылезает за колонки.

block { overflow: hidden }
.mv-block-content { max-width: 100%; max-height: 100%; text-overflow: ellipsis }
color: #fff; text-shadow для читаемости

Архитектура

body (position: relative)
├── wpadminbar
├── header.topbar (ОРИГИНАЛ)
├── main (ОРИГИНАЛ)
│   ├── section.hero (с портретом Mr Vo)
│   └── section#about
├── #mv-grid-overlay (z:99996, линии)
├── #mv-frontend-blocks (z:1, overlay)
│   └── .mv-grid (display: grid, 12 cols, 16 rows)
│       ├── .mv-block (Практика, без теории, Ведёт во тьму, lede, CTAs, stats, ...)
│       ├── .mv-block (Обо мне, Два входа в..., Деньги и доступ...)
│       └── .mv-block (image — Mr Vo portrait)
└── #mv-frontend-toolbar (fixed bottom)

Тест

✅ Сетка 12×16 видна (12 равных колонок)
✅ Image block 6×7 = 674×362
✅ DnD блока "Практика" (0,1) → (4,2) → БД обновлена через REST PUT
✅ Оригинальный макет виден (портрет, hero, about, channels)
✅ Все блоки имеют правильный контент (не "Legacy: mrvo_...")
✅ Текст в блоках не вылезает за колонки

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Лицензия

GPL v2

Assets 3

mv-visual v1.2.3 — dark theme + grid density + legacy migration

mrol1vka released this 12 Aug 10:12

v1.2.3

82ade5d

Mister Vo Visual v1.2.3

UX замечания от Mr Vo: закрыты все три.

Что нового

#1 Тёмная тема + светлые линии.

body #1a1a1a
Затемнение rgba(0,0,0,0.75)
Линии rgba(255,255,255,0.18) — белые на тёмном
Container position: fixed (top: 32px, bottom: 60px)
grid-template-rows: repeat(N, minmax(60px, 1fr))

#2 Плотность сетки (X × Y).
В toolbar два <input type="number"> + ✓ Apply:

X (cols): 1-24, default 12
Y (rows): 1-24, default 8
При Apply контейнер обновляется, empty cells пересчитываются

#3 Перенос legacy блоков с front-page.
autoMigrateLegacy() в mv-frontend.js:

Собирает все [data-mrvo-edit] элементы (38 шт.)
POST /migrate создаёт mv_block записи (идемпотентно)
19 блоков мигрированы с реальным контентом:
- Hero: eyebrow, "Практика", "без теории", "ведёт во тьму.", lede, 3 CTAs, 4 stats
- About: "Обо мне", "Два входа в материал", "Деньги и доступ живут...", "Скачать Вредные советы"
- Channels: "Все каналы", "Где меня смотреть", "YouTube, Гостиная, Тейки..."
Legacy-контент темы скрыт в edit mode

Тест

✅ Тёмный фон + светлые линии (12×12 default)
✅ Toolbar: X=12, Y=12 inputs + Apply
✅ Apply 12→8 cols: empty cells пересчитались
✅ Migration: 19 legacy blocks с реальным контентом
✅ DnD/Resize/Edit/Delete handles на каждом блоке
✅ Toast "Migrated N blocks"

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Лицензия

GPL v2

Assets 3

mv-visual v1.2.2 — серый grid + блоки видны сразу

mrol1vka released this 12 Aug 10:01

v1.2.2

ddc4ec3

Mister Vo Visual v1.2.2

UX фиксы по замечаниям Mr Vo.

Что нового

#1 Серые линии + горизонтальные.
Grid overlay: rgba(120, 120, 120, 0.08) (серый) вместо красного. Добавлены горизонтальные линии через repeating-linear-gradient(to bottom, ...). Container border, empty cells, hover — все серые. Красный/жёлтый остались только для активных состояний (selected, dirty).

#2 Новые блоки видны сразу после создания.

insertNewBlock(data, id) — создаёт DOM, addHandles, renderEmptyCells
updateBlock(id, data) — обновляет координаты/контент
findFirstFreeCell() — ищет первую свободную 4×2 клетку
location.reload() заменён на in-place DOM updates

Раньше: + Add Block ставил блок в (0,0) и накладывал на существующий. Теперь ищет свободную клетку.

Тест

✅ + Add Block → modal x=4, y=0 (первая свободная)
✅ Save → POST → блок id=85 в DOM без reload
✅ Toast "Block created"
✅ Grid серые линии (горизонтальные + вертикальные)

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Лицензия

GPL v2

Assets 3

mv-visual v1.2.1 — close all known issues from v1.2.0

mrol1vka released this 12 Aug 09:52

v1.2.1

ccbef21

Mister Vo Visual v1.2.1

Все 4 known issues v1.2.0 закрыты. Frontend Visual Builder работает end-to-end.

Что нового

#1 Frontend rendering на главной — рендеринг через wp_head, JS перемещает блоки в <body>. Блоки видны в edit mode на любой странице, не только the_content.

#2 DnD (move handle) — mousedown/move/up на handle ⋮⋮. Snap-to-grid. REST PUT /blocks/:id сохраняет координаты в БД.

#3 Resize — mousedown/move/up на handle ⤡. Аналогично move, обновляет w/h.

#4 Empty cells (12×8 сетка) — рендер .mv-empty-cell в каждой свободной клетке. Click → модалка с предзаполненными x/y.

#5 data-id в HTML — фикс для REST PUT (раньше ID был undefined).

Тест

В headless браузере:

✅ Admin-bar: "✕ Exit Edit Mode"
✅ 4 блока в body
✅ 95 empty cells (12×8=96, 1 занят)
✅ DnD: (0,0) span 4×2 → (2,2) span 4×2 → БД ✓
✅ Resize: 4×2 → 7×4 → БД ✓
✅ Click-to-add: empty cell (5,3) → modal x=5, y=3
✅ Toast "1 block(s) saved"

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Требования

WordPress 6.0+
PHP 7.4+

Лицензия

GPL v2

Assets 3

mv-visual v1.2.0 — Frontend Visual Builder (MVP)

mrol1vka released this 12 Aug 09:39

v1.2.0

71e73e0

Mister Vo Visual v1.2.0

🎨 Frontend Visual Builder (MVP) — как Тильда.

Залогинься, открой сайт, нажми ✏ Edit with Mr Vo Visual в админ-баре — поверх прозрачная сетка, drag блоков, inline edit.

Что входит

Edit mode через URL-параметр ?mv_edit=1 или кнопку в админ-баре
Permissions (только админы)
Frontend toolbar: Snap / Add / Templates / Save / Exit
Grid overlay (12-колонок)
Block highlighting + handles (move/edit/delete/resize)
Click-to-add на пустой клетке
Inline edit modal (тип/контент/координаты/link/animation)
Delete handle + REST DELETE
Auto-save каждые 5 минут
Toast notifications
Keyboard shortcuts (Esc / Cmd+S)
Snap-to-grid toggle

Гибрид

/wp-admin/?page=mv-visual — admin canvas (bulk-операции)
/?mv_edit=1 — frontend builder (in-place)
mrvo-inline-edit.js — legacy ACF-поля

Known issues (для v1.2.1)

Frontend rendering на главной (legacy front-page.php не вызывает mv_visual_render())
DnD/Resize actual drag (UI handle есть)
Empty cells визуально

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Требования

WordPress 6.0+
PHP 7.4+

Лицензия

GPL v2

Assets 3

mv-visual v1.1.0 — Code review polish

mrol1vka released this 12 Aug 09:22

v1.1.0

3ae10f2

Mister Vo Visual v1.1.0

🛠 Code review polish — 8 issues fixed.

Что исправлено

MV_Grid constants — DEFAULT_COLS, MIN_, MAX_, DEFAULT_W, DEFAULT_H
Extensions API подключён — custom блоки работают из filter'а mv_visual_block_types
Идемпотентные шаблоны — повторное применение не ломает порядок
Shortcode [mv_block id="123"] — для встраивания в посты
Vanilla JS — jQuery убран, теперь без зависимостей
CSS custom properties — --mv-color-*, --mv-radius, тема может переопределить
CHANGELOG + README — обновлены

Code review summary

Axis	Before	After
Hard violations	3	0
Smell baseline	11	0
Spec findings	4 (3 partial, 1 missing)	0

Установка

cd wp-content/plugins/
git clone https://github.com/mr-olivka/mv-visual.git
wp plugin activate mv-visual

Требования

WordPress 6.0+
PHP 7.4+

Лицензия

GPL v2

Assets 3

mv-visual v1.0.0 — MVP

mrol1vka released this 12 Aug 09:08

v1.0.0

a867b35

Mister Vo Visual v1.0.0

🎉 Первый релиз плагина Mister Vo Visual — визуальный grid-редактор для WordPress.

Что внутри

✅ CPT mv_block с координатами x/y/w/h
✅ Свой metabox (без зависимости от ACF)
✅ 5 типов блоков: Heading, Text, Image, Button, HTML
✅ 4 готовых шаблона: Hero, Cards, Stats, Lead-magnet
✅ 5 анимаций: fade-in, slide-up, scale-up, blur-in, none
✅ Drag-and-drop в canvas
✅ CSS Grid 4/8/12 колонок (responsive)
✅ REST API endpoints
✅ Extensions API для дополнений
✅ ACF Repeater migration helper

Установка

cd wp-content/plugins/
git clone https://github.com/mrol1vka/mv-visual.git
wp plugin activate mv-visual

Требования

WordPress 6.0+
PHP 7.4+
Современный браузер

Лицензия

GPL v2 или новее.

Assets 3

Releases: mrol1vka/mv-visual

Release list

mv-visual v1.2.4 — overlay mode (макет + сетка)

Mister Vo Visual v1.2.4

Что нового

Архитектура

Тест

Установка

Лицензия

Uh oh!

mv-visual v1.2.3 — dark theme + grid density + legacy migration

Mister Vo Visual v1.2.3

Что нового

Тест

Установка

Лицензия

Uh oh!

mv-visual v1.2.2 — серый grid + блоки видны сразу

Mister Vo Visual v1.2.2

Что нового

Тест

Установка

Лицензия

Uh oh!

mv-visual v1.2.1 — close all known issues from v1.2.0

Mister Vo Visual v1.2.1

Что нового

Тест

Установка

Требования

Лицензия

Uh oh!

mv-visual v1.2.0 — Frontend Visual Builder (MVP)

Mister Vo Visual v1.2.0

Что входит

Гибрид

Known issues (для v1.2.1)

Установка

Требования

Лицензия

Uh oh!

mv-visual v1.1.0 — Code review polish

Mister Vo Visual v1.1.0

Что исправлено

Code review summary

Установка

Требования

Лицензия

Uh oh!

mv-visual v1.0.0 — MVP

Mister Vo Visual v1.0.0

Что внутри

Установка

Требования

Лицензия

Uh oh!