JS Utility Cube Prototyp

Zusammenfassung

Interaktiver Prototyp zur Verarbeitung von Payloads und Logs.

Eingabeaufforderung

Erstellen Sie einen JavaScript-Utility-Würfel-Prototypen mit STD IN/STD OUT Funktionalität innerhalb eines Quadrats. Er soll Payloads ähnlich wie Node-Red empfangen und mittels JavaScript verarbeiten, wobei die Ausgabe an STD OUT gesendet wird. Entwerfen Sie eine ansprechende Benutzeroberfläche mit Buttons und Visualisierungen. Für STD IN Daten soll ein roter Punkt blinken. Fügen Sie Zähler für Anfragen und verarbeitete Kilobytes hinzu. Integrieren Sie Hebel und Schalter zur Anpassung, wie z. B. das Ausführen von Regex. Binden Sie eine Log- und Debug-Visualisierung mit Popup-Option ein. Verwenden Sie Testdaten zur Demonstration, visualisiert als Blöcke in einer Pipeline. Stellen Sie sicher, dass der Würfel fortschrittlicher ist als Node-Red. Entwerfen Sie in minimalistischen, hellen Pastellfarben. Machen Sie den Würfel per Knopfdruck verschiebbar.

ursprüngliche Eingabe

Создай утилиту на джаваскрипте, которая будет находиться внутри квадратика и будет иметь STD IN и STD OUT Утилита является прототипом для программы, которая будет в STD IN получчать Payload как в Nodered из другой утилиты, внутри будет выполняться джаваскрипт код данные будут обрабатываться и отправляться после переработки на STD oout

У этого кубика должен быть приятный дизайн и интерфейс с кнопочками и визуализациями.

Например при попадании данных на STDIN  может мигать точка красная. 
какойто счетчик может показывать количество запросов которое пришло, вывод количества килобайт прошедших через за эту сессию.

Особенность в том, что таких контроллов должно быть много. рычажки, переключатели, для тонкой настройки.

Например это может быть кубик запускающий регулярные выражения.

Обязательно нужна визуализация логов и дебага и возможность октрыть попап с ними.

В качестве тестовых данных пусть в нее будет приходить не настоящие запросы, чтобы показать что все рбаотает. Поток данных тоже можно визуализировать как блоки двигающиеся по трубе.

Суть в том чтобы сделать кубик, который будет гораздо более навороченный чем кубики в нодреде.

дизайн должен быть минималистичный с красивыми цветами в светлых постельных тонах.

кубик можно нажать на спецкнопку и передвигать (таскать).

Q: Какой именно функционал должны выполнять кнопки и рычажки внутри кубика?
A: Ну придумай что-то. Допустим это может быть вызов дбаг режима, просмотр логов, Какаято визуализация как панель управления.

Q: Какую информацию вы хотите видеть в визуализации логов и дебага?
A: набей побольше. используй шрифт моноспейс,  SVG и очень чистый дизайн.  Это прототип поэтмоу чем больше идей тем лучше. 

Zusammenfassung der Generierungskosten

Modellname: o3-mini-high

Antwortzeit: 93.01 sec.

Ergebnis-Token: 11,411

Kosten: $0.05095860