Move entrypoint to a separate folder

extension/package.json

@@ -4,8 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "build:service_worker": "tsc -p ./src/services/tsconfig.json && TYPE=service_worker vite build",
-    "build:content_script": "tsc && TYPE=content_script vite build",
+    "build:service_worker": "TYPE=service_worker vite build",
+    "build:content_script": "TYPE=content_script vite build",
     "build": "pnpm run \"/^build:.*/\"",
     "dev:build": "pnpm run build --mode development",
     "dev:prod": "pnpm run build && concurrently --kill-others \"pnpm run build --watch\"",

extension/public/manifest.json

@@ -14,7 +14,7 @@
   "permissions": ["scripting", "tabs"],
   "content_scripts": [
     {
-      "js": ["assets/index.js"],
+      "js": ["assets/content_script.js"],
       "css": ["assets/index.css"],
       "matches": ["https://leetcode.com/problems/*"],
       "run_at": "document_end"

extension/src/index.tsx → extension/src/main/content_script.tsx

@@ -1,9 +1,13 @@
+import RootNavigator from "@cb/components/navigator/RootNavigator";
+import { AppPanel } from "@cb/components/panel";
+import SessionProvider from "@cb/context/SessionProvider";
+import { WindowProvider } from "@cb/context/WindowProvider";
+import "@cb/style/index.css";
 import { generateId, waitForElement } from "@cb/utils";
 import React from "react";
 import { createRoot } from "react-dom/client";
 import "react-resizable/css/styles.css";
-import App from "./App";
-import "./style/index.css";
+import { Toaster } from "sonner";
 
 const TIME_OUT = 5000; // ms
 const LEETCODE_ROOT_ID = "#qd-content";
@@ -15,7 +19,22 @@ waitForElement(LEETCODE_ROOT_ID, TIME_OUT)
     leetCodeNode.insertAdjacentElement("afterend", extensionRoot);
     createRoot(extensionRoot).render(
       <React.StrictMode>
-        <App />
+        <WindowProvider>
+          <Toaster
+            richColors
+            expand
+            closeButton
+            visibleToasts={3}
+            toastOptions={{
+              duration: 5 * 1000,
+            }}
+          />
+          <AppPanel>
+            <SessionProvider>
+              <RootNavigator />
+            </SessionProvider>
+          </AppPanel>
+        </WindowProvider>
       </React.StrictMode>
     );
   })

extension/vite.config.ts

@@ -10,9 +10,9 @@ export default defineConfig(() => {
   // https://github.com/vitejs/vite/issues/12203
   const input =
     process.env.TYPE === "content_script"
-      ? "./src/index.tsx"
+      ? "./src/main/content_script.tsx"
       : process.env.TYPE === "service_worker"
-        ? "./src/services/background.ts"
+        ? "./src/main/service_worker/background.ts"
         : null;
   const devScriptHint = `./dist/${process.env.TYPE}`;