13 | (
19 |
20 | {children}
21 |
22 | ),
23 | }}
24 | />
25 |
26 | );
27 | };
28 |
29 | export default MarkdownPreview;
30 |
--------------------------------------------------------------------------------
/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
1 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
2 |
3 | function Collapsible({
4 | ...props
5 | }: React.ComponentProps
7 | 
12 |
13 | );
14 |
15 | const LazyAppContent = lazy(() => import("./AppContent"));
16 |
17 | function App() {
18 | return (
19 |
12 |
15 |
26 | {["light", "dark", "dim", "system"].map((value) => (
27 |
38 | ))}
39 |
40 |
41 | );
42 | };
43 |
44 | export default ThemeSection;
45 |
--------------------------------------------------------------------------------
/src/routes/settings/KeyboardShortcutsSection.tsx:
--------------------------------------------------------------------------------
1 | import { Label } from "@/components/ui/label";
2 | import { useTranslation } from "react-i18next";
3 |
4 | const KeyboardShortcutsSection = () => {
5 | const { t } = useTranslation();
6 |
7 | return (
8 |
16 |
21 | {t("theme")}
17 |18 | {t("chooseYourPreferredAppearance")} 19 |
20 |
9 |
39 | );
40 | };
41 |
42 | export default KeyboardShortcutsSection;
43 |
--------------------------------------------------------------------------------
/src/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
5 | import CircleIcon from "lucide-react/dist/esm/icons/circle";
6 |
7 | import { cn } from "@/lib/utils";
8 |
9 | function RadioGroup({
10 | className,
11 | ...props
12 | }: React.ComponentProps
10 |
15 | {t("keyboardShortcuts")}
11 |12 | {t("viewCommonKeyboardShortcuts")} 13 |
14 |
16 | {[
17 | { label: t("saveSnippet"), shortcut: "Ctrl + S" },
18 | { label: t("createNewSnippet"), shortcut: "Ctrl + N" },
19 | { label: t("toggleSidebar"), shortcut: "Ctrl + B" },
20 | { label: t("searchSnippets"), shortcut: "Ctrl + K" },
21 | { label: t("previewCode"), shortcut: "Ctrl + P" },
22 | { label: t("openSettings"), shortcut: "Ctrl + Comma" },
23 | { label: t("formatCode"), shortcut: "Ctrl + Shift + I" },
24 | { label: t("undo"), shortcut: "Ctrl + Z" },
25 | { label: t("redo"), shortcut: "Ctrl + Y" },
26 | ].map(({ label, shortcut }) => (
27 |
38 |
31 |
32 |
36 | ))}
37 |
33 | {shortcut}
34 |
35 |
47 |
49 | )}
50 | {children}
60 |
59 | {char}
60 | {hasFakeCaret && (
61 |
66 | );
67 | }
68 |
69 | function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
70 | return (
71 |
62 |
63 |
64 | )}
65 |
72 |
74 | );
75 | }
76 |
77 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
78 |
--------------------------------------------------------------------------------
/src/components/ui/table.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | function Table({ className, ...props }: React.ComponentProps<"table">) {
6 | return (
7 |
11 |
16 |
17 | )
18 | }
19 |
20 | function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
21 | return (
22 |
27 | )
28 | }
29 |
30 | function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
31 | return (
32 |
37 | )
38 | }
39 |
40 | function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
41 | return (
42 | tr]:last:border-b-0",
46 | className
47 | )}
48 | {...props}
49 | />
50 | )
51 | }
52 |
53 | function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
54 | return (
55 |
39 |
46 |
47 |
57 |
58 |
59 |
60 |
62 | {t("noLanguageFound")}
63 |
64 | {availableLanguages.map((l) => (
65 | {
69 | setAppLanguage(l.code);
70 | i18n.changeLanguage(l.code);
71 | setOpen(false);
72 | }}
73 | >
74 | {l.name}
75 |
82 | ))}
83 |
84 |
85 |
86 |
87 |
88 |
89 | );
90 | };
91 |
92 | export default LanguageSection;
93 |
--------------------------------------------------------------------------------
/public/locales/zh/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "新代码片段",
4 | "filename": "文件名",
5 | "selectLanguage": "选择语言...",
6 | "save": "保存",
7 | "saving": "正在保存...",
8 | "hidePreview": "隐藏预览",
9 | "showPreview": "显示预览",
10 | "noPreview": "无预览",
11 | "toggleSidebar": "切换侧边栏",
12 | "typeToSearch": "输入以搜索代码片段...",
13 | "noSnippetsFound": "未找到代码片段。",
14 | "copy": "复制",
15 | "delete": "删除",
16 | "settings": "设置",
17 | "backToEditor": "返回编辑器",
18 | "customizeYourExperience": "自定义您的 CodeQuill 体验",
19 | "theme": "主题",
20 | "chooseYourPreferredAppearance": "选择您喜欢的应用外观",
21 | "defaultLanguage": "默认语言",
22 | "defaultProgrammingLanguage": "新代码片段的默认编程语言",
23 | "keyboardShortcuts": "键盘快捷键",
24 | "viewCommonKeyboardShortcuts": "查看常用键盘快捷键",
25 | "saveSnippet": "保存代码片段",
26 | "createNewSnippet": "创建新代码片段",
27 | "searchSnippets": "搜索代码片段",
28 | "previewCode": "预览代码",
29 | "openSettings": "打开设置",
30 | "formatCode": "格式化代码",
31 | "undo": "撤销",
32 | "redo": "重做",
33 | "appInfo": "应用信息",
34 | "informationAboutCodeQuill": "关于 CodeQuill 的信息",
35 | "version": "版本",
36 | "installedVersion": "已安装版本",
37 | "license": "许可证",
38 | "openSource": "开源",
39 | "createdBy": "创建者",
40 | "sourceCode": "源代码",
41 | "reportIssue": "报告问题",
42 | "dependencies": "依赖项",
43 | "librariesUsed": "CodeQuill 使用的库",
44 | "production": "生产环境",
45 | "librariesBundled": "生产构建中捆绑的库",
46 | "development": "开发环境",
47 | "librariesUsedDevelopment": "CodeQuill 开发中使用的库",
48 | "productionDependencies": "生产依赖项",
49 | "developmentDependencies": "开发依赖项",
50 | "deleteThisSnippet": "删除这个代码片段？",
51 | "thisActionCannotBeUndone": "此操作无法撤销。这将永久删除该代码片段。",
52 | "cancel": "取消",
53 | "deleting": "正在删除...",
54 | "newSnippetSaved": "新代码片段已保存！",
55 | "snippetSavedSuccessfully": "代码片段保存成功！",
56 | "snippetCopiedToClipboard": "代码片段已复制到剪贴板",
57 | "snippetDeletedSuccessfully": "代码片段删除成功！",
58 | "untitled": "未命名",
59 | "youDonTHaveAnySnippets": "你还没有任何代码片段。现在创建一个吧！",
60 | "createNow": "立即创建！",
61 | "morePages": "更多页面",
62 | "previous": "上一页",
63 | "next": "下一页",
64 | "close": "关闭",
65 | "searchLanguage": "搜索语言...",
66 | "noLanguageFound": "未找到语言。",
67 | "website": "网站",
68 | "themeLight": "浅色",
69 | "themeDark": "深色",
70 | "themeDim": "暗色",
71 | "themeSystem": "跟随系统",
72 | "failedToLoadSnippets": "加载代码片段失败。",
73 | "failedToCreateNewSnippet": "创建新代码片段失败。",
74 | "creatingNewSnippet": "正在创建新代码片段",
75 | "failedToLoadPreviewState": "从本地存储加载预览状态失败。",
76 | "pleaseSelectLanguage": "请选择一种语言。",
77 | "filenameCannotBeEmpty": "文件名不能为空。",
78 | "filenameTooLong": "文件名不能超过1024个字符。",
79 | "savingSnippet": "正在保存代码片段",
80 | "failedToSaveSnippet": "保存代码片段失败。",
81 | "failedToCopySnippet": "复制代码片段失败。",
82 | "failedToRemovePreview": "从本地存储中删除预览失败。",
83 | "deletingSnippet": "正在删除代码片段",
84 | "failedToDeleteSnippet": "删除代码片段失败。",
85 | "appLanguage": "应用语言",
86 | "selectAppLanguage": "选择您的使用语言",
87 | "snippetInformation": "代码片段信息",
88 | "snippetDetails": "查看此代码片段的详细信息",
89 | "id": "ID",
90 | "language": "语言",
91 | "lastSaved": "最后保存",
92 | "info": "信息",
93 | "noPreviewAvailable": "无法提供预览",
94 | "notAvailable": "不可用"
95 | }
96 |
--------------------------------------------------------------------------------
/src/routes/home/LanguageSelector.tsx:
--------------------------------------------------------------------------------
1 | import supportedLanguages from "@/assets/supportedLanguages.json";
2 | import { Button } from "@/components/ui/button";
3 | import {
4 | Command,
5 | CommandEmpty,
6 | CommandGroup,
7 | CommandInput,
8 | CommandItem,
9 | CommandList,
10 | } from "@/components/ui/command";
11 | import {
12 | Popover,
13 | PopoverContent,
14 | PopoverTrigger,
15 | } from "@/components/ui/popover";
16 | import { cn } from "@/lib/utils";
17 | import Check from "lucide-react/dist/esm/icons/check";
18 | import ChevronsUpDown from "lucide-react/dist/esm/icons/chevrons-up-down";
19 | import React, { useEffect, useState } from "react";
20 | import { useTranslation } from "react-i18next";
21 | import { Language } from "./types";
22 |
23 | interface LanguageSelectorProps {
24 | language: Language | null;
25 | setLanguage: (language: Language | null) => void;
26 | }
27 |
28 | const LanguageSelector: React.FC
40 |
45 | {t("appLanguage")}
41 |42 | {t("selectAppLanguage")} 43 |
44 |
38 |
45 |
46 |
56 |
57 |
58 |
59 |
61 | {t("noLanguageFound")}
62 |
63 | {supportedLanguages.map((l) => (
64 | {
68 | const selectedLanguage = supportedLanguages.find(
69 | (l) => l.id === currentValue,
70 | ) as Language;
71 | setLanguage(selectedLanguage);
72 | setOpen(false);
73 | }}
74 | >
75 | {l.name}
76 |
83 | ))}
84 |
85 |
86 |
87 |
88 |
89 |
90 | );
91 | };
92 |
93 | export default ProgrammingLanguageSection;
94 |
--------------------------------------------------------------------------------
/public/locales/ko/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "새 스니펫",
4 | "filename": "파일명",
5 | "selectLanguage": "언어 선택...",
6 | "save": "저장",
7 | "saving": "저장 중...",
8 | "hidePreview": "미리보기 숨기기",
9 | "showPreview": "미리보기 표시",
10 | "noPreview": "미리보기 없음",
11 | "toggleSidebar": "사이드바 전환",
12 | "typeToSearch": "스니펫 검색...",
13 | "noSnippetsFound": "스니펫을 찾을 수 없습니다.",
14 | "copy": "복사",
15 | "delete": "삭제",
16 | "settings": "설정",
17 | "backToEditor": "에디터로 돌아가기",
18 | "customizeYourExperience": "CodeQuill 경험 맞춤 설정",
19 | "theme": "테마",
20 | "chooseYourPreferredAppearance": "선호하는 앱 외관 선택",
21 | "defaultLanguage": "기본 언어",
22 | "defaultProgrammingLanguage": "새 스니펫의 기본 프로그래밍 언어",
23 | "keyboardShortcuts": "키보드 단축키",
24 | "viewCommonKeyboardShortcuts": "일반적인 키보드 단축키 보기",
25 | "saveSnippet": "스니펫 저장",
26 | "createNewSnippet": "새 스니펫 만들기",
27 | "searchSnippets": "스니펫 검색",
28 | "previewCode": "코드 미리보기",
29 | "openSettings": "설정 열기",
30 | "formatCode": "코드 포맷",
31 | "undo": "실행 취소",
32 | "redo": "다시 실행",
33 | "appInfo": "앱 정보",
34 | "informationAboutCodeQuill": "CodeQuill에 대한 정보",
35 | "version": "버전",
36 | "installedVersion": "설치된 버전",
37 | "license": "라이선스",
38 | "openSource": "오픈 소스",
39 | "createdBy": "제작자",
40 | "sourceCode": "소스 코드",
41 | "reportIssue": "문제 보고",
42 | "dependencies": "의존성",
43 | "librariesUsed": "CodeQuill에서 사용된 라이브러리",
44 | "production": "프로덕션",
45 | "librariesBundled": "프로덕션 빌드에 포함된 라이브러리",
46 | "development": "개발",
47 | "librariesUsedDevelopment": "CodeQuill 개발에 사용된 라이브러리",
48 | "productionDependencies": "프로덕션 의존성",
49 | "developmentDependencies": "개발 의존성",
50 | "deleteThisSnippet": "이 스니펫을 삭제하시겠습니까?",
51 | "thisActionCannotBeUndone": "이 작업은 취소할 수 없습니다. 스니펫이 영구적으로 삭제됩니다.",
52 | "cancel": "취소",
53 | "deleting": "삭제 중...",
54 | "newSnippetSaved": "새 스니펫이 저장되었습니다!",
55 | "snippetSavedSuccessfully": "스니펫이 성공적으로 저장되었습니다!",
56 | "snippetCopiedToClipboard": "스니펫이 클립보드에 복사되었습니다",
57 | "snippetDeletedSuccessfully": "스니펫이 성공적으로 삭제되었습니다!",
58 | "untitled": "제목 없음",
59 | "youDonTHaveAnySnippets": "아직 스니펫이 없습니다. 지금 만들어보세요!",
60 | "createNow": "지금 만들기!",
61 | "morePages": "더 많은 페이지",
62 | "previous": "이전",
63 | "next": "다음",
64 | "close": "닫기",
65 | "searchLanguage": "언어 검색...",
66 | "noLanguageFound": "언어를 찾을 수 없습니다.",
67 | "website": "웹사이트",
68 | "themeLight": "라이트",
69 | "themeDark": "다크",
70 | "themeDim": "어둡게",
71 | "themeSystem": "시스템",
72 | "failedToLoadSnippets": "스니펫을 불러오지 못했습니다.",
73 | "failedToCreateNewSnippet": "새 스니펫을 만들지 못했습니다.",
74 | "creatingNewSnippet": "새 스니펫 만드는 중",
75 | "failedToLoadPreviewState": "localStorage에서 미리보기 상태를 불러오지 못했습니다.",
76 | "pleaseSelectLanguage": "언어를 선택해주세요.",
77 | "filenameCannotBeEmpty": "파일 이름은 비워둘 수 없습니다.",
78 | "filenameTooLong": "파일 이름은 1024자를 초과할 수 없습니다.",
79 | "savingSnippet": "스니펫 저장 중",
80 | "failedToSaveSnippet": "스니펫을 저장하지 못했습니다.",
81 | "failedToCopySnippet": "스니펫을 복사하지 못했습니다.",
82 | "failedToRemovePreview": "로컬 스토리지에서 미리보기를 제거하지 못했습니다.",
83 | "deletingSnippet": "스니펫 삭제 중",
84 | "failedToDeleteSnippet": "스니펫을 삭제하지 못했습니다.",
85 | "appLanguage": "앱 언어",
86 | "selectAppLanguage": "사용할 언어를 선택하세요",
87 | "snippetInformation": "스니펫 정보",
88 | "snippetDetails": "이 스니펫에 대한 세부 정보 보기",
89 | "id": "ID",
90 | "language": "언어",
91 | "lastSaved": "마지막 저장",
92 | "info": "정보",
93 | "noPreviewAvailable": "미리보기를 사용할 수 없음",
94 | "notAvailable": "사용할 수 없음"
95 | }
96 |
--------------------------------------------------------------------------------
/src/components/ui/pagination.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import ChevronLeftIcon from "lucide-react/dist/esm/icons/chevron-left";
3 | import ChevronRightIcon from "lucide-react/dist/esm/icons/chevron-right";
4 | import MoreHorizontalIcon from "lucide-react/dist/esm/icons/more-horizontal";
5 |
6 | import { cn } from "@/lib/utils";
7 | import { Button, buttonVariants } from "@/components/ui/button";
8 |
9 | function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
10 | return (
11 |
18 | );
19 | }
20 |
21 | function PaginationContent({
22 | className,
23 | ...props
24 | }: React.ComponentProps<"ul">) {
25 | return (
26 |
39 |
44 | {t("defaultLanguage")}
40 |41 | {t("defaultProgrammingLanguage")} 42 |
43 |
17 |
99 | );
100 | };
101 |
102 | export default AppInfoSection;
103 |
--------------------------------------------------------------------------------
/public/locales/ar/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "كود كويل",
3 | "newSnippet": "مقتطف جديد",
4 | "filename": "اسم الملف",
5 | "selectLanguage": "اختر اللغة...",
6 | "save": "حفظ",
7 | "saving": "جارٍ الحفظ...",
8 | "hidePreview": "إخفاء المعاينة",
9 | "showPreview": "إظهار المعاينة",
10 | "noPreview": "لا توجد معاينة",
11 | "toggleSidebar": "تبديل الشريط الجانبي",
12 | "typeToSearch": "اكتب للبحث عن المقتطفات...",
13 | "noSnippetsFound": "لم يتم العثور على مقتطفات.",
14 | "copy": "نسخ",
15 | "delete": "حذف",
16 | "settings": "الإعدادات",
17 | "backToEditor": "العودة إلى المحرر",
18 | "customizeYourExperience": "خصص تجربتك في كود كويل",
19 | "theme": "السمة",
20 | "chooseYourPreferredAppearance": "اختر مظهر التطبيق المفضل لديك",
21 | "defaultLanguage": "اللغة الافتراضية",
22 | "defaultProgrammingLanguage": "لغة البرمجة الافتراضية للمقتطفات الجديدة",
23 | "keyboardShortcuts": "اختصارات لوحة المفاتيح",
24 | "viewCommonKeyboardShortcuts": "عرض اختصارات لوحة المفاتيح الشائعة",
25 | "saveSnippet": "حفظ المقتطف",
26 | "createNewSnippet": "إنشاء مقتطف جديد",
27 | "searchSnippets": "البحث عن المقتطفات",
28 | "previewCode": "معاينة الكود",
29 | "openSettings": "فتح الإعدادات",
30 | "formatCode": "تنسيق الكود",
31 | "undo": "تراجع",
32 | "redo": "إعادة",
33 | "appInfo": "معلومات التطبيق",
34 | "informationAboutCodeQuill": "معلومات عن CodeQuill",
35 | "version": "الإصدار",
36 | "installedVersion": "الإصدار المثبت",
37 | "license": "الترخيص",
38 | "openSource": "مفتوح المصدر",
39 | "createdBy": "تم إنشاؤه بواسطة",
40 | "sourceCode": "الكود المصدري",
41 | "reportIssue": "الإبلاغ عن مشكلة",
42 | "dependencies": "التبعيات",
43 | "librariesUsed": "المكتبات المستخدمة في CodeQuill",
44 | "production": "الإنتاج",
45 | "librariesBundled": "المكتبات المدمجة في نسخة الإنتاج",
46 | "development": "التطوير",
47 | "librariesUsedDevelopment": "المكتبات المستخدمة في تطوير CodeQuill",
48 | "productionDependencies": "تبعيات الإنتاج",
49 | "developmentDependencies": "تبعيات التطوير",
50 | "deleteThisSnippet": "حذف هذا المقتطف؟",
51 | "thisActionCannotBeUndone": "لا يمكن التراجع عن هذا الإجراء. سيؤدي هذا إلى حذف المقتطف نهائيًا.",
52 | "cancel": "إلغاء",
53 | "deleting": "جارٍ الحذف...",
54 | "newSnippetSaved": "تم حفظ المقتطف الجديد!",
55 | "snippetSavedSuccessfully": "تم حفظ المقتطف بنجاح!",
56 | "snippetCopiedToClipboard": "تم نسخ المقتطف إلى الحافظة",
57 | "snippetDeletedSuccessfully": "تم حذف المقتطف بنجاح!",
58 | "untitled": "بدون عنوان",
59 | "youDonTHaveAnySnippets": "ليس لديك أي مقتطفات بعد. قم بإنشاء واحد الآن!",
60 | "createNow": "أنشئ واحدًا الآن!",
61 | "morePages": "المزيد من الصفحات",
62 | "previous": "السابق",
63 | "next": "التالي",
64 | "close": "إغلاق",
65 | "searchLanguage": "البحث عن لغة...",
66 | "noLanguageFound": "لم يتم العثور على لغة.",
67 | "website": "الموقع الإلكتروني",
68 | "themeLight": "فاتح",
69 | "themeDark": "داكن",
70 | "themeDim": "خافت",
71 | "themeSystem": "النظام",
72 | "failedToLoadSnippets": "فشل تحميل المقتطفات.",
73 | "failedToCreateNewSnippet": "فشل إنشاء مقتطف جديد.",
74 | "creatingNewSnippet": "جارٍ إنشاء مقتطف جديد",
75 | "failedToLoadPreviewState": "فشل تحميل حالة المعاينة من التخزين المحلي.",
76 | "pleaseSelectLanguage": "الرجاء اختيار لغة.",
77 | "filenameCannotBeEmpty": "لا يمكن أن يكون اسم الملف فارغًا.",
78 | "filenameTooLong": "لا يمكن أن يكون اسم الملف أطول من 1024 حرفًا.",
79 | "savingSnippet": "جارٍ حفظ المقتطف",
80 | "failedToSaveSnippet": "فشل حفظ المقتطف.",
81 | "failedToCopySnippet": "فشل نسخ المقتطف.",
82 | "failedToRemovePreview": "فشل إزالة المعاينة من التخزين المحلي.",
83 | "deletingSnippet": "جارٍ حذف المقتطف",
84 | "failedToDeleteSnippet": "فشل حذف المقتطف.",
85 | "appLanguage": "لغة التطبيق",
86 | "selectAppLanguage": "اختر لغتك المحكية",
87 | "snippetInformation": "معلومات المقتطف",
88 | "snippetDetails": "عرض تفاصيل هذا المقتطف",
89 | "id": "المعرّف",
90 | "language": "اللغة",
91 | "lastSaved": "آخر حفظ",
92 | "info": "معلومات",
93 | "noPreviewAvailable": "لا تتوفر معاينة",
94 | "notAvailable": "غير متوفر"
95 | }
96 |
--------------------------------------------------------------------------------
/src/routes/home/SnippetInfoDialog.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Dialog,
3 | DialogContent,
4 | DialogDescription,
5 | DialogHeader,
6 | DialogTitle,
7 | } from "@/components/ui/dialog";
8 | import { Input } from "@/components/ui/input";
9 | import { Label } from "@/components/ui/label";
10 | import { Snippet } from "@/utils/database";
11 | import Calendar from "lucide-react/dist/esm/icons/calendar";
12 | import File from "lucide-react/dist/esm/icons/file";
13 | import Hash from "lucide-react/dist/esm/icons/hash";
14 | import Languages from "lucide-react/dist/esm/icons/languages";
15 | import { useTranslation } from "react-i18next";
16 |
17 | interface SnippetInfoDialogProps {
18 | isOpen: boolean;
19 | setOpen: (open: boolean) => void;
20 | snippet: Snippet | null;
21 | }
22 |
23 | const SnippetInfoDialog: React.FC
18 |
23 | {t("appInfo")}
19 |20 | {t("informationAboutCodeQuill")} 21 |
22 |
24 |
98 |
25 |
32 |
33 |
26 |
31 | {packageJson.name}
27 |28 | {packageJson.description} 29 |
30 |
34 |
55 |
56 |
35 |
45 |
36 |
37 |
41 | 38 | {t("installedVersion")} 39 |
40 |
42 | {APP_VERSION}
43 |
44 |
46 |
54 |
47 |
48 |
50 | {t("openSource")}
49 |
51 | {packageJson.license}
52 |
53 |
57 |
74 |
75 |
58 |
73 |
59 |
60 |
64 |
70 | {t("website")}
71 |
72 | 61 | {packageJson.author.name} 62 |
63 |
76 |
86 |
96 |
97 | {t("noPreviewAvailable")}
);
35 |
36 | return
88 |
128 | );
129 | }
130 |
131 | export default Home;
132 |
--------------------------------------------------------------------------------
/public/locales/pt/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "Novo trecho",
4 | "filename": "Nome do arquivo",
5 | "selectLanguage": "Selecionar idioma...",
6 | "save": "Salvar",
7 | "saving": "Salvando...",
8 | "hidePreview": "Ocultar pré-visualização",
9 | "showPreview": "Mostrar pré-visualização",
10 | "noPreview": "Sem pré-visualização",
11 | "toggleSidebar": "Alternar barra lateral",
12 | "typeToSearch": "Digite para pesquisar trechos...",
13 | "noSnippetsFound": "Nenhum trecho encontrado.",
14 | "copy": "Copiar",
15 | "delete": "Excluir",
16 | "settings": "Configurações",
17 | "backToEditor": "Voltar ao editor",
18 | "customizeYourExperience": "Personalize sua experiência no CodeQuill",
19 | "theme": "Tema",
20 | "chooseYourPreferredAppearance": "Escolha a aparência preferida do aplicativo",
21 | "defaultLanguage": "Idioma padrão",
22 | "defaultProgrammingLanguage": "Linguagem de programação padrão para novos trechos",
23 | "keyboardShortcuts": "Atalhos de teclado",
24 | "viewCommonKeyboardShortcuts": "Ver atalhos de teclado comuns",
25 | "saveSnippet": "Salvar trecho",
26 | "createNewSnippet": "Criar novo trecho",
27 | "searchSnippets": "Pesquisar snippets",
28 | "previewCode": "Visualizar código",
29 | "openSettings": "Abrir configurações",
30 | "formatCode": "Formatar código",
31 | "undo": "Desfazer",
32 | "redo": "Refazer",
33 | "appInfo": "Informações do app",
34 | "informationAboutCodeQuill": "Informações sobre o CodeQuill",
35 | "version": "Versão",
36 | "installedVersion": "Versão instalada",
37 | "license": "Licença",
38 | "openSource": "Código aberto",
39 | "createdBy": "Criado por",
40 | "sourceCode": "Código-fonte",
41 | "reportIssue": "Reportar problema",
42 | "dependencies": "Dependências",
43 | "librariesUsed": "Bibliotecas usadas no CodeQuill",
44 | "production": "Produção",
45 | "librariesBundled": "Bibliotecas incluídas na versão de produção",
46 | "development": "Desenvolvimento",
47 | "librariesUsedDevelopment": "Bibliotecas usadas no desenvolvimento do CodeQuill",
48 | "productionDependencies": "Dependências de produção",
49 | "developmentDependencies": "Dependências de desenvolvimento",
50 | "deleteThisSnippet": "Excluir este snippet?",
51 | "thisActionCannotBeUndone": "Esta ação não pode ser desfeita. Isso excluirá permanentemente o snippet.",
52 | "cancel": "Cancelar",
53 | "deleting": "Excluindo...",
54 | "newSnippetSaved": "Novo snippet salvo!",
55 | "snippetSavedSuccessfully": "Snippet salvo com sucesso!",
56 | "snippetCopiedToClipboard": "Snippet copiado para a área de transferência",
57 | "snippetDeletedSuccessfully": "Snippet excluído com sucesso!",
58 | "untitled": "Sem título",
59 | "youDonTHaveAnySnippets": "Você ainda não tem nenhum snippet. Crie um agora!",
60 | "createNow": "Crie um agora!",
61 | "morePages": "Mais páginas",
62 | "previous": "Anterior",
63 | "next": "Próximo",
64 | "close": "Fechar",
65 | "searchLanguage": "Pesquisar idioma...",
66 | "noLanguageFound": "Nenhum idioma encontrado.",
67 | "website": "Site",
68 | "themeLight": "Claro",
69 | "themeDark": "Escuro",
70 | "themeDim": "Escurecer",
71 | "themeSystem": "Sistema",
72 | "failedToLoadSnippets": "Falha ao carregar snippets.",
73 | "failedToCreateNewSnippet": "Falha ao criar novo snippet.",
74 | "creatingNewSnippet": "Criando novo snippet",
75 | "failedToLoadPreviewState": "Falha ao carregar o estado de visualização do localStorage.",
76 | "pleaseSelectLanguage": "Por favor, selecione um idioma.",
77 | "filenameCannotBeEmpty": "O nome do arquivo não pode estar vazio.",
78 | "filenameTooLong": "O nome do arquivo não pode ter mais de 1024 caracteres.",
79 | "savingSnippet": "Salvando trecho",
80 | "failedToSaveSnippet": "Falha ao salvar o trecho.",
81 | "failedToCopySnippet": "Falha ao copiar o trecho.",
82 | "failedToRemovePreview": "Falha ao remover a pré-visualização do localStorage.",
83 | "deletingSnippet": "Excluindo trecho",
84 | "failedToDeleteSnippet": "Falha ao excluir o trecho.",
85 | "appLanguage": "Idioma do aplicativo",
86 | "selectAppLanguage": "Escolha seu idioma falado",
87 | "snippetInformation": "Informações do snippet",
88 | "snippetDetails": "Ver detalhes sobre este snippet",
89 | "id": "ID",
90 | "language": "Idioma",
91 | "lastSaved": "Última salvamento",
92 | "info": "Informações",
93 | "noPreviewAvailable": "Nenhuma pré-visualização disponível",
94 | "notAvailable": "Não disponível"
95 | }
96 |
--------------------------------------------------------------------------------
/public/locales/ru/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "Новый сниппет",
4 | "filename": "Имя файла",
5 | "selectLanguage": "Выберите язык...",
6 | "save": "Сохранить",
7 | "saving": "Сохранение...",
8 | "hidePreview": "Скрыть предпросмотр",
9 | "showPreview": "Показать предпросмотр",
10 | "noPreview": "Нет предпросмотра",
11 | "toggleSidebar": "Переключить боковую панель",
12 | "typeToSearch": "Введите для поиска сниппетов...",
13 | "noSnippetsFound": "Сниппеты не найдены.",
14 | "copy": "Копировать",
15 | "delete": "Удалить",
16 | "settings": "Настройки",
17 | "backToEditor": "Вернуться в редактор",
18 | "customizeYourExperience": "Настройте ваш опыт работы с CodeQuill",
19 | "theme": "Тема",
20 | "chooseYourPreferredAppearance": "Выберите предпочитаемый внешний вид приложения",
21 | "defaultLanguage": "Язык по умолчанию",
22 | "defaultProgrammingLanguage": "Язык программирования по умолчанию для новых сниппетов",
23 | "keyboardShortcuts": "Горячие клавиши",
24 | "viewCommonKeyboardShortcuts": "Просмотреть основные горячие клавиши",
25 | "saveSnippet": "Сохранить сниппет",
26 | "createNewSnippet": "Создать новый сниппет",
27 | "searchSnippets": "Поиск сниппетов",
28 | "previewCode": "Предпросмотр кода",
29 | "openSettings": "Открыть настройки",
30 | "formatCode": "Форматировать код",
31 | "undo": "Отменить",
32 | "redo": "Повторить",
33 | "appInfo": "Информация о приложении",
34 | "informationAboutCodeQuill": "Информация о CodeQuill",
35 | "version": "Версия",
36 | "installedVersion": "Установленная версия",
37 | "license": "Лицензия",
38 | "openSource": "Открытый исходный код",
39 | "createdBy": "Создано",
40 | "sourceCode": "Исходный код",
41 | "reportIssue": "Сообщить о проблеме",
42 | "dependencies": "Зависимости",
43 | "librariesUsed": "Библиотеки, используемые в CodeQuill",
44 | "production": "Продакшн",
45 | "librariesBundled": "Библиотеки, включенные в сборку продакшн",
46 | "development": "Разработка",
47 | "librariesUsedDevelopment": "Библиотеки, используемые при разработке CodeQuill",
48 | "productionDependencies": "Зависимости продакшн",
49 | "developmentDependencies": "Зависимости разработки",
50 | "deleteThisSnippet": "Удалить этот сниппет?",
51 | "thisActionCannotBeUndone": "Это действие нельзя отменить. Сниппет будет удален навсегда.",
52 | "cancel": "Отмена",
53 | "deleting": "Удаление...",
54 | "newSnippetSaved": "Новый сниппет сохранен!",
55 | "snippetSavedSuccessfully": "Сниппет успешно сохранен!",
56 | "snippetCopiedToClipboard": "Сниппет скопирован в буфер обмена",
57 | "snippetDeletedSuccessfully": "Сниппет успешно удален!",
58 | "untitled": "Без названия",
59 | "youDonTHaveAnySnippets": "У вас пока нет сниппетов. Создайте один сейчас!",
60 | "createNow": "Создать сейчас!",
61 | "morePages": "Больше страниц",
62 | "previous": "Предыдущая",
63 | "next": "Следующая",
64 | "close": "Закрыть",
65 | "searchLanguage": "Поиск языка...",
66 | "noLanguageFound": "Язык не найден.",
67 | "website": "Веб-сайт",
68 | "themeLight": "Светлая",
69 | "themeDark": "Темная",
70 | "themeDim": "Тусклый",
71 | "themeSystem": "Системная",
72 | "failedToLoadSnippets": "Не удалось загрузить сниппеты.",
73 | "failedToCreateNewSnippet": "Не удалось создать новый сниппет.",
74 | "creatingNewSnippet": "Создание нового сниппета",
75 | "failedToLoadPreviewState": "Не удалось загрузить состояние предпросмотра из localStorage.",
76 | "pleaseSelectLanguage": "Пожалуйста, выберите язык.",
77 | "filenameCannotBeEmpty": "Имя файла не может быть пустым.",
78 | "filenameTooLong": "Имя файла не может быть длиннее 1024 символов.",
79 | "savingSnippet": "Сохранение фрагмента кода",
80 | "failedToSaveSnippet": "Не удалось сохранить фрагмент кода.",
81 | "failedToCopySnippet": "Не удалось скопировать фрагмент кода.",
82 | "failedToRemovePreview": "Не удалось удалить предварительный просмотр из localStorage.",
83 | "deletingSnippet": "Удаление фрагмента кода",
84 | "failedToDeleteSnippet": "Не удалось удалить фрагмент кода.",
85 | "appLanguage": "Язык приложения",
86 | "selectAppLanguage": "Выберите ваш разговорный язык",
87 | "snippetInformation": "Информация о сниппете",
88 | "snippetDetails": "Просмотр подробностей об этом сниппете",
89 | "id": "ID",
90 | "language": "Язык",
91 | "lastSaved": "Последнее сохранение",
92 | "info": "Информация",
93 | "noPreviewAvailable": "Предварительный просмотр недоступен",
94 | "notAvailable": "Недоступно"
95 | }
96 |
--------------------------------------------------------------------------------
/public/locales/it/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "Nuovo frammento",
4 | "filename": "Nome del file",
5 | "selectLanguage": "Seleziona lingua...",
6 | "save": "Salva",
7 | "saving": "Salvataggio in corso...",
8 | "hidePreview": "Nascondi anteprima",
9 | "showPreview": "Mostra anteprima",
10 | "noPreview": "Nessuna anteprima",
11 | "toggleSidebar": "Attiva/disattiva barra laterale",
12 | "typeToSearch": "Digita per cercare frammenti...",
13 | "noSnippetsFound": "Nessun frammento trovato.",
14 | "copy": "Copia",
15 | "delete": "Elimina",
16 | "settings": "Impostazioni",
17 | "backToEditor": "Torna all'editor",
18 | "customizeYourExperience": "Personalizza la tua esperienza CodeQuill",
19 | "theme": "Tema",
20 | "chooseYourPreferredAppearance": "Scegli l'aspetto preferito dell'app",
21 | "defaultLanguage": "Lingua predefinita",
22 | "defaultProgrammingLanguage": "Linguaggio di programmazione predefinito per nuovi frammenti",
23 | "keyboardShortcuts": "Scorciatoie da tastiera",
24 | "viewCommonKeyboardShortcuts": "Visualizza le scorciatoie da tastiera comuni",
25 | "saveSnippet": "Salva frammento",
26 | "createNewSnippet": "Crea nuovo frammento",
27 | "searchSnippets": "Cerca Snippet",
28 | "previewCode": "Anteprima Codice",
29 | "openSettings": "Apri Impostazioni",
30 | "formatCode": "Formatta Codice",
31 | "undo": "Annulla",
32 | "redo": "Ripeti",
33 | "appInfo": "Informazioni sull'App",
34 | "informationAboutCodeQuill": "Informazioni su CodeQuill",
35 | "version": "Versione",
36 | "installedVersion": "Versione installata",
37 | "license": "Licenza",
38 | "openSource": "Open source",
39 | "createdBy": "Creato da",
40 | "sourceCode": "Codice sorgente",
41 | "reportIssue": "Segnala un problema",
42 | "dependencies": "Dipendenze",
43 | "librariesUsed": "Librerie utilizzate in CodeQuill",
44 | "production": "Produzione",
45 | "librariesBundled": "Librerie incluse nella build di produzione",
46 | "development": "Sviluppo",
47 | "librariesUsedDevelopment": "Librerie utilizzate nello sviluppo di CodeQuill",
48 | "productionDependencies": "Dipendenze di produzione",
49 | "developmentDependencies": "Dipendenze di sviluppo",
50 | "deleteThisSnippet": "Eliminare questo snippet?",
51 | "thisActionCannotBeUndone": "Questa azione non può essere annullata. Lo snippet verrà eliminato definitivamente.",
52 | "cancel": "Annulla",
53 | "deleting": "Eliminazione in corso...",
54 | "newSnippetSaved": "Nuovo snippet salvato!",
55 | "snippetSavedSuccessfully": "Snippet salvato con successo!",
56 | "snippetCopiedToClipboard": "Snippet copiato negli appunti",
57 | "snippetDeletedSuccessfully": "Snippet eliminato con successo!",
58 | "untitled": "Senza titolo",
59 | "youDonTHaveAnySnippets": "Non hai ancora nessuno snippet. Creane uno ora!",
60 | "createNow": "Creane uno ora!",
61 | "morePages": "Altre pagine",
62 | "previous": "Precedente",
63 | "next": "Successivo",
64 | "close": "Chiudi",
65 | "searchLanguage": "Cerca lingua...",
66 | "noLanguageFound": "Nessuna lingua trovata.",
67 | "website": "Sito web",
68 | "themeLight": "Chiaro",
69 | "themeDark": "Scuro",
70 | "themeDim": "Attenuato",
71 | "themeSystem": "Sistema",
72 | "failedToLoadSnippets": "Impossibile caricare gli snippet.",
73 | "failedToCreateNewSnippet": "Impossibile creare un nuovo snippet.",
74 | "creatingNewSnippet": "Creazione di un nuovo snippet",
75 | "failedToLoadPreviewState": "Impossibile caricare lo stato di anteprima dal localStorage.",
76 | "pleaseSelectLanguage": "Seleziona una lingua.",
77 | "filenameCannotBeEmpty": "Il nome del file non può essere vuoto.",
78 | "filenameTooLong": "Il nome del file non può essere più lungo di 1024 caratteri.",
79 | "savingSnippet": "Salvataggio dello snippet in corso",
80 | "failedToSaveSnippet": "Impossibile salvare lo snippet.",
81 | "failedToCopySnippet": "Impossibile copiare lo snippet.",
82 | "failedToRemovePreview": "Impossibile rimuovere l'anteprima dal localStorage.",
83 | "deletingSnippet": "Eliminazione dello snippet in corso",
84 | "failedToDeleteSnippet": "Impossibile eliminare lo snippet.",
85 | "appLanguage": "Lingua dell'app",
86 | "selectAppLanguage": "Scegli la tua lingua parlata",
87 | "snippetInformation": "Informazioni snippet",
88 | "snippetDetails": "Visualizza dettagli di questo snippet",
89 | "id": "ID",
90 | "language": "Lingua",
91 | "lastSaved": "Ultimo salvataggio",
92 | "info": "Info",
93 | "noPreviewAvailable": "Anteprima non disponibile",
94 | "notAvailable": "Non disponibile"
95 | }
96 |
--------------------------------------------------------------------------------
/public/locales/es/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "Nuevo Fragmento",
4 | "filename": "Nombre del Archivo",
5 | "selectLanguage": "Seleccionar lenguaje...",
6 | "save": "Guardar",
7 | "saving": "Guardando...",
8 | "hidePreview": "Ocultar Vista Previa",
9 | "showPreview": "Mostrar Vista Previa",
10 | "noPreview": "Sin Vista Previa",
11 | "toggleSidebar": "Alternar Barra Lateral",
12 | "typeToSearch": "Escribe para buscar fragmentos...",
13 | "noSnippetsFound": "No se encontraron fragmentos.",
14 | "copy": "Copiar",
15 | "delete": "Borrar",
16 | "settings": "Ajustes",
17 | "backToEditor": "Volver al Editor",
18 | "customizeYourExperience": "Personaliza tu experiencia en CodeQuill",
19 | "theme": "Tema",
20 | "chooseYourPreferredAppearance": "Elige tu apariencia preferida para la aplicación",
21 | "defaultLanguage": "Idioma Predeterminado",
22 | "defaultProgrammingLanguage": "Lenguaje de programación predeterminado para nuevos fragmentos",
23 | "keyboardShortcuts": "Atajos de Teclado",
24 | "viewCommonKeyboardShortcuts": "Ver atajos de teclado comunes",
25 | "saveSnippet": "Guardar Fragmento",
26 | "createNewSnippet": "Crear Nuevo Fragmento",
27 | "searchSnippets": "Buscar Fragmentos",
28 | "previewCode": "Vista Previa del Código",
29 | "openSettings": "Abrir Ajustes",
30 | "formatCode": "Formatear Código",
31 | "undo": "Deshacer",
32 | "redo": "Rehacer",
33 | "appInfo": "Información de la Aplicación",
34 | "informationAboutCodeQuill": "Información sobre CodeQuill",
35 | "version": "Versión",
36 | "installedVersion": "Versión instalada",
37 | "license": "Licencia",
38 | "openSource": "Código abierto",
39 | "createdBy": "Creado por",
40 | "sourceCode": "Código Fuente",
41 | "reportIssue": "Reportar Problema",
42 | "dependencies": "Dependencias",
43 | "librariesUsed": "Librerías usadas en CodeQuill",
44 | "production": "Producción",
45 | "librariesBundled": "Librerías incluidas en la compilación de producción",
46 | "development": "Desarrollo",
47 | "librariesUsedDevelopment": "Librerías usadas en el desarrollo de CodeQuill",
48 | "productionDependencies": "Dependencias de Producción",
49 | "developmentDependencies": "Dependencias de Desarrollo",
50 | "deleteThisSnippet": "¿Borrar este fragmento?",
51 | "thisActionCannotBeUndone": "Esta acción no se puede deshacer. Borrará el fragmento permanentemente.",
52 | "cancel": "Cancelar",
53 | "deleting": "Borrando...",
54 | "newSnippetSaved": "¡Nuevo fragmento guardado!",
55 | "snippetSavedSuccessfully": "¡Fragmento guardado con éxito!",
56 | "snippetCopiedToClipboard": "Fragmento copiado al portapapeles",
57 | "snippetDeletedSuccessfully": "¡Fragmento borrado con éxito!",
58 | "untitled": "Sin título",
59 | "youDonTHaveAnySnippets": "Aún no tienes ningún fragmento. ¡Crea uno ahora!",
60 | "createNow": "¡Crear uno ahora!",
61 | "morePages": "Más páginas",
62 | "previous": "Anterior",
63 | "next": "Siguiente",
64 | "close": "Cerrar",
65 | "searchLanguage": "Buscar lenguaje...",
66 | "noLanguageFound": "No se encontró ningún lenguaje.",
67 | "website": "Sitio web",
68 | "themeLight": "Claro",
69 | "themeDark": "Oscuro",
70 | "themeDim": "Tenue",
71 | "themeSystem": "Sistema",
72 | "failedToLoadSnippets": "Error al cargar los fragmentos.",
73 | "failedToCreateNewSnippet": "Error al crear un nuevo fragmento.",
74 | "creatingNewSnippet": "Creando nuevo fragmento",
75 | "failedToLoadPreviewState": "Error al cargar el estado de la vista previa desde el almacenamiento local.",
76 | "pleaseSelectLanguage": "Por favor, seleccione un idioma.",
77 | "filenameCannotBeEmpty": "El nombre del archivo no puede estar vacío.",
78 | "filenameTooLong": "El nombre del archivo no puede tener más de 1024 caracteres.",
79 | "savingSnippet": "Guardando fragmento",
80 | "failedToSaveSnippet": "Error al guardar el fragmento.",
81 | "failedToCopySnippet": "Error al copiar el fragmento.",
82 | "failedToRemovePreview": "Error al eliminar la vista previa del almacenamiento local.",
83 | "deletingSnippet": "Borrando fragmento",
84 | "failedToDeleteSnippet": "Error al borrar el fragmento.",
85 | "appLanguage": "Idioma de la aplicación",
86 | "selectAppLanguage": "Elige tu idioma hablado",
87 | "snippetInformation": "Información del fragmento",
88 | "snippetDetails": "Ver detalles de este fragmento",
89 | "id": "ID",
90 | "language": "Lenguaje",
91 | "lastSaved": "Última guardado",
92 | "info": "Información",
93 | "noPreviewAvailable": "Vista previa no disponible",
94 | "notAvailable": "No disponible"
95 | }
96 |
--------------------------------------------------------------------------------
/src/routes/settings/DependenciesSection.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Accordion,
3 | AccordionContent,
4 | AccordionItem,
5 | AccordionTrigger,
6 | } from "@/components/ui/accordion";
7 | import { Label } from "@/components/ui/label";
8 |
9 | interface DependenciesSectionProps {
10 | packageJson: any;
11 | t: any;
12 | }
13 |
14 | const DependenciesSection: React.FC
96 | {hasSnippets &&
114 |
115 |
107 |
112 | )}
113 |
23 |
54 |
55 | {t("productionDependencies")}
56 |
57 |
79 |
80 |
81 |
82 | {t("developmentDependencies")}
83 |
84 |
108 |
109 |
110 |
111 | );
112 | };
113 |
114 | export default DependenciesSection;
115 |
--------------------------------------------------------------------------------
/public/locales/de/translation.json:
--------------------------------------------------------------------------------
1 | {
2 | "appTitle": "CodeQuill",
3 | "newSnippet": "Neues Snippet",
4 | "filename": "Dateiname",
5 | "selectLanguage": "Sprache auswählen...",
6 | "save": "Speichern",
7 | "saving": "Wird gespeichert...",
8 | "hidePreview": "Vorschau ausblenden",
9 | "showPreview": "Vorschau anzeigen",
10 | "noPreview": "Keine Vorschau",
11 | "toggleSidebar": "Seitenleiste ein-/ausblenden",
12 | "typeToSearch": "Tippen, um Snippets zu suchen...",
13 | "noSnippetsFound": "Keine Snippets gefunden.",
14 | "copy": "Kopieren",
15 | "delete": "Löschen",
16 | "settings": "Einstellungen",
17 | "backToEditor": "Zurück zum Editor",
18 | "customizeYourExperience": "Passen Sie Ihr CodeQuill-Erlebnis an",
19 | "theme": "Design",
20 | "chooseYourPreferredAppearance": "Wählen Sie Ihr bevorzugtes App-Erscheinungsbild",
21 | "defaultLanguage": "Standardsprache",
22 | "defaultProgrammingLanguage": "Standardprogrammiersprache für neue Snippets",
23 | "keyboardShortcuts": "Tastaturkürzel",
24 | "viewCommonKeyboardShortcuts": "Häufig verwendete Tastaturkürzel anzeigen",
25 | "saveSnippet": "Snippet speichern",
26 | "createNewSnippet": "Neues Snippet erstellen",
27 | "searchSnippets": "Snippets durchsuchen",
28 | "previewCode": "Code-Vorschau",
29 | "openSettings": "Einstellungen öffnen",
30 | "formatCode": "Code formatieren",
31 | "undo": "Rückgängig",
32 | "redo": "Wiederholen",
33 | "appInfo": "App-Info",
34 | "informationAboutCodeQuill": "Informationen über CodeQuill",
35 | "version": "Version",
36 | "installedVersion": "Installierte Version",
37 | "license": "Lizenz",
38 | "openSource": "Open Source",
39 | "createdBy": "Erstellt von",
40 | "sourceCode": "Quellcode",
41 | "reportIssue": "Problem melden",
42 | "dependencies": "Abhängigkeiten",
43 | "librariesUsed": "In CodeQuill verwendete Bibliotheken",
44 | "production": "Produktion",
45 | "librariesBundled": "Im Produktions-Build gebündelte Bibliotheken",
46 | "development": "Entwicklung",
47 | "librariesUsedDevelopment": "In der CodeQuill-Entwicklung verwendete Bibliotheken",
48 | "productionDependencies": "Produktionsabhängigkeiten",
49 | "developmentDependencies": "Entwicklungsabhängigkeiten",
50 | "deleteThisSnippet": "Diesen Snippet löschen?",
51 | "thisActionCannotBeUndone": "Diese Aktion kann nicht rückgängig gemacht werden. Der Snippet wird dauerhaft gelöscht.",
52 | "cancel": "Abbrechen",
53 | "deleting": "Wird gelöscht...",
54 | "newSnippetSaved": "Neuer Schnipsel gespeichert!",
55 | "snippetSavedSuccessfully": "Schnipsel erfolgreich gespeichert!",
56 | "snippetCopiedToClipboard": "Schnipsel in die Zwischenablage kopiert",
57 | "snippetDeletedSuccessfully": "Schnipsel erfolgreich gelöscht!",
58 | "untitled": "Unbenannt",
59 | "youDonTHaveAnySnippets": "Du hast noch keine Schnipsel. Erstelle jetzt einen!",
60 | "createNow": "Jetzt erstellen!",
61 | "morePages": "Weitere Seiten",
62 | "previous": "Zurück",
63 | "next": "Weiter",
64 | "close": "Schließen",
65 | "searchLanguage": "Sprache suchen...",
66 | "noLanguageFound": "Keine Sprache gefunden.",
67 | "website": "Website",
68 | "themeLight": "Hell",
69 | "themeDark": "Dunkel",
70 | "themeDim": "Gedimmt",
71 | "themeSystem": "System",
72 | "failedToLoadSnippets": "Fehler beim Laden der Schnipsel.",
73 | "failedToCreateNewSnippet": "Fehler beim Erstellen eines neuen Schnipsels.",
74 | "creatingNewSnippet": "Neuer Schnipsel wird erstellt",
75 | "failedToLoadPreviewState": "Fehler beim Laden des Vorschau-Status aus dem localStorage.",
76 | "pleaseSelectLanguage": "Bitte wähle eine Sprache aus.",
77 | "filenameCannotBeEmpty": "Der Dateiname darf nicht leer sein.",
78 | "filenameTooLong": "Der Dateiname darf nicht länger als 1024 Zeichen sein.",
79 | "savingSnippet": "Snippet wird gespeichert",
80 | "failedToSaveSnippet": "Snippet konnte nicht gespeichert werden.",
81 | "failedToCopySnippet": "Snippet konnte nicht kopiert werden.",
82 | "failedToRemovePreview": "Vorschau konnte nicht aus dem localStorage entfernt werden.",
83 | "deletingSnippet": "Snippet wird gelöscht",
84 | "failedToDeleteSnippet": "Snippet konnte nicht gelöscht werden.",
85 | "appLanguage": "App-Sprache",
86 | "selectAppLanguage": "Wählen Sie Ihre gesprochene Sprache",
87 | "snippetInformation": "Snippet-Info",
88 | "snippetDetails": "Details zu diesem Snippet anzeigen",
89 | "id": "ID",
90 | "language": "Sprache",
91 | "lastSaved": "Zuletzt gespeichert",
92 | "info": "Info",
93 | "noPreviewAvailable": "Keine Vorschau verfügbar",
94 | "notAvailable": "Nicht verfügbar"
95 | }
96 |
--------------------------------------------------------------------------------
/src/routes/settings/index.tsx:
--------------------------------------------------------------------------------
1 | import supportedLanguages from "@/assets/supportedLanguages.json";
2 | import { Button } from "@/components/ui/button";
3 | import {
4 | Card,
5 | CardContent,
6 | CardDescription,
7 | CardHeader,
8 | CardTitle,
9 | } from "@/components/ui/card";
10 | import { Separator } from "@/components/ui/separator";
11 | import { getConfig, updateConfig } from "@/utils/config";
12 | import { useTheme } from "next-themes";
13 | import { useEffect, useState } from "react";
14 | import { useTranslation } from "react-i18next";
15 | import { useNavigate } from "react-router-dom";
16 | import packageJson from "../../../package.json";
17 | import { Language } from "../home/types";
18 | import AppInfoSection from "./AppInfoSection";
19 | import DependenciesSection from "./DependenciesSection";
20 | import KeyboardShortcutsSection from "./KeyboardShortcutsSection";
21 | import LanguageSection from "./LanguageSection";
22 | import ProgrammingLanguageSection from "./ProgrammingLanguageSection";
23 | import ThemeSection from "./ThemeSection";
24 |
25 | const APP_VERSION = packageJson.version;
26 |
27 | function Settings() {
28 | const { t, i18n } = useTranslation();
29 | const navigate = useNavigate();
30 | const { theme, setTheme } = useTheme();
31 | const [language, setLanguage] = useState
24 |
27 |
28 | {t("dependencies")}
25 |{t("librariesUsed")}
26 |
29 |
52 |
53 |
30 |
40 |
31 |
32 |
36 | 33 | {t("librariesBundled")} 34 |
35 |
37 | {Object.keys(productionDependencies).length}
38 |
39 |
41 |
51 |
42 |
43 |
47 | 44 | {t("librariesUsedDevelopment")} 45 |
46 |
48 | {Object.keys(developmentDependencies).length}
49 |
50 |
58 | {Object.entries(productionDependencies).map(([name, version]) => (
59 |
78 |
63 |
72 |
76 | ))}
77 |
73 | {String(version)}
74 |
75 |
85 | {Object.entries(developmentDependencies).map(
86 | ([name, version]) => (
87 |
107 |
91 |
100 |
104 | ),
105 | )}
106 |
101 | {String(version)}
102 |
103 |
77 |
78 |
79 |
93 |
94 |
129 |
130 |
131 | );
132 | }
133 |
134 | export default Settings;
135 |
--------------------------------------------------------------------------------
/src/components/ui/form.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import * as LabelPrimitive from "@radix-ui/react-label";
3 | import { Slot } from "@radix-ui/react-slot";
4 | import {
5 | Controller,
6 | FormProvider,
7 | useFormContext,
8 | useFormState,
9 | type ControllerProps,
10 | type FieldPath,
11 | type FieldValues,
12 | } from "react-hook-form";
13 |
14 | import { cn } from "@/lib/utils";
15 | import { Label } from "@/components/ui/label";
16 |
17 | const Form = FormProvider;
18 |
19 | type FormFieldContextValue<
20 | TFieldValues extends FieldValues = FieldValues,
21 | TName extends FieldPath
80 |
92 |
81 |
82 | {t("settings")}
83 |
84 |
85 | {t("customizeYourExperience")}
86 |
87 |
88 |
91 | 152 | {body} 153 |
154 | ); 155 | } 156 | 157 | export { 158 | useFormField, 159 | Form, 160 | FormItem, 161 | FormLabel, 162 | FormControl, 163 | FormDescription, 164 | FormMessage, 165 | FormField, 166 | }; 167 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "codequill", 3 | "description": "Organize, edit, and preview code efficiently", 4 | "private": true, 5 | "version": "2.0.7", 6 | "type": "module", 7 | "author": { 8 | "name": "The-Best-Codes", 9 | "email": "bestcodes.official@gmail.com", 10 | "url": "https://github.com/The-Best-Codes" 11 | }, 12 | "homepage": "https://github.com/The-Best-Codes/codequill", 13 | "repository": { 14 | "type": "git", 15 | "url": "https://github.com/The-Best-Codes/codequill.git" 16 | }, 17 | "license": "MIT", 18 | "scripts": { 19 | "dev": "vite", 20 | "build": "vite build", 21 | "preview": "vite preview", 22 | "icon": "npm run tauri icon public/icon.svg", 23 | "tauri": "tauri", 24 | "translate": "lingo.dev i18n", 25 | "test:frontend": "bun run build", 26 | "test:cargo": "cd src-tauri && cargo check && cargo test && cd ..", 27 | "test": "npm run test:frontend && npm run test:cargo", 28 | "upgrade": "npm-check-updates --upgrade --doctor && cd src-tauri && cargo update && cargo upgrade || echo \"Cargo upgrade command is not installed\" && cd .. && bun run test" 29 | }, 30 | "dependencies": { 31 | "@hookform/resolvers": "^5.2.2", 32 | "@monaco-editor/react": "^4.7.0", 33 | "@radix-ui/react-accordion": "^1.2.12", 34 | "@radix-ui/react-alert-dialog": "^1.1.15", 35 | "@radix-ui/react-aspect-ratio": "^1.1.8", 36 | "@radix-ui/react-avatar": "^1.1.11", 37 | "@radix-ui/react-checkbox": "^1.3.3", 38 | "@radix-ui/react-collapsible": "^1.1.12", 39 | "@radix-ui/react-context-menu": "^2.2.16", 40 | "@radix-ui/react-dialog": "^1.1.15", 41 | "@radix-ui/react-dropdown-menu": "^2.1.16", 42 | "@radix-ui/react-hover-card": "^1.1.15", 43 | "@radix-ui/react-label": "^2.1.8", 44 | "@radix-ui/react-menubar": "^1.1.16", 45 | "@radix-ui/react-navigation-menu": "^1.2.14", 46 | "@radix-ui/react-popover": "^1.1.15", 47 | "@radix-ui/react-progress": "^1.1.8", 48 | "@radix-ui/react-radio-group": "^1.3.8", 49 | "@radix-ui/react-scroll-area": "^1.2.10", 50 | "@radix-ui/react-select": "^2.2.6", 51 | "@radix-ui/react-separator": "^1.1.8", 52 | "@radix-ui/react-slider": "^1.3.6", 53 | "@radix-ui/react-slot": "^1.2.4", 54 | "@radix-ui/react-switch": "^1.2.6", 55 | "@radix-ui/react-tabs": "^1.1.13", 56 | "@radix-ui/react-toast": "^1.2.15", 57 | "@radix-ui/react-toggle": "^1.1.10", 58 | "@radix-ui/react-toggle-group": "^1.1.11", 59 | "@radix-ui/react-tooltip": "^1.2.8", 60 | "@sentry/react": "^10.27.0", 61 | "@sentry/vite-plugin": "^4.6.1", 62 | "@tauri-apps/api": "^2.9.0", 63 | "@tauri-apps/plugin-deep-link": "^2.4.5", 64 | "@tauri-apps/plugin-opener": "^2.5.2", 65 | "@tauri-apps/plugin-sql": "^2.3.1", 66 | "babel-plugin-react-compiler": "^1.0.0", 67 | "class-variance-authority": "^0.7.1", 68 | "clsx": "^2.1.1", 69 | "cmdk": "^1.1.1", 70 | "date-fns": "^4.1.0", 71 | "embla-carousel-react": "^8.6.0", 72 | "i18next": "^25.6.3", 73 | "i18next-browser-languagedetector": "^8.2.0", 74 | "i18next-http-backend": "^3.0.2", 75 | "input-otp": "^1.4.2", 76 | "lucide-react": "^0.555.0", 77 | "monaco-editor": "0.52", 78 | "motion": "^12.23.24", 79 | "next-themes": "^0.4.6", 80 | "react": "^19.2.0", 81 | "react-day-picker": "^9.11.2", 82 | "react-dom": "^19.2.0", 83 | "react-hook-form": "^7.67.0", 84 | "react-i18next": "^16.3.5", 85 | "react-markdown": "^10.1.0", 86 | "react-resizable-panels": "^3.0.6", 87 | "react-router-dom": "^7.9.6", 88 | "recharts": "^3.5.1", 89 | "rehype-raw": "^7.0.0", 90 | "remark-gfm": "^4.0.1", 91 | "sonner": "^2.0.7", 92 | "tailwind-merge": "^3.4.0", 93 | "tailwindcss-animate": "^1.0.7", 94 | "uuid": "^13.0.0", 95 | "vaul": "^1.1.2", 96 | "vite-bundle-analyzer": "^1.2.3", 97 | "zod": "^4.1.13" 98 | }, 99 | "devDependencies": { 100 | "@tailwindcss/postcss": "^4.1.17", 101 | "@tailwindcss/typography": "^0.5.19", 102 | "@tauri-apps/cli": "^2.9.4", 103 | "@types/node": "^24.10.1", 104 | "@types/react": "^19.2.7", 105 | "@types/react-dom": "^19.2.3", 106 | "@vitejs/plugin-react": "^5.1.1", 107 | "lingo.dev": "^0.117.4", 108 | "npm-check-updates": "^19.1.2", 109 | "postcss": "^8.5.6", 110 | "tailwindcss": "^4.1.17", 111 | "typescript": "~5.9.3", 112 | "vite": "^7.2.4", 113 | "vite-plugin-static-copy": "^3.1.4" 114 | }, 115 | "trustedDependencies": [ 116 | "@sentry/cli", 117 | "@tailwindcss/oxide", 118 | "esbuild", 119 | "sharp" 120 | ] 121 | } 122 | -------------------------------------------------------------------------------- /public/locales/fr/translation.json: -------------------------------------------------------------------------------- 1 | { 2 | "appTitle": "CodeQuill", 3 | "newSnippet": "Nouveau snippet", 4 | "filename": "Nom du fichier", 5 | "selectLanguage": "Sélectionner la langue...", 6 | "save": "Enregistrer", 7 | "saving": "Enregistrement en cours...", 8 | "hidePreview": "Masquer l'aperçu", 9 | "showPreview": "Afficher l'aperçu", 10 | "noPreview": "Pas d'aperçu", 11 | "toggleSidebar": "Afficher/masquer la barre latérale", 12 | "typeToSearch": "Tapez pour rechercher des snippets...", 13 | "noSnippetsFound": "Aucun snippet trouvé.", 14 | "copy": "Copier", 15 | "delete": "Supprimer", 16 | "settings": "Paramètres", 17 | "backToEditor": "Retour à l'éditeur", 18 | "customizeYourExperience": "Personnalisez votre expérience CodeQuill", 19 | "theme": "Thème", 20 | "chooseYourPreferredAppearance": "Choisissez l'apparence de l'application que vous préférez", 21 | "defaultLanguage": "Langue par défaut", 22 | "defaultProgrammingLanguage": "Langage de programmation par défaut pour les nouveaux snippets", 23 | "keyboardShortcuts": "Raccourcis clavier", 24 | "viewCommonKeyboardShortcuts": "Voir les raccourcis clavier courants", 25 | "saveSnippet": "Enregistrer le snippet", 26 | "createNewSnippet": "Créer un nouveau snippet", 27 | "searchSnippets": "Rechercher des extraits", 28 | "previewCode": "Aperçu du code", 29 | "openSettings": "Ouvrir les paramètres", 30 | "formatCode": "Formater le code", 31 | "undo": "Annuler", 32 | "redo": "Rétablir", 33 | "appInfo": "Infos sur l'application", 34 | "informationAboutCodeQuill": "Informations sur CodeQuill", 35 | "version": "Version", 36 | "installedVersion": "Version installée", 37 | "license": "Licence", 38 | "openSource": "Open source", 39 | "createdBy": "Créé par", 40 | "sourceCode": "Code source", 41 | "reportIssue": "Signaler un problème", 42 | "dependencies": "Dépendances", 43 | "librariesUsed": "Bibliothèques utilisées dans CodeQuill", 44 | "production": "Production", 45 | "librariesBundled": "Bibliothèques intégrées dans la version de production", 46 | "development": "Développement", 47 | "librariesUsedDevelopment": "Bibliothèques utilisées dans le développement de CodeQuill", 48 | "productionDependencies": "Dépendances de production", 49 | "developmentDependencies": "Dépendances de développement", 50 | "deleteThisSnippet": "Supprimer cet extrait ?", 51 | "thisActionCannotBeUndone": "Cette action ne peut pas être annulée. Cela supprimera définitivement l'extrait.", 52 | "cancel": "Annuler", 53 | "deleting": "Suppression en cours...", 54 | "newSnippetSaved": "Nouveau snippet enregistré !", 55 | "snippetSavedSuccessfully": "Snippet enregistré avec succès !", 56 | "snippetCopiedToClipboard": "Snippet copié dans le presse-papiers", 57 | "snippetDeletedSuccessfully": "Snippet supprimé avec succès !", 58 | "untitled": "Sans titre", 59 | "youDonTHaveAnySnippets": "Vous n'avez pas encore de snippets. Créez-en un maintenant !", 60 | "createNow": "Créez-en un maintenant !", 61 | "morePages": "Plus de pages", 62 | "previous": "Précédent", 63 | "next": "Suivant", 64 | "close": "Fermer", 65 | "searchLanguage": "Rechercher une langue...", 66 | "noLanguageFound": "Aucune langue trouvée.", 67 | "website": "Site web", 68 | "themeLight": "Clair", 69 | "themeDark": "Sombre", 70 | "themeDim": "Tamisé", 71 | "themeSystem": "Système", 72 | "failedToLoadSnippets": "Échec du chargement des snippets.", 73 | "failedToCreateNewSnippet": "Échec de la création d'un nouveau snippet.", 74 | "creatingNewSnippet": "Création d'un nouveau snippet", 75 | "failedToLoadPreviewState": "Échec du chargement de l'état de prévisualisation depuis le localStorage.", 76 | "pleaseSelectLanguage": "Veuillez sélectionner une langue.", 77 | "filenameCannotBeEmpty": "Le nom du fichier ne peut pas être vide.", 78 | "filenameTooLong": "Le nom du fichier ne peut pas dépasser 1024 caractères.", 79 | "savingSnippet": "Enregistrement du snippet", 80 | "failedToSaveSnippet": "Échec de l'enregistrement du snippet.", 81 | "failedToCopySnippet": "Échec de la copie du snippet.", 82 | "failedToRemovePreview": "Échec de la suppression de l'aperçu du localStorage.", 83 | "deletingSnippet": "Suppression du snippet", 84 | "failedToDeleteSnippet": "Échec de la suppression du snippet.", 85 | "appLanguage": "Langue de l'application", 86 | "selectAppLanguage": "Choisissez votre langue parlée", 87 | "snippetInformation": "Infos sur l'extrait", 88 | "snippetDetails": "Voir les détails de cet extrait", 89 | "id": "ID", 90 | "language": "Langue", 91 | "lastSaved": "Dernière sauvegarde", 92 | "info": "Infos", 93 | "noPreviewAvailable": "Aucun aperçu disponible", 94 | "notAvailable": "Non disponible" 95 | } 96 | -------------------------------------------------------------------------------- /src/components/ui/alert-dialog.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import * as React from "react"; 4 | import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"; 5 | 6 | import { cn } from "@/lib/utils"; 7 | import { buttonVariants } from "@/components/ui/button"; 8 | 9 | function AlertDialog({ 10 | ...props 11 | }: React.ComponentProps