adjusted the call sell return values

mnsrulz · Sep 18, 2024 · 6da8278 · 6da8278
1 parent e69c54c
commit 6da8278
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/src/app/screener/page.tsx b/src/app/screener/page.tsx
@@ -0,0 +1,5 @@
+export default function Page() {
+    return <div>
+        Screener
+    </div>
+}
diff --git a/src/components/StockOptionsView.tsx b/src/components/StockOptionsView.tsx
@@ -35,7 +35,7 @@ enum PutCallType {
 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 { data, isLoading, strikePriceRange, setStrikePriceRange, targetPrice, setTargetPrice, costBasis, setCostBasis } = useOptionTracker(props.symbol);
     const [openSearchTickerDialog, setOpenSearchTickerDialog] = useState(false);
     const router = useRouter();
 
@@ -104,16 +104,18 @@ export const StockOptionsView = (props: ITickerProps) => {
                         if (putCallTabValue == PutCallType.PUT) {
                             return (targetPrice > s.value ? price : (price - (s.value - targetPrice))) / (s.value);
                         } else {
-                            return (price / targetPrice);
+                            const sellCost = targetPrice >= s.value ? (price + s.value) : (targetPrice + price);
+                            return (sellCost - costBasis) / costBasis;
                         }
                     case 'ANNUAL_RETURN':
                         if (putCallTabValue == PutCallType.PUT) {
                             const sellCost = (targetPrice > s.value ? price : (price - (s.value - targetPrice)));
                             const risk = s.value;
                             return (sellCost / risk) * (365 / numberofdays);
                         } else {
-                            const sellCost = (targetPrice < s.value ? price : (price - (targetPrice - s.value)));
-                            return (sellCost / targetPrice) * (365 / numberofdays);
+                            // const sellCost = (targetPrice < s.value ? price : (price - (targetPrice - s.value)));
+                            const sellCost = targetPrice >= s.value ? (price + s.value) : (targetPrice + price);
+                            return ((sellCost -costBasis) / costBasis) * (365 / numberofdays);
                         }
                     case 'PCR':
                         return po.oi;
@@ -161,6 +163,9 @@ export const StockOptionsView = (props: ITickerProps) => {
         <FormControl sx={{ m: 1 }} variant="standard">
             <TextField label="Target price" variant="standard" value={targetPrice} onChange={v => setTargetPrice(Number(v.target.value))} type='number' />
         </FormControl>
+        <FormControl sx={{ m: 1 }} variant="standard">
+            <TextField label="Cost basis" variant="standard" value={costBasis} onChange={v => setCostBasis(Number(v.target.value))} type='number' />
+        </FormControl>
         <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
             <Tabs value={putCallTabValue} onChange={(e, v) => handleCallTabValue(v)} variant="fullWidth" indicatorColor="secondary"
                 textColor="secondary">
@@ -231,7 +236,7 @@ export const StockOptionsView = (props: ITickerProps) => {
         >
             <DialogTitle id="search-ticker-dialog-title">Search</DialogTitle>
             <DialogContent dividers={true}>
-                <TickerSearch  onChange={(v) => router.push(`/options/analyze/${v.symbol}`)} />
+                <TickerSearch onChange={(v) => router.push(`/options/analyze/${v.symbol}`)} />
             </DialogContent>
         </Dialog>
 

diff --git a/src/lib/socket.ts b/src/lib/socket.ts
@@ -145,6 +145,7 @@ export const useOptionTracker = (symbol: string) => {
     const [data, setOd] = useState<OptionsData>();
     const [isLoading, setIsLoading] = useState(true);
     const [targetPrice, setTargetPrice] = useState(0);
+    const [costBasis, setCostBasis] = useState(0);
     const [strikePriceRange, setStrikePriceRange] = useState<NumberRange>({ start: 0, end: Number.MAX_VALUE });
 
     useEffect(() => {
@@ -159,6 +160,7 @@ export const useOptionTracker = (symbol: string) => {
                 end: Math.round(currentPrice + thresholdValue)
             });
             setTargetPrice(r.currentPrice);
+            setCostBasis(r.currentPrice);
         }).finally(() => setIsLoading(false));
         // socket.emit('options-subscribe-request', item);
         // socket.on(`options-subscribe-response`, setOd);
@@ -167,7 +169,7 @@ export const useOptionTracker = (symbol: string) => {
         //     socket.off('options-subscribe-response', setOd);
         // }
     }, [symbol]);
-    return { data, isLoading, strikePriceRange, setStrikePriceRange, targetPrice, setTargetPrice };
+    return { data, isLoading, strikePriceRange, setStrikePriceRange, targetPrice, setTargetPrice, costBasis, setCostBasis };
 }
 
 export const useCachedDatesData = (symbol: string, dt: string) => {