F: Add QR feature for RSForm

README.md

@@ -42,6 +42,7 @@ This readme file is used mostly to document project dependencies and conventions
   - reactflow
   - js-file-download
   - use-debounce
+  - qrcode.react
   - html-to-image
   - @tanstack/react-table
   - @uiw/react-codemirror

rsconcept/frontend/package-lock.json

@@ -17,6 +17,7 @@
         "clsx": "^2.1.1",
         "html-to-image": "^1.11.11",
         "js-file-download": "^0.4.12",
+        "qrcode.react": "^4.2.0",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-error-boundary": "^4.1.2",
@@ -8666,6 +8667,15 @@
       ],
       "license": "MIT"
     },
+    "node_modules/qrcode.react": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz",
+      "integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",

rsconcept/frontend/package.json

@@ -21,6 +21,7 @@
     "clsx": "^2.1.1",
     "html-to-image": "^1.11.11",
     "js-file-download": "^0.4.12",
+    "qrcode.react": "^4.2.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-error-boundary": "^4.1.2",

rsconcept/frontend/src/components/Icons.tsx

@@ -20,6 +20,7 @@ export { TbEye            as IconShow }           from 'react-icons/tb';
 export { TbEyeX           as IconHide }           from 'react-icons/tb';
 export { BiShareAlt       as IconShare }          from 'react-icons/bi';
 export { LuFilter         as IconFilter }         from 'react-icons/lu';
+export { LuQrCode         as IconQR }             from 'react-icons/lu';
 export { LuFilterX        as IconFilterReset }    from 'react-icons/lu';
 export {BiDownArrowCircle as IconOpenList }       from 'react-icons/bi';
 export { LuTriangleAlert  as IconAlert }          from 'react-icons/lu';

rsconcept/frontend/src/dialogs/DlgShowQR.tsx

@@ -0,0 +1,26 @@
+'use client';
+
+import clsx from 'clsx';
+import { QRCodeSVG } from 'qrcode.react';
+
+import Modal, { ModalProps } from '@/components/ui/Modal';
+
+interface DlgShowQRProps extends Pick<ModalProps, 'hideWindow'> {
+  target: string;
+}
+
+function DlgShowQR({ hideWindow, target }: DlgShowQRProps) {
+  return (
+    <Modal
+      readonly
+      hideWindow={hideWindow}
+      className={clsx('w-[30rem]', 'py-12 pr-3 pl-6 flex gap-3 justify-center items-center')}
+    >
+      <div className='bg-[#ffffff] p-4 border'>
+        <QRCodeSVG value={target} size={256} />
+      </div>
+    </Modal>
+  );
+}
+
+export default DlgShowQR;

rsconcept/frontend/src/pages/RSFormPage/MenuRSTabs.tsx

@@ -19,6 +19,7 @@ import {
   IconNewVersion,
   IconOSS,
   IconOwner,
+  IconQR,
   IconReader,
   IconReplace,
   IconShare,
@@ -85,6 +86,11 @@ function MenuRSTabs({ onDestroy }: MenuRSTabsProps) {
     controller.share();
   }
 
+  function handleShowQR() {
+    schemaMenu.hide();
+    controller.showQR();
+  }
+
   function handleCreateVersion() {
     schemaMenu.hide();
     controller.createVersion();
@@ -155,10 +161,16 @@ function MenuRSTabs({ onDestroy }: MenuRSTabsProps) {
             onClick={handleShare}
             disabled={controller.schema?.access_policy !== AccessPolicy.PUBLIC}
           />
+          <DropdownButton
+            text='QR-код'
+            title='Показать QR-код схемы'
+            icon={<IconQR size='1rem' className='icon-primary' />}
+            onClick={handleShowQR}
+          />
           {user ? (
             <DropdownButton
               text='Клонировать'
-              icon={<IconClone size='1rem' className='icon-primary' />}
+              icon={<IconClone size='1rem' className='icon-green' />}
               disabled={model.isArchive}
               onClick={handleClone}
             />

rsconcept/frontend/src/pages/RSFormPage/RSEditContext.tsx

@@ -21,6 +21,7 @@ import DlgEditVersions from '@/dialogs/DlgEditVersions';
 import DlgEditWordForms from '@/dialogs/DlgEditWordForms';
 import DlgInlineSynthesis from '@/dialogs/DlgInlineSynthesis';
 import DlgRenameCst from '@/dialogs/DlgRenameCst';
+import DlgShowQR from '@/dialogs/DlgShowQR';
 import DlgShowTypeGraph from '@/dialogs/DlgShowTypeGraph';
 import DlgSubstituteCst from '@/dialogs/DlgSubstituteCst';
 import DlgUploadRSForm from '@/dialogs/DlgUploadRSForm';
@@ -108,6 +109,7 @@ export interface IRSEditContext extends ILibraryItemEditor {
   substitute: () => void;
 
   showTypeGraph: () => void;
+  showQR: () => void;
 }
 
 const RSEditContext = createContext<IRSEditContext | null>(null);
@@ -172,6 +174,7 @@ export const RSEditState = ({
   const [showEditVersions, setShowEditVersions] = useState(false);
   const [showInlineSynthesis, setShowInlineSynthesis] = useState(false);
   const [showTypeGraph, setShowTypeGraph] = useState(false);
+  const [showQR, setShowQR] = useState(false);
 
   const [createInitialData, setCreateInitialData] = useState<ICstCreateData>();
   const [showCreateCst, setShowCreateCst] = useState(false);
@@ -627,6 +630,11 @@ export const RSEditState = ({
     [model]
   );
 
+  function generateQR(): string {
+    const currentRef = window.location.href;
+    return currentRef.includes('?') ? currentRef + '&qr' : currentRef + '?qr';
+  }
+
   return (
     <RSEditContext
       value={{
@@ -679,11 +687,13 @@ export const RSEditState = ({
         produceStructure,
         substitute,
 
-        showTypeGraph: () => setShowTypeGraph(true)
+        showTypeGraph: () => setShowTypeGraph(true),
+        showQR: () => setShowQR(true)
       }}
     >
       {model.schema ? (
         <>
+          {showQR ? <DlgShowQR hideWindow={() => setShowQR(false)} target={generateQR()} /> : null}
           {showUpload ? <DlgUploadRSForm hideWindow={() => setShowUpload(false)} /> : null}
           {showClone ? (
             <DlgCloneLibraryItem