Weryfikacja biblioteki v0.3 — 19.10.2026
Zakres
Wzornik, komponenty, katalog zasobów, raport i landing oraz samodzielne kopie obu szablonów utworzone skryptem new-project.py.
Wyniki
- Chromium: 1440, 390 i 320 px. Brak przepełnienia strony, błędów JavaScript i niepoprawnych kotwic.
- Obrazy (w tym ładowane przy przewijaniu) i lokalne fonty wczytane. Lokalne linki i zasoby istnieją.
- Karty i boxy sprawdzone: radius 0.
- FAQ otwiera się z klawiatury; kopiowanie kodu w lokalnym pliku działa przez zaznaczenie i ⌘C/Ctrl+C, gdy Clipboard API jest niedostępne.
- Formularz szablonu i wygenerowanej kopii pokazuje komunikat demo bez nawigacji. Kod nie odczytuje ani nie wysyła wartości pól.
- Skrypt tworzy samodzielne kopie report/landing z potrzebnymi zasobami; druga próba pod tą samą ścieżką jest odrzucana i nie zmienia plików.
- 15 zasobów katalogu porównanych bajtowo ze źródłami; sumy SHA-256 zgodne z manifestem.
- Niezależny przegląd: brak istotnych usterek. Regułę paddingu listy procesu przeniesiono do wspólnego CSS, by kopiowany komponent zachowywał układ.
Granice
Nie publikowano stron, nie uruchamiano wysyłki formularza, nie weryfikowano wyników klientów i nie wykonywano eksportu PDF. Szablony sprawdzono z polami do uzupełnienia — po wstawieniu treści potrzebna jest kontrola nowego materiału, w tym wydruku, jeśli ma być użyty.
Publikacje v0.4 — 19.10.2026
11 eksportów PNG sprawdzonych wizualnie i wymiarowo. Galeria oraz trzy kategorie przeszły test Chromium przy szerokościach 1440, 390 i 320 px: bez poziomego przepełnienia, uszkodzonych obrazów i błędów JavaScript. Filtry pokazują 7/3/1/3 układy. Obie paczki ZIP mają poprawną integralność i odpowiedź HTTP 200. Niezależny przegląd kodu nie wskazał istotnych błędów; zgłoszone brakujące paczki uzupełniono. Projekty pozostają propozycjami do oceny.
Korekta zgodności — 19.10.2026
Porównano aktualne źródła CTA i kaskadę CSS z audytu i landingu 1na1. Niezależny przegląd nie wykrył istotnych usterek. Chromium: wszystkie 9 stron HTML przy 1440, 390 i 320 px bez poziomego przepełnienia, błędnych promieni, uszkodzonych obrazów i błędów JS; CTA białe. Sprawdzono filtry galerii. 11 PNG ponownie wyeksportowanych z kontrolą granic płócien; obejrzano reklamę i slajd potwierdzenia oraz mobilny komponent CTA. Paczki ZIP odtworzono i sprawdzono integralność. Kopiowalne przykłady odpowiadają podglądom; glify strzałek usunięte ze wszystkich HTML.
Konstrukcja wzornika — 20.10.2026
Wprowadzono jeden kontener .ds-page-frame 1240 px z ciągłymi liniami po bokach we wszystkich 9 stronach i generowanych dokumentach. Katalogi głównego wzornika prezentują pełne boxy; sekcje dochodzą do ramy. Kontrola Chromium 1440/390/320 px: po jednej ramie 1 px na stronę, brak poziomego przepełnienia i brak uszkodzonych obrazów. Obejrzano ekran biblioteki desktop/mobile i potwierdzono wynikowy CSS ramy w źródłowym audycie (1240 px / 1 px). Rama nie zmienia zawartości eksportowanych płócien social. Paczki źródeł odświeżono.
Komponenty źródłowe — 20.10.2026
Zastąpiono 9 uproszczonych przykładów odizolowanymi podglądami rzeczywistych komponentów audytu, strony głównej i raportu ICD. Manifesty oraz source-evidence/source-snapshots zapisują źródła i zależności. Treści handlowe i dane klienta zastąpiono polami do uzupełnienia.
Kontrola zintegrowanego katalogu w Chromium: 9 podglądów przy 1440, 390 i 320 px; brak przepełnień, brak uszkodzonych grafik i błędów JavaScript. Obejrzano desktop i mobile. FAQ testowane klawiaturą: jedna odpowiedź otwarta po zakończeniu animacji. Diagram w osadzonym podglądzie miał 6 aktywnych animacji źródłowych, a po prefers-reduced-motion:reduce zero. Wysokość mobilnego formularza była stabilna 1050 px w dwóch pomiarach oddzielonych 1,2 s. Kopiowanie ma działający fallback zaznaczenia kodu.
Przegląd wykrył zależność mobilnej wysokości dialogu od viewportu iframe. Usunięto ją wyłącznie w warstwie podglądu (height:auto); CSS źródła pozostał niezmieniony. Karta/proces/diagram zaliczyły dodatkowo 12 scenariuszy desktop/mobile normal/reduced. Źródłowy raport ma identyczne tagi i atrybuty oraz niezmieniony arkusz; nie ma w nim animacji komponentów. Dowody i szczegółowe porównania są w reference-components/.
Rozszerzenie źródeł i propozycje — 20.10.2026
- Katalog: 21 podglądów źródłowych (9 poprzednich, 10 w extended/, 2 w scenarios/). Osadzone podglądy sprawdzone przy 390 i 320 px: bez poziomego przepełnienia, brakujących obrazów i błędów JS; przy reduced motion brak aktywnych animacji.
- Extended: 40 wariantów 1440/390 z ruchem i bez, dodatkowo 320 px; zgodność 13 plików CSS/JS ze snapshotami i 9 zestawów SVG. Wykres kampanii pochodzi z lokalnego snapshotu homepage, różnego od aktualnego publicznego wdrożenia; różnica opisana przy podglądzie.
- Scenarios: 6 testów zgodności oryginalnego modelu; sprawdzone presety, walidacja, reset, zmiana scenariusza i wybór miesiąca. Model naliczania odejść zachowuje źródłowe założenia opisane w podglądzie.
- Propozycje: własna implementacja inspirowana Firecrawl, jawnie oznaczona; klawiatura zakładek, skończone pokazy, pauza, odtworzenie i statyczny reduced motion. Weryfikacja czterech stron przy 1440/768/390/320 px. Nowe zakładki stabilizują wysokość według najwyższego panelu.
- Przegląd kodu wykrył błędną ścieżkę do researchu w propozycjach; poprawiona na pakowany katalog research/firecrawl/. Linki lokalne w głównych stronach wynikowego builda sprawdzone.
Audyt całego wzornika — 20.10.2026
- Strona główna, katalogi, propozycje i szablony: kontrola Chromium przy 320/390/768/1440 px; dodatkowe szerokości hero 769/800/1023/1024 px. Poprawiono czytelność etykiet, ramki raportu, CTA przy 320 px oraz spójność researchu z typografią marki.
- Podglądy formularza i wykresu: poprawiona wysokość ramki uwzględnia odstęp elementu głównego dokumentu. Testy 320/390/1440 px oraz wszystkich kroków formularza potwierdziły stabilność i dopasowanie wysokości w obu kierunkach.
- Build: instrukcje ASSETS/REPORT/LANDING otrzymują osobne adresy .guide.html, aby nie nadpisywały galerii i szablonów na systemach ignorujących wielkość liter. Dodano kotwice nagłówków dokumentacji. Kontrola 808 lokalnych odnośników i kotwic: bez błędów.
- 20 stron dokumentacji przy 320/390 px: brak poziomego przepełnienia i błędów zasobów, General Sans załadowany. Sprawdzono działanie filtrów, zakładek, pauzy oraz reduced motion; 21 podglądów źródłowych bez przepełnień.
- Kontrola 153 chronionych plików: zmieniły się wyłącznie skrypt dopasowania ramki katalogu i odtworzony ZIP. Oryginalne elementy źródłowe zachowane. Paczka propozycji także odtworzona.
- Granice: emulowane szerokości w Chromium, bez testu na fizycznym telefonie i w Safari. Wynik dotyczy istniejących treści; podmiana tekstów w szablonach wymaga ponownej kontroli.
Przegląd wizualny i ruch — 22.10.2026
- Przejrzano stronę główną, komponenty, zasoby, katalog szablonów, raport, landing, galerię teł, propozycje oraz posty, karuzelę i reklamy przy 320, 390 i 1440 px. Kontrola obejmowała zrzuty wizualne, a nie tylko granice elementów.
- Poluzowano nadmierny tracking nowych nagłówków prezentacyjnych i zwiększono odstępy między wyrazami. Powiększono znaczące etykiety, opisy próbek i statusy na stronie głównej. Oryginalne komponenty w ramkach pozostały niezmienione.
- Animacje czterech kart procesu czekają na widoczność własnej ilustracji; wspólna pauza i ograniczenie ruchu pozostają nadrzędne. Diagram reklama → strona → wiadomość ma czytelny kierunek również w stanie statycznym. Z podświetlenia aktywnych elementów biblioteki usunięto dodatkowy pomarańczowy pasek.
- Propozycje i publikacje: oba silniki Chromium/WebKit, po 15 widoków i 98 poprawnych sprawdzeń; 11 PNG zgodnych bajtowo z ponownym eksportem. Brak nowych usterek — zachowano aktualne grafiki.
- FAQ, przełączane panele i podglądy formularza sprawdzono w katalogu; brak ucięcia rozwiniętej odpowiedzi. Tabele raportu zachowują własne przewijanie.
- Granica: emulowane szerokości oraz WebKit Playwright; bez testu na fizycznym iPhonie. Wynik dotyczy obecnych treści.