{"id":28381041,"url":"https://github.com/bogdan-lyashenko/ui-dev-tool","last_synced_at":"2025-06-25T01:31:55.674Z","repository":{"id":75624263,"uuid":"71109075","full_name":"Bogdan-Lyashenko/ui-dev-tool","owner":"Bogdan-Lyashenko","description":"Framework for extended UI debugging ","archived":false,"fork":false,"pushed_at":"2016-10-28T08:08:42.000Z","size":16,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-30T03:40:03.883Z","etag":null,"topics":["debugging","javascript","javascript-library","logging-library","performance"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Bogdan-Lyashenko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-10-17T06:59:15.000Z","updated_at":"2022-11-21T19:23:09.000Z","dependencies_parsed_at":"2023-06-07T03:45:14.429Z","dependency_job_id":null,"html_url":"https://github.com/Bogdan-Lyashenko/ui-dev-tool","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Bogdan-Lyashenko/ui-dev-tool","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bogdan-Lyashenko%2Fui-dev-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bogdan-Lyashenko%2Fui-dev-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bogdan-Lyashenko%2Fui-dev-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bogdan-Lyashenko%2Fui-dev-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bogdan-Lyashenko","download_url":"https://codeload.github.com/Bogdan-Lyashenko/ui-dev-tool/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bogdan-Lyashenko%2Fui-dev-tool/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261785237,"owners_count":23209267,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["debugging","javascript","javascript-library","logging-library","performance"],"created_at":"2025-05-30T03:37:47.620Z","updated_at":"2025-06-25T01:31:55.643Z","avatar_url":"https://github.com/Bogdan-Lyashenko.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#Framework for extended UI debugging\r\n\r\n##Initial applications\r\n* control panel\r\n* logger\r\n* performance check\r\n* statistics render\r\n* user auth\r\n\r\n### Performance check application. \r\nIt allows to detect performance lacks during start-end points. \r\n\r\nGet application.\r\n```javascript\r\nlet PerformanceCheck = UiDevTool.applications.PerformanceCheck;\r\n```\r\nCreate a process for exact operation\r\n```javascript\r\nconst SUM_COMPUTING_PROCESS_ID = '#SumComputingProcessId';\r\nlet sumComputingProcess = PerformanceCheck.createProcess(SUM_COMPUTING_PROCESS_ID);\r\n\r\nsumComputingProcess.start();\r\n/*\r\n... complex computing\r\n*/\r\nsumComputingProcess.end();\r\n```\r\nUse a marker to highlight exact state in logic \r\n```javascript\r\nsumComputingProcess.addMarker('Marker 1', 'red');\r\n```\r\nGet results of performance monitoring\r\n```javascript\r\nconsole.log(sumComputingProcess.getResults());\r\n\u003e{\r\n  iterationsNumber: N,\r\n  iterationPerformance: V %,\r\n  pointsList: [{val: V %, time: T_STAMP}, ...]\r\n}\r\n\r\n```\r\nor work with background process through process id.\r\n```javascript\r\nconst SUM_COMPUTING_PROCESS_ID = '#SumComputingProcessId';\r\n\r\nPerformanceCheck.start(SUM_COMPUTING_PROCESS_ID);\r\n/*\r\n... complex computing\r\n*/\r\nPerformanceCheck.end(SUM_COMPUTING_PROCESS_ID);\r\n```\r\n\r\n### Logger application. \r\nLogs end-point with different sources\r\n\r\nGet application.\r\n```javascript\r\nlet Logger = UiDevTool.applications.Logger;\r\n```\r\nInit default (browser) console \r\n```javascript\r\nLogger.setupBrowserConsole();\r\n```\r\nAdd additional sources\r\n```javascript\r\nLogger.addSource((log)=\u003e {\r\n  //log into custom output\r\n});\r\n```\r\nLog to all registered sources\r\n```javascript\r\nLogger.info('Message 1..');\r\nLogger.warn('Message 2..');\r\nLogger.error('Message 2..');\r\n```\r\nGet paired log markers to log connected operations. I.e. server request-response. It helps to analyze paired logs by unique id.\r\n```javascript\r\nvar log = Logger.getPairedLogMarkers();\r\n\r\nLogger.info(`Process start ${log.start}`);\r\n//.. processing..\r\nLogger.info(`Process end ${log.end}`);\r\n```\r\n\r\n### User auth application.\r\nConfigure permissions for usage of different applications. \r\n\r\n### Statistics render application. \r\nRender interactive graphs. I.e. performance check results.  \r\n\r\n##Register your own applications\r\n```javascript\r\n class YourApp extends BasicApplication {\r\n     constructor() { }\r\n }\r\n  \r\n try {\r\n    UiDevTool.registerApplication('YourApp', new YourApp());\r\n } catch (e) {\r\n    //${app.name} already exists. Please use different name.`\r\n }\r\n```\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbogdan-lyashenko%2Fui-dev-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbogdan-lyashenko%2Fui-dev-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbogdan-lyashenko%2Fui-dev-tool/lists"}