chore: update for lint

unit-mesh · Feb 2, 2024 · 9fcbb5a · 9fcbb5a
1 parent b271e12
commit 9fcbb5a
Show file tree

Hide file tree

Showing 4 changed files with 180 additions and 164 deletions.
diff --git a/src/components/templates/Hero.tsx b/src/components/templates/Hero.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'react-i18next';
 
 import { Background } from '@/components/background/Background';
 import { Button } from '@/components/button/Button';
@@ -12,37 +12,39 @@ import { Logo } from './Logo';
 const Hero = function () {
  const { t } = useTranslation();
 
- return <Background color="">
- <Section yPadding="py-6">
- <NavbarTwoColumns logo={<Logo xl/>}>
- <li>
- <Link href="https://github.com/unit-mesh">GitHub</Link>
- </li>
- </NavbarTwoColumns>
- </Section>
+ return (
+ <Background color="">
+ <Section yPadding="py-6">
+ <NavbarTwoColumns logo={<Logo xl />}>
+ <li>
+ <Link href="https://github.com/unit-mesh">GitHub</Link>
+ </li>
+ </NavbarTwoColumns>
+ </Section>
 
- <Section yPadding="pt-20 pb-32">
- <HeroOneButton
- title={
- <>
- <>{ t('AI4SDLC') + '\n' }</>
- <span className="text-primary-500">{t('OS Solution')}</span>
- </>
- }
- description="Unveiling Next-Gen Software Enginneering: Pioneering Architectural Paradigms with GenAI"
- button={
- <>
- <Link
- target="_blank"
- href="https://raw.githubusercontent.com/unit-mesh/whitebook/master/2023-whitebook.pdf"
- >
- <Button xl>{t('Download White Paper')}</Button>
- </Link>
- </>
- }
- />
- </Section>
- </Background>;
+ <Section yPadding="pt-20 pb-32">
+ <HeroOneButton
+ title={
+ <>
+ <>{`${t('AI4SDLC')}\n`}</>
+ <span className="text-primary-500">{t('OS Solution')}</span>
+ </>
+ }
+ description="Unveiling Next-Gen Software Enginneering: Pioneering Architectural Paradigms with GenAI"
+ button={
+ <>
+ <Link
+ target="_blank"
+ href="https://raw.githubusercontent.com/unit-mesh/whitebook/master/2023-whitebook.pdf"
+ >
+ <Button xl>{t('Download White Paper')}</Button>
+ </Link>
+ </>
+ }
+ />
+ </Section>
+ </Background>
+ );
 };
 
 export { Hero };
diff --git a/src/components/templates/VerticalFeatures.tsx b/src/components/templates/VerticalFeatures.tsx
@@ -1,92 +1,93 @@
+import { useTranslation } from 'react-i18next';
+
 import { VerticalFeatureRow } from '@/components/feature/VerticalFeatureRow';
 import { Section } from '@/layout/Section';
-import { useTranslation } from "react-i18next";
 
 function Overview() {
- return <img width={'100%'} src={`/overview.svg`} alt="overview"/>;
+ return <img width={'100%'} src={`/overview.svg`} alt="overview" />;
 }
 
 const VerticalFeatures = () => {
- const { t } = useTranslation();
+ const { t } = useTranslation();
 
- return (
- <Section
- title={t('E2E open source AI4SDLC')}
- description={t('Build NG AI4SE')}
- >
- <Overview/>
- <VerticalFeatureRow
- title="AI 编码助手"
- description="AutoDev 是一个高度自定义、上下文感知的 AI 编程插件。借助我们丰富的软件工程、静态代码分析经验，可以生成精准的代码、测
+ return (
+ <Section
+ title={t('E2E open source AI4SDLC')}
+ description={t('Build NG AI4SE')}
+ >
+ <Overview />
+ <VerticalFeatureRow
+ title="AI 编码助手"
+ description="AutoDev 是一个高度自定义、上下文感知的 AI 编程插件。借助我们丰富的软件工程、静态代码分析经验，可以生成精准的代码、测
  试用例、文档，并实现 Unit（单元）粒度的 AutoPage、AutoSQL 精准生成。你还可以将 AutoDev 接入您的需求系统，以使用 AutoCRUD 等 AI Agent。"
- image="/assets/images/autodev-overview.svg"
- imageAlt="AutoDev Architecture"
- projectLink="https://github.com/unit-mesh/auto-dev"
- demoVideo="https://www.bilibili.com/video/BV1yV4y1i74c/"
- docLink="https://ide.unitmesh.cc"
- />
- <VerticalFeatureRow
- title="智能应用开发框架"
- description="Chocolate Factory 是一个面向软件研发场景的 LLM 应用开发框架，旨在帮助您轻松打造强大的软件开发 SDLC + LLM 生成助手。其内置
+ image="/assets/images/autodev-overview.svg"
+ imageAlt="AutoDev Architecture"
+ projectLink="https://github.com/unit-mesh/auto-dev"
+ demoVideo="https://www.bilibili.com/video/BV1yV4y1i74c/"
+ docLink="https://ide.unitmesh.cc"
+ />
+ <VerticalFeatureRow
+ title="智能应用开发框架"
+ description="Chocolate Factory 是一个面向软件研发场景的 LLM 应用开发框架，旨在帮助您轻松打造强大的软件开发 SDLC + LLM 生成助手。其内置
  了大量软件研发场景所需要的模块，如静态代码分析、版本管理、代码语义化切分等。"
- image="/assets/images/chocolate-factory.svg"
- imageAlt="Chocolate Factory Architecture diagram"
- projectLink="https://github.com/unit-mesh/chocolate-factory"
- demoVideo="https://www.bilibili.com/video/BV1T14y1C7p2/"
- docLink="https://framework.unitmesh.cc"
- reverse
- />
- <VerticalFeatureRow
- title="AI 文本编程器"
- description="Studio B3 是一个为内容创作设计的 AI 文本编辑器（React），适用于各种文本编程场景，如测试用例、博客、文章、用户故事等。"
- image="/assets/images/b3-architecture.svg"
- projectLink="https://github.com/unit-mesh/b3"
- demoVideo="https://www.bilibili.com/video/BV1E64y1j7hJ/"
- imageAlt="Studio B3"
- />
- <VerticalFeatureRow
- title="高质量模型微调数据框架"
- description="UnitGen 是一个用于生成微调代码指令的数据框架。结合静态代码分析与内置的质量控制流水线，可以直接从你的代码库中生成高质量微调数据：代码补全、测试生成、文档生成等。"
- image="/assets/images/unit-gen.svg"
- imageAlt="UnitGen Architecture diagram"
- projectLink="https://github.com/unit-mesh/unit-gen"
- demoVideo="https://www.bilibili.com/video/BV1si4y1h7Vw/"
- docLink="https://gen.unitmesh.cc"
- reverse
- />
- <VerticalFeatureRow
- title="架构师 AI 助手"
- description="ArchGuard Co-mate 一个 AI 辅助的架构师治理助手，结合 ArchGuard 架构治理平台扩展，支持包括本地语义分析、动态上下文收集API、架构规范检查等场景傅。"
- image="/assets/images/co-mate-overview.svg"
- imageAlt="UnitGen Architecture diagram"
- projectLink="https://github.com/unit-mesh/co-mate"
- demoVideo="https://www.bilibili.com/video/BV1aT4y1b7mq/"
- />
- <VerticalFeatureRow
- title="虚拟团队接口人"
- description="CoUnit 是一个基于 LLM 的虚拟团队接口人（API），通过向量化文档、知识库、SDK和 API 等，结合 LLM 智能化团队间对接与协作。"
- image="/assets/images/co-unit.svg"
- imageAlt="CoUnit Architecture diagram"
- projectLink="https://github.com/unit-mesh/co-unit"
- reverse
- />
- <VerticalFeatureRow
- title="移动设备智能"
- description="EdgeInfer 旨在资源受限的设备上运行小型 AI 模型（包括向量化和 Onnx 模型），如 Android、iOS 或 MCUs，实现高效的边缘智能，用于实时决策。"
- image="/assets/images/edge-infer.svg"
- imageAlt="EdgeInfer Architecture diagram"
- projectLink="https://github.com/unit-mesh/edge-infer"
- />
- <VerticalFeatureRow
- title="微调模型 AutoDev Coder"
- description="AutoDev Coder 是一个面向 AutoDev 插件的微調模型。通过结合 UnitGen 微调数据框架，构建适用于 AutoDev 的微调模型。"
- image="/assets/images/autodev-coder.svg"
- imageAlt="AutoDev Coder"
- projectLink="https://huggingface.co/unit-mesh"
- reverse
- />
- </Section>
- );
+ image="/assets/images/chocolate-factory.svg"
+ imageAlt="Chocolate Factory Architecture diagram"
+ projectLink="https://github.com/unit-mesh/chocolate-factory"
+ demoVideo="https://www.bilibili.com/video/BV1T14y1C7p2/"
+ docLink="https://framework.unitmesh.cc"
+ reverse
+ />
+ <VerticalFeatureRow
+ title="AI 文本编程器"
+ description="Studio B3 是一个为内容创作设计的 AI 文本编辑器（React），适用于各种文本编程场景，如测试用例、博客、文章、用户故事等。"
+ image="/assets/images/b3-architecture.svg"
+ projectLink="https://github.com/unit-mesh/b3"
+ demoVideo="https://www.bilibili.com/video/BV1E64y1j7hJ/"
+ imageAlt="Studio B3"
+ />
+ <VerticalFeatureRow
+ title="高质量模型微调数据框架"
+ description="UnitGen 是一个用于生成微调代码指令的数据框架。结合静态代码分析与内置的质量控制流水线，可以直接从你的代码库中生成高质量微调数据：代码补全、测试生成、文档生成等。"
+ image="/assets/images/unit-gen.svg"
+ imageAlt="UnitGen Architecture diagram"
+ projectLink="https://github.com/unit-mesh/unit-gen"
+ demoVideo="https://www.bilibili.com/video/BV1si4y1h7Vw/"
+ docLink="https://gen.unitmesh.cc"
+ reverse
+ />
+ <VerticalFeatureRow
+ title="架构师 AI 助手"
+ description="ArchGuard Co-mate 一个 AI 辅助的架构师治理助手，结合 ArchGuard 架构治理平台扩展，支持包括本地语义分析、动态上下文收集API、架构规范检查等场景傅。"
+ image="/assets/images/co-mate-overview.svg"
+ imageAlt="UnitGen Architecture diagram"
+ projectLink="https://github.com/unit-mesh/co-mate"
+ demoVideo="https://www.bilibili.com/video/BV1aT4y1b7mq/"
+ />
+ <VerticalFeatureRow
+ title="虚拟团队接口人"
+ description="CoUnit 是一个基于 LLM 的虚拟团队接口人（API），通过向量化文档、知识库、SDK和 API 等，结合 LLM 智能化团队间对接与协作。"
+ image="/assets/images/co-unit.svg"
+ imageAlt="CoUnit Architecture diagram"
+ projectLink="https://github.com/unit-mesh/co-unit"
+ reverse
+ />
+ <VerticalFeatureRow
+ title="移动设备智能"
+ description="EdgeInfer 旨在资源受限的设备上运行小型 AI 模型（包括向量化和 Onnx 模型），如 Android、iOS 或 MCUs，实现高效的边缘智能，用于实时决策。"
+ image="/assets/images/edge-infer.svg"
+ imageAlt="EdgeInfer Architecture diagram"
+ projectLink="https://github.com/unit-mesh/edge-infer"
+ />
+ <VerticalFeatureRow
+ title="微调模型 AutoDev Coder"
+ description="AutoDev Coder 是一个面向 AutoDev 插件的微調模型。通过结合 UnitGen 微调数据框架，构建适用于 AutoDev 的微调模型。"
+ image="/assets/images/autodev-coder.svg"
+ imageAlt="AutoDev Coder"
+ projectLink="https://huggingface.co/unit-mesh"
+ reverse
+ />
+ </Section>
+ );
 };
 
 export { VerticalFeatures };
diff --git a/src/i18n/i18n.ts b/src/i18n/i18n.ts
@@ -1,53 +1,56 @@
-import i18n from 'i18next'
-import { initReactI18next } from 'react-i18next'
-import LanguageDetector from 'i18next-browser-languagedetector'
+import i18n from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
 
 // the translations
 // (tip move them in a JSON file and import them,
 // or even better, manage them separated from your code: https://react.i18next.com/guides/multiple-translation-files)
 const resources = {
- zh: {
- translation: {
- 'AI4SDLC': '生成式 AI 赋能软件研发',
- 'OS Solution': '开源解决方案',
- 'Download White Paper': '下载《UnitMesh 技术白皮书》',
- // 端到端的开源 AI 赋能软件研发全流程
- 'E2E open source AI4SDLC': '端到端的开源 AI 赋能软件研发全流程',
- // 构建下一代软件生成式应用开发范式
- 'Build NG AI4SE': '构建下一代软件生成式应用开发范式',
- // AI 编码助手
- 'AI-Assistant Development': 'AI 编码助手',
- }
- },
- 'en-US': {
- translation: {
- 'AI4SDLC': 'AI Empowered Software Development',
- 'OS Solution': 'Open Source Solution',
- 'Download White Paper': 'Download White Paper of UnitMesh Technology',
- 'E2E open source AI4SDLC': 'End-to-end open source AI4SDLC',
- 'Build NG AI4SE': 'Build next-gen AI4SDLC',
- 'AI-Assistant Development': 'AI-Assistant Development',
- }
- },
-}
+ zh: {
+ translation: {
+ AI4SDLC: '生成式 AI 赋能软件研发',
+ 'OS Solution': '开源解决方案',
+ 'Download White Paper': '下载《UnitMesh 技术白皮书》',
+ // 端到端的开源 AI 赋能软件研发全流程
+ 'E2E open source AI4SDLC': '端到端的开源 AI 赋能软件研发全流程',
+ // 构建下一代软件生成式应用开发范式
+ 'Build NG AI4SE': '构建下一代软件生成式应用开发范式',
+ // AI 编码助手
+ 'AI-Assistant Development': 'AI 编码助手',
+ },
+ },
+ 'en-US': {
+ translation: {
+ AI4SDLC: 'AI Empowered Software Development',
+ 'OS Solution': 'Open Source Solution',
+ 'Download White Paper': 'Download White Paper of UnitMesh Technology',
+ 'E2E open source AI4SDLC': 'End-to-end open source AI4SDLC',
+ 'Build NG AI4SE': 'Build next-gen AI4SDLC',
+ 'AI-Assistant Development': 'AI-Assistant Development',
+ },
+ },
+};
 
 i18n
- .use(initReactI18next) // passes i18n down to react-i18next
- .use(LanguageDetector)
- .init({
- resources,
- fallbackLng: 'en-US',
- // debug: true,
- lng: 'zh', // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
- // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
- // if you're using a language detector, do not define the lng option
+ .use(initReactI18next) // passes i18n down to react-i18next
+ .use(LanguageDetector)
+ .init(
+ {
+ resources,
+ fallbackLng: 'en-US',
+ // debug: true,
+ lng: 'zh', // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
+ // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
+ // if you're using a language detector, do not define the lng option
 
- interpolation: {
- escapeValue: false // react already safes from xss
- }
- }, (err) => {
- if (err) return console.log('something went wrong loading', err)
- console.log('i18n loaded successfully')
- })
+ interpolation: {
+ escapeValue: false, // react already safes from xss
+ },
+ },
+ (err) => {
+ if (err) return console.log('something went wrong loading', err);
+ console.log('i18n loaded successfully');
+ },
+ );
 
-export default i18n
+export default i18n;