waku-org/js-waku-lab
1
0
Fork 0
mirror of https://github.com/waku-org/js-waku-lab.git synced 2025-01-12 10:04:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: build for message monitor (#97)

Browse Source
This commit is contained in:
Danish Arora 2024-10-01 15:22:54 +05:30 committed by GitHub
parent 8b970b259c
commit 53a60e7203
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
examples/message-monitor/package-lock.json generated
View File

@ -24,6 +24,7 @@
"web-vitals": "^2.1.4"
},
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"autoprefixer": "^10.4.20",
"postcss": "^8.4.47",
"tailwindcss": "^3.4.13"
@ -686,10 +687,18 @@
}
},
"node_modules/@babel/plugin-proposal-private-property-in-object": {
"version": "7.21.0-placeholder-for-preset-env.2",
"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
"integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
"version": "7.21.11",
"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
"integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
"deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.18.6",
"@babel/helper-create-class-features-plugin": "^7.21.0",
"@babel/helper-plugin-utils": "^7.20.2",
"@babel/plugin-syntax-private-property-in-object": "^7.14.5"
},
"engines": {
"node": ">=6.9.0"
},
@ -2030,6 +2039,18 @@
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@babel/preset-env/node_modules/@babel/plugin-proposal-private-property-in-object": {
"version": "7.21.0-placeholder-for-preset-env.2",
"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
"integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
"license": "MIT",
"engines": {
"node": ">=6.9.0"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"node_modules/@babel/preset-env/node_modules/semver": {
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",

2
examples/message-monitor/package.json
View File

@ -21,7 +21,6 @@
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
@ -43,6 +42,7 @@
]
},
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"autoprefixer": "^10.4.20",
"postcss": "^8.4.47",
"tailwindcss": "^3.4.13"

4
examples/message-monitor/src/components/MessageList.tsx
View File

@ -50,14 +50,14 @@ const MessageList: React.FC<MessageListProps> = ({ title, messages, showSequence
<div className="flex-1 min-w-0">
<h2 className="text-xl font-semibold mb-4 text-gray-700">{title}</h2>
<div className="bg-gray-50 rounded-lg p-4 h-96 overflow-y-auto border border-gray-200">
{Object.entries(groupedMessages).reverse().map(([sequenceId, sequenceMessages]) => (
{Object.entries(groupedMessages).map(([sequenceId, sequenceMessages]) => (
<div key={sequenceId} className={`mb-4 p-2 rounded-lg ${showSequence ? getSequenceColor(Number(sequenceId)) : ''}`}>
{showSequence && <div className="text-xs font-semibold mb-2">Sequence {sequenceId}</div>}
{sequenceMessages.map((message: Message, index: number) => (
<div key={index} className="text-sm mb-2 font-mono bg-white p-2 rounded shadow-sm">
{shortenMessage(message.content)}
</div>
))}
)).reverse()}
</div>
))}
</div>