Merge pull request #828 from tradingstrategy-ai/823-upgrade-deps

Upgrade dependencies
tradingstrategy-ai · Sep 30, 2024 · 202146c · 202146c
2 parents 6b03393 + 7ca726f
commit 202146c
Show file tree

Hide file tree

Showing 186 changed files with 7,162 additions and 6,632 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,75 +21,75 @@
     "node": "^20.11.0"
   },
   "devDependencies": {
-    "@csstools/postcss-global-data": "^2.1.1",
-    "@playwright/test": "^1.44.0",
-    "@sveltejs/adapter-node": "~5.0.1",
-    "@sveltejs/enhanced-img": "^0.3.0",
-    "@sveltejs/kit": "~2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^3.1.0",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/svelte": "^5.1.0",
+    "@csstools/postcss-global-data": "^3.0.0",
+    "@playwright/test": "^1.47.2",
+    "@sveltejs/adapter-node": "~5.2.5",
+    "@sveltejs/enhanced-img": "^0.3.8",
+    "@sveltejs/kit": "~2.6.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/svelte": "^5.2.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/d3-time": "^3.0.3",
-    "@types/eslint": "^8.56.10",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "eslint": "^8.57.0",
+    "@types/eslint": "^9.6.1",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
+    "eslint": "^9.11.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.38.0",
-    "jsdom": "^24.0.0",
-    "postcss": "^8.4.38",
+    "eslint-plugin-svelte": "^2.44.1",
+    "jsdom": "^25.0.1",
+    "postcss": "^8.4.47",
     "postcss-dark-theme-class": "^1.3.0",
-    "postcss-preset-env": "^9.5.11",
-    "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.3",
-    "svelte": "^4.2.16",
-    "svelte-check": "^3.7.1",
-    "svelte-preprocess": "^5.1.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5",
+    "postcss-preset-env": "^10.0.5",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.7",
+    "svelte": "^4.2.19",
+    "svelte-check": "^4.0.4",
+    "svelte-preprocess": "^6.0.3",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.2",
     "typesense": "^1.8.2",
-    "unplugin-icons": "^0.19.0",
-    "vite": "^5.2.11",
+    "unplugin-icons": "^0.19.3",
+    "vite": "^5.4.8",
     "vite-plugin-simple-json-server": "^0.6.2",
-    "vitest": "^1.6.0",
+    "vitest": "^2.1.1",
     "zod-fixture": "^2.5.2"
   },
   "dependencies": {
-    "@aave/math-utils": "^1.28.1",
-    "@sentry/sveltekit": "^8.17.0",
+    "@aave/math-utils": "^1.30.2",
+    "@sentry/sveltekit": "^8.32.0",
     "@trading-strategy-ai/web-top-node": "^0.1.0-beta.10",
     "@tryghost/content-api": "^1.11.21",
     "@types/d3-array": "^3.2.1",
-    "@wagmi/connectors": "^4.1.25",
-    "@wagmi/core": "^2.6.16",
-    "@web3modal/wagmi": "^4.1.7",
+    "@wagmi/connectors": "^5.1.14",
+    "@wagmi/core": "^2.13.8",
+    "@web3modal/wagmi": "4.1.7",
     "bignumber.js": "^9.1.2",
     "cookie": "^0.6.0",
     "d3-array": "^3.2.4",
     "d3-time": "^3.1.0",
-    "date-fns": "^3.6.0",
-    "dd-trace": "^5.12.0",
+    "date-fns": "^4.1.0",
+    "dd-trace": "^5.22.0",
     "dequal": "^2.0.3",
-    "devalue": "^5.0.0",
-    "express": "^4.19.2",
+    "devalue": "^5.1.1",
+    "express": "^4.21.0",
     "micromark": "^4.0.0",
-    "micromark-extension-gfm-table": "^2.0.0",
+    "micromark-extension-gfm-table": "^2.1.0",
     "node-html-parser": "^6.1.13",
-    "sitemap": "^7.1.1",
+    "sitemap": "^8.0.0",
     "svelte-fsm": "^1.2.0",
     "svelte-headless-table": "^0.18.2",
-    "svelte-highlight": "^7.6.0",
-    "svelte-inview": "^4.0.2",
-    "viem": "^2.9.15",
+    "svelte-highlight": "^7.7.0",
+    "svelte-inview": "^4.0.3",
+    "viem": "^2.21.16",
     "zod": "^3.23.8"
   },
   "optionalDependencies": {
-    "chartiq": "github:tradingstrategy-ai/chartiq-dist#v9.0.0-key2"
+    "chartiq": "github:tradingstrategy-ai/chartiq-dist#v9.4.0"
   },
   "overrides": {
     "vite-plugin-simple-json-server": {
-      "vite": "^5.2.11"
+      "vite": "^5.4.8"
     }
   }
 }
diff --git a/src/lib/breadcrumb/Breadcrumbs.svelte b/src/lib/breadcrumb/Breadcrumbs.svelte
@@ -7,8 +7,9 @@ https://developers.google.com/search/docs/data-types/breadcrumbs
 Test at:
 https://search.google.com/structured-data/testing-tool
 
-#### Usage 
-```tsx
+@example
+
+```svelte
 	<Breadcrumbs labels={{ 'url-path-segment': 'Human Readable Name' }} />
 ```
 -->
@@ -70,7 +71,7 @@ https://search.google.com/structured-data/testing-tool
 	</ol>
 </Section>
 
-<style lang="postcss">
+<style>
 	ol {
 		list-style-type: none;
 		padding: var(--space-sl) 0;

diff --git a/src/lib/chart/ChartContainer.svelte b/src/lib/chart/ChartContainer.svelte
@@ -2,8 +2,9 @@
 @component
 Display a chart container with title, description and timespan selector.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 <ChartContainer title="Performance" let:timeSpan>
 	<p slot="subtitle">
 		Chart description…
@@ -64,7 +65,7 @@ Display a chart container with title, description and timespan selector.
 	<slot name="footer" />
 </div>
 
-<style lang="postcss">
+<style>
 	[data-css-props] {
 		--chart-container-padding: 1.5rem;
 

diff --git a/src/lib/chart/ChartIQ.svelte b/src/lib/chart/ChartIQ.svelte
@@ -2,8 +2,9 @@
 @component
 Dynamically ChartIQ modules (if available) and render chart element.
 
-#### Usage
-```tsx
+@example
+
+```svelte
   <ChartIQ
     options={{ controls: { chartControls: null } }}
     init={ (chartEngine) => { chartEngine.doStuff() } }
@@ -244,7 +245,7 @@ Dynamically ChartIQ modules (if available) and render chart element.
 	{/await}
 </div>
 
-<style lang="postcss">
+<style>
 	[data-css-props] {
 		--chart-aspect-ratio: 16/9;
 

diff --git a/src/lib/chart/HudMetric.svelte b/src/lib/chart/HudMetric.svelte
@@ -4,8 +4,9 @@ Use in conjunction with HudRow to display chart HUD (heads-up-display) data.
 - `direction` determines up/down color
 - include `value` prop or default slot when custom formatting is required
 
-#### Usage:
-```tsx
+@example
+
+```svelte
   <HudMetric label="Value" value={someValue} direction={1 | 0 | -1} />
 ```
 -->
@@ -26,7 +27,7 @@ Use in conjunction with HudRow to display chart HUD (heads-up-display) data.
 	</dd>
 </div>
 
-<style lang="postcss">
+<style>
 	.hud-metric {
 		display: flex;
 		gap: var(--space-xxs);

diff --git a/src/lib/chart/HudRow.svelte b/src/lib/chart/HudRow.svelte
@@ -2,8 +2,9 @@
 @component
 Use in conjunction with HudMetric to display chart HUD (heads-up-display) data.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
   <HudRow>
     <HudMetric ... />
   </HudRow>
@@ -17,7 +18,7 @@ Use in conjunction with HudMetric to display chart HUD (heads-up-display) data.
 	<slot />
 </dl>
 
-<style lang="postcss">
+<style>
 	.hud-row {
 		display: flex;
 		flex-wrap: wrap;

diff --git a/src/lib/chart/Marker.svelte b/src/lib/chart/Marker.svelte
@@ -10,7 +10,7 @@
 	{/if}
 </svg>
 
-<style lang="postcss">
+<style>
 	.chart-marker {
 		position: absolute;
 		left: 0;

diff --git a/src/lib/chart/PairCandleChart.svelte b/src/lib/chart/PairCandleChart.svelte
@@ -2,8 +2,9 @@
 @component
 Display trading pair candles (ohlc+v) charts, with attached quoteFeed for chart data.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<PairCandleChart
 		feed={quoteFeed(…)}
 		pairId={12345}
@@ -129,7 +130,7 @@ Display trading pair candles (ohlc+v) charts, with attached quoteFeed for chart
 	{/if}
 </ChartIQ>
 
-<style lang="postcss">
+<style>
 	.pair-candle-chart-hud {
 		background: var(--c-box-3);
 		display: inline-grid;

diff --git a/src/lib/chart/PerformanceChart.svelte b/src/lib/chart/PerformanceChart.svelte
@@ -2,8 +2,9 @@
 @component
 Display a peformance line chart for a given (static) dataset.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<PerformanceChart
 		loading={true|false}
 		data={chartData}
@@ -142,7 +143,7 @@ Display a peformance line chart for a given (static) dataset.
 	</ChartIQ>
 </div>
 
-<style lang="postcss">
+<style>
 	.performance-chart {
 		:global([data-css-props]) {
 			--chart-aspect-ratio: 2;

diff --git a/src/lib/chart/ReserveInterestChart.svelte b/src/lib/chart/ReserveInterestChart.svelte
@@ -110,7 +110,7 @@
 	{/if}
 </ChartIQ>
 
-<style lang="postcss">
+<style>
 	.reserve-interest-rate-hud {
 		display: inline-grid;
 		grid-template-columns: 1fr 1fr;

diff --git a/src/lib/components/Alert.svelte b/src/lib/components/Alert.svelte
@@ -3,8 +3,9 @@
 Convenience wrapper around `AlertList` and `AlertItem` for the common scenario
 of a single alert item.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<Alert size="md" status="warning" title="Warning">
 		Warning message copy.
 		<Button slot="cta" ... />
@@ -32,7 +33,7 @@ of a single alert item.
 	</AlertList>
 </div>
 
-<style lang="postcss">
+<style>
 	.alert {
 		display: contents;
 

diff --git a/src/lib/components/AlertItem.svelte b/src/lib/components/AlertItem.svelte
@@ -2,8 +2,9 @@
 @component
 Display a single alert item (should always be nested within AlertList).
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<AlertItem title="Optional title" displayWhen={optionalCondition}>
 		Warning message – e.g., data on this page may be incomplete!
 	</AlertItem>
@@ -35,7 +36,7 @@ Display a single alert item (should always be nested within AlertList).
 	</li>
 {/if}
 
-<style lang="postcss">
+<style>
 	.alert-item {
 		container-type: inline-size;
 		display: grid;

diff --git a/src/lib/components/AlertList.svelte b/src/lib/components/AlertList.svelte
@@ -4,8 +4,9 @@ Display an alert callout box. This should only include `AlertItem` components
 as children. If you only need to display a single `AlertItem`, try the `Alert`
 component instead.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<AlertList status="warning" let:AlertItem>
 		<AlertItem title="Optional title">
 			Warning message – e.g., data on this page may be incomplete!
@@ -22,7 +23,7 @@ component instead.
 
 <ul class="alert-list {size} {status}"><slot {AlertItem} /></ul>
 
-<style lang="postcss">
+<style>
 	.alert-list {
 		display: grid;
 		width: 100%;

diff --git a/src/lib/components/Banner.svelte b/src/lib/components/Banner.svelte
@@ -21,7 +21,7 @@
 	</Section>
 </div>
 
-<style lang="postcss">
+<style>
 	.banner {
 		display: contents;
 		--section-background: var(--c-background-accent-1);

diff --git a/src/lib/components/BlogRoll.svelte b/src/lib/components/BlogRoll.svelte
@@ -2,8 +2,9 @@
 @component
 Display a collection of blog posts is a responsive grid layout.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<BlogRoll posts={arrayOfPosts} />
 ```
 -->
@@ -30,7 +31,7 @@ Display a collection of blog posts is a responsive grid layout.
 	{/each}
 </div>
 
-<style lang="postcss">
+<style>
 	.blog-roll {
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(21.25rem, 1fr));

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
@@ -5,8 +5,9 @@ depending on supplied props. Button label may be included as a prop or the
 default slot (or ommitted for icon-only buttons). Supports four style variants
 using flags: primary (default), secondary, ternary, quarternary.
 
-#### Usage:
-```tsx
+@example
+
+```svelte
 	<Button
 		label="Click here!"
 		secondary
@@ -65,7 +66,7 @@ using flags: primary (default), secondary, ternary, quarternary.
 	<slot name="icon" />
 </svelte:element>
 
-<style lang="postcss">
+<style>
 	[data-css-props] {
 		--icon-size: 1.25em;
 		--button-border-radius: var(--radius-md);