added getCloak() and added better error handling

- Added getCloak()
- Added Better error handling

Author: Thedogecraft

demo/docs.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/x-icon" href="cloaks/favicon.ico" />
     <title>Docs - Cloak.js</title>
+    <script src="../src/index.js" type=""></script>
     <meta
       name="description"
       content="Cloak js is a simple library that allows you to change the title and favicon of your webpage."
@@ -129,6 +130,26 @@ <h4 class="text-xl font-semibold">Example:</h4>
 </code>
                 </pre>
         </div>
+        <div class="bg-base-100 p-4 rounded-lg shadow-md mb-4">
+          <h3 class="text-2xl font-semibold">getCloak()</h3>
+          <p>
+            Retrieves the active cloak from <code>localStorage</code> and
+            returns the title and icon in an array format.
+          </p>
+          <h4 class="text-xl font-semibold">Example:</h4>
+          <pre class="bg-base-300 p-4 rounded-lg">
+<code>
+const [title, icon] = getCloak(); // Returns [title, icon]
+
+console.log(title); // Access the title
+console.log(icon);  // Access the icon
+</code>
+                </pre>
+          <p class="text-sm text-gray-500 mt-2">
+            Note: The <code>getCloak()</code> function will return an array with
+            the title and icon. Ensure you handle both values correctly.
+          </p>
+        </div>
       </section>
     </main>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcoil/cloak",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Tab Cloaking lib",
   "main": "src/index.js",
   "repository": {

src/index.js

@@ -2,31 +2,59 @@ const logo = "\x1b[91m[Parcoil Cloak]\x1b[0m";
 
 const cloak = {
   getFavicon() {
-    const icons = document.querySelectorAll('link[rel="icon"]');
-    return icons.length > 0 ? icons[0].href : null;
+    try {
+      const icons = document.querySelectorAll('link[rel="icon"]');
+      return icons.length > 0 ? icons[0].href : null;
+    } catch (err) {
+      console.error(logo, err);
+    }
   },
   setFavicon(url) {
-    const icons = document.querySelectorAll('link[rel="icon"]');
-    icons.forEach((icon) => (icon.href = url));
-    localStorage.setItem("cloakFavicon", url);
+    try {
+      const icons = document.querySelectorAll('link[rel="icon"]');
+      if (icons.length === 0) {
+        throw new Error("Favicon not found. Try adding rel='icon'");
+      }
+      icons.forEach((icon) => (icon.href = url));
+      localStorage.setItem("cloakFavicon", url);
+    } catch (err) {
+      console.error(logo, err);
+    }
   },
   getTitle() {
-    return document.title;
+    try {
+      return document.title;
+    } catch (err) {
+      console.error(logo, err);
+    }
   },
   setTitle(newTitle) {
-    document.title = newTitle;
-    localStorage.setItem("cloakTitle", newTitle);
+    try {
+      document.title = newTitle;
+      localStorage.setItem("cloakTitle", newTitle);
+    } catch (err) {
+      console.error(logo, err);
+    }
   },
   setCloak(newTitle, url) {
-    this.setTitle(newTitle);
-    this.setFavicon(url);
+    try {
+      this.setTitle(newTitle);
+      this.setFavicon(url);
+    } catch (err) {
+      console.error(logo, err);
+    }
   },
   init() {
     console.warn(
       logo,
       "cloak.init() has been deprecated. theres no need to call it anymore."
     );
   },
+  getCloak() {
+    const title = localStorage.getItem("cloakTitle");
+    const icon = localStorage.getItem("cloakFavicon");
+    return [title, icon];
+  },
   aboutBlank(url) {
     if (!url) url = "https://www.google.com/search?q=how+many+seconds+in+a+day";
     const newWindow = window.open();