chore: remove frontend changes

2026-05-03 08:58:09 +08:00 · 2025-12-30 10:19:40 +08:00
parent f55faae31b
commit 56c8221b3f
4921 changed files with 308906 additions and 230467 deletions
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx
@ -1,16 +1,16 @@
 'use client'
-import { useImperativeHandle } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import type { Dependency, GitHubItemAndMarketPlaceDependency, PackageDependency, Plugin, VersionInfo } from '../../../types'
-import MarketplaceItem from '../item/marketplace-item'
-import GithubItem from '../item/github-item'
-import { useFetchPluginsInMarketPlaceByInfo } from '@/service/use-plugins'
-import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
 import { produce } from 'immer'
-import PackageItem from '../item/package-item'
-import LoadingError from '../../base/loading-error'
+import * as React from 'react'
+import { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react'
+import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useFetchPluginsInMarketPlaceByInfo } from '@/service/use-plugins'
+import LoadingError from '../../base/loading-error'
 import { pluginInstallLimit } from '../../hooks/use-install-plugin-limit'
+import GithubItem from '../item/github-item'
+import MarketplaceItem from '../item/marketplace-item'
+import PackageItem from '../item/package-item'

 type Props = {
  allPlugins: Dependency[]
@ -229,15 +229,17 @@ const InstallByDSLList = ({
        }
        const plugin = plugins[index]
        if (d.type === 'github') {
-          return (<GithubItem
-            key={index}
-            checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
-            onCheckedChange={handleSelect(index)}
-            dependency={d as GitHubItemAndMarketPlaceDependency}
-            onFetchedPayload={handleGitHubPluginFetched(index)}
-            onFetchError={handleGitHubPluginFetchError(index)}
-            versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
-          />)
+          return (
+            <GithubItem
+              key={index}
+              checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
+              onCheckedChange={handleSelect(index)}
+              dependency={d as GitHubItemAndMarketPlaceDependency}
+              onFetchedPayload={handleGitHubPluginFetched(index)}
+              onFetchError={handleGitHubPluginFetchError(index)}
+              versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
+            />
+          )
        }

        if (d.type === 'marketplace') {
@ -264,8 +266,7 @@ const InstallByDSLList = ({
            versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
          />
        )
-      })
-      }
+      })}
    </>
  )
 }
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx
@ -1,27 +1,26 @@
 'use client'
 import type { FC } from 'react'
-import { useRef } from 'react'
-import React, { useCallback, useState } from 'react'
-import {
-  type Dependency,
-  type InstallStatus,
-  type InstallStatusResponse,
-  type Plugin,
-  TaskStatus,
-  type VersionInfo,
-} from '../../../types'
-import Button from '@/app/components/base/button'
-import { RiLoader2Line } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
+import type { Dependency, InstallStatus, InstallStatusResponse, Plugin, VersionInfo } from '../../../types'
 import type { ExposeRefs } from './install-multi'
-import InstallMulti from './install-multi'
-import { useInstallOrUpdate, usePluginTaskList } from '@/service/use-plugins'
-import useRefreshPluginList from '../../hooks/use-refresh-plugin-list'
+import { RiLoader2Line } from '@remixicon/react'
+import * as React from 'react'
+import { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
 import { useCanInstallPluginFromMarketplace } from '@/app/components/plugins/plugin-page/use-reference-setting'
 import { useMittContextSelector } from '@/context/mitt-context'
-import Checkbox from '@/app/components/base/checkbox'
+import { useInstallOrUpdate, usePluginTaskList } from '@/service/use-plugins'
+import {
+
+  TaskStatus,
+
+} from '../../../types'
 import checkTaskStatus from '../../base/check-task-status'
-const i18nPrefix = 'plugin.installModal'
+import useRefreshPluginList from '../../hooks/use-refresh-plugin-list'
+import InstallMulti from './install-multi'
+
+const i18nPrefix = 'installModal'

 type Props = {
  allPlugins: Dependency[]
@ -172,11 +171,11 @@ const Install: FC<Props> = ({
  const { canInstallPluginFromMarketplace } = useCanInstallPluginFromMarketplace()
  return (
    <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <div className='system-md-regular text-text-secondary'>
-          <p>{t(`${i18nPrefix}.${selectedPluginsNum > 1 ? 'readyToInstallPackages' : 'readyToInstallPackage'}`, { num: selectedPluginsNum })}</p>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <div className="system-md-regular text-text-secondary">
+          <p>{t(`${i18nPrefix}.${selectedPluginsNum > 1 ? 'readyToInstallPackages' : 'readyToInstallPackage'}`, { ns: 'plugin', num: selectedPluginsNum })}</p>
        </div>
-        <div className='w-full space-y-1 rounded-2xl bg-background-section-burn p-2'>
+        <div className="w-full space-y-1 rounded-2xl bg-background-section-burn p-2">
          <InstallMulti
            ref={installMultiRef}
            allPlugins={allPlugins}
@ -191,27 +190,29 @@ const Install: FC<Props> = ({
      </div>
      {/* Action Buttons */}
      {!isHideButton && (
-        <div className='flex items-center justify-between gap-2 self-stretch p-6 pt-5'>
-          <div className='px-2'>
-            {canInstall && <div className='flex items-center gap-x-2' onClick={handleClickSelectAll}>
-              <Checkbox checked={isSelectAll} indeterminate={isIndeterminate} />
-              <p className='system-sm-medium cursor-pointer text-text-secondary'>{isSelectAll ? t('common.operation.deSelectAll') : t('common.operation.selectAll')}</p>
-            </div>}
+        <div className="flex items-center justify-between gap-2 self-stretch p-6 pt-5">
+          <div className="px-2">
+            {canInstall && (
+              <div className="flex items-center gap-x-2" onClick={handleClickSelectAll}>
+                <Checkbox checked={isSelectAll} indeterminate={isIndeterminate} />
+                <p className="system-sm-medium cursor-pointer text-text-secondary">{isSelectAll ? t('operation.deSelectAll', { ns: 'common' }) : t('operation.selectAll', { ns: 'common' })}</p>
+              </div>
+            )}
          </div>
-          <div className='flex items-center justify-end gap-2 self-stretch'>
+          <div className="flex items-center justify-end gap-2 self-stretch">
            {!canInstall && (
-              <Button variant='secondary' className='min-w-[72px]' onClick={handleCancel}>
-                {t('common.operation.cancel')}
+              <Button variant="secondary" className="min-w-[72px]" onClick={handleCancel}>
+                {t('operation.cancel', { ns: 'common' })}
              </Button>
            )}
            <Button
-              variant='primary'
-              className='flex min-w-[72px] space-x-0.5'
+              variant="primary"
+              className="flex min-w-[72px] space-x-0.5"
              disabled={!canInstall || isInstalling || selectedPlugins.length === 0 || !canInstallPluginFromMarketplace}
              onClick={handleInstall}
            >
-              {isInstalling && <RiLoader2Line className='h-4 w-4 animate-spin-slow' />}
-              <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`)}</span>
+              {isInstalling && <RiLoader2Line className="h-4 w-4 animate-spin-slow" />}
+              <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`, { ns: 'plugin' })}</span>
            </Button>
          </div>
        </div>
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx
@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { InstallStatus, Plugin } from '../../../types'
-import Card from '@/app/components/plugins/card'
-import Button from '@/app/components/base/button'
+import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
-import useGetIcon from '../../base/use-get-icon'
+import Button from '@/app/components/base/button'
+import Card from '@/app/components/plugins/card'
 import { MARKETPLACE_API_PREFIX } from '@/config'
+import useGetIcon from '../../base/use-get-icon'

 type Props = {
  list: Plugin[]
@ -26,21 +26,21 @@ const Installed: FC<Props> = ({
  const { getIconUrl } = useGetIcon()
  return (
    <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
        {/* <p className='text-text-secondary system-md-regular'>{(isFailed && errMsg) ? errMsg : t(`plugin.installModal.${isFailed ? 'installFailedDesc' : 'installedSuccessfullyDesc'}`)}</p> */}
-        <div className='flex flex-wrap content-start items-start gap-1 space-y-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+        <div className="flex flex-wrap content-start items-start gap-1 space-y-1 self-stretch rounded-2xl bg-background-section-burn p-2">
          {list.map((plugin, index) => {
            return (
              <Card
                key={plugin.plugin_id}
-                className='w-full'
+                className="w-full"
                payload={{
                  ...plugin,
                  icon: installStatus[index].isFromMarketPlace ? `${MARKETPLACE_API_PREFIX}/plugins/${plugin.org}/${plugin.name}/icon` : getIconUrl(plugin.icon),
                }}
                installed={installStatus[index].success}
                installFailed={!installStatus[index].success}
-                titleLeft={plugin.version ? <Badge className='mx-1' size="s" state={BadgeState.Default}>{plugin.version}</Badge> : null}
+                titleLeft={plugin.version ? <Badge className="mx-1" size="s" state={BadgeState.Default}>{plugin.version}</Badge> : null}
              />
            )
          })}
@ -48,13 +48,13 @@ const Installed: FC<Props> = ({
      </div>
      {/* Action Buttons */}
      {!isHideButton && (
-        <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+        <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
          <Button
-            variant='primary'
-            className='min-w-[72px]'
+            variant="primary"
+            className="min-w-[72px]"
            onClick={onCancel}
          >
-            {t('common.operation.close')}
+            {t('operation.close', { ns: 'common' })}
          </Button>
        </div>
      )}