{#if error}
diff --git a/js/app/src/lite/index.ts b/js/app/src/lite/index.ts
index cceb1972d7c2..d781689d3c1d 100644
--- a/js/app/src/lite/index.ts
+++ b/js/app/src/lite/index.ts
@@ -8,7 +8,7 @@ import { wasm_proxied_mount_css, mount_prebuilt_css } from "./css";
import type { mount_css } from "../css";
import Index from "../Index.svelte";
import ErrorDisplay from "./ErrorDisplay.svelte";
-import type { ThemeMode } from "../components/types";
+import type { ThemeMode } from "../types";
import { bootstrap_custom_element } from "./custom-element";
// These imports are aliased at built time with Vite. See the `resolve.alias` config in `vite.config.ts`.
diff --git a/js/audio/audio.test.ts b/js/audio/audio.test.ts
index 4363942ab670..6552afabd5d5 100644
--- a/js/audio/audio.test.ts
+++ b/js/audio/audio.test.ts
@@ -3,6 +3,9 @@ import { cleanup, render } from "@gradio/tootils";
import Audio from "./Index.svelte";
import type { LoadingStatus } from "@gradio/statustracker";
import { setupi18n } from "../app/src/i18n";
+import ResizeObserver from 'resize-observer-polyfill'
+
+global.ResizeObserver = ResizeObserver
const loading_status: LoadingStatus = {
eta: 0,
@@ -30,6 +33,6 @@ describe("Audio", () => {
theme_mode: "dark"
});
- assert.exists(getAllByTestId("music-audio"));
+ assert.exists(getAllByTestId("waveform-music"));
});
});
diff --git a/js/audio/package.json b/js/audio/package.json
index e802a8b58de2..80e219b5e4c2 100644
--- a/js/audio/package.json
+++ b/js/audio/package.json
@@ -16,6 +16,7 @@
"@gradio/wasm": "workspace:^",
"extendable-media-recorder": "^9.0.0",
"extendable-media-recorder-wav-encoder": "^7.0.76",
+ "resize-observer-polyfill": "^1.5.1",
"svelte-range-slider-pips": "^2.0.1"
},
"main_changeset": true,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a73cb208c5d9..ddfb5b3fdbf0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
settings:
autoInstallPeers: true
@@ -564,6 +564,9 @@ importers:
extendable-media-recorder-wav-encoder:
specifier: ^7.0.76
version: 7.0.76
+ resize-observer-polyfill:
+ specifier: ^1.5.1
+ version: 1.5.1
svelte-range-slider-pips:
specifier: ^2.0.1
version: 2.0.2
@@ -6646,7 +6649,7 @@ packages:
svelte: 4.2.2
tiny-glob: 0.2.9
undici: 5.26.4
- vite: 4.5.0(@types/node@20.3.2)(less@4.1.3)
+ vite: 4.5.0(@types/node@20.3.1)(less@4.1.3)(lightningcss@1.21.7)(sass@1.66.1)(stylus@0.60.0)(sugarss@4.0.1)
transitivePeerDependencies:
- supports-color
@@ -16098,7 +16101,7 @@ packages:
mlly: 1.4.0
pathe: 1.1.1
picocolors: 1.0.0
- vite: 4.5.0(@types/node@20.3.2)(less@4.1.3)
+ vite: 4.5.0(@types/node@20.3.1)(less@4.1.3)(lightningcss@1.21.7)(sass@1.66.1)(stylus@0.60.0)(sugarss@4.0.1)
transitivePeerDependencies:
- '@types/node'
- less
@@ -16150,42 +16153,6 @@ packages:
optionalDependencies:
fsevents: 2.3.2
- /vite@4.5.0(@types/node@20.3.2)(less@4.1.3):
- resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==}
- engines: {node: ^14.18.0 || >=16.0.0}
- hasBin: true
- peerDependencies:
- '@types/node': '>= 14'
- less: '*'
- lightningcss: ^1.21.0
- sass: '*'
- stylus: '*'
- sugarss: '*'
- terser: ^5.4.0
- peerDependenciesMeta:
- '@types/node':
- optional: true
- less:
- optional: true
- lightningcss:
- optional: true
- sass:
- optional: true
- stylus:
- optional: true
- sugarss:
- optional: true
- terser:
- optional: true
- dependencies:
- '@types/node': 20.3.2
- esbuild: 0.18.20
- less: 4.1.3
- postcss: 8.4.27
- rollup: 3.29.0
- optionalDependencies:
- fsevents: 2.3.2
-
/vitefu@0.2.4(vite@4.5.0):
resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
peerDependencies:
@@ -16250,7 +16217,7 @@ packages:
strip-literal: 1.0.1
tinybench: 2.5.0
tinypool: 0.7.0
- vite: 4.5.0(@types/node@20.3.2)(less@4.1.3)
+ vite: 4.5.0(@types/node@20.3.1)(less@4.1.3)(lightningcss@1.21.7)(sass@1.66.1)(stylus@0.60.0)(sugarss@4.0.1)
vite-node: 0.34.6(@types/node@20.3.2)(less@4.1.3)
why-is-node-running: 2.2.2
transitivePeerDependencies: