├── .gitignore
├── manifest.json
├── icons
└── logo.svg
├── popup.html
├── readme.md
├── popup.css
├── redirectState.function.js
├── background.js
└── main.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/prettier.xml
3 | .idea/workspace.xml
4 | .zip
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "Chartink To TradingView",
4 | "version": "2.5.1",
5 | "description": "Redirects Chartink Symbol Links to TradingView Chart",
6 | "icons": {
7 | "48": "icons/logo.svg"
8 | },
9 | "content_scripts": [
10 | {
11 | "matches": ["*://*.chartink.com/*"],
12 | "js": ["main.js"],
13 | "css": ["popup.css"]
14 | }
15 | ],
16 | "permissions": ["clipboardWrite", "storage"],
17 | "background": {
18 | "scripts": ["background.js"],
19 | "persistent": false,
20 | "type": "module"
21 | },
22 | "browser_action": {
23 | "default_popup": "popup.html",
24 | "default_title": "TradingView to Chartink",
25 | "default_icon": "icons/logo.svg"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/icons/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Document
6 |
7 |
8 |
9 |
10 |
11 |
Chartink To TradingView
12 |
By devAgam
13 |
18 |
23 |
24 |
25 |
29 |
30 |
31 |
Donate
34 |
`;
74 | copyButton.style.backgroundColor = "transparent";
75 | copyButton.style.border = "none";
76 | copyButton.style.cursor = "pointer";
77 | copyButton.style.marginLeft = "5px";
78 | copyButton.className = "copy-to-kite";
79 |
80 | // Add an onclick event to the copy button
81 | copyButton.onclick = function () {
82 | const parentNode = copyButton.parentNode;
83 | const aTagInParentNode = parentNode.querySelector("a");
84 | const href = aTagInParentNode.href;
85 | // Send a message to the background script to redirect to Kite with the copied link
86 | browser.runtime.sendMessage({
87 | message: "redirectToKite",
88 | href: href,
89 | });
90 | };
91 |
92 | // Append the copy button to the parent node of the link
93 | links[i].parentNode.appendChild(copyButton);
94 | }
95 | }
96 | );
97 | }
98 | );
99 | }
100 |
101 | /**
102 | * Extracts the symbol from the URL based on the URL format.
103 | * @param {string} url - The URL of the link.
104 | * @returns {string|null} - The extracted symbol or null if not found.
105 | */
106 | function compatabilitySymbolFunc(url) {
107 | if (url.includes("stocks-new")) {
108 | return new URL(url).searchParams.get("symbol");
109 | }
110 | return url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf(".html"));
111 | }
112 |
113 | // Create a mutation observer to detect changes in the DOM
114 | var observer = new MutationObserver(function (mutations) {
115 | mutations.forEach(function (mutation) {
116 | setTimeout(function () {
117 | changeURL();
118 | }, 100);
119 | });
120 | });
121 |
122 | var config = {
123 | childList: true,
124 | subtree: true,
125 | };
126 |
127 | // Observe the document body for changes
128 | observer.observe(document.body, config);
129 |
130 | const screenerButtonsClass = "btn btn-default btn-primary";
131 |
132 | /**
133 | * Adds a copy button to the TradingView screener buttons.
134 | * @param {string} buttonText - The text to display on the button.
135 | * @param {string} buttonClass - The CSS class of the button.
136 | * @param {string} buttonId - The ID of the button.
137 | * @param {function} buttonFunction - The function to execute when the button is clicked.
138 | */
139 | const addCopyToTradingViewButton = (
140 | buttonText,
141 | buttonClass,
142 | buttonId,
143 | buttonFunction
144 | ) => {
145 | const screenerButtons = document.getElementsByClassName(screenerButtonsClass);
146 | if (screenerButtons.length === 0) return;
147 | const screenerButtonsParent = screenerButtons[0].parentNode;
148 | const screenerButton = document.createElement("button");
149 | screenerButton.innerHTML = buttonText;
150 | screenerButton.className = buttonClass;
151 | screenerButton.id = buttonId;
152 | screenerButton.onclick = buttonFunction;
153 | screenerButtonsParent.appendChild(screenerButton);
154 | };
155 |
156 | // Add a copy button to the TradingView screener buttons
157 | addCopyToTradingViewButton(
158 | "Copy to TradingView",
159 | "btn btn-default btn-primary",
160 | "add-to-watchlist",
161 | copyAllTickersOnScreen
162 | );
163 |
164 | /**
165 | * Gets the length of the pagination.
166 | * @returns {number} - The length of the pagination.
167 | */
168 | function getPaginationLength() {
169 | const paginationList = document
170 | .getElementsByClassName("pagination")[0]
171 | .getElementsByTagName("li");
172 |
173 | return paginationList[paginationList.length - 2].innerText;
174 | }
175 |
176 | // Clicks the next page button
177 | function nextPage() {
178 | document
179 | .evaluate(
180 | "//a[text()='Next']",
181 | document,
182 | null,
183 | XPathResult.FIRST_ORDERED_NODE_TYPE,
184 | null
185 | )
186 | .singleNodeValue.click();
187 | }
188 |
189 | /**
190 | * Gets the number of stocks displayed on the screen.
191 | * @returns {number} - The number of stocks.
192 | */
193 | function getNumberOfStocks() {
194 | const el = document.getElementsByClassName("dataTables_info")[0];
195 | const innerText = el.innerText;
196 | const numberOfStocks = innerText.match(/\d+/)[0];
197 | return numberOfStocks;
198 | }
199 |
200 | /**
201 | * Delays the execution of the code.
202 | * @param {number} t - The delay time in milliseconds.
203 | * @returns {Promise} - A promise that resolves after the delay.
204 | */
205 | const delay = (t) => {
206 | return new Promise((res) => setTimeout(res, t));
207 | };
208 |
209 | /**
210 | * Copies all the tickers on the screen to the clipboard.
211 | */
212 | async function copyAllTickersOnScreen() {
213 | // Get the chart redirect state from the background script
214 | browser.runtime.sendMessage(
215 | { message: "getChartRedirectState" },
216 | async function (response) {
217 | if (response.chartRedirectState) {
218 | let allTickersArray = [];
219 | let allTags = [];
220 | const numberOfPages = getPaginationLength();
221 |
222 | // Iterate through each page
223 | for (let i = 0; i < numberOfPages; i++) {
224 | if (i > 0) {
225 | await delay(200);
226 | }
227 |
228 | // Find all tags with href starting with "https://in.tradingview.com/chart/?symbol=NSE:"
229 | allTags.push(
230 | document.querySelectorAll(
231 | 'a[href^="https://in.tradingview.com/chart/?symbol=NSE:"]'
232 | )
233 | );
234 |
235 | nextPage();
236 | }
237 |
238 | // Flatten the array of tags
239 | const allTickers = allTags.map((tag) => Array.from(tag)).flat();
240 |
241 | // Extract the symbols from the URLs and add them to the tickers array
242 | allTickers.forEach((ticker) => {
243 | allTickersArray.push(
244 | replaceSpecialCharsWithUnderscore(
245 | extracrtSymbolFromURL(ticker.href)
246 | )
247 | );
248 | });
249 |
250 | // Add "NSE:" prefix to the tickers
251 | allTickersArray = addColonNSEtoTickers(allTickersArray);
252 |
253 | // Create a fake textarea to copy the tickers to the clipboard
254 | createFakeTextAreaToCopyText(
255 | [...removeDuplicateTickers(allTickersArray)].join(", ")
256 | );
257 | replaceButtonText("add-to-watchlist");
258 | return;
259 | }
260 |
261 | let allTickersArray = [];
262 | let allTags = [];
263 | const numberOfPages = getPaginationLength();
264 |
265 | console.log(numberOfPages);
266 | // Iterate through each page
267 | for (let i = 0; i < numberOfPages; i++) {
268 | if (i > 0) {
269 | await delay(200);
270 | }
271 |
272 | allTags.push(document.querySelectorAll('a[href^="/stocks-new"]'));
273 |
274 | nextPage();
275 | }
276 | console.log(allTags);
277 | // Flatten the array of tags
278 | const allTickers = allTags.map((tag) => Array.from(tag)).flat();
279 | // Extract the symbols from the URLs and add them to the tickers array
280 | allTickers.forEach((ticker) => {
281 | allTickersArray.push(
282 | replaceSpecialCharsWithUnderscore(
283 | extractSymbolFromTradingViewURL(ticker.href)
284 | )
285 | );
286 | });
287 | // Add "NSE:" prefix to the tickers
288 | allTickersArray = addColonNSEtoTickers(allTickersArray);
289 |
290 | // Create a fake textarea to copy the tickers to the clipboard
291 | createFakeTextAreaToCopyText(
292 | [...removeDuplicateTickers(allTickersArray)].join(", ")
293 | );
294 | replaceButtonText("add-to-watchlist");
295 | }
296 | );
297 | }
298 |
299 | /**
300 | * Replaces the text of a button with a success message and then restores it after a delay.
301 | * @param {string} buttonId - The ID of the button.
302 | */
303 | function replaceButtonText(buttonId) {
304 | const button = document.getElementById(buttonId);
305 | if (!button) return;
306 | button.innerHTML = "Copied to clipboard 📋";
307 | setTimeout(() => {
308 | button.innerHTML = "Copy to TradingView";
309 | }, 2000);
310 | }
311 |
312 | /**
313 | * Creates a fake textarea, copies the text to it, and then copies the text from the textarea to the clipboard.
314 | * @param {string} text - The text to copy to the clipboard.
315 | */
316 | function createFakeTextAreaToCopyText(text) {
317 | const fakeTextArea = document.createElement("textarea");
318 | fakeTextArea.value = `${dateHeader},${text}`;
319 | document.body.appendChild(fakeTextArea);
320 | fakeTextArea.select();
321 | document.execCommand("copy");
322 | document.body.removeChild(fakeTextArea);
323 | }
324 |
325 | /**
326 | * Removes duplicate tickers from an array.
327 | * @param {string[]} tickers - The array of tickers.
328 | * @returns {string[]} - The array of tickers with duplicates removed.
329 | */
330 | function removeDuplicateTickers(tickers) {
331 | return [...new Set(tickers)];
332 | }
333 |
334 | /**
335 | * Adds "NSE:" prefix to each ticker in an array.
336 | * @param {string[]} tickers - The array of tickers.
337 | * @returns {string[]} - The array of tickers with "NSE:" prefix added.
338 | */
339 | function addColonNSEtoTickers(tickers) {
340 | return tickers.map((ticker) => `NSE:${ticker}`);
341 | }
342 |
343 | /**
344 | * Replaces special characters in a ticker with underscores.
345 | * @param {string} ticker - The ticker.
346 | * @returns {string} - The ticker with special characters replaced.
347 | */
348 | function replaceSpecialCharsWithUnderscore(ticker) {
349 | return ticker.replace(/[^a-zA-Z0-9]/g, "_");
350 | }
351 |
352 | /**
353 | * Adds copy buttons to the TradingView charts.
354 | */
355 | const addCopyBtOnTradingView = () => {
356 | const copyBts = document.querySelectorAll('div[title="Copy widget"]');
357 | copyBts.forEach((copyBt) => {
358 | copyBt.style.fontSize = "20px";
359 |
360 | // Replace the original element with a clone to remove all event listeners
361 | const newCopyBt = copyBt.cloneNode(true);
362 | copyBt.parentNode.replaceChild(newCopyBt, copyBt);
363 |
364 | newCopyBt.onclick = (e) => {
365 | e.stopPropagation();
366 | e.preventDefault();
367 |
368 | const tables =
369 | newCopyBt.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.querySelector(
370 | "table"
371 | );
372 | const allTickers = tables.querySelectorAll(
373 | 'a[href^="https://in.tradingview.com/chart/?symbol=NSE:"]'
374 | );
375 | let allTickersArray = [];
376 |
377 | allTickers.forEach((ticker) => {
378 | allTickersArray.push(
379 | replaceSpecialCharsWithUnderscore(ticker.href.substring(45))
380 | );
381 | });
382 |
383 | allTickersArray = addColonNSEtoTickers(allTickersArray);
384 | createFakeTextAreaToCopyText(
385 | removeDuplicateTickers(allTickersArray).join(",")
386 | );
387 |
388 | // Use the existing button update logic instead of alert
389 | alert("Copied to clipboard 📋");
390 |
391 | return false;
392 | };
393 | });
394 | };
395 |
396 | // Add copy buttons to the TradingView charts
397 | addCopyBtOnTradingView();
398 |
399 | /**
400 | * Removes the ".html" extension from a ticker.
401 | * @param {string} ticker - The ticker.
402 | * @returns {string} - The ticker without the ".html" extension.
403 | */
404 | function removeDotHTML(ticker) {
405 | return ticker.replace(".html", "");
406 | }
407 |
408 | /**
409 | * Extracts the symbol from the URL.
410 | * @param {string} url - The URL of the link.
411 | * @returns {string|null} - The extracted symbol or null if not found.
412 | */
413 | function extracrtSymbolFromURL(url) {
414 | const urlParams = new URLSearchParams(new URL(url).search);
415 | const symbol = urlParams.get("symbol");
416 | return symbol ? symbol.split(":")[1] : null;
417 | }
418 | function extractSymbolFromTradingViewURL(url) {
419 | if (url.includes("NSE:")) {
420 | return url.split("/")[4].split(":")[1];
421 | } else if (url.includes("/stocks-new")) {
422 | const urlParams = new URLSearchParams(url);
423 | return urlParams.get("symbol");
424 | } else if (url.includes("/stocks/")) {
425 | return url.split("/").pop().replace(".html", "");
426 | }
427 | }
428 |
--------------------------------------------------------------------------------