Save code to local storage

.gitea/workflows/build-and-push.yaml

@@ -1,35 +0,0 @@
-name: Build and Push Docker Image
-
-on:
-  push:
-    branches: [ main ]
-
-env:
-  REGISTRY: git.nullptr.top
-  IMAGE_NAME: git.nullptr.top/liquidcode/liquidcode-frontend
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Log in to Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ${{ env.REGISTRY }}
-          username: liquidcode-ci-service 
-          password: ${{ secrets.SERVICE_ACCOUNT_TOKEN }}
-
-      - name: Build and Push Docker image
-        uses: docker/build-push-action@v6
-        with:
-          context: .
-          push: true
-          tags: ${{ env.IMAGE_NAME }}:latest,${{ env.IMAGE_NAME }}:${{ gitea.sha }}
-          cache-from: type=registry,ref=${{ env.IMAGE_NAME }}:buildcache
-          cache-to: type=registry,ref=${{ env.IMAGE_NAME }}:buildcache,mode=max

Dockerfile

@@ -1,29 +0,0 @@
-# Build stage
-FROM node:20-alpine AS build
-WORKDIR /app
-
-# Copy package files
-COPY package.json package-lock.json ./
-
-# Install dependencies
-RUN npm ci
-
-# Copy source code
-COPY . .
-
-# Build the application
-RUN npm run build
-
-# Production stage
-FROM node:20-alpine AS runtime
-WORKDIR /app
-
-# Install a simple HTTP server to serve static files
-RUN npm install -g serve
-
-# Copy built application from build stage
-COPY --from=build /app/dist ./dist
-
-EXPOSE 3000
-
-CMD ["serve", "-s", "dist", "-l", "3000"]

src/pages/Article.tsx

@@ -50,7 +50,7 @@ const Article = () => {
                                 #{article.id}
                             </div>
                         </div>
-                        {article.tags.length && (
+                        {
                             <div className="flex gap-[10px]">
                                 {article.tags.map((v, i) => (
                                     <div
@@ -61,7 +61,7 @@ const Article = () => {
                                     </div>
                                 ))}
                             </div>
-                        )}
+                        }
                         <MarkdownPreview
                             content={article!.content}
                             className="bg-transparent"

src/views/mission/codeeditor/CodeEditor.tsx

@@ -3,6 +3,7 @@ import Editor from '@monaco-editor/react';
 import { upload } from '../../../assets/icons/input';
 import { cn } from '../../../lib/cn';
 import { DropDownList } from '../../../components/input/DropDownList';
+import { useParams } from 'react-router-dom';
 
 const languageMap: Record<string, string> = {
     c: 'cpp',
@@ -23,19 +24,21 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
     onChange,
     onChangeLanguage,
 }) => {
-    const [language, setLanguage] = useState<string>('C++');
+    const { missionId } = useParams<{ missionId: string }>();
+
     const [code, setCode] = useState<string>('');
     const [isDragging, setIsDragging] = useState<boolean>(false);
 
     const items = [
-        { value: 'c', text: 'C' },
         { value: 'C++', text: 'C++' },
         { value: 'java', text: 'Java' },
         { value: 'python', text: 'Python' },
-        { value: 'pascal', text: 'Pascal' },
         { value: 'kotlin', text: 'Kotlin' },
         { value: 'csharp', text: 'C#' },
     ];
+    const [language, setLanguage] = useState<string>('C++');
+
+    const getCodeKey = (missionId?: string) => `mission_${missionId}_code`;
 
     useEffect(() => {
         onChange(code);
@@ -44,6 +47,24 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
         onChangeLanguage(language);
     }, [language]);
 
+    useEffect(() => {
+        if (!missionId || !code) return;
+
+        localStorage.setItem(getCodeKey(missionId), code);
+    }, [code, missionId]);
+
+    useEffect(() => {
+        if (!missionId) return;
+
+        const savedCode = localStorage.getItem(getCodeKey(missionId));
+
+        if (savedCode !== null) {
+            setCode(savedCode);
+        } else {
+            setCode('');
+        }
+    }, [missionId]);
+
     const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
         const file = e.target.files?.[0];
         if (!file) return;
@@ -95,7 +116,6 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
                         onChange={(v) => {
                             setLanguage(v);
                         }}
-                        defaultState={{ value: 'C++', text: 'C++' }}
                     />
 
                     <label

src/views/mission/statement/LaTextContainer.tsx

@@ -78,7 +78,7 @@ const replaceImages = (
     const doc = parser.parseFromString(html, 'text/html');
 
     const latexImageNames = Array.from(
-        latex.matchAll(/\\includegraphics\{(.+?)\}/g),
+        latex.matchAll(/\\includegraphics(?:\[[^\]]*\])?\{(.+?)\}/g),
     ).map((match) => match[1]);
 
     const imgs = doc.querySelectorAll<HTMLImageElement>('img.tex-graphics');

src/views/mission/statement/Statement.tsx

@@ -5,6 +5,7 @@ import { CopyIcon } from '../../../assets/icons/missions';
 // import FullLatexRenderer from "./FullLatexRenderer";
 
 import { useState } from 'react';
+import { toastSuccess } from '../../../lib/toastNotification';
 
 interface CopyableDivPropd {
     content: string;
@@ -16,7 +17,7 @@ const CopyableDiv: FC<CopyableDivPropd> = ({ content }) => {
     const handleCopy = async () => {
         try {
             await navigator.clipboard.writeText(content);
-            alert('Скопировано!');
+            toastSuccess('Скопировано!');
         } catch (err) {}
     };