major rewrite in svelte. optimized core tab search, added sidebar wit…

…h vertical tabs organizer, * Scroll to and highlight the query on page, click result again,Resolve query against LLM search or Google

README.md

@@ -1,23 +1,46 @@
 ## in10search Tab Manager AI 
 
-- Horizontal Tabs in Browser Sidepanel with Search
+<p align="center">
+<a href="https://chromewebstore.google.com/detail/in10search/manhemnhmipdhdpabojcplebckhckeko?authuser=2&hl=en">
+<img src="https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/tbyBjqi7Zu733AAKA5n4.png" />
+</a>
+</p>
+
+* Horizontal Tabs in Browser Sidepanel 
+
+* Search Inside All Open Tabs Page Content
+
+* Scroll to and highlight the query on page
+
+* Resolve query against LLM search or Google
+
+
+### Screenshot 
+
+<img src="https://i.imgur.com/tpToRRB.png">
 
 
 ## Ideas for Future Development
 
 
-- Ask ChatGPT About Text Content of All Open Tabs
+* Ask ChatGPT about Text Content of All Open Tabs
+
+* Reader Mode to Extract main content text and cite 
+
+* Tree tab view and history view 
+
+* AI recommend [Tab Groups](https://developer.chrome.com/docs/extensions/reference/tabGroups/) (Chrome AI Experiments has similar) 
 
-- readability extract article, cite 
+* [Chrome Extensions API Docs](https://developer.chrome.com/docs/extensions/reference)
 
-- scroll and highlight the query words on result
+* Backup & close a read-it-later list
 
-- tree tab view and history view 
+* Voice Ask with Whisper in WebGPU to Search 
 
-- autogen suggested [Tab Groups](https://developer.chrome.com/docs/extensions/reference/tabGroups/)
+* Show current url & title when in full screen with sidebar
 
-- auto keywords generator and search query builder related keywords 
+* Search in text of recently closed history
 
-- backup & close a read-it-later list
+* Keywords generator and search query builder related keywords 
 
-- show current url & title when full screen
+* Crowdsourced bookmarking of topic outlines 

package.json

@@ -1,28 +1,31 @@
 {
-    "name": "in10search-chrome",
-    "version": "4.0.0",
-    "type": "module",
-    "scripts": {
-        "dev": "vite",
-        "build": "vite build",
-        "check": "svelte-check --tsconfig ./tsconfig.json"
-    },
-    "devDependencies": {
-        "@crxjs/vite-plugin": "^2.0.0-beta.19",
-        "@sveltejs/vite-plugin-svelte": "^2.4.6",
-        "@tsconfig/svelte": "^5.0.2",
-        "@types/chrome": "^0.0.243",
-        "svelte": "^4.2.2",
-        "svelte-check": "^3.5.2",
-        "svelte-preprocess": "^5.0.4",
-        "tslib": "^2.6.2",
-        "typescript": "^5.2.2",
-        "vite": "^4.5.0"
-    },
-    "dependencies": {
-        "@editorjs/editorjs": "^2.28.2",
-        "@editorjs/underline": "^1.1.0",
-        "editorjs-drag-drop": "^1.1.13",
-        "editorjs-undo": "^2.0.24"
-    }
+  "name": "in10search-chrome",
+  "version": "4.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "check": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "devDependencies": {
+    "@crxjs/vite-plugin": "2.0.0-beta.23",
+    "@skeletonlabs/skeleton": "^2.9.2",
+    "@skeletonlabs/tw-plugin": "^0.4.0",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tsconfig/svelte": "^5.0.4",
+    "@types/chrome": "^0.0.267",
+    "@types/node": "^20.12.10",
+    "autoprefixer": "^10.4.19",
+    "daisyui": "^4.10.5",
+    "postcss": "^8.4.38",
+    "postcss-load-config": "^5.1.0",
+    "svelte": "^4.2.15",
+    "svelte-check": "^3.7.1",
+    "svelte-preprocess": "^5.1.4",
+    "tailwindcss": "^3.4.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11"
+  }
 }

postcss.config.cjs

@@ -0,0 +1,13 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+
+const config = {
+  plugins: [
+    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
+    tailwindcss(),
+    //But others, like autoprefixer, need to run after,
+    autoprefixer,
+  ],
+};
+
+module.exports = config;

src/manifest.config.ts

@@ -1,15 +1,15 @@
 import { defineManifest } from "@crxjs/vite-plugin";
 import packageJson from "../package.json";
 
-const { version, name, description } = packageJson;
+const { version, name } = packageJson;
 
 // Convert from Semver (example: 0.1.0-beta6)
 const [major, minor, patch] = version
   .replace(/[^\d.-]+/g, "").split(/[.-]/);
 
 export default defineManifest(async (env) => ({
     "manifest_version": 3,
-    "name": "Tab Organizer AI",
+    "name": "Tab Manager AI",
     version: `${major}.${minor}.${patch}`,
     version_name: version,
     "description": "Tab Manager AI  - Browser Sidebar - Search Text Content of All Open Tabs",
@@ -35,7 +35,14 @@ export default defineManifest(async (env) => ({
         "48": "src/assets/icons/icon-48.png",
         "128": "src/assets/icons/icon-128.png"
     },
-
+    "commands": {
+        "_execute_action": {
+            "suggested_key": {
+            "default": "Ctrl+Q",
+            "mac": "Command+B"
+            }
+        }
+    },  
     "content_scripts": [ {
         "matches": ["<all_urls>"],
         "js": ["src/pages/content/index.ts"]

src/pages/content/index.ts

@@ -1,6 +1,11 @@
 
 
 
+console.log("inputSearchbg");
+
+    // document.querySelector("textarea[name='q']").value = "searchText";
+
+
 
 // window.addEventListener("keydown", onKeyDown, false);
 

src/pages/sidepanel/app.pcss

@@ -0,0 +1,4 @@
+/* Write your global styles here, in PostCSS syntax */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/pages/sidepanel/index.ts

@@ -1,9 +1,11 @@
 import Main from '../../tabsearch/Main.svelte';
 
+import "tailwindcss/tailwind.css";
+import "./app.pcss";
+
 function restoreMain() {
   const app = new Main({
     target: document.body,
-    props: { context: 'popup' },
   });
 }