feat: add gitee star feature (#959)

* first

* feat: add gitee star

* fix

* fix

* fix

* feat: add gitee Activity & OpenRank Trends

* feat: gitee pr feature (#955)

* feat: add gitee issue feature (#956)

* feat: add gitee issue feature

* fix

* fix

* feat: add gitee fork (#960)

* feat: add gitee percetor (#964)

* feat: add gitee percetor

* update

* feat: add repo Activity & OpenRank Trends (#965)

* fix

src/pages/ContentScripts/components/GiteeNativePopover.tsx

@@ -44,7 +44,7 @@ export const GiteeNativePopover = ({
           $popoverContent.css('padding', '10px 5px');
           $popoverContent.css('width', width);
           $popoverContainer.css({
-            top: `${top + anchorHeight + 10}px`,
+            top: `${top + anchorHeight}px`,
             left: `${left - (width - anchorWidth) / 2}px`,
             display: 'block',
             transform: `translate3d(0, 0, 0)`,

src/pages/ContentScripts/features/repo-star-tooltip/gitee-index.tsx

@@ -0,0 +1,44 @@
+import features from '../../../../feature-manager';
+import View from './view';
+import elementReady from 'element-ready';
+import { getRepoName, hasRepoContainerHeader, isPublicRepoWithMeta } from '../../../../helpers/get-gitee-repo-info';
+import { getStars } from '../../../../api/repo';
+import { RepoMeta, metaStore } from '../../../../api/common';
+import { createRoot } from 'react-dom/client';
+import React from 'react';
+import $ from 'jquery';
+import { getPlatform } from '../../../../helpers/get-platform';
+import isGitee from '../../../../helpers/is-gitee';
+import { GiteeNativePopover } from '../../components/GiteeNativePopover';
+const featureId = features.getFeatureID(import.meta.url);
+let repoName: string;
+let stars: any;
+let meta: RepoMeta;
+let platform: string;
+const getData = async () => {
+  stars = await getStars(platform, repoName);
+  meta = (await metaStore.get(platform, repoName)) as RepoMeta;
+};
+
+const init = async (): Promise<void> => {
+  platform = getPlatform();
+  repoName = getRepoName();
+  await getData();
+
+  await elementReady('.star-container .button');
+  const $starButtons = $('.star-container');
+  const placeholderElement = $('<div class="NativePopover" />').appendTo('body')[0];
+  createRoot(placeholderElement).render(
+    <GiteeNativePopover anchor={$starButtons} width={280} arrowPosition="bottom">
+      <View stars={stars} meta={meta} />
+    </GiteeNativePopover>
+  );
+};
+const restore = async () => {};
+
+features.add(featureId, {
+  asLongAs: [isGitee, isPublicRepoWithMeta, hasRepoContainerHeader],
+  awaitDomReady: false,
+  init,
+  restore,
+});

src/pages/ContentScripts/features/repo-star-tooltip/view.tsx

@@ -7,8 +7,8 @@ import { RepoMeta } from '../../../../api/common';
 import TooltipTrigger from '../../../../components/TooltipTrigger';
 import { useTranslation } from 'react-i18next';
 import '../../../../helpers/i18n';
-
-const githubTheme = getGithubTheme();
+import isGithub from '../../../../helpers/is-github';
+const theme = isGithub() ? getGithubTheme() : 'light';
 
 interface Props {
   stars: any;
@@ -43,7 +43,7 @@ const View = ({ stars, meta }: Props): JSX.Element | null => {
       </div>
 
       <StarChart
-        theme={githubTheme as 'light' | 'dark'}
+        theme={theme as 'light' | 'dark'}
         width={270}
         height={130}
         data={generateDataByMonth(stars, meta.updatedAt)}

src/pages/ContentScripts/index.ts

@@ -1,27 +1,28 @@
 import './index.scss';
 
 import './features/repo-activity-openrank-trends';
-import './features/repo-activity-openrank-trends/gitee-index.tsx';
+import './features/repo-activity-openrank-trends/gitee-index';
 import './features/developer-activity-openrank-trends';
 import './features/developer-activity-openrank-trends/gitee-index';
 import './features/repo-header-labels';
-import './features/repo-header-labels/gitee-index.tsx';
+import './features/repo-header-labels/gitee-index';
 import './features/repo-fork-tooltip';
-import './features/repo-fork-tooltip/gitee-index.tsx';
+import './features/repo-fork-tooltip/gitee-index';
 import './features/repo-star-tooltip';
+import './features/repo-star-tooltip/gitee-index';
 import './features/repo-pr-tooltip';
-import './features/repo-pr-tooltip/gitee-index.tsx';
+import './features/repo-pr-tooltip/gitee-index';
 import './features/repo-issue-tooltip';
-import './features/repo-issue-tooltip/gitee-index.tsx';
+import './features/repo-issue-tooltip/gitee-index';
 import './features/perceptor-tab';
-import './features/perceptor-tab/gitee-index.tsx';
+import './features/perceptor-tab/gitee-index';
 import './features/perceptor-layout';
-import './features/perceptor-layout/gitee-index.tsx';
+import './features/perceptor-layout/gitee-index';
 import './features/repo-networks';
 import './features/developer-networks';
 import './features/oss-gpt';
 import './features/repo-activity-racing-bar';
-import './features/repo-activity-racing-bar/gitee-index.tsx';
+import './features/repo-activity-racing-bar/gitee-index';
 import './features/developer-hovercard-info';
 import './features/repo-sidebar-labels';
 import './features/fast-pr';