Merge pull request #55 from PDFilez/research-mode

Research mode

Author: aadityaguptaa

extension/icons/button-icons/note.svg

@@ -2,7 +2,7 @@
   "description": " Organize research from websites & PDFs. Categorize highlights, images, links, notes",
   "manifest_version": 3,
   "name": "Snipd",
-  "version": "0.0.0.7",
+  "version": "0.0.0.8",
   "homepage_url": "https://github.com/PDFilez/snipd",
   "icons": {
     "48": "images/snipdLogo8.png"

extension/icons/donate.svg

@@ -6,6 +6,7 @@ const configs = {
     'borderRadius': 3,
     'shiftTooltipWhenWebsiteHasOwn': false,
     'draggableTooltip': false,
+    'dontSnapTextfieldSelection': true,
     'enabled': true,
     'hideOnKeypress': true,
     'middleClickHidesTooltip': false,

extension/icons/github.svg

@@ -32,11 +32,14 @@ chrome.runtime.onConnect.addListener(function (port) {
   }
 });
 
-chrome.runtime.onInstalled.addListener((details) => {
+chrome.runtime.onInstalled.addListener(async (details) => {
   if (details.reason === chrome.runtime.OnInstalledReason.INSTALL) {
     chrome.tabs.create({
       url: "https://snipd-landing.vercel.app/",
     });
+    await chrome.storage.local.set({"tooltip_enabled": true})
+    await chrome.storage.local.set({"last_category": "Default"})
+
   }
 });
 

extension/icons/logo-128.png

@@ -70,8 +70,6 @@
 
   background: black;
 
-  /* apply clip-path for future blurred tooltip option */
-  /* clip-path: polygon(0% 100%, 100% 0%, 100% 100%) !important; */
 }
 
 /* Buttons */
@@ -116,10 +114,12 @@
   transition: transform var(--selecton-anim-duration) ease-out,
     opacity var(--selecton-anim-duration) ease-out !important;
   opacity: 0;
-  /* z-index: 100001 !important; */
   z-index: -1;
   position: absolute;
   margin: 0px !important;
+  overflow: auto;
+  max-height: 200px;
+  min-width: 100px;
   padding: 6px !important;
   line-height: 1 !important;
   border: 0.25px solid var(--selecton-outline-color);

extension/icons/logo-48.png

@@ -134,6 +134,9 @@ function initMouseListeners() {
         }
       } catch (e) { }
 
+      checkTextField(e, activeEl);
+
+
       if (selectedText.length > 0) {
         /// create tooltip for selection
         setCssStyles();
@@ -169,6 +172,43 @@ function initMouseListeners() {
     }, 0);
   }
 
+  function checkTextField(e, activeEl) {
+    /// check if textfield is focused
+
+    isTextFieldFocused = (activeEl.tagName === "INPUT" && (activeEl.getAttribute('type') == 'text' || activeEl.getAttribute('type') == 'email' || activeEl.getAttribute('name') == 'text')) ||
+      activeEl.tagName === "TEXTAREA" ||
+      activeEl.getAttribute('contenteditable') !== null;
+
+    if (isTextFieldFocused && configs.addActionButtonsForTextFields) {
+
+      /// Special handling for Firefox 
+      /// (https://stackoverflow.com/questions/20419515/window-getselection-of-textarea-not-working-in-firefox)
+      if (selectedText == '' && navigator.userAgent.indexOf("Firefox") > -1) {
+        const ta = document.querySelector(':focus');
+        if (ta != null && ta.value != undefined) {
+          selectedText = ta.value.substring(ta.selectionStart, ta.selectionEnd);
+          selection = ta.value.substring(ta.selectionStart, ta.selectionEnd);
+        }
+      }
+
+      /// Hide previous 'paste' button
+      // if (selectedText == '') hideTooltip(); 
+
+      /// Ignore single click on text field with inputted value
+      try {
+        isTextFieldEmpty = true;
+        if (activeEl.getAttribute('contenteditable') != null && activeEl.innerHTML != '' && selectedText == '' && activeEl.innerHTML != '<br>') {
+          isTextFieldEmpty = false;
+          if (configs.addPasteOnlyEmptyField) isTextFieldFocused = false;
+        } else if (activeEl.value && activeEl.value.trim() !== '' && selectedText == '') {
+          isTextFieldEmpty = false;
+          if (configs.addPasteOnlyEmptyField) isTextFieldFocused = false;
+        }
+      } catch (e) { console.log(e); }
+    }
+  }
+
+
   function initTooltip(e) {
 
       createTooltip(e);

extension/icons/logo-96.png

@@ -31,6 +31,7 @@ const CategoriesMenuMantine = ({ category, addCategory, categoriesList, setCateg
           variant="light"
           color="rgba(73, 152, 201, 1)">
           Category:
+          {console.log(category)}
           <Button style={{ color: "rgba(196, 77, 77, 1)" }} variant="transparent" size="sm">
             {category}
             <EditIcon size={14} />

extension/manifest.json

@@ -56,8 +56,10 @@ const Note = ({ snipd }) => {
     setSnipdCategories((old) => [...old, newCategory]);
   };
 
-  const handleSaveSnippet = () => {
+  const handleSaveSnippet = async () => {
     snipd.category = category;
+    await chrome.storage.local.set({"last_category": category})
+    
     snipd.customNotes = customNotes;
     (snipd.id = uuidv4()),
       saveSnipd(snipd).then(() => {
@@ -71,11 +73,10 @@ const Note = ({ snipd }) => {
   };
 
   const handleErrorClick = () => {
-    setErrorFlag(false);
-    setErrorMessage("");
+    setErrorFlag(false); setErrorMessage("");
   };
 
-  useEffect(() => {
+  useEffect(async () => {
     const fetchData = async () => {
       try {
         const categories = await fetchSnipdCategories();
@@ -85,9 +86,23 @@ const Note = ({ snipd }) => {
       }
     };
 
+    // chrome.storage.local.get("last_category", (data) => {
+    //   const last_category = data?.last_category
+    //   setCategory(last_category)
+
+    // });
+
     fetchData();
   }, []);
 
+  useEffect(() => {
+    chrome.storage.local.get("last_category", (data) => {
+      console.log(data)
+      const last_category = data?.last_category
+      setCategory(last_category)
+    });
+  }, []);
+
   return (
     <div className="container">
       <div className="card-content">