@next-buildr/editor 0.0.0-stage → 2.0.0

package/dist/messages/pl.js

@@ -0,0 +1,327 @@
+export const pl = {
+    'editor.toolbar': 'Pasek narzędzi',
+    'editor.leftPanel': 'Wstawianie i warstwy',
+    'editor.canvas': 'Kanwa',
+    'editor.inspector': 'Inspektor',
+    'editor.canvas.connecting': 'Łączenie z kanwą…',
+    'editor.canvas.frame': 'Podgląd strony',
+    'editor.canvas.reload': 'Przeładuj kanwę',
+    'editor.canvas.error.timeout': 'Kanwa nie odpowiada. Sprawdź jej adres, nagłówek Content-Security-Policy (frame-ancestors) i dozwolone źródła.',
+    'editor.canvas.error.manifest': 'Kanwa zbudowana jest z innych komponentów niż edytor. Zbuduj kanwę ponownie lub przeładuj edytor.',
+    'editor.canvas.error.protocol': 'Kanwa i edytor mają różne wersje. Zaktualizuj je razem.',
+    'editor.canvas.error.canvas': 'Kanwa przestała działać.',
+    'insert.title': 'Wstaw',
+    'insert.search': 'Szukaj komponentów i szablonów',
+    'insert.empty': 'Nic nie pasuje do wyszukiwania.',
+    'insert.components': 'Komponenty',
+    'insert.templates': 'Szablony',
+    'insert.done': 'Wstawiono',
+    'insert.impossible': 'Nie można tego tutaj wstawić.',
+    'insert.readOnly': 'Strona jest tylko do odczytu.',
+    'inspector.title': 'Inspektor',
+    'inspector.empty': 'Zaznacz element, aby go edytować.',
+    'inspector.selected': 'zaznaczonych elementów',
+    'inspector.locked': 'Ta treść jest zablokowana.',
+    'inspector.tabs': 'Sekcje inspektora',
+    'inspector.tab.content': 'Treść',
+    'inspector.tab.style': 'Styl',
+    'inspector.tab.advanced': 'Zaawansowane',
+    'inspector.style.pending': 'Style tego elementu edytuje się w inspektorze stylów.',
+    'inspector.noProps': 'Ten komponent nie ma właściwości.',
+    'inspector.unknownComponent': 'Tego komponentu nie ma w rejestrze.',
+    'inspector.reset': 'Przywróć',
+    'inspector.default': 'Domyślnie',
+    'inspector.maxLength': 'Maksymalna długość',
+    'inspector.min': 'Minimum',
+    'inspector.max': 'Maksimum',
+    'inspector.bound': 'Powiązane z danymi',
+    'inspector.formula': 'Formuła',
+    'inspector.unsupported': 'Tego rodzaju właściwości nie można tu jeszcze edytować.',
+    'inspector.translation': 'tłumaczenie',
+    'inspector.attr.name': 'Nazwa w warstwach',
+    'inspector.attr.anchor': 'Kotwica (cel linku)',
+    'inspector.attr.visibleIf': 'Warunek wyświetlania',
+    'inspector.attr.visibleIfSet': 'Warunek decyduje, czy element jest widoczny.',
+    'inspector.attr.visibleIfRemove': 'Usuń warunek',
+    'richText.toolbar': 'Formatowanie tekstu',
+    'richText.heading2': 'Nagłówek 2',
+    'richText.heading3': 'Nagłówek 3',
+    'richText.heading4': 'Nagłówek 4',
+    'richText.bold': 'Pogrubienie',
+    'richText.italic': 'Kursywa',
+    'richText.link': 'Link',
+    'richText.linkUrl': 'Adres linku',
+    'richText.linkApply': 'Zastosuj',
+    'richText.linkUnsafe': 'Ten adres jest niedozwolony.',
+    'richText.bulletList': 'Lista punktowana',
+    'richText.numberedList': 'Lista numerowana',
+    'list.empty': 'Brak elementów.',
+    'list.item': 'Element',
+    'list.add': 'Dodaj element',
+    'list.remove': 'Usuń',
+    'list.moveUp': 'Przesuń w górę',
+    'list.moveDown': 'Przesuń w dół',
+    'style.none': 'Ten komponent nie ma opcji stylu.',
+    'style.editing': 'Edycja',
+    'style.desktop': 'desktop',
+    'style.from': 'z',
+    'style.unknownBreakpoint': 'Tego breakpointu nie ma w motywie.',
+    'style.group.layout': 'Układ',
+    'style.group.size': 'Rozmiar',
+    'style.group.spacing': 'Odstępy',
+    'style.group.typography': 'Typografia',
+    'style.group.background': 'Tło',
+    'style.group.border': 'Obramowanie',
+    'style.group.effects': 'Efekty',
+    'style.group.visibility': 'Widoczność',
+    'shortcut.title': 'Skróty klawiszowe',
+    'shortcut.group.edit': 'Edycja',
+    'shortcut.group.selection': 'Zaznaczenie',
+    'shortcut.group.file': 'Plik',
+    'shortcut.group.help': 'Pomoc',
+    'shortcut.undo': 'Cofnij',
+    'shortcut.redo': 'Ponów',
+    'shortcut.copy': 'Kopiuj',
+    'shortcut.cut': 'Wytnij',
+    'shortcut.paste': 'Wklej',
+    'shortcut.duplicate': 'Duplikuj',
+    'shortcut.delete': 'Usuń',
+    'shortcut.moveUp': 'Przesuń w górę',
+    'shortcut.moveDown': 'Przesuń w dół',
+    'shortcut.selectAll': 'Zaznacz rodzeństwo',
+    'shortcut.clearSelection': 'Wyczyść zaznaczenie',
+    'shortcut.save': 'Zapisz',
+    'shortcut.help': 'Pokaż skróty',
+    'save.clean': 'Wszystkie zmiany zapisane',
+    'save.dirty': 'Niezapisane zmiany',
+    'save.saving': 'Zapisywanie…',
+    'save.error': 'Nie udało się zapisać; ponawiam próbę',
+    'save.invalid': 'Serwer odrzucił dokument',
+    'save.conflict': 'Edytowano gdzie indziej',
+    'save.readOnly': 'Tylko do odczytu',
+    'save.now': 'Zapisz',
+    'save.conflict.title': 'Ta strona została zmieniona gdzie indziej',
+    'save.conflict.description': 'Ktoś zapisał nowszą wersję, gdy ją edytowałeś. Możesz wczytać ją i stracić niezapisane zmiany albo nadpisać ją swoją.',
+    'save.conflict.reload': 'Wczytaj ich wersję',
+    'save.conflict.overwrite': 'Nadpisz moją',
+    'toolbar.brand': 'Buildr',
+    'toolbar.title.rename': 'Nazwa strony',
+    'toolbar.title.renameFailed': 'Nie udało się zmienić nazwy strony',
+    'toolbar.back': 'Wróć do CMS',
+    'toolbar.versions': 'Historia wersji',
+    'toolbar.breakpoints': 'Rozmiar ekranu',
+    'toolbar.breakpoint.desktop': 'Komputer',
+    'toolbar.breakpoint.tablet': 'Tablet',
+    'toolbar.breakpoint.mobile': 'Telefon',
+    'toolbar.history': 'Cofnij i ponów',
+    'toolbar.preview': 'Podgląd',
+    'toolbar.publish': 'Opublikuj',
+    'clipboard.error.empty': 'Najpierw zaznacz to, co chcesz skopiować.',
+    'clipboard.error.readOnly': 'Ta strona jest tylko do odczytu.',
+    'clipboard.error.notFragment': 'Schowek nie zawiera niczego skopiowanego z edytora.',
+    'clipboard.error.tooLarge': 'Zawartość schowka jest zbyt duża, by ją wkleić.',
+    'clipboard.error.unsupported': 'Skopiowana treść pochodzi z innej wersji edytora.',
+    'clipboard.error.invalid': 'Skopiowana treść jest uszkodzona i nie została wklejona.',
+    'clipboard.error.rejected': 'Nie można tego tutaj umieścić.',
+    'clipboard.outdated': 'Ta treść używa typów lub wersji komponentów, których ten edytor nie obsługuje, i nie można jej tutaj wkleić.',
+    'dnd.notAllowed': 'Nie można tego tutaj upuścić.',
+    'dnd.ghost.nodes': 'elementy',
+    'dnd.moveTo': 'Przenieś do…',
+    'dnd.moveTo.title': 'Przenieś do…',
+    'dnd.moveTo.description': 'Wybierz, dokąd przenieść zaznaczone elementy.',
+    'dnd.moveTo.none': 'Nie ma miejsca, do którego można przenieść zaznaczenie.',
+    'dnd.moveTo.into': 'Do',
+    'values.mode': 'Źródło wartości',
+    'values.mode.static': 'Stała',
+    'values.mode.binding': 'Dane',
+    'values.mode.formula': 'Formuła',
+    'values.binding.search': 'Szukaj pól',
+    'values.binding.path': 'Ścieżka pola',
+    'values.binding.none': 'Brak pasujących pól.',
+    'values.binding.noSchema': 'Struktura danych jest niedostępna, więc wpisz ścieżkę samodzielnie.',
+    'values.binding.missing': 'Takie pole nie istnieje w danych.',
+    'values.binding.type': 'To pole ma typ, którego ta właściwość nie może pokazać.',
+    'values.binding.pick': 'Wybierz pole albo wpisz jego ścieżkę.',
+    'values.format': 'Format',
+    'values.format.none': 'Brak',
+    'values.format.date': 'Data',
+    'values.format.number': 'Liczba',
+    'values.format.currency': 'Waluta',
+    'values.format.text': 'Tekst',
+    'values.format.dateStyle': 'Styl daty',
+    'values.format.numberStyle': 'Styl liczby',
+    'values.format.currencyCode': 'Kod waluty',
+    'values.format.transform': 'Zmiana wielkości liter',
+    'values.style.short': 'Krótki',
+    'values.style.medium': 'Średni',
+    'values.style.long': 'Długi',
+    'values.style.iso': 'ISO',
+    'values.style.decimal': 'Dziesiętny',
+    'values.style.percent': 'Procent',
+    'values.transform.none': 'Bez zmian',
+    'values.transform.upper': 'Wielkie litery',
+    'values.transform.lower': 'Małe litery',
+    'values.transform.capitalize': 'Pierwsza wielka',
+    'values.fallback': 'Wartość zastępcza, gdy brak danych',
+    'values.preview': 'Podgląd',
+    'values.preview.none': 'Brak przykładowej wartości.',
+    'values.formula.source': 'Formuła',
+    'values.formula.mode': 'Rodzaj formuły',
+    'values.formula.mode.formula': 'Wyrażenie',
+    'values.formula.mode.template': 'Tekst z częściami {{ }}',
+    'values.formula.unsaved': 'Nie zapisano: najpierw popraw błędy.',
+    'values.formula.valid': 'Formuła jest poprawna.',
+    'values.chip.invalid': 'błędne',
+    'issues.title': 'Problemy',
+    'issues.filter': 'Filtruj według ważności',
+    'issues.filter.all': 'Wszystkie',
+    'issues.filter.error': 'Błędy',
+    'issues.filter.warning': 'Ostrzeżenia',
+    'issues.filter.info': 'Uwagi',
+    'issues.empty': 'Nie znaleziono problemów.',
+    'issues.pending': 'Sprawdzanie strony…',
+    'issues.fix': 'Napraw',
+    'issues.fix.failed': 'Nie udało się zastosować poprawki.',
+    'issues.source.validation': 'Dokument',
+    'issues.source.a11y': 'Dostępność',
+    'issues.source.canvas': 'Strona',
+    'publish.title': 'Opublikuj stronę',
+    'publish.description': 'Sprawdź, co znaleziono, i opublikuj.',
+    'publish.notice': 'Publikacja zastępuje stronę na żywo całym tym dokumentem, a nie tylko ostatnią zmianą.',
+    'publish.summary': 'Wyniki sprawdzania',
+    'publish.blocked.corrupt': 'Dokument jest uszkodzony i nie można go opublikować.',
+    'publish.blocked.errors': 'Publikacja jest zablokowana, dopóki są błędy. Popraw je w panelu Problemy.',
+    'publish.warn': 'Są problemy. Nadal możesz opublikować.',
+    'publish.working': 'Publikowanie…',
+    'publish.done': 'Opublikowano.',
+    'publish.failed.conflict': 'Strona została zmieniona gdzie indziej. Najpierw rozwiąż konflikt.',
+    'publish.failed.invalid': 'Serwer odrzucił dokument.',
+    'publish.failed.unsaved': 'Nie udało się zapisać ostatnich zmian, więc nic nie opublikowano.',
+    'publish.failed.network': 'Publikacja się nie powiodła. Spróbuj ponownie.',
+    'media.picker.title': 'Wybierz plik',
+    'media.picker.description': 'Wybierz z biblioteki albo prześlij nowy plik.',
+    'media.search': 'Szukaj plików',
+    'media.kind': 'Rodzaj pliku',
+    'media.kind.all': 'Wszystkie pliki',
+    'media.kind.image': 'Obrazy',
+    'media.kind.video': 'Filmy',
+    'media.kind.document': 'Dokumenty',
+    'media.loading': 'Wczytywanie plików…',
+    'media.error': 'Nie udało się połączyć z biblioteką.',
+    'media.retry': 'Spróbuj ponownie',
+    'media.empty': 'Nie znaleziono plików.',
+    'media.more': 'Wczytaj więcej',
+    'media.unavailable': 'Nie połączono biblioteki mediów.',
+    'media.upload': 'Prześlij nowy plik',
+    'media.upload.file': 'Plik do przesłania',
+    'media.upload.alt': 'Tekst alternatywny (opisuje plik)',
+    'media.upload.submit': 'Prześlij i użyj',
+    'media.upload.busy': 'Przesyłanie…',
+    'media.upload.failed': 'Przesyłanie nie powiodło się.',
+    'media.none': 'Nie wybrano pliku.',
+    'media.choose': 'Wybierz plik',
+    'media.replace': 'Zmień',
+    'media.remove': 'Usuń',
+    'sample.label': 'Przykładowy wpis',
+    'sample.default': 'Wpis domyślny',
+    'preview.title': 'Podgląd',
+    'preview.exit': 'Wróć do edycji',
+    'preview.frame': 'Strona tak, jak widzą ją odwiedzający',
+    'preview.unsaved': 'Nie udało się zapisać ostatnich zmian, więc podgląd byłby nieaktualny.',
+    'preview.unsafe': 'Adres podglądu nie jest adresem internetowym.',
+    'app.loading': 'Wczytywanie edytora…',
+    'app.error': 'Nie udało się otworzyć dokumentu.',
+    'app.smallScreen.title': 'Edytor wymaga większego ekranu',
+    'app.smallScreen.body': 'Buildr jest przeznaczony do edycji na komputerze. Otwórz tę stronę na komputerze stacjonarnym lub laptopie albo powiększ okno, aby kontynuować.',
+    'app.smallScreen.hint': 'Edytor otworzy się sam, gdy tylko okno będzie wystarczająco szerokie.',
+    'locale.label': 'Język treści',
+    'translation.banner': 'Teksty tłumaczy się osobno dla każdego języka. Struktura i styl są wspólne dla wszystkich języków.',
+    'translation.showingDefault': 'Wyświetlany jest tekst w języku domyślnym.',
+    'translation.translate': 'Przetłumacz',
+    'translation.remove': 'Usuń tłumaczenie',
+    'issues.missingTranslations': 'Brakujące tłumaczenia',
+    'layers.title': 'Warstwy',
+    'layers.empty': 'Brak warstw.',
+    'layers.rename': 'Nazwa warstwy',
+    'layers.badge.lock': 'Zablokowane',
+    'layers.badge.visibleIf': 'Widoczne tylko pod warunkiem',
+    'layers.badge.breakpoints': 'Ma style dla innych rozmiarów ekranu',
+    'layers.badge.issues': 'Ma problemy',
+    'layers.menu': 'Akcje warstwy',
+    'layers.menu.rename': 'Zmień nazwę',
+    'layers.menu.duplicate': 'Duplikuj',
+    'layers.menu.delete': 'Usuń',
+    'layers.menu.wrap': 'Opakuj w kontener',
+    'layers.menu.unwrap': 'Rozpakuj',
+    'layers.more': 'Więcej akcji',
+    'editor.issues': 'Problemy',
+    'editor.breadcrumbs': 'Ścieżka zaznaczenia',
+    'editor.issues.show': 'Pokaż problemy',
+    'editor.issues.hide': 'Ukryj problemy',
+    'editor.resize.left': 'Zmień szerokość lewego panelu',
+    'editor.resize.right': 'Zmień szerokość prawego panelu',
+    'insert.clear': 'Wyczyść wyszukiwanie',
+    'insert.view.grid': 'Widok siatki',
+    'insert.view.list': 'Widok listy',
+    'insert.category.layout': 'Układ',
+    'insert.category.content': 'Treść',
+    'insert.category.media': 'Multimedia',
+    'insert.category.ui': 'UI',
+    'insert.category.forms': 'Formularze',
+    'insert.category.cms': 'CMS',
+    'ui.close': 'Zamknij',
+    'toolbar.status.draft': 'Wersja robocza',
+    'toolbar.status.published': 'Opublikowana',
+    'toolbar.zoom': 'Powiększenie',
+    'toolbar.zoom.fit': 'Dopasuj',
+    'toolbar.more': 'Więcej działań',
+    'toolbar.theme': 'Motyw',
+    'toolbar.theme.light': 'Jasny',
+    'toolbar.theme.dark': 'Ciemny',
+    'toolbar.theme.system': 'Systemowy',
+    'editor.panels.left': 'Lewy panel',
+    'editor.panels.right': 'Panel inspektora',
+    'editor.status.errors': 'Błędy',
+    'editor.status.warnings': 'Ostrzeżenia',
+    'editor.status.breakpoint': 'Punkt przerwania',
+    'editor.status.zoom': 'Powiększenie',
+    'editor.status.fit': 'Dopasuj',
+    'external.banner': 'Zapisano nowszą wersję tej strony.',
+    'external.banner.by': 'Użytkownik {name} zapisał nowszą wersję tej strony.',
+    'external.reload': 'Wczytaj najnowszą wersję',
+    'inspector.emptyHint': 'Kliknij element na stronie albo wybierz warstwę i naciśnij Enter.',
+    'inspector.duplicate': 'Duplikuj element',
+    'inspector.delete': 'Usuń element',
+    'inspector.nodeName': 'Nazwa elementu',
+    'editor.canvas.width': '{name} · {width}px',
+    'editor.canvas.error.title': 'Nie można wyświetlić podglądu strony',
+    'toast.dismiss': 'Zamknij powiadomienie',
+    'issues.group.error': 'Błędy',
+    'issues.group.warning': 'Ostrzeżenia',
+    'issues.group.info': 'Uwagi',
+    'issues.nodeless': 'Dokument',
+    'publish.count.error': 'Błędy: {count}',
+    'publish.count.warning': 'Ostrzeżenia: {count}',
+    'publish.count.info': 'Uwagi: {count}',
+    'style.origin.set': 'Ustawione na tym breakpoincie',
+    'style.origin.inherited': 'Odziedziczone z',
+    'style.origin.default': 'Wartość domyślna',
+    'style.unit': 'Jednostka',
+    'style.tokens': 'Tokeny',
+    'style.box.hint': 'Kliknij bok, aby go edytować. Alt+klik edytuje oba boki osi.',
+    'style.side.top': 'góra',
+    'style.side.right': 'prawo',
+    'style.side.bottom': 'dół',
+    'style.side.left': 'lewo',
+    'style.corner.topLeft': 'lewy górny',
+    'style.corner.topRight': 'prawy górny',
+    'style.corner.bottomRight': 'prawy dolny',
+    'style.corner.bottomLeft': 'lewy dolny',
+    'style.link.sides': 'Połącz boki',
+    'style.link.corners': 'Połącz narożniki',
+    'style.colorPicker': 'Wybierz kolor',
+    'style.slider': 'Suwak',
+    'style.box.content': 'zawartość',
+    'style.more': 'Inne wartości',
+    'values.preview.card': 'Podgląd na żywo',
+};

package/dist/panels/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The path from the root to the selected node, each step a button that selects it. Hovering a step
+ * highlights that node on the canvas (through the store's `hoveredId`).
+ */
+export declare function Breadcrumbs(): import("react").JSX.Element | null;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/panels/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/panels/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,WAAW,uCAkC1B"}

package/dist/panels/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useT } from '../../messages/index.js';
+import { pathTo, useEditor, useEditorState } from '../../store/index.js';
+/** `buildr/section` reads as `section`: the namespace says nothing to the author. */
+const shortType = (type) => type.slice(type.indexOf('/') + 1);
+/**
+ * The path from the root to the selected node, each step a button that selects it. Hovering a step
+ * highlights that node on the canvas (through the store's `hoveredId`).
+ */
+export function Breadcrumbs() {
+    const t = useT();
+    const store = useEditor();
+    const doc = useEditorState((state) => state.doc);
+    const anchorId = useEditorState((state) => state.anchorId);
+    const path = useMemo(() => (anchorId === null ? [] : pathTo(doc, anchorId)), [doc, anchorId]);
+    if (path.length === 0)
+        return null;
+    return (_jsx("nav", { className: "bd-breadcrumbs", "aria-label": t('editor.breadcrumbs'), children: _jsx("ol", { children: path.map((id) => {
+                const node = doc.nodes[id];
+                const current = id === anchorId;
+                return (_jsx("li", { children: _jsx("button", { type: "button", className: "bd-breadcrumb", "aria-current": current ? 'location' : undefined, onClick: () => store.select(id), onPointerEnter: () => store.setHovered(id), onPointerLeave: () => store.setHovered(null), onFocus: () => store.setHovered(id), onBlur: () => store.setHovered(null), children: node?.name ?? (node === undefined ? id : shortType(node.type)) }) }, id));
+            }) }) }));
+}

package/dist/panels/breadcrumbs/breadcrumbs.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=breadcrumbs.test.d.ts.map

package/dist/panels/breadcrumbs/breadcrumbs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.test.d.ts","sourceRoot":"","sources":["../../../src/panels/breadcrumbs/breadcrumbs.test.tsx"],"names":[],"mappings":""}

package/dist/panels/breadcrumbs/breadcrumbs.test.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment jsdom
+import { createRegistryMeta } from '@next-buildr/core';
+import { act } from 'react';
+import { createRoot } from 'react-dom/client';
+import { afterEach, describe, expect, it } from 'vitest';
+import { axe } from 'vitest-axe';
+import * as matchers from 'vitest-axe/matchers';
+import { MessagesProvider } from '../../messages/index.js';
+import { createEditorStore, EditorStoreProvider } from '../../store/index.js';
+import { Breadcrumbs } from './breadcrumbs.js';
+expect.extend(matchers);
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+const doc = {
+    schemaVersion: 1,
+    root: 'root',
+    nodes: {
+        root: { id: 'root', type: 'buildr/page', slots: { default: ['boxNode001'] } },
+        boxNode001: {
+            id: 'boxNode001',
+            type: 'buildr/box',
+            name: 'Hero',
+            slots: { default: ['textNodeA1'] },
+        },
+        textNodeA1: { id: 'textNodeA1', type: 'buildr/text' },
+    },
+    components: {},
+};
+afterEach(() => {
+    document.body.innerHTML = '';
+});
+describe('Breadcrumbs', () => {
+    it('shows the path, marks the hovered node and selects a step on click', async () => {
+        const store = createEditorStore({
+            doc,
+            registry: createRegistryMeta({ components: [] }),
+            validationDelayMs: null,
+        });
+        const container = document.createElement('div');
+        document.body.append(container);
+        const root = createRoot(container);
+        await act(async () => root.render(_jsx(MessagesProvider, { locale: "en", children: _jsx(EditorStoreProvider, { store: store, children: _jsx(Breadcrumbs, {}) }) })));
+        expect(container.querySelector('nav')).toBeNull();
+        await act(async () => store.select('textNodeA1'));
+        const buttons = [...container.querySelectorAll('button')];
+        expect(buttons.map((b) => b.textContent)).toEqual(['page', 'Hero', 'text']);
+        expect(buttons[2]?.getAttribute('aria-current')).toBe('location');
+        expect(container.querySelector('nav')?.getAttribute('aria-label')).toBe('Selection path');
+        expect(await axe(container)).toHaveNoViolations();
+        await act(async () => buttons[1]?.focus());
+        expect(store.getState().hoveredId).toBe('boxNode001');
+        await act(async () => buttons[1]?.click());
+        expect(store.getState().selectedIds).toEqual(['boxNode001']);
+        await act(async () => root.unmount());
+    });
+});

package/dist/panels/index.d.ts

@@ -0,0 +1,9 @@
+export { Breadcrumbs } from './breadcrumbs/breadcrumbs.tsx';
+export { InsertPanel, placeInsertion } from './insert/index.ts';
+export * from './inspector/index.ts';
+export * from './issues/index.ts';
+export type { LayerRow } from './layers/flatten.ts';
+export { flattenTree } from './layers/flatten.ts';
+export type { LayersPanelProps } from './layers/layers-panel.tsx';
+export { LayersPanel, ROW_HEIGHT } from './layers/layers-panel.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/panels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAChE,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/panels/index.js

@@ -0,0 +1,6 @@
+export { Breadcrumbs } from './breadcrumbs/breadcrumbs.js';
+export { InsertPanel, placeInsertion } from './insert/index.js';
+export * from './inspector/index.js';
+export * from './issues/index.js';
+export { flattenTree } from './layers/flatten.js';
+export { LayersPanel, ROW_HEIGHT } from './layers/layers-panel.js';

package/dist/panels/insert/catalog.d.ts

@@ -0,0 +1,30 @@
+import type { RegistryManifest } from '@next-buildr/core';
+export interface PaletteItem {
+    readonly kind: 'component' | 'template';
+    /** The component type or the template id. */
+    readonly id: string;
+    readonly label: string;
+    readonly category: string;
+    readonly description: string | undefined;
+    readonly icon: string | undefined;
+    readonly thumbnail: string | undefined;
+    /** What the search looks at, lower-cased. */
+    readonly haystack: string;
+}
+export interface PaletteGroup {
+    readonly category: string;
+    readonly items: readonly PaletteItem[];
+}
+/** A thumbnail is shown only when it is an address of an image, never anything a page could run. */
+export declare function safeThumbnail(value: string | undefined): string | undefined;
+/** Components that can be inserted (not root-only, not `insertable: false`) and templates, from the manifest. */
+export declare function paletteItems(manifest: RegistryManifest): {
+    readonly components: readonly PaletteItem[];
+    readonly templates: readonly PaletteItem[];
+};
+/** The items whose label, type, description or keywords contain every word of `query`. */
+export declare function filterItems(items: readonly PaletteItem[], query: string): PaletteItem[];
+/** The order categories appear in; a category this list does not know follows, alphabetically. */
+export declare const CATEGORY_ORDER: readonly string[];
+export declare function groupByCategory(items: readonly PaletteItem[]): PaletteGroup[];
+//# sourceMappingURL=catalog.d.ts.map

package/dist/panels/insert/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,gBAAgB,EAAsB,MAAM,mBAAmB,CAAC;AAE7F,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,CAAC;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;CACxC;AA8BD,oGAAoG;AACpG,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK3E;AAED,iHAAiH;AACjH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,gBAAgB,GAAG;IACxD,QAAQ,CAAC,UAAU,EAAE,SAAS,WAAW,EAAE,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,SAAS,WAAW,EAAE,CAAC;CAC5C,CASA;AAED,0FAA0F;AAC1F,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAGvF;AAED,kGAAkG;AAClG,eAAO,MAAM,cAAc,EAAE,SAAS,MAAM,EAO3C,CAAC;AAOF,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,GAAG,YAAY,EAAE,CAa7E"}

package/dist/panels/insert/catalog.js

@@ -0,0 +1,76 @@
+function componentItem(meta) {
+    return {
+        kind: 'component',
+        id: meta.type,
+        label: meta.label,
+        category: meta.category,
+        description: meta.description,
+        icon: meta.icon,
+        thumbnail: undefined,
+        haystack: [meta.label, meta.type, meta.description ?? '', ...(meta.keywords ?? [])]
+            .join(' ')
+            .toLowerCase(),
+    };
+}
+function templateItem(template) {
+    return {
+        kind: 'template',
+        id: template.id,
+        label: template.label,
+        category: template.category,
+        description: undefined,
+        icon: undefined,
+        thumbnail: template.thumbnail,
+        haystack: [template.label, template.id, template.category].join(' ').toLowerCase(),
+    };
+}
+/** A thumbnail is shown only when it is an address of an image, never anything a page could run. */
+export function safeThumbnail(value) {
+    if (value === undefined)
+        return undefined;
+    return /^(https?:\/\/|\/(?!\/)|data:image\/(png|jpe?g|gif|webp|avif);)/i.test(value)
+        ? value
+        : undefined;
+}
+/** Components that can be inserted (not root-only, not `insertable: false`) and templates, from the manifest. */
+export function paletteItems(manifest) {
+    const byLabel = (a, b) => a.label.localeCompare(b.label);
+    return {
+        components: Object.values(manifest.components)
+            .filter((meta) => meta.capabilities?.insertable !== false && meta.capabilities?.root !== true)
+            .map(componentItem)
+            .sort(byLabel),
+        templates: Object.values(manifest.templates).map(templateItem).sort(byLabel),
+    };
+}
+/** The items whose label, type, description or keywords contain every word of `query`. */
+export function filterItems(items, query) {
+    const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+    return items.filter((item) => words.every((word) => item.haystack.includes(word)));
+}
+/** The order categories appear in; a category this list does not know follows, alphabetically. */
+export const CATEGORY_ORDER = [
+    'layout',
+    'content',
+    'media',
+    'forms',
+    'ui',
+    'cms',
+];
+const categoryRank = (category) => {
+    const index = CATEGORY_ORDER.indexOf(category);
+    return index === -1 ? CATEGORY_ORDER.length : index;
+};
+export function groupByCategory(items) {
+    const groups = new Map();
+    for (const item of items) {
+        const list = groups.get(item.category);
+        if (list === undefined)
+            groups.set(item.category, [item]);
+        else
+            list.push(item);
+    }
+    return [...groups]
+        .map(([category, list]) => ({ category, items: list }))
+        .sort((a, b) => categoryRank(a.category) - categoryRank(b.category) || a.category.localeCompare(b.category));
+}

package/dist/panels/insert/catalog.order.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=catalog.order.test.d.ts.map

package/dist/panels/insert/catalog.order.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.order.test.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/catalog.order.test.ts"],"names":[],"mappings":""}

package/dist/panels/insert/catalog.order.test.js

@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vitest';
+import { groupByCategory } from './catalog.js';
+const item = (category) => ({ id: `x/${category}`, kind: 'component', category, label: category });
+describe('category order', () => {
+    it('lists layout, content, media, forms, ui, cms; unknown categories go last', () => {
+        const groups = groupByCategory(['cms', 'zzz', 'ui', 'forms', 'media', 'content', 'layout'].map(item));
+        expect(groups.map((group) => group.category)).toEqual([
+            'layout',
+            'content',
+            'media',
+            'forms',
+            'ui',
+            'cms',
+            'zzz',
+        ]);
+    });
+});

package/dist/panels/insert/category-name.d.ts

@@ -0,0 +1,4 @@
+import type { Translate } from '../../messages/index.tsx';
+/** The heading of a category: its catalog string, or the title-cased id for a custom category. */
+export declare function categoryName(t: Translate, category: string): string;
+//# sourceMappingURL=category-name.d.ts.map

package/dist/panels/insert/category-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-name.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/category-name.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAMtE,kGAAkG;AAClG,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAInE"}

package/dist/panels/insert/category-name.js

@@ -0,0 +1,8 @@
+const titleCase = (category) => category.charAt(0).toUpperCase() + category.slice(1);
+const KNOWN = ['layout', 'content', 'media', 'ui', 'forms', 'cms'];
+/** The heading of a category: its catalog string, or the title-cased id for a custom category. */
+export function categoryName(t, category) {
+    return KNOWN.includes(category)
+        ? t(`insert.category.${category}`)
+        : titleCase(category);
+}

package/dist/panels/insert/index.d.ts

@@ -0,0 +1,3 @@
+export { InsertPanel } from './insert-panel.tsx';
+export { placeInsertion } from './target.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/panels/insert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/panels/insert/index.js

@@ -0,0 +1,2 @@
+export { InsertPanel } from './insert-panel.js';
+export { placeInsertion } from './target.js';

package/dist/panels/insert/insert-panel.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The component and template palette (docs/editor.md#insert): search, categories, and a click (or
+ * Enter) that inserts at the first position the rules allow — inside the selected container, else
+ * after the selection. It never needs drag and drop. When nothing fits the reason is shown instead.
+ */
+export declare function InsertPanel(): import("react").JSX.Element;
+//# sourceMappingURL=insert-panel.d.ts.map

package/dist/panels/insert/insert-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-panel.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/insert-panel.tsx"],"names":[],"mappings":"AA2CA;;;;GAIG;AACH,wBAAgB,WAAW,gCA+P1B"}