@xyo-network/react-price-forecast-plugin 9.0.5 → 9.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/browser/index.mjs.map +2 -2
- package/package.json +54 -66
package/README.md
CHANGED
|
@@ -8,6 +8,6 @@ Part of [@xyo-network/sdk-xyo-react](https://www.npmjs.com/package/@xyo-network/
|
|
|
8
8
|
|
|
9
9
|
## Credits
|
|
10
10
|
|
|
11
|
-
[Made with 🔥 and ❄️ by XYO](https://xyo.network)
|
|
11
|
+
[Made with 🔥 and ❄️ by XYO Foundation](https://xyo.network)
|
|
12
12
|
|
|
13
|
-
[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png
|
|
13
|
+
[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/DetailsBox.tsx", "../../src/lib/ForecastLineChartConfigBuilder.ts", "../../src/lib/DataLineStyles.ts", "../../src/lib/DataPointStyles.ts", "../../src/lib/MockSourcePayloads.ts", "../../src/lib/SourcePayloads.ts", "../../src/Plugin.ts"],
|
|
4
|
-
"sourcesContent": ["import 'chartjs-adapter-luxon'\n\nimport { useTheme } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport type {\n ChartData,\n ChartOptions,\n} from 'chart.js'\nimport {\n CategoryScale,\n Chart as ChartJS,\n Legend,\n LinearScale,\n LineElement,\n PointElement,\n TimeScale,\n Title,\n Tooltip,\n} from 'chart.js'\nimport React, { useState } from 'react'\nimport { Line } from 'react-chartjs-2'\n\nimport { ForecastLineChartConfigBuilder } from '../lib/index.ts'\n\nChartJS.register(CategoryScale, TimeScale, PointElement, LineElement, LinearScale, Title, Tooltip, Legend)\n\nexport interface PriceForecastDetailsBoxProps extends FlexBoxProps {\n payload?: Payload\n}\n\nexport const PriceForecastDetailsBox: React.FC<PriceForecastDetailsBoxProps> = ({ payload, ...props }) => {\n const priceForecastPayload = payload as ForecastPayload | undefined\n const theme = useTheme()\n const [data, setData] = useState<ChartData<'line'>>({ datasets: [] })\n const [options, setOptions] = useState<ChartOptions<'line'>>({})\n\n useAsyncEffect(\n\n async (mounted) => {\n const { data, options } = await ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, { fetch: true })\n if (mounted()) {\n setData(data)\n setOptions(options)\n }\n },\n [priceForecastPayload, theme],\n )\n\n return (\n <FlexCol\n {...props}\n busy={priceForecastPayload === undefined}\n sx={[{ minHeight: '25vh' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {priceForecastPayload\n ? <Line options={options} data={data} />\n : null}\n </FlexCol>\n )\n}\n", "import type { Theme } from '@mui/material'\nimport { useIsDark } from '@xylabs/react-theme'\nimport type { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport type {\n ChartData, ChartDataset, ChartOptions, LegendOptions, Point, ScaleChartOptions,\n} from 'chart.js'\n\nimport { DataLineStyles } from './DataLineStyles.ts'\nimport { DataPointStyles } from './DataPointStyles.ts'\nimport { SourcePayloads } from './SourcePayloads.ts'\n\ninterface SourcePayloadConfig {\n fetch: boolean\n sampleSize?: number\n}\n\ninterface ThemeColors {\n dataSetColorPrimary: string\n dataSetColorSecondary: string\n gridColor: string\n}\n\nconst defaultOptions: () => ChartOptions<'line'> = () => ({\n plugins: { legend: { position: 'top' as const } },\n responsive: true,\n})\n\nexport class ForecastLineChartConfigBuilder {\n data: ChartData<'line'> = { datasets: [] }\n\n options: ChartOptions<'line'> = defaultOptions()\n themeColors: ThemeColors | undefined\n\n private payload?: ForecastPayload\n\n constructor(\n theme: Theme,\n payload?: ForecastPayload,\n ) {\n this.payload = payload\n this.themeColors = this.parseTheme(theme)\n }\n\n get forecastPayload() {\n if (this.payload) {\n return this.payload\n } else {\n throw new Error('ForecastPayload was not defined')\n }\n }\n\n static async create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig) {\n const instance = new ForecastLineChartConfigBuilder(theme, payload)\n\n await instance.build(sourcePayloadConfig?.fetch)\n\n instance.refreshValues()\n\n return instance\n }\n\n async build(includeSources?: boolean) {\n this.buildOptions()\n await this.buildData(includeSources)\n return this\n }\n\n async buildData(includeSources?: boolean) {\n const forecastData = this.generateDataSetForecastData()\n\n const datasets: ChartDataset<'line'>[] = [forecastData]\n\n if (includeSources) {\n // build data from sources in forecastPayload\n const sourceData = await this.generateDataSetSourcePayloads()\n datasets.unshift(sourceData)\n\n // add last source point as first item in prediction to connect the lines\n const lastSourceDataItem = sourceData.data.at(-1) as Point\n forecastData.data.unshift(lastSourceDataItem)\n }\n\n this.data = { datasets }\n\n return this\n }\n\n buildOptions() {\n if (this.options.plugins) {\n this.options.plugins.title = this.generateTitle()\n this.options.plugins.legend = this.generateLegend()\n }\n this.options.scales = this.generateScales()\n\n return this\n }\n\n refreshValues() {\n this.data = { ...this.data }\n this.options = { ...this.options }\n }\n\n protected generateLegend() {\n return {\n labels: {\n pointStyle: 'circle',\n usePointStyle: true,\n },\n } as LegendOptions<'line'>\n }\n\n protected generateScales() {\n return {\n x: {\n grid: { color: this.themeColors?.gridColor },\n time: { unit: 'minute' },\n type: 'time',\n },\n y: { grid: { color: this.themeColors?.gridColor } },\n } as unknown as ScaleChartOptions<'line'>['scales']\n }\n\n protected generateTitle() {\n return {\n display: true,\n text: `Gas Price Forecaster (GWEI over time from ${\n this.forecastPayload?.values[0].timestamp ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ''\n })`,\n }\n }\n\n protected parseTheme(theme: Theme) {\n // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks\n const dark = useIsDark()\n return {\n dataSetColorPrimary: theme.vars.palette.primary.light,\n dataSetColorSecondary: theme.vars.palette.secondary.light,\n gridColor: dark ? theme.vars.palette.grey[800] : theme.vars.palette.grey[300],\n }\n }\n\n private generateDataSetForecastData(): ChartDataset<'line'> {\n return {\n borderDash: [5],\n borderDashOffset: 0.5,\n data: this.forecastPayload.values.map(price => ({ x: price.timestamp ?? 0, y: price.value })),\n label: 'Forecast Price',\n ...DataPointStyles(this.themeColors?.dataSetColorPrimary),\n ...DataLineStyles(this.themeColors?.dataSetColorPrimary),\n }\n }\n\n private async generateDataSetSourcePayloads(): Promise<ChartDataset<'line'>> {\n const { sourcePrices } = await SourcePayloads.build('feePerGas.medium')\n return {\n data: sourcePrices,\n label: 'Source Prices',\n ...DataLineStyles(this.themeColors?.dataSetColorSecondary),\n ...DataPointStyles(this.themeColors?.dataSetColorSecondary),\n }\n }\n}\n", "import { alphaCss } from '@xylabs/react-theme'\n\nexport const DataLineStyles = (color?: string) => ({\n backgroundColor: color ? alphaCss(color, 0.5) : undefined,\n borderColor: color,\n})\n", "export const DataPointStyles = (pointHoverBackgroundColor?: string) => ({\n pointHitRadius: 20,\n pointHoverBackgroundColor,\n pointHoverRadius: 10,\n pointRadius: 5,\n pointStyle: 'circle',\n})\n", "import { asSchema } from '@xyo-network/sdk-js'\n\nexport const MockSourcePayloads = () => {\n const tenMin = 600_000\n return [\n {\n baseFee: 38.
|
|
5
|
-
"mappings": ";AAAA,OAAO;AAEP,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAOxB;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,gBAAgB;AAChC,SAAS,YAAY;;;ACvBrB,SAAS,iBAAiB;;;ACD1B,SAAS,gBAAgB;AAElB,IAAM,iBAAiB,CAAC,WAAoB;AAAA,EACjD,iBAAiB,QAAQ,SAAS,OAAO,GAAG,IAAI;AAAA,EAChD,aAAa;AACf;;;ACLO,IAAM,kBAAkB,CAAC,+BAAwC;AAAA,EACtE,gBAAgB;AAAA,EAChB;AAAA,EACA,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AACd;;;ACNA,SAAS,gBAAgB;AAElB,IAAM,qBAAqB,MAAM;AACtC,QAAM,SAAS;AACf,SAAO;AAAA,IACL;AAAA,MACE,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,
|
|
4
|
+
"sourcesContent": ["import 'chartjs-adapter-luxon'\n\nimport { useTheme } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport type { Payload } from '@xyo-network/sdk-js'\nimport type {\n ChartData,\n ChartOptions,\n} from 'chart.js'\nimport {\n CategoryScale,\n Chart as ChartJS,\n Legend,\n LinearScale,\n LineElement,\n PointElement,\n TimeScale,\n Title,\n Tooltip,\n} from 'chart.js'\nimport React, { useState } from 'react'\nimport { Line } from 'react-chartjs-2'\n\nimport { ForecastLineChartConfigBuilder } from '../lib/index.ts'\n\nChartJS.register(CategoryScale, TimeScale, PointElement, LineElement, LinearScale, Title, Tooltip, Legend)\n\nexport interface PriceForecastDetailsBoxProps extends FlexBoxProps {\n payload?: Payload\n}\n\nexport const PriceForecastDetailsBox: React.FC<PriceForecastDetailsBoxProps> = ({ payload, ...props }) => {\n const priceForecastPayload = payload as ForecastPayload | undefined\n const theme = useTheme()\n const [data, setData] = useState<ChartData<'line'>>({ datasets: [] })\n const [options, setOptions] = useState<ChartOptions<'line'>>({})\n\n useAsyncEffect(\n\n async (mounted) => {\n const { data, options } = await ForecastLineChartConfigBuilder.create(theme, priceForecastPayload, { fetch: true })\n if (mounted()) {\n setData(data)\n setOptions(options)\n }\n },\n [priceForecastPayload, theme],\n )\n\n return (\n <FlexCol\n {...props}\n busy={priceForecastPayload === undefined}\n sx={[{ minHeight: '25vh' }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n >\n {priceForecastPayload\n ? <Line options={options} data={data} />\n : null}\n </FlexCol>\n )\n}\n", "import type { Theme } from '@mui/material'\nimport { useIsDark } from '@xylabs/react-theme'\nimport type { ForecastPayload } from '@xyo-network/diviner-forecasting-model'\nimport type {\n ChartData, ChartDataset, ChartOptions, LegendOptions, Point, ScaleChartOptions,\n} from 'chart.js'\n\nimport { DataLineStyles } from './DataLineStyles.ts'\nimport { DataPointStyles } from './DataPointStyles.ts'\nimport { SourcePayloads } from './SourcePayloads.ts'\n\ninterface SourcePayloadConfig {\n fetch: boolean\n sampleSize?: number\n}\n\ninterface ThemeColors {\n dataSetColorPrimary: string\n dataSetColorSecondary: string\n gridColor: string\n}\n\nconst defaultOptions: () => ChartOptions<'line'> = () => ({\n plugins: { legend: { position: 'top' as const } },\n responsive: true,\n})\n\nexport class ForecastLineChartConfigBuilder {\n data: ChartData<'line'> = { datasets: [] }\n\n options: ChartOptions<'line'> = defaultOptions()\n themeColors: ThemeColors | undefined\n\n private payload?: ForecastPayload\n\n constructor(\n theme: Theme,\n payload?: ForecastPayload,\n ) {\n this.payload = payload\n this.themeColors = this.parseTheme(theme)\n }\n\n get forecastPayload() {\n if (this.payload) {\n return this.payload\n } else {\n throw new Error('ForecastPayload was not defined')\n }\n }\n\n static async create(theme: Theme, payload?: ForecastPayload, sourcePayloadConfig?: SourcePayloadConfig) {\n const instance = new ForecastLineChartConfigBuilder(theme, payload)\n\n await instance.build(sourcePayloadConfig?.fetch)\n\n instance.refreshValues()\n\n return instance\n }\n\n async build(includeSources?: boolean) {\n this.buildOptions()\n await this.buildData(includeSources)\n return this\n }\n\n async buildData(includeSources?: boolean) {\n const forecastData = this.generateDataSetForecastData()\n\n const datasets: ChartDataset<'line'>[] = [forecastData]\n\n if (includeSources) {\n // build data from sources in forecastPayload\n const sourceData = await this.generateDataSetSourcePayloads()\n datasets.unshift(sourceData)\n\n // add last source point as first item in prediction to connect the lines\n const lastSourceDataItem = sourceData.data.at(-1) as Point\n forecastData.data.unshift(lastSourceDataItem)\n }\n\n this.data = { datasets }\n\n return this\n }\n\n buildOptions() {\n if (this.options.plugins) {\n this.options.plugins.title = this.generateTitle()\n this.options.plugins.legend = this.generateLegend()\n }\n this.options.scales = this.generateScales()\n\n return this\n }\n\n refreshValues() {\n this.data = { ...this.data }\n this.options = { ...this.options }\n }\n\n protected generateLegend() {\n return {\n labels: {\n pointStyle: 'circle',\n usePointStyle: true,\n },\n } as LegendOptions<'line'>\n }\n\n protected generateScales() {\n return {\n x: {\n grid: { color: this.themeColors?.gridColor },\n time: { unit: 'minute' },\n type: 'time',\n },\n y: { grid: { color: this.themeColors?.gridColor } },\n } as unknown as ScaleChartOptions<'line'>['scales']\n }\n\n protected generateTitle() {\n return {\n display: true,\n text: `Gas Price Forecaster (GWEI over time from ${\n this.forecastPayload?.values[0].timestamp ? new Date(this.forecastPayload.values[0].timestamp).toLocaleDateString() : ''\n })`,\n }\n }\n\n protected parseTheme(theme: Theme) {\n // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks\n const dark = useIsDark()\n return {\n dataSetColorPrimary: theme.vars.palette.primary.light,\n dataSetColorSecondary: theme.vars.palette.secondary.light,\n gridColor: dark ? theme.vars.palette.grey[800] : theme.vars.palette.grey[300],\n }\n }\n\n private generateDataSetForecastData(): ChartDataset<'line'> {\n return {\n borderDash: [5],\n borderDashOffset: 0.5,\n data: this.forecastPayload.values.map(price => ({ x: price.timestamp ?? 0, y: price.value })),\n label: 'Forecast Price',\n ...DataPointStyles(this.themeColors?.dataSetColorPrimary),\n ...DataLineStyles(this.themeColors?.dataSetColorPrimary),\n }\n }\n\n private async generateDataSetSourcePayloads(): Promise<ChartDataset<'line'>> {\n const { sourcePrices } = await SourcePayloads.build('feePerGas.medium')\n return {\n data: sourcePrices,\n label: 'Source Prices',\n ...DataLineStyles(this.themeColors?.dataSetColorSecondary),\n ...DataPointStyles(this.themeColors?.dataSetColorSecondary),\n }\n }\n}\n", "import { alphaCss } from '@xylabs/react-theme'\n\nexport const DataLineStyles = (color?: string) => ({\n backgroundColor: color ? alphaCss(color, 0.5) : undefined,\n borderColor: color,\n})\n", "export const DataPointStyles = (pointHoverBackgroundColor?: string) => ({\n pointHitRadius: 20,\n pointHoverBackgroundColor,\n pointHoverRadius: 10,\n pointRadius: 5,\n pointStyle: 'circle',\n})\n", "import { asSchema } from '@xyo-network/sdk-js'\n\nexport const MockSourcePayloads = () => {\n const tenMin = 600_000\n return [\n {\n baseFee: 38.90155387825,\n feePerGas: {\n high: 47.9945864396, low: 39.006868093, medium: 39.306868093, veryHigh: 44.45384380525,\n },\n priorityFeePerGas: {\n high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001,\n },\n schema: asSchema('network.xyo.blockchain.ethereum.gas', true),\n timestamp: Date.now() - tenMin,\n },\n {\n baseFee: 38.90155387825,\n feePerGas: {\n high: 47.9945864396, low: 39.006868093, medium: 100, veryHigh: 44.45384380525,\n },\n priorityFeePerGas: {\n high: 1.0266666666666666, low: -0.41000000000000003, medium: 0.38, veryHigh: 1.3900000000000001,\n },\n schema: asSchema('network.xyo.blockchain.ethereum.gas', true),\n timestamp: Date.now(),\n },\n ]\n}\n", "import type { Payload } from '@xyo-network/sdk-js'\nimport type { Point } from 'chart.js'\n\nimport { MockSourcePayloads } from './MockSourcePayloads.ts'\n\nexport class SourcePayloads {\n sourcePayloads: Payload[]\n sourcePrices: Point[] = []\n\n constructor(sourcePayloads: Payload[]) {\n this.sourcePayloads = sourcePayloads\n }\n\n get payloads() {\n return this.sourcePayloads\n }\n\n static async build(jsonPath: string) {\n const sourcePayloads = await this.fetchSourcePayloads()\n const instance = new this(sourcePayloads)\n\n const paths = jsonPath.split('.')\n instance.sourcePrices = sourcePayloads.map((payload) => {\n return { x: payload.timestamp, y: instance.jsonPathTraverser(payload, paths) }\n })\n return instance\n }\n\n // TODO - fetch from archivist\n static async fetchSourcePayloads() {\n const payloads = await Promise.resolve(MockSourcePayloads())\n return payloads\n }\n\n jsonPathTraverser(obj: Payload, path: string[]) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let result: any = obj\n for (const key of path) {\n if (key in result) {\n const foundKey = key as keyof typeof result\n result = result[foundKey]\n } else {\n result = undefined\n break\n }\n }\n\n return result\n }\n}\n", "import type { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { createPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\n\nimport { PriceForecastDetailsBox } from './components/index.ts'\n\nexport const PriceForecastRenderPlugin: PayloadRenderPlugin = {\n ...createPayloadRenderPlugin({\n canRender: () => true,\n components: { box: { detailsBox: PriceForecastDetailsBox } },\n name: 'PriceForecast',\n }),\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["data", "options"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-price-forecast-plugin",
|
|
3
|
-
"version": "9.0
|
|
3
|
+
"version": "9.1.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -41,55 +41,53 @@
|
|
|
41
41
|
"README.md"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@xyo-network/react-payload-plugin": "~9.0
|
|
44
|
+
"@xyo-network/react-payload-plugin": "~9.1.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@bitauth/libauth": "~3.0.0",
|
|
48
48
|
"@metamask/providers": "^22.1.1",
|
|
49
|
-
"@mui/icons-material": "^9.0
|
|
50
|
-
"@mui/material": "^9.0
|
|
51
|
-
"@mui/system": "^9.0
|
|
52
|
-
"@mui/x-tree-view": "~9.
|
|
49
|
+
"@mui/icons-material": "^9.1.0",
|
|
50
|
+
"@mui/material": "^9.1.0",
|
|
51
|
+
"@mui/system": "^9.1.0",
|
|
52
|
+
"@mui/x-tree-view": "~9.4.0",
|
|
53
53
|
"@noble/post-quantum": "~0.6.1",
|
|
54
54
|
"@opentelemetry/api": "^1.9.1",
|
|
55
55
|
"@opentelemetry/sdk-trace-base": "^2.7.1",
|
|
56
|
-
"@react-spring/web": "~10.1.
|
|
56
|
+
"@react-spring/web": "~10.1.1",
|
|
57
57
|
"@scure/base": "~2.2.0",
|
|
58
58
|
"@scure/bip39": "~2.2.0",
|
|
59
|
-
"@storybook/react-vite": "~10.4.
|
|
60
|
-
"@types/react": "^19.2.
|
|
61
|
-
"@xylabs/
|
|
62
|
-
"@xylabs/
|
|
63
|
-
"@xylabs/
|
|
64
|
-
"@xylabs/react-
|
|
65
|
-
"@xylabs/react-
|
|
66
|
-
"@xylabs/react-
|
|
67
|
-
"@xylabs/react-
|
|
68
|
-
"@xylabs/react-
|
|
69
|
-
"@xylabs/react-
|
|
70
|
-
"@xylabs/react-
|
|
71
|
-
"@xylabs/react-
|
|
72
|
-
"@xylabs/react-
|
|
73
|
-
"@xylabs/react-
|
|
74
|
-
"@xylabs/
|
|
75
|
-
"@xylabs/sdk-
|
|
76
|
-
"@xylabs/
|
|
77
|
-
"@xylabs/
|
|
78
|
-
"@xylabs/
|
|
79
|
-
"@xylabs/tsconfig
|
|
80
|
-
"@xylabs/tsconfig-
|
|
81
|
-
"@
|
|
82
|
-
"@xyo-network/diviner-
|
|
83
|
-
"@xyo-network/diviner-schema-
|
|
59
|
+
"@storybook/react-vite": "~10.4.3",
|
|
60
|
+
"@types/react": "^19.2.17",
|
|
61
|
+
"@xylabs/eth-address": "^6.1.1",
|
|
62
|
+
"@xylabs/geo": "^6.1.1",
|
|
63
|
+
"@xylabs/pixel": "^6.1.1",
|
|
64
|
+
"@xylabs/react-async-effect": "^9.1.0",
|
|
65
|
+
"@xylabs/react-button": "^9.1.0",
|
|
66
|
+
"@xylabs/react-flexbox": "^9.1.0",
|
|
67
|
+
"@xylabs/react-hooks": "^9.1.0",
|
|
68
|
+
"@xylabs/react-identicon": "^9.1.0",
|
|
69
|
+
"@xylabs/react-link": "^9.1.0",
|
|
70
|
+
"@xylabs/react-promise": "^9.1.0",
|
|
71
|
+
"@xylabs/react-quick-tip-button": "^9.1.0",
|
|
72
|
+
"@xylabs/react-select": "^9.1.0",
|
|
73
|
+
"@xylabs/react-shared": "^9.1.0",
|
|
74
|
+
"@xylabs/react-theme": "^9.1.0",
|
|
75
|
+
"@xylabs/sdk-js": "^6.1.1",
|
|
76
|
+
"@xylabs/sdk-react": "~9.1",
|
|
77
|
+
"@xylabs/threads": "^6.1.1",
|
|
78
|
+
"@xylabs/toolchain": "~8.1.20",
|
|
79
|
+
"@xylabs/tsconfig": "^8.1.20",
|
|
80
|
+
"@xylabs/tsconfig-dom": "^8.1.20",
|
|
81
|
+
"@xylabs/tsconfig-react": "~8.1.20",
|
|
82
|
+
"@xyo-network/diviner-forecasting-model": "^6.1.0",
|
|
83
|
+
"@xyo-network/diviner-schema-list": "^6.1.0",
|
|
84
|
+
"@xyo-network/diviner-schema-stats": "^6.1.0",
|
|
84
85
|
"@xyo-network/node-core-types": "~4.2.2",
|
|
85
|
-
"@xyo-network/sdk-js": "^6.0
|
|
86
|
-
"@xyo-network/sdk-protocol-js": "
|
|
86
|
+
"@xyo-network/sdk-js": "^6.1.0",
|
|
87
|
+
"@xyo-network/sdk-protocol-js": "^6.1.0",
|
|
87
88
|
"@xyo-network/typeof": "~5.3.30",
|
|
88
89
|
"ajv": "^8.20.0",
|
|
89
90
|
"async-mutex": "^0.5.0",
|
|
90
|
-
"bn.js": "^5.2.3",
|
|
91
|
-
"bowser": "^2.14.1",
|
|
92
|
-
"buffer": "^6.0.3",
|
|
93
91
|
"chart.js": "^4.5.1",
|
|
94
92
|
"chartjs-adapter-luxon": "~1.3.1",
|
|
95
93
|
"clsx": "~2.1.1",
|
|
@@ -101,18 +99,14 @@
|
|
|
101
99
|
"lru-cache": "^11.5.1",
|
|
102
100
|
"luxon": "^3.7.2",
|
|
103
101
|
"md5": "~2.3.0",
|
|
104
|
-
"mixpanel-browser": "~2.80.0",
|
|
105
102
|
"numeral": "~2.0.6",
|
|
106
103
|
"observable-fns": "~0.6.1",
|
|
107
104
|
"query-string": "~9.4.0",
|
|
108
105
|
"react": "^19.2.7",
|
|
109
106
|
"react-chartjs-2": "~5.3.1",
|
|
110
107
|
"react-dom": "^19.2.7",
|
|
111
|
-
"react-is": "^19.2",
|
|
112
108
|
"react-router-dom": "^7.17.0",
|
|
113
|
-
"
|
|
114
|
-
"spark-md5": "~3.0.2",
|
|
115
|
-
"storybook": "^10.4.2",
|
|
109
|
+
"storybook": "^10.4.3",
|
|
116
110
|
"typescript": "^6.0.3",
|
|
117
111
|
"viem": "^2.52.2",
|
|
118
112
|
"vite": "^8.0.16",
|
|
@@ -126,40 +120,38 @@
|
|
|
126
120
|
"@mui/icons-material": "^9.0",
|
|
127
121
|
"@mui/material": "^9.0",
|
|
128
122
|
"@mui/system": "^9.0",
|
|
129
|
-
"@mui/x-tree-view": "~9.
|
|
123
|
+
"@mui/x-tree-view": "~9.4",
|
|
130
124
|
"@noble/post-quantum": "~0.6.1",
|
|
131
125
|
"@opentelemetry/api": "^1.9",
|
|
132
126
|
"@opentelemetry/sdk-trace-base": "^2.7",
|
|
133
127
|
"@react-spring/web": "~10.1",
|
|
134
128
|
"@scure/base": "~2.2",
|
|
135
129
|
"@scure/bip39": "~2.2",
|
|
130
|
+
"@xylabs/eth-address": "^6.1.0",
|
|
136
131
|
"@xylabs/geo": "^6.0",
|
|
137
|
-
"@xylabs/pixel": "
|
|
138
|
-
"@xylabs/react-async-effect": "
|
|
139
|
-
"@xylabs/react-button": "
|
|
140
|
-
"@xylabs/react-flexbox": "
|
|
141
|
-
"@xylabs/react-hooks": "
|
|
142
|
-
"@xylabs/react-identicon": "
|
|
143
|
-
"@xylabs/react-link": "
|
|
144
|
-
"@xylabs/react-promise": "
|
|
145
|
-
"@xylabs/react-quick-tip-button": "
|
|
146
|
-
"@xylabs/react-select": "
|
|
147
|
-
"@xylabs/react-shared": "
|
|
148
|
-
"@xylabs/react-theme": "
|
|
132
|
+
"@xylabs/pixel": "^6.1",
|
|
133
|
+
"@xylabs/react-async-effect": "^9.1",
|
|
134
|
+
"@xylabs/react-button": "^9.1",
|
|
135
|
+
"@xylabs/react-flexbox": "^9.1",
|
|
136
|
+
"@xylabs/react-hooks": "^9.1",
|
|
137
|
+
"@xylabs/react-identicon": "^9.1",
|
|
138
|
+
"@xylabs/react-link": "^9.1",
|
|
139
|
+
"@xylabs/react-promise": "^9.1",
|
|
140
|
+
"@xylabs/react-quick-tip-button": "^9.1",
|
|
141
|
+
"@xylabs/react-select": "^9.1",
|
|
142
|
+
"@xylabs/react-shared": "^9.1",
|
|
143
|
+
"@xylabs/react-theme": "^9.1",
|
|
149
144
|
"@xylabs/sdk-js": "^6.0",
|
|
150
|
-
"@xylabs/sdk-react": "
|
|
145
|
+
"@xylabs/sdk-react": "^9.1",
|
|
151
146
|
"@xylabs/threads": "^6.0",
|
|
152
|
-
"@xyo-network/diviner-schema-list": "
|
|
153
|
-
"@xyo-network/diviner-schema-stats": "
|
|
147
|
+
"@xyo-network/diviner-schema-list": "^6.1",
|
|
148
|
+
"@xyo-network/diviner-schema-stats": "^6.1",
|
|
154
149
|
"@xyo-network/node-core-types": "~4.2",
|
|
155
150
|
"@xyo-network/sdk-js": "^6.0",
|
|
156
|
-
"@xyo-network/sdk-protocol-js": "
|
|
151
|
+
"@xyo-network/sdk-protocol-js": "^6.1",
|
|
157
152
|
"@xyo-network/typeof": "~5.3",
|
|
158
153
|
"ajv": "^8.20",
|
|
159
154
|
"async-mutex": "^0.5",
|
|
160
|
-
"bn.js": "^5.2",
|
|
161
|
-
"bowser": "^2.14",
|
|
162
|
-
"buffer": "^6.0",
|
|
163
155
|
"chart.js": "^4.5",
|
|
164
156
|
"chartjs-adapter-luxon": "~1.3",
|
|
165
157
|
"clsx": "~2.1",
|
|
@@ -170,17 +162,13 @@
|
|
|
170
162
|
"lru-cache": "^11.3",
|
|
171
163
|
"luxon": "^3.7",
|
|
172
164
|
"md5": "~2.3",
|
|
173
|
-
"mixpanel-browser": "~2.80",
|
|
174
165
|
"numeral": "~2.0",
|
|
175
166
|
"observable-fns": "~0.6",
|
|
176
167
|
"query-string": "~9.4",
|
|
177
168
|
"react": "^19.2",
|
|
178
169
|
"react-chartjs-2": "~5.3",
|
|
179
170
|
"react-dom": "^19.2",
|
|
180
|
-
"react-is": "^19.2",
|
|
181
171
|
"react-router-dom": "^7.15",
|
|
182
|
-
"recharts": "^3.8",
|
|
183
|
-
"spark-md5": "~3.0",
|
|
184
172
|
"viem": "^2.48",
|
|
185
173
|
"webextension-polyfill": "^0.12",
|
|
186
174
|
"zod": "^4.4",
|