[v1.0.8] Recent company information | Bug fixes

CHANGELOG.md

@@ -1,5 +1,16 @@
 # Find all the change history listed below 
 
+**[12/11/2023]**
+- v1.0.8 [Features](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/263)
+- (✯) Notation for recently asked questions reflected in the following page
+    - Extension pop up window
+    - All Company page
+- A public All Company information page has been published at [Here](https://ssavi-ict.github.io/LeetCode-Which-Company/)
+- A workaround All Company web link is added to the extension PopUP for those who are not able to see the company information for some reason.
+- Extension housing bug fixes.
+- Chrome only update.
+- README Updated.
+
 **[22/08/2023]**
 - v1.0.7 [Features](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/85)
 - Next to solve [*Easy*] implemented.

README.md

@@ -42,6 +42,7 @@ When solving a problem if you click on the ![icon](chrome/res/32.png) from the *
 
 - If the extension is able find the `Company Names` for the leetcode problem on the current window then it will show as follows - 
 ![found](/static/webfile/info_shows.PNG)
+- Updation of company information scheduled to be done on a regular basis. You can check the commits tagged `company-info`.
 
 - **💥 NEW FEATURE 💥**
 
@@ -53,9 +54,13 @@ When solving a problem if you click on the ![icon](chrome/res/32.png) from the *
     - The checkbox (*marked in red*) can be checked to receive contest notification everyday twice a day or unchecked if you wish not to receive contest notification. ![notification](/static/webfile/notification.PNG)
 
 - **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
-    - Click on the **[Be A Pro]** button ![upcoming_contest](/static/webfile/upcoming-contest-button.PNG), it redirect to your preparation zone.
+    - [v1.0.7] Click on the **[Be A Pro]** button ![upcoming_contest](/static/webfile/upcoming-contest-button.PNG), it redirect to your preparation zone.
     It shows your solving summary from where you can get picture of your solving history. Moreover, your going to get suggestions to solve the next Easy/Medium/Hard problem. Now your preparation is going even more fine-tuned. ![solve the next](/static/webfile/problem-suggestion.PNG)
 
+- **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
+    - [v1.0.8] From now on you will be able to see the companies who asked a question recently for a certain problem. From the available company information for a problem, there will be a (✯) sign located on the right side of the top **5** company. This feature has been added on **Pop Up Window, All Company** page. 
+        - *This information has been collected from the different sources of the internet. It will be hard to verify the exact timeline.*
+
 <br>
 
 - If the extension is not able to find the `Company Names` for the leetcode problem on the current window or if the current window is not a leetcode problem then it will show a **Company information not found** message.

chrome/index.html

@@ -71,6 +71,7 @@ <h2 style="font-family: 'Playfair'; font-style: italic; font-weight: bold; borde
         </div>
         <br><br>
         <div id = "company_table">
+            <h4 style="font-family: 'Playfair'; font-style: italic;"><sup>&#10031;</sup> - <i> Asked in recent interviews</i></h4>
             <table id="dtBasicExample" class="table table-striped table-bordered table-sm" cellspacing="0" width="100%" style="font-family: Segoe UI;">
             </table>
         </div>

chrome/leetcoder.html

@@ -149,7 +149,7 @@ <h2 style="text-align: center; font-family: Segoe UI;">Quick Access Panel</h2>
             </div>
         </div>
         <hr>
-		<div class="preparation-container">
+		<div class="preparation-container" id="cracktech-preparation-container">
             <div class = "preparation-header-content" style="border-radius: 1px; margin: 30px 0px 30px; border: 3px solid; border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);border-image-slice: 1;">
                 <h3 id = "heading-line"></h3> 
             </div>

chrome/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "CrackTech - Find LeetCode Company Tags",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "homepage_url":"https://github.com/ssavi-ict/LC-Which-Company",
     "description": "An extension that can help candidate to prepare for a Company specific DSA interview.",
     "manifest_version": 3,
@@ -24,7 +24,7 @@
     ],
     "content_scripts": [
         {
-          "matches": ["<all_urls>"],
+          "matches": ["https://leetcode.com/"],
           "js": ["script/analyze_profile.js"]
         }
     ] 

chrome/popup.html

@@ -46,6 +46,9 @@
 <body>
     <div id = "main-content" class="newdiv" style="width: 400px; min-height: 250px; border: 1px solid; border-image: linear-gradient(to right, red,green, blue);border-image-slice: 1; font-size: small;">
 
+    </div>
+    <div id="note-content" style="margin-top: -10px; margin-bottom: -10px;">
+        <p><sup>&#10031;</sup> - <i>Asked in recent interviews</i></p>
     </div>
     <div class="footer_content" id="footer_content_1">
         <table>
@@ -62,7 +65,9 @@
     <div class="footer">
         [<a href="https://github.com/ssavi-ict/LeetCode-Which-Company/issues/4" target="_blank" style="text-decoration: none;">contribute</a>]
         &nbsp;|&nbsp; 
-        [&copy;<a href="https://www.linkedin.com/in/ssavi-ict/" style="text-decoration: none;">ssavi</a>]
+        [ <a href="https://ssavi-ict.github.io/LeetCode-Which-Company/" style="text-decoration: none;" target="_blank">unable to view company information</a> ]
+        &nbsp;|&nbsp; 
+        [&copy;<a href="https://www.linkedin.com/in/ssavi-ict/" style="text-decoration: none;" target="_blank">ssavi</a>]
     </div>
 </body>
 <script type="text/javascript" src="popup.js"></script>

chrome/popup.js

@@ -35,19 +35,23 @@ async function leetcode_company(){
 
 			if(json_response [theReformedURL]){
 				const company_list_elem = json_response[theReformedURL];
-				const sorted = company_list_elem.slice(1).sort((a, b) => a.length - b.length);
+				const sorted = company_list_elem.slice(1); // .sort((a, b) => a.length - b.length);
 				const companies = [company_list_elem[0]].concat(sorted);
+
 
 				let length = companies.length;
 				let problem_name = ("<h3 style='text-align:center;border-bottom: 2px solid black;background-image: linear-gradient(45deg, red, orange, green, blue, indigo, violet); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'>Problem Name : ");
 				let text = "<center><p>";
-				let char_len = 0;
+
 				for (let i=0; i<length; i++){
 					if(i === 0){
 						problem_name += companies[i] + "</h3>";
 					}
 					else{
 						text += "<p style='display: inline-block; border-radius: 2px; margin-bottom:5px;border: 1px solid; border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);border-image-slice: 1;'>&nbsp;<b>" + companies[i];
+						if(i <= 5) {
+							text += " <sup>&#10031;</sup>"; 
+						}
 						text += "&nbsp; </b></p>&nbsp;";
 					}
 				}

chrome/script/analyze_profile.js

@@ -350,23 +350,28 @@ async function fetchLeetCodeData(locator_param) {
       });
   }
 
-  // Example usage: Fetch data and use it
-  fetchLeetCodeData(0);
-
-  const easy_button = document.getElementById("easy_button");
-  const mid_button = document.getElementById("mid_button");
-  const hard_button = document.getElementById("hard_button");
-
-  // Add onclick event handlers for each button
-  easy_button.onclick = function() {
-    fetchLeetCodeData(1);
-  };
-
-  mid_button.onclick = function() {
-    fetchLeetCodeData(2);
-  };
-
-  hard_button.onclick = function() {
-    fetchLeetCodeData(3);
-  };
+  document.addEventListener('DOMContentLoaded', function () {
+    if (window.location.href.includes('leetcoder.html')) {
+        // Example usage: Fetch data and use it
+        fetchLeetCodeData(0);
+
+        const easy_button = document.getElementById("easy_button");
+        const mid_button = document.getElementById("mid_button");
+        const hard_button = document.getElementById("hard_button");
+
+        // Add onclick event handlers for each button
+        if(!easy_button && !mid_button && !hard_button) return;
+        easy_button.onclick = function() {
+            fetchLeetCodeData(1);
+        };
+
+        mid_button.onclick = function() {
+            fetchLeetCodeData(2);
+        };
+
+        hard_button.onclick = function() {
+            fetchLeetCodeData(3);
+        };
+    }
+});
 

chrome/script/script.js

@@ -13,12 +13,13 @@ fetch('https://raw.githubusercontent.com/ssavi-ict/LC-Which-Company/main/data/co
                             let plink = key, pname = data[key][0];
                             tableContent += "<tr>";
                             tableContent += "<td><a href = '" + plink + "' target='_blank'>" + pname +"</a></td>";
-                            tableContent += "<td style='background-image: linear-gradient(45deg, red, orange, green, blue, indigo, violet); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'>";
+                            tableContent += "<td style='background-image: linear-gradient(45deg, red, orange, green, blue, indigo, violet); -webkit-background-clip: text; -webkit-text-fill-color: inherit;'>";
                             for(let i=1; i<data[key].length; i++){
                                 if(i > 1){
                                     tableContent += ', ';
                                 }
                                 tableContent += data[key][i];
+                                if(i <= 5) tableContent += "<sup>&#10031;</sup>";
                             }
                             tableContent += "</td>";
                             tableContent += "<td></td>";