chore(deps-dev): bump the dev-dependencies group across 1 directory w…

…ith 15 updates (#989) * chore(deps-dev): bump the dev-dependencies group across 1 directory with 15 updates Bumps the dev-dependencies group with 15 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@biomejs/biome](https://github.com/biomejs/biome/tree/HEAD/packages/@biomejs/biome) | `1.7.0` | `1.8.3` | | [cypress](https://github.com/cypress-io/cypress) | `13.7.3` | `13.13.0` | | [esbuild](https://github.com/evanw/esbuild) | `0.20.2` | `0.23.0` | | [semver](https://github.com/npm/node-semver) | `7.6.0` | `7.6.2` | | [stylelint](https://github.com/stylelint/stylelint) | `16.3.1` | `16.6.1` | | [tsx](https://github.com/privatenumber/tsx) | `4.7.2` | `4.16.2` | | [typescript](https://github.com/Microsoft/TypeScript) | `5.4.5` | `5.5.3` | | [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react) | `4.2.1` | `4.3.1` | | [react](https://github.com/facebook/react/tree/HEAD/packages/react) | `18.2.0` | `18.3.1` | | [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) | `18.2.79` | `18.3.3` | | [react-dom](https://github.com/facebook/react/tree/HEAD/packages/react-dom) | `18.2.0` | `18.3.1` | | [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom) | `18.2.25` | `18.3.0` | | [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) | `5.2.8` | `5.3.3` | | [react-is](https://github.com/facebook/react/tree/HEAD/packages/react-is) | `18.2.0` | `18.3.1` | | [jsdom](https://github.com/jsdom/jsdom) | `24.0.0` | `24.1.0` | Updates `@biomejs/biome` from 1.7.0 to 1.8.3 - [Release notes](https://github.com/biomejs/biome/releases) - [Changelog](https://github.com/biomejs/biome/blob/main/CHANGELOG.md) - [Commits](https://github.com/biomejs/biome/commits/cli/v1.8.3/packages/@biomejs/biome) Updates `cypress` from 13.7.3 to 13.13.0 - [Release notes](https://github.com/cypress-io/cypress/releases) - [Changelog](https://github.com/cypress-io/cypress/blob/develop/CHANGELOG.md) - [Commits](cypress-io/cypress@v13.7.3...v13.13.0) Updates `esbuild` from 0.20.2 to 0.23.0 - [Release notes](https://github.com/evanw/esbuild/releases) - [Changelog](https://github.com/evanw/esbuild/blob/main/CHANGELOG.md) - [Commits](evanw/esbuild@v0.20.2...v0.23.0) Updates `semver` from 7.6.0 to 7.6.2 - [Release notes](https://github.com/npm/node-semver/releases) - [Changelog](https://github.com/npm/node-semver/blob/main/CHANGELOG.md) - [Commits](npm/node-semver@v7.6.0...v7.6.2) Updates `stylelint` from 16.3.1 to 16.6.1 - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](stylelint/stylelint@16.3.1...16.6.1) Updates `tsx` from 4.7.2 to 4.16.2 - [Release notes](https://github.com/privatenumber/tsx/releases) - [Changelog](https://github.com/privatenumber/tsx/blob/master/release.config.cjs) - [Commits](privatenumber/tsx@v4.7.2...v4.16.2) Updates `typescript` from 5.4.5 to 5.5.3 - [Release notes](https://github.com/Microsoft/TypeScript/releases) - [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release.yml) - [Commits](microsoft/TypeScript@v5.4.5...v5.5.3) Updates `@vitejs/plugin-react` from 4.2.1 to 4.3.1 - [Release notes](https://github.com/vitejs/vite-plugin-react/releases) - [Changelog](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite-plugin-react/commits/v4.3.1/packages/plugin-react) Updates `react` from 18.2.0 to 18.3.1 - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v18.3.1/packages/react) Updates `@types/react` from 18.2.79 to 18.3.3 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react) Updates `react-dom` from 18.2.0 to 18.3.1 - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v18.3.1/packages/react-dom) Updates `@types/react-dom` from 18.2.25 to 18.3.0 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-dom) Updates `vite` from 5.2.8 to 5.3.3 - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v5.3.3/packages/vite) Updates `react-is` from 18.2.0 to 18.3.1 - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v18.3.1/packages/react-is) Updates `jsdom` from 24.0.0 to 24.1.0 - [Release notes](https://github.com/jsdom/jsdom/releases) - [Changelog](https://github.com/jsdom/jsdom/blob/main/Changelog.md) - [Commits](jsdom/jsdom@24.0.0...24.1.0) --- updated-dependencies: - dependency-name: "@biomejs/biome" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: cypress dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: esbuild dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: semver dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dev-dependencies - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: tsx dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: typescript dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: "@vitejs/plugin-react" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: react dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: "@types/react" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: react-dom dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: "@types/react-dom" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: vite dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: react-is dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies - dependency-name: jsdom dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-dependencies ... Signed-off-by: dependabot[bot] <[email protected]> * fix: adjust settings and ignore rules to new biome version --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Steven Vancoillie <[email protected]>
AxisCommunications · Jul 12, 2024 · 76017bb · 76017bb
1 parent 49eaa51
commit 76017bb
Show file tree

Hide file tree

Showing 10 changed files with 891 additions and 648 deletions.
diff --git a/biome.json b/biome.json
@@ -47,7 +47,7 @@
       "jsxQuoteStyle": "double",
       "quoteStyle": "single",
       "semicolons": "asNeeded",
-      "trailingComma": "es5"
+      "trailingCommas": "es5"
     }
   }
 }
diff --git a/example-overlay-react/package.json b/example-overlay-react/package.json
@@ -1,15 +1,15 @@
 {
   "private": true,
   "devDependencies": {
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@types/styled-components": "5.1.34",
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.3.1",
     "media-overlay-library": "workspace:^",
     "pepjs": "0.5.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "5.3.11",
-    "vite": "5.2.8"
+    "vite": "5.3.3"
   }
 }
diff --git a/example-player-react/package.json b/example-player-react/package.json
@@ -1,13 +1,13 @@
 {
   "private": true,
   "devDependencies": {
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.3.1",
     "luxon": "3.4.4",
     "media-stream-library": "workspace:^",
     "media-stream-player": "workspace:^",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "5.3.11",
-    "vite": "5.2.8"
+    "vite": "5.3.3"
   }
 }
diff --git a/overlay/package.json b/overlay/package.json
@@ -36,16 +36,16 @@
   },
   "devDependencies": {
     "@juggle/resize-observer": "3.4.0",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@types/styled-components": "5.1.34",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "pepjs": "0.5.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-is": "18.2.0",
-    "semver": "7.6.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-is": "18.3.1",
+    "semver": "7.6.2",
     "styled-components": "5.3.11",
-    "typescript": "5.4.5"
+    "typescript": "5.5.3"
   }
 }
diff --git a/package.json b/package.json
@@ -19,19 +19,19 @@
     "tools"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^1.7.0",
+    "@biomejs/biome": "^1.8.3",
     "c8": "9.1.0",
     "cmd-ts": "0.13.0",
-    "cypress": "13.7.3",
+    "cypress": "13.13.0",
     "dpdm": "3.14.0",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "http-server": "14.1.1",
     "license-checker": "25.0.1",
     "media-stream-library": "workspace:^",
-    "semver": "7.6.0",
-    "stylelint": "16.3.1",
-    "tsx": "4.7.2",
-    "typescript": "5.4.5",
+    "semver": "7.6.2",
+    "stylelint": "16.6.1",
+    "tsx": "4.16.2",
+    "typescript": "5.5.3",
     "yargs": "17.7.2"
   },
   "packageManager": "[email protected]"

diff --git a/player/package.json b/player/package.json
@@ -48,20 +48,20 @@
   "devDependencies": {
     "@types/debug": "4.1.12",
     "@types/luxon": "3.4.2",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@types/styled-components": "5.1.34",
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.3.1",
     "chalk": "5.3.0",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "luxon": "3.4.4",
     "media-stream-library": "workspace:^",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-is": "18.2.0",
-    "semver": "7.6.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-is": "18.3.1",
+    "semver": "7.6.2",
     "styled-components": "5.3.11",
-    "typescript": "5.4.5",
-    "vite": "5.2.8"
+    "typescript": "5.5.3",
+    "vite": "5.3.3"
   }
 }
diff --git a/player/src/Stats.tsx b/player/src/Stats.tsx
@@ -128,107 +128,106 @@ interface Stat {
   readonly unit?: string
 }
 
-const StatsData: React.FC<Omit<StatsProps, 'expanded' | 'onToggleExpanded'>> =
-  ({ format, videoProperties, refresh, volume }) => {
-    const [stats, setStats] = useState<Array<Stat>>([])
+const StatsData: React.FC<
+  Omit<StatsProps, 'expanded' | 'onToggleExpanded'>
+> = ({ format, videoProperties, refresh, volume }) => {
+  const [stats, setStats] = useState<Array<Stat>>([])
 
-    // Updates stat values
-    const updateValues = useCallback(() => {
-      let streamType = 'Unknown'
-      if (format === Format.JPEG) {
-        streamType = 'Still image'
-      } else if (format === Format.MJPEG) {
-        streamType = 'MJPEG'
-      } else if (format === Format.RTP_H264) {
-        streamType = 'RTSP (WebSocket)'
-      } else if (format === Format.RTP_JPEG) {
-        streamType = 'MJPEG'
-      } else if (format === Format.MP4_H264) {
-        streamType = 'MP4 (HTTP)'
-      }
-      const { width, height, pipeline } = videoProperties
-      let statsData: Array<Stat> = [
-        {
-          name: 'Stream type',
-          value: streamType,
-        },
-        {
-          name: 'Resolution',
-          value: `${width}x${height}`,
-        },
-        {
-          name: 'Refreshed',
-          value: refresh,
-          unit: refresh > 1 ? 'times' : 'time',
-        },
-      ]
-      if (isHtml5VideoPipeline(pipeline)) {
-        const tracks = pipeline.tracks?.map((track, index) =>
-          Object.assign({ index }, track)
+  // Updates stat values
+  const updateValues = useCallback(() => {
+    let streamType = 'Unknown'
+    if (format === Format.JPEG) {
+      streamType = 'Still image'
+    } else if (format === Format.MJPEG) {
+      streamType = 'MJPEG'
+    } else if (format === Format.RTP_H264) {
+      streamType = 'RTSP (WebSocket)'
+    } else if (format === Format.RTP_JPEG) {
+      streamType = 'MJPEG'
+    } else if (format === Format.MP4_H264) {
+      streamType = 'MP4 (HTTP)'
+    }
+    const { width, height, pipeline } = videoProperties
+    let statsData: Array<Stat> = [
+      {
+        name: 'Stream type',
+        value: streamType,
+      },
+      {
+        name: 'Resolution',
+        value: `${width}x${height}`,
+      },
+      {
+        name: 'Refreshed',
+        value: refresh,
+        unit: refresh > 1 ? 'times' : 'time',
+      },
+    ]
+    if (isHtml5VideoPipeline(pipeline)) {
+      const tracks = pipeline.tracks?.map((track, index) =>
+        Object.assign({ index }, track)
+      )
+      const videoTrack = tracks?.find((track) => track.type === 'video')
+      if (videoTrack !== undefined) {
+        const { coding, profile, level } = videoTrack.codec
+        const framerate = Number(
+          pipeline.framerate[videoTrack.index].toFixed(2)
         )
-        const videoTrack = tracks?.find((track) => track.type === 'video')
-        if (videoTrack !== undefined) {
-          const { coding, profile, level } = videoTrack.codec
-          const framerate = Number(
-            pipeline.framerate[videoTrack.index].toFixed(2)
-          )
-          const bitrate = Math.round(pipeline.bitrate[videoTrack.index] / 1000)
+        const bitrate = Math.round(pipeline.bitrate[videoTrack.index] / 1000)
 
-          statsData = statsData.concat([
-            {
-              name: 'Encoding',
-              value: `${coding} ${profile} (${level})`,
-            },
-            {
-              name: 'Frame rate',
-              value: framerate,
-              unit: 'fps',
-            },
-            {
-              name: 'Bitrate',
-              value: bitrate,
-              unit: 'kbit/s',
-            },
-          ])
-        }
+        statsData = statsData.concat([
+          {
+            name: 'Encoding',
+            value: `${coding} ${profile} (${level})`,
+          },
+          {
+            name: 'Frame rate',
+            value: framerate,
+            unit: 'fps',
+          },
+          {
+            name: 'Bitrate',
+            value: bitrate,
+            unit: 'kbit/s',
+          },
+        ])
       }
+    }
 
-      if (volume !== undefined) {
-        statsData.push({
-          name: 'Volume',
-          value: Math.floor(volume * 100),
-          unit: '%',
-        })
-      }
+    if (volume !== undefined) {
+      statsData.push({
+        name: 'Volume',
+        value: Math.floor(volume * 100),
+        unit: '%',
+      })
+    }
 
-      setStats(statsData)
-    }, [format, refresh, videoProperties, volume])
+    setStats(statsData)
+  }, [format, refresh, videoProperties, volume])
 
-    useEffect(() => {
-      updateValues()
-    }, [updateValues])
+  useEffect(() => {
+    updateValues()
+  }, [updateValues])
 
-    useInterval(updateValues, 1000)
+  useInterval(updateValues, 1000)
 
-    return (
-      <Data>
-        {stats.length > 0
-          ? stats.map((stat) => {
-              return (
-                <StatItem key={stat.name}>
-                  <StatName>{stat.name}</StatName>
-                  <StatValue>
-                    {`${stat.value} ${
-                      stat.unit !== undefined ? stat.unit : ''
-                    }`}
-                  </StatValue>
-                </StatItem>
-              )
-            })
-          : null}
-      </Data>
-    )
-  }
+  return (
+    <Data>
+      {stats.length > 0
+        ? stats.map((stat) => {
+            return (
+              <StatItem key={stat.name}>
+                <StatName>{stat.name}</StatName>
+                <StatValue>
+                  {`${stat.value} ${stat.unit !== undefined ? stat.unit : ''}`}
+                </StatValue>
+              </StatItem>
+            )
+          })
+        : null}
+    </Data>
+  )
+}
 
 export const Stats: React.FC<StatsProps> = ({
   format,

diff --git a/streams/package.json b/streams/package.json
@@ -60,14 +60,14 @@
     "@types/node": "20.12.5",
     "@types/ws": "8.5.10",
     "buffer": "6.0.3",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "events": "3.3.0",
     "global-jsdom": "9.2.0",
-    "jsdom": "24.0.0",
+    "jsdom": "24.1.0",
     "mock-socket": "9.3.1",
-    "semver": "7.6.0",
+    "semver": "7.6.2",
     "stream-browserify": "3.0.0",
-    "typescript": "5.4.5",
+    "typescript": "5.5.3",
     "uvu": "0.5.6"
   }
 }
diff --git a/streams/tests/validate-component.ts b/streams/tests/validate-component.ts
@@ -8,7 +8,6 @@ import * as assert from 'uvu/assert'
  * @param  name - A name for the component.
  */
 
-// biome-ignore lint/suspicious/noExportsInTest: this file isn't included in tests
 export const runComponentTests = (component: any, name = '', test: Test) => {
   test(`${name} should have incoming/outgoing stream`, () => {
     assert.is.not(component.incoming, undefined)