ArcFox V2!

betterbrowser · Apr 22, 2023 · 9716d6a · 9716d6a
1 parent 5923742
commit 9716d6a
Show file tree

Hide file tree

Showing 14 changed files with 662 additions and 302 deletions.
diff --git a/core/manifest.json b/core/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "ArcFox",
-  "version": "1.3.6",
+  "version": "2.0.3",
   "description": "Make firefox flow like arc.",
   "icons": {
     "16": "icon.png",
@@ -10,20 +10,30 @@
   },
   "permissions": [
     "activeTab",
+    "bookmarks",
     "tabs"
   ],
   "background": {
-    "scripts": ["src/sidebar.js"]
+    "scripts": ["src/background.js"]
   },
   "browser_action": {
+    "default_title": "ArcFox",
     "default_icon": {
       "48": "icon.png"
     }
   },
+  "commands": {
+    "open-sidebar": {
+      "suggested_key": {
+        "default": "Alt+Q"
+      },
+      "description": "Open the extension sidebar"
+    }
+  },
   "sidebar_action": {
-    "default_panel": "src/sidebar.html",
+    "default_panel": "src/sidebar/sidebar.html",
     "default_icon": {
       "48": "icon.png"
     }
   }
-}
+}
diff --git a/core/src/background.js b/core/src/background.js
@@ -0,0 +1,6 @@
+// Called when the user presses Alt+Q
+function handleShortcut(command) {
+    browser.sidebarAction.open();
+}
+
+browser.commands.onCommand.addListener(handleShortcut);  
diff --git a/core/src/launch/launch.css b/core/src/launch/launch.css
diff --git a/core/src/launch/launch.html b/core/src/launch/launch.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>arcfox-core</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
+  </head>
+  <body>
+    <h1>Coming Soon</h1>
+    <script src="sidebar.js"></script>
+  </body>
+</html>
diff --git a/core/src/launch/launch.js b/core/src/launch/launch.js
diff --git a/core/src/library/library.css b/core/src/library/library.css
diff --git a/core/src/library/library.html b/core/src/library/library.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>arcfox-core</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
+  </head>
+  <body>
+    <h1>Coming Soon</h1>
+    <script src="sidebar.js"></script>
+  </body>
+</html>
diff --git a/core/src/library/library.js b/core/src/library/library.js
diff --git a/core/src/sidebar.js b/core/src/sidebar.js
diff --git a/core/src/sidebar.html → core/src/sidebar/sidebar.html b/core/src/sidebar.html → core/src/sidebar/sidebar.html
@@ -11,21 +11,27 @@
       <div id="sidebar-header">
         <div id="page-control">
           <div id="action-buttons">
-            <button id="close"><i class="fa-solid fa-circle-xmark"></i></button>
-            <button id="size"><i class="fa-solid fa-circle-stop"></i></button>
-            <button id="hide"><i class="fa-solid fa-circle-minus"></i></button>
+            <button id="close"><i class="fa-solid fa-circle"></i></button>
+            <button id="size"><i class="fa-solid fa-circle"></i></button>
+            <button id="hide"><i class="fa-solid fa-circle"></i></button>
           </div>
           <button id="back"><i class="fa-solid fa-arrow-left"></i></button>
           <button id="front"><i class="fa-solid fa-arrow-right"></i></button>
           <button id="refresh"><i class="fa-solid fa-rotate-right"></i></button>
         </div>
-        <input id="search-input" type="text" placeholder="Search...">
+        <div class="address-bar">
+          <input id="search-input" type="text" placeholder="Search...">
+        </div>
       </div>
       <div id="sidebar-content">
         <button id="new-tab-button">+  New Tab</button>
         <ul id="tab-list"></ul>
       </div>
     </div>
+    <div class="footer">
+      <button id="archive"><i class="fa-solid fa-box-archive"></i></button>
+      <button id="new"><i class="fa-solid fa-square-plus"></i></button>
+    </div>
     <script src="sidebar.js"></script>
   </body>
 </html>