-
my stocks
+
Watchlist
{/*
{mytickers.map(m => - {m.name} -- {m.symbol}
)}
*/}
diff --git a/src/components/stock-options-view.tsx b/src/components/stock-options-view.tsx
index 3be677c..fdf0e16 100644
--- a/src/components/stock-options-view.tsx
+++ b/src/components/stock-options-view.tsx
@@ -11,6 +11,8 @@ import { Pcr } from './pcr';
import { IOptionsGrid, NumberRange, OptionsInnerData } from '@/lib/types';
import { StrikePriceSlider } from './StrikePriceSlider';
import { DeltaGammaHedging } from './DeltaGammaHedging';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useQueryState, parseAsStringEnum, parseAsBoolean } from 'nuqs';
interface ITickerProps {
symbol: string
@@ -21,18 +23,33 @@ export type IStrikePriceSliderPorps = { allStrikePricesValues: number[], onChang
type PriceModeType = 'LAST_PRICE' | 'BID_PRICE' | 'ASK_PRICE' | 'AVG_PRICE'
type ValueModeType = 'PRICE' | 'ANNUAL_RETURN' | 'TOTAL_RETURN' | 'PCR'
+// type PutCallType = 'PUT' | 'CALL';
+enum PutCallType {
+ 'PUT' = 'PUT',
+ 'CALL' = 'CALL'
+}
const numberFormatter = (v: string) => v && Number(v);
const todaysDate = dayjs().format('YYYY-MM-DD');
export const StockOptionsView = (props: ITickerProps) => {
const { data, isLoading, strikePriceRange, setStrikePriceRange, targetPrice, setTargetPrice } = useOptionTracker(props.symbol);
- const [putCallTabValue, setPutCallTabValue] = useState<'PUT' | 'CALL'>('PUT');
+ //const router = useRouter();
+ //const query = useSearchParams();
+ //const currentTab = query.get('tab') as PutCallType || 'PUT';
+ // const handleCallTabValue = (v: PutCallType) => {
+ // setPutCallTabValue(v);
+ // const newSearchParams = new URLSearchParams(query);
+ // newSearchParams.set('tab', v);
+ // router.push(`?${newSearchParams.toString()}`);
+ // };
+
+ const [putCallTabValue, handleCallTabValue] = useQueryState
('tab', parseAsStringEnum(Object.values(PutCallType)).withDefault(PutCallType.PUT));
const [priceMode, setPriceMode] = useState('AVG_PRICE');
const [valueMode, setValueMode] = useState('PRICE');
const [pcrSelectedData, setPcrSelectedData] = useState();
const [pcrOpen, setPcrOpen] = useState(false);
- const [deltaHedgingOpen, setDeltaHedgingOpen] = useState(false);
+ const [deltaHedgingOpen, setDeltaHedgingOpen] = useQueryState('showDexGex', parseAsBoolean);
function handlePcrSelection(v: string) {
const fss = data?.options[v];
@@ -72,7 +89,7 @@ export const StockOptionsView = (props: ITickerProps) => {
}
const numberofdays = dayjs(d).diff(todaysDate, 'days') + 1;
workingStrikePrices.forEach(s => {
- const po = putCallTabValue == 'CALL' ? data.options[d].c[s.strikePrice] : data.options[d].p[s.strikePrice];
+ const po = putCallTabValue == PutCallType.CALL ? data.options[d].c[s.strikePrice] : data.options[d].p[s.strikePrice];
const price = (() => {
switch (priceMode) {
case 'LAST_PRICE':
@@ -89,13 +106,13 @@ export const StockOptionsView = (props: ITickerProps) => {
(o as any)[s.strikePrice] = price && (() => {
switch (valueMode) {
case 'TOTAL_RETURN':
- if (putCallTabValue == 'PUT') {
+ if (putCallTabValue == PutCallType.PUT) {
return (targetPrice > s.value ? price : (price - (s.value - targetPrice))) / (s.value);
} else {
return (price / targetPrice);
}
case 'ANNUAL_RETURN':
- if (putCallTabValue == 'PUT') {
+ if (putCallTabValue == PutCallType.PUT) {
const sellCost = (targetPrice > s.value ? price : (price - (s.value - targetPrice)));
const risk = s.value;
return (sellCost / risk) * (365 / numberofdays);
@@ -147,7 +164,7 @@ export const StockOptionsView = (props: ITickerProps) => {
setTargetPrice(Number(v.target.value))} type='number' />
- setPutCallTabValue(v)} variant="fullWidth" indicatorColor="secondary"
+ handleCallTabValue(v)} variant="fullWidth" indicatorColor="secondary"
textColor="secondary">
diff --git a/src/lib/stockService.ts b/src/lib/stockService.ts
new file mode 100644
index 0000000..cab21b2
--- /dev/null
+++ b/src/lib/stockService.ts
@@ -0,0 +1,22 @@
+import ky from 'ky';
+import yf from 'yahoo-finance2';
+
+export const getCurrentPrice = async (symbol: string) => {
+ try {
+ const quote = await yf.quoteCombine(symbol);
+ if (!quote.regularMarketPrice) throw new Error('null price received!');
+ return {
+ price: {
+ last: quote.regularMarketPrice
+ }
+ }
+ } catch (error) {
+ console.log(`error occurred while fetching the price using yahoo finance api. falling back to optionprofitcalculator`);
+ const priceresp = await ky(`https://www.optionsprofitcalculator.com/ajax/getStockPrice?stock=${symbol}&reqId=${new Date().getTime()}`, {
+ retry: {
+ limit: 3
+ }
+ }).json<{ price: { last: number } }>();
+ return priceresp;
+ }
+}
\ No newline at end of file
diff --git a/src/middleware.ts b/src/middleware.ts
index 58b7237..8bdf57b 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -17,7 +17,8 @@ export default NextAuth(authOptions).auth;
// })
export const config = {
- matcher: ['/((?!api/auth|_next/static|_next/image|.*\\.png$|.*\\.ico$).*)']
+ //matcher: ['/((?!api/auth|_next/static|_next/image|.*\\.png$|.*\\.ico$).*)']
+ matcher: ['/api/trades/:path*', '/trades/:path*']
};
// async function isAuthenticated(req: NextRequest) {