From c8a9e1c395a2d9e4884309dca92106a04de8b133 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sun, 13 Jul 2025 05:30:45 +0000 Subject: [PATCH] feat: convert to side panel extension - I modified manifest.config.ts to use app.html for the side panel. - I removed unused sidepanel.html and src/app/sidepanel.tsx files. --- manifest.config.ts | 2 +- sidepanel.html | 13 ------------- src/app/sidepanel.tsx | 44 ------------------------------------------- 3 files changed, 1 insertion(+), 58 deletions(-) delete mode 100644 sidepanel.html delete mode 100644 src/app/sidepanel.tsx diff --git a/manifest.config.ts b/manifest.config.ts index 1d162b91b..84bddee39 100644 --- a/manifest.config.ts +++ b/manifest.config.ts @@ -48,7 +48,7 @@ export default defineManifest(async () => { }, }, side_panel: { - default_path: 'sidepanel.html', + default_path: 'app.html', }, declarative_net_request: { rule_resources: [ diff --git a/sidepanel.html b/sidepanel.html deleted file mode 100644 index c862e60d7..000000000 --- a/sidepanel.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - ChatHub - - - -
- - - diff --git a/src/app/sidepanel.tsx b/src/app/sidepanel.tsx deleted file mode 100644 index 9a15f3bcb..000000000 --- a/src/app/sidepanel.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { useCallback } from 'react' -import { createRoot } from 'react-dom/client' -import { useTranslation } from 'react-i18next' -import Browser from 'webextension-polyfill' -import premiumIcon from '~/assets/icons/premium.svg' -import Button from './components/Button' -import { usePremium } from './hooks/use-premium' -import './i18n' -import SidePanelPage from './pages/SidePanelPage' -import { trackEvent } from './plausible' -import './base.scss' -import './sidepanel.css' - -function PremiumOnly() { - const { t } = useTranslation() - - const openPremiumPage = useCallback(() => { - trackEvent('open_premium_from_sidepanel') - window.open(Browser.runtime.getURL('app.html#/premium?source=sidepanel'), '_blank') - }, []) - - return ( -
- -
{t('Premium Feature')}
-
- ) -} - -function SidePanelApp() { - const premiumState = usePremium() - if (premiumState.isLoading) { - return null - } - if (premiumState.activated) { - return - } - return -} - -const container = document.getElementById('app')! -const root = createRoot(container) -root.render()