Skip to content

Releases: MowMiMazur/WikiJS-Network-map

v1.0.3

Choose a tag to compare

@MowMiMazur MowMiMazur released this 28 Jul 08:59

[v1.0.3]

Polski

Nowości

  • Dodano samodzielny kreator map builder.html, który umożliwia tworzenie map bez ręcznego pisania składni.
  • Dodano formularz do definiowania urządzeń wraz z ich typami, nazwami i dodatkowymi metadanymi.
  • Dodano formularz do tworzenia połączeń wraz z portami po obu stronach.
  • Dodano bieżące sprawdzanie poprawności tworzonej mapy.
  • Dodano podgląd mapy generowany przy użyciu tego samego silnika, który działa w Wiki.js.
  • Dodano możliwość wygenerowania gotowego bloku network-map do skopiowania lub zapisania.
  • Dodano możliwość importowania istniejącej mapy z Wiki.js z powrotem do kreatora w celu dalszej edycji.
  • Kreator działa jako pojedynczy plik HTML i nie wymaga połączenia z Internetem ani instalowania dodatkowych zależności.
  • Dodano możliwość przełączania interfejsu kreatora pomiędzy językiem angielskim i polskim.

Poprawki

  • Rozszerzono polską i angielską dokumentację o instrukcję korzystania z kreatora map.
  • Dodano odnośniki do kreatora w dokumentacji składni.
  • Zaktualizowano przypięte adresy instalacyjne jsDelivr do wersji @v1.0.3.

English

New features

  • Added the standalone builder.html map builder, allowing maps to be created without manually writing the syntax.
  • Added a form-based editor for defining devices, their types, names, and additional metadata.
  • Added a form for creating connections with ports on both ends.
  • Added live validation of the map being created.
  • Added a map preview rendered using the same engine used inside Wiki.js.
  • Added the ability to generate a ready-to-use network-map block for copying or saving.
  • Added support for importing an existing Wiki.js map back into the builder for further editing.
  • The builder works as a single HTML file and requires no Internet connection or additional dependencies.
  • Added runtime switching between English and Polish in the builder interface.

Fixes

  • Extended the Polish and English documentation with instructions for using the map builder.
  • Added references to the builder in the syntax documentation.
  • Updated the pinned jsDelivr installation URLs to @v1.0.3.

v1.0.2

Choose a tag to compare

@MowMiMazur MowMiMazur released this 27 Jul 12:48

[v1.0.2]

Polski

Poprawki

  • Zmieniono zalecany sposób instalacji przez jsDelivr - pliki są teraz przypinane do konkretnego wydania zamiast gałęzi main.
  • Zaktualizowano przykłady instalacji tak, aby domyślnie korzystały z wersji @v1.0.2.
  • Dodano dokumentację wyjaśniającą różnice pomiędzy adresami @v1.0.2, @1 oraz @latest.
  • Poprawiono dokumentację dotyczącą cache jsDelivr i przeglądarki, aby dokładniej wyjaśnić sposób propagowania nowych wersji.
  • Uporządkowano instrukcję wstrzykiwania kodu, wyraźnie oddzielając fragmenty przeznaczone dla sekcji Head i Body w Wiki.js.
  • Usunięto lokalne strony testowe en/test.html i pl/test.html.
  • Testowanie instalacji przeniesiono do przykładowych stron Wiki.js opisanych w TEST-PAGE.md i STRONA-TESTOWA.md.
  • Zaktualizowano opis katalogu vendor/, wskazując jego przeznaczenie dla instalacji i środowisk działających bez dostępu do CDN.

English

Fixes

  • Changed the recommended jsDelivr installation method to pin files to a specific release instead of the main branch.
  • Updated installation examples to use @v1.0.2 by default.
  • Added documentation explaining the differences between @v1.0.2, @1, and @latest URLs.
  • Improved the documentation around jsDelivr and browser caching to more accurately explain how new versions propagate.
  • Reorganized the code injection instructions with clearly separated Head and Body sections for Wiki.js.
  • Removed the local en/test.html and pl/test.html test pages.
  • Moved installation testing to example Wiki.js pages documented in TEST-PAGE.md and STRONA-TESTOWA.md.
  • Updated the description of the vendor/ directory to clarify its purpose for installations and environments without CDN access.

v1.0.1

Choose a tag to compare

@MowMiMazur MowMiMazur released this 27 Jul 12:30

[v1.0.1]

Polski

Poprawki

  • Poprawiono rozmieszczanie etykiet na rozbudowanych i gęstych mapach zawierających dużą liczbę połączeń.
  • Dodano automatyczne zwiększanie odstępów pomiędzy urządzeniami wraz ze wzrostem liczby połączeń i szerokości rozgałęzień.
  • Mapy zawierające do 10 połączeń zachowują dotychczasowe odstępy.
  • Dodano możliwość wyłączenia automatycznego rozszerzania układu za pomocą ustawienia autoSpread.
  • Poprawiono pozycjonowanie etykiet portów, które przemieszczają się teraz wyłącznie wzdłuż własnego połączenia.
  • Ograniczono możliwość przesuwania etykiety portu poza środek połączenia, aby nie mogła zostać błędnie przypisana wizualnie do urządzenia znajdującego się po drugiej stronie.
  • Poprawiono pozycjonowanie etykiet na zakrzywionych połączeniach, dzięki czemu lepiej podążają za przebiegiem linii.
  • Przebudowano główny plik README.md, rozdzielając dokumentację na pełne sekcje w języku angielskim i polskim.

English

Fixes

  • Improved label placement on large and dense maps containing many connections.
  • Added automatic spacing adjustment between devices based on the number of links and the widest fan-out.
  • Maps containing up to 10 links retain their previous spacing.
  • Added an autoSpread setting allowing automatic layout expansion to be disabled.
  • Improved port label positioning so labels now move only along their own connection.
  • Prevented port labels from moving beyond the midpoint of a connection, avoiding visual association with the device at the opposite end.
  • Improved label positioning on curved connections so labels follow the actual edge path more accurately.
  • Reworked the main README.md by separating the documentation into complete English and Polish sections.

v1.0.0

Choose a tag to compare

@MowMiMazur MowMiMazur released this 27 Jul 11:39

[v1.0.0]

Polski

Nowości

  • Pierwsze publiczne wydanie WikiJS Network Map.
  • Dodano możliwość tworzenia interaktywnych map infrastruktury sieciowej bezpośrednio na stronach Wiki.js za pomocą prostej składni tekstowej.
  • Dodano obsługę portów po obu stronach każdego połączenia, np. router:ether1 -> sw01:Gi1/0/48.
  • Dodano automatyczne rozmieszczanie urządzeń i prowadzenie połączeń za pomocą Cytoscape.js oraz cytoscape-dagre.
  • Dodano mechanizm prowadzenia dłuższych połączeń wokół kart urządzeń oraz rozdzielania równoległych łączy, takich jak LAG i EtherChannel.
  • Dodano 25 typów urządzeń z dedykowanymi ikonami SVG i kolorami, m.in. routery, firewalle, switche, serwery, hypervisory, maszyny wirtualne, NAS-y, kamery i urządzenia UPS.
  • Dodano panel szczegółów urządzenia prezentujący porty, opisy połączeń, VLAN-y, prędkości oraz dodatkowe informacje.
  • Dodano wyszukiwanie urządzeń po nazwie, adresie IP, identyfikatorze, roli i typie.
  • Dodano możliwość przełączania układu mapy pomiędzy orientacją pionową i poziomą.
  • Dodano obsługę gładkich oraz ortogonalnych linii połączeń.
  • Dodano sterowanie powiększeniem, automatyczne dopasowanie widoku oraz tryb pełnoekranowy.
  • Dodano możliwość przeciągania urządzeń i interaktywnego zaznaczania połączeń.
  • Dodano obsługę jasnego i ciemnego motywu Wiki.js, urządzeń dotykowych oraz widoku przyjaznego dla wydruku.
  • Dodano automatyczne sprawdzanie składni, wykrywające m.in. nieznane typy urządzeń, odwołania do nieistniejących urządzeń oraz wielokrotne wykorzystanie tego samego portu.
  • Dodano polską i angielską wersję interfejsu oraz dokumentacji.
  • Dodano możliwość instalacji przez jsDelivr, GitHub Pages lub z wykorzystaniem plików hostowanych lokalnie.
  • Projekt udostępniono na licencji Apache 2.0.

English

New features

  • First public release of WikiJS Network Map.
  • Added support for creating interactive network infrastructure maps directly inside Wiki.js pages using a simple plain-text syntax.
  • Added ports on both ends of every connection, for example router:ether1 -> sw01:Gi1/0/48.
  • Added automatic device layout and edge routing powered by Cytoscape.js and cytoscape-dagre.
  • Added routing for long connections around device cards and separation of parallel links such as LAG and EtherChannel connections.
  • Added 25 device types with dedicated SVG icons and colors, including routers, firewalls, switches, servers, hypervisors, virtual machines, NAS devices, cameras, and UPS units.
  • Added a device details panel showing ports, connection descriptions, VLANs, speeds, and additional information.
  • Added device search by name, IP address, identifier, role, and type.
  • Added vertical and horizontal map layouts.
  • Added smooth and orthogonal connection line styles.
  • Added zoom controls, automatic view fitting, and fullscreen mode.
  • Added draggable devices and interactive connection highlighting.
  • Added support for light and dark Wiki.js themes, touch devices, and print-friendly output.
  • Added automatic syntax validation for unknown device types, references to undefined devices, and duplicate port usage.
  • Added complete Polish and English interface and documentation versions.
  • Added installation options using jsDelivr, GitHub Pages, or self-hosted files.
  • Released the project under the Apache 2.0 license.