xorbitlab
/
openstock
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #57 from CrixusWen/fix/tradingview-symbol-format 

Fix: Add symbol format conversion for A-Share/HK stocks in TradingVie…
This commit is contained in:
Mr. Algorithm 2026-02-13 14:11:26 +05:30 committed by GitHub
parent 10e8c1a261 394485801b
commit 08304b51a4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 33 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/(root)/stocks/[symbol]/page.tsx
View File

@ -12,9 +12,11 @@ import {
import { auth } from '@/lib/better-auth/auth';
import { headers } from 'next/headers';
import { isStockInWatchlist } from '@/lib/actions/watchlist.actions';
import { formatSymbolForTradingView } from '@/lib/utils';
export default async function StockDetails({ params }: StockDetailsPageProps) {
const { symbol } = await params;
const tvSymbol = formatSymbolForTradingView(symbol);
const scriptUrl = `https://s3.tradingview.com/external-embedding/embed-widget-`;
const session = await auth.api.getSession({
@ -30,13 +32,13 @@ export default async function StockDetails({ params }: StockDetailsPageProps) {
<div className="flex flex-col gap-6">
<TradingViewWidget
scriptUrl={`${scriptUrl}symbol-info.js`}
config={SYMBOL_INFO_WIDGET_CONFIG(symbol)}
config={SYMBOL_INFO_WIDGET_CONFIG(tvSymbol)}
height={170}
/>
<TradingViewWidget
scriptUrl={`${scriptUrl}advanced-chart.js`}
config={CANDLE_CHART_WIDGET_CONFIG(symbol)}
config={CANDLE_CHART_WIDGET_CONFIG(tvSymbol)}
className="custom-chart"
height={600}
allowExpand={true}
@ -44,7 +46,7 @@ export default async function StockDetails({ params }: StockDetailsPageProps) {
<TradingViewWidget
scriptUrl={`${scriptUrl}advanced-chart.js`}
config={BASELINE_WIDGET_CONFIG(symbol)}
config={BASELINE_WIDGET_CONFIG(tvSymbol)}
className="custom-chart"
height={600}
allowExpand={true}
@ -64,19 +66,19 @@ export default async function StockDetails({ params }: StockDetailsPageProps) {
<TradingViewWidget
scriptUrl={`${scriptUrl}technical-analysis.js`}
config={TECHNICAL_ANALYSIS_WIDGET_CONFIG(symbol)}
config={TECHNICAL_ANALYSIS_WIDGET_CONFIG(tvSymbol)}
height={400}
/>
<TradingViewWidget
scriptUrl={`${scriptUrl}company-profile.js`}
config={COMPANY_PROFILE_WIDGET_CONFIG(symbol)}
config={COMPANY_PROFILE_WIDGET_CONFIG(tvSymbol)}
height={440}
/>
<TradingViewWidget
scriptUrl={`${scriptUrl}financials.js`}
config={COMPANY_FINANCIALS_WIDGET_CONFIG(symbol)}
config={COMPANY_FINANCIALS_WIDGET_CONFIG(tvSymbol)}
height={800}
/>
</div>

4
components/watchlist/TradingViewWatchlist.tsx
View File

@ -1,7 +1,7 @@
"use client";
import React, { useEffect, useRef, memo } from 'react';
import { useTheme } from "next-themes";
import { formatSymbolForTradingView } from '@/lib/utils';
interface TradingViewWatchlistProps {
symbols: string[];
@ -26,7 +26,7 @@ function TradingViewWatchlist({ symbols }: TradingViewWatchlistProps) {
// Since we don't have exchange data easily, we'll try raw symbol.
// Ideally we'd prefix "NASDAQ:" or "NYSE:" but let's test without first.
const symbolList = symbols.map(s => ({
name: s,
name: formatSymbolForTradingView(s),
displayName: s
}));

24
lib/utils.ts
View File

@ -152,4 +152,26 @@ export const getFormattedTodayDate = () => new Date().toLocaleDateString('en-US'
month: 'long',
day: 'numeric',
timeZone: 'UTC',
});
});
export function formatSymbolForTradingView(symbol: string): string {
if (!symbol) return '';
const upperSymbol = symbol.toUpperCase();
// Shanghai
if (upperSymbol.endsWith('.SS')) {
return `SSE:${upperSymbol.slice(0, -3)}`;
}
// Shenzhen
if (upperSymbol.endsWith('.SZ')) {
return `SZSE:${upperSymbol.slice(0, -3)}`;
}
// Hong Kong
if (upperSymbol.endsWith('.HK')) {
return `HKEX:${upperSymbol.slice(0, -3)}`;
}
return upperSymbol;
}