نموذج أولي لمكعب JS

ملخص

نموذج أولي بواجهة تفاعلية لمعالجة البيانات وعرض السجلات.

سؤال

أنشئ نموذجًا أوليًا لمكعب مساعد بJavaScript بوظائف STD IN/STD OUT داخل مربع. يجب أن يستقبل حمولات مشابهة لNode-Red ويعالجها باستخدام JavaScript، ويرسل المخرجات إلى STD OUT. صمم واجهة المستخدم بأسلوب جذاب تشمل أزرارًا وتصورات بصرية. بالنسبة لبيانات STD IN، اجعل نقطة حمراء تومض. أضف عدادات للطلبات والكيلوبايت المعالجة. أدرج أذرع ومفاتيح لإجراء التعديلات، مثل تشغيل التعابير النمطية (regex). دمج عرض السجلات وتصحيح الأخطاء بخيار منبثق. استخدم بيانات اختبارية للتوضيح، مرئية ككتل في مسار الأنابيب. تأكد من أن المكعب أكثر تقدمًا من Node-Red. صمم بألوان باهتة وبسيطة. اجعل المكعب قابلاً للسحب باستخدام زر خاص.

السؤال الأصلي

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

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

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

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

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

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

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

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

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

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

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

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

ملخص تكلفة التوليد

اسم النموذج: o3-mini-high

وقت الاستجابة: 93.01 sec.

رموز النتيجة: 11,411

التكلفة: $0.05095860