{"id":468765,"date":"2025-07-26T21:00:11","date_gmt":"2025-07-26T21:00:11","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=468765"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=468765","title":{"rendered":"\u0421\u0442\u0430\u0440\u0442\u0430\u043f \u0437\u0430 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0435: AI-\u0430\u0433\u0435\u043d\u0442 \u0434\u043b\u044f \u0411\u0414, \u0447\u0430\u0441\u0442\u044c 1<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n
<\/figure>\n

\u041d\u0443 \u043a\u0442\u043e \u043d\u0435 \u043c\u0435\u0447\u0442\u0430\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0440\u0442\u0430\u043f \u0437\u0430 \u043e\u0434\u043d\u0438 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0435?<\/p>\n

\u0414\u0430\u0432\u043d\u043e \u0445\u043e\u0442\u0435\u043b \u0440\u0430\u0437\u0432\u0435\u044f\u0442\u044c\u0441\u044f, \u0438 \u0447\u0443\u0442\u043a\u0430 \u043e\u0442\u0432\u043b\u0435\u0447\u044c\u0441\u044f \u043e\u0442 \u0440\u0443\u0442\u0438\u043d\u044b \u0438 \u0440\u0430\u0431\u043e\u0442\u044b.
\u0410 \u0435\u0449\u0451 \u0434\u0430\u0432\u043d\u043e \u0445\u043e\u0442\u0435\u043b \u043f\u043e\u0449\u0443\u043f\u0430\u0442\u044c Tauri v2, \u0438 \u043d\u043e\u0432\u043e\u043c\u043e\u0434\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f AI-\u0430\u0433\u0435\u043d\u0442\u043e\u0432 (ai-sdk<\/a> \/ mastra<\/a> \/ llamaindex<\/a>.<\/p>\n

\u0418\u0434\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0430\u044f: \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u043d\u0443\u0442\u0440\u0438 \u0418\u0418-\u0430\u0433\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a \u0411\u0414, \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\/\u0432\u044c\u044e\u0448\u0435\u043a. \u0421\u043f\u0440\u0430\u0432\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0447\u0430\u0442\u0430 \u0441 \u0430\u0433\u0435\u043d\u0442\u043e\u043c, \u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e — \u0445\u043e\u043b\u0441\u0442, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0430\u0433\u0435\u043d\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442 \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0441\u0430\u043c. \u0410 \u0438\u043c\u0435\u043d\u043d\u043e — \u0432\u0438\u0434\u0436\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u0411\u0414, \u0438 \u0432\u044b\u0432\u043e\u0434\u044f\u0442 \u0438\u0445 \u0432 \u043f\u0440\u0438\u044f\u0442\u043d\u043e\u043c \u0433\u043b\u0430\u0437\u0443 \u0432\u0438\u0434\u0435.
\u041d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0431\u0435\u043a\u0435\u043d\u0434\u0430, open-source, \u0434\u043e\u0441\u0442\u0443\u043f\u044b \u043a \u0411\u0414 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e, \u0432\u0441\u0451 \u0441\u0435\u043a\u044c\u044e\u0440\u043d\u043e.<\/p>\n

\u0422\u0430\u043a \u043a\u0430\u043a \u0432\u0435\u0441\u044c \u043a\u043e\u0434 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439, \u0442\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u044f \u0431\u0443\u0434\u0443 \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438: https:\/\/github.com\/ElKornacio\/qyp-mini<\/a><\/p>\n

\u0424\u043b\u043e\u0443 \u0442\u0430\u043a\u043e\u0439:<\/p>\n

    \n
  1. \n

    \u042f \u0433\u043e\u0432\u043e\u0440\u044e \u0430\u0433\u0435\u043d\u0442\u0443 «\u0434\u043e\u0431\u0430\u0432\u044c \u043d\u0430 \u0434\u0435\u0448\u0431\u043e\u0440\u0434 \u043f\u043b\u0430\u0448\u043a\u0443 \u0441 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043d\u043e\u0432\u044b\u0445 \u044e\u0437\u0435\u0440\u043e\u0432 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u043c\u0435\u0441\u044f\u0446».<\/p>\n<\/li>\n

  2. \n

    \u041e\u043d, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0437\u043d\u0430\u043d\u0438\u044f \u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0411\u0414, \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043a \u043d\u0435\u0439 \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043c\u043e\u0435\u0439 \u0411\u0414, SQL-\u0437\u0430\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u0443\u044e \u0438\u043d\u0444\u0443<\/p>\n<\/li>\n

  3. \n

    \u041e\u043d \u043f\u0438\u0448\u0435\u0442 React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430 Tailwind + shadcn\/ui, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442 \u0432 \u0432\u0438\u0434\u0435 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u043e\u0439 \u043f\u043b\u0430\u0448\u043a\u0438<\/p>\n<\/li>\n

  4. \n

    \u041f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c, \u043f\u0440\u044f\u043c\u043e \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435, react-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043e\u043c\u043f\u043b\u0438\u0440\u0438\u0443\u0435\u0442\u0441\u044f (esbuild + postcss), \u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0434\u0435\u0448\u0431\u043e\u0440\u0434<\/p>\n<\/li>\n

  5. \n

    \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0448\u0438\u0431\u043e\u043a (\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u0438\u043b\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f sql) — \u043e\u043d\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u043c \u043b\u0435\u0442\u044f\u0442 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0430\u0433\u0435\u043d\u0442\u0443, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0447\u0438\u043d\u0438\u043b.<\/p>\n<\/li>\n<\/ol>\n

    \u0412 \u043e\u0431\u0449\u0435\u043c, \u044f \u0445\u043e\u0447\u0443 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0431\u0443\u0434\u0435\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0430\u043c \u0418\u0418 \u0430\u0433\u0435\u043d\u0442, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0441\u0430\u043c \u0440\u0435\u0448\u0430\u043b, \u043a\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e.<\/p>\n

    \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u043f\u043e\u0442\u044b\u043a\u0430\u0442\u044c runtime \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e tailwind (\u044d\u0442\u043e \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e, \u0442.\u043a. \u043f\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u0443 tailwind \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 css-\u043a\u043b\u0430\u0441\u0441\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u0434\u0430), \u0435\u0449\u0451 runtime \u0441 esbuild \u043f\u043e\u0434 \u044d\u0442\u043e \u0432\u0441\u0451 \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c, \u043d\u0443 \u0438 \u044f \u0434\u0430\u0432\u043d\u043e \u0445\u043e\u0442\u0435\u043b Tauri v2 \u043f\u043e\u0449\u0443\u043f\u0430\u0442\u044c.<\/p>\n

    \u0410 \u0435\u0449\u0451 \u043c\u043d\u0435 \u043d\u0430\u043a\u0438\u0434\u0430\u043b\u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u044b \u0432 \u0442\u0435\u043b\u0435\u0433\u0435<\/a> \u043d\u043e\u0432\u043e\u043c\u043e\u0434\u043d\u044b\u0435 AI-agent \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0434\u043b\u044f TypeScript, \u0442\u0430\u043a \u0447\u0442\u043e \u0438\u0445 \u0442\u043e\u0436\u0435 \u0445\u043e\u0447\u0443 \u043f\u043e\u0449\u0443\u043f\u0430\u0442\u044c \u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c, \u0440\u0430\u043d\u044c\u0448\u0435 \u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c LangChain \u043f\u0438\u0441\u0430\u043b.<\/p>\n

    \u0412\u0441\u0435\u0433\u043e \u0431\u0443\u0434\u0435\u0442 5 \u0447\u0430\u0441\u0442\u0435\u0439:<\/p>\n

      \n
    1. \n

      \u0414\u0435\u043b\u0430\u0435\u043c \u0441\u043a\u0435\u043b\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u044d\u0442\u0430 \u0447\u0430\u0441\u0442\u044c)<\/p>\n<\/li>\n

    2. \n

      \u0414\u0435\u043b\u0430\u0435\u043c runtime-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e TSX-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432<\/p>\n<\/li>\n

    3. \n

      \u0414\u0435\u043b\u0430\u0435\u043c AI-\u0430\u0433\u0435\u043d\u0442\u0430 \u0438 \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c AI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438<\/p>\n<\/li>\n

    4. \n

      \u0423\u0447\u0438\u043c \u0430\u0433\u0435\u043d\u0442\u0430 \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u0438 \u0434\u0435\u043b\u0430\u0442\u044c SQL-\u0437\u0430\u043f\u0440\u043e\u0441\u044b<\/p>\n<\/li>\n

    5. \n

      \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0451 \u0432 \u043a\u0443\u0447\u0443 \u0438 \u043f\u0440\u0438\u0447\u0451\u0441\u044b\u0432\u0430\u0435\u043c<\/p>\n<\/li>\n<\/ol>\n

      \u041f\u043e\u0435\u0445\u0430\u043b\u0438!<\/p>\n

      Tauri v2 — \u0434\u0435\u0441\u043a\u0442\u043e\u043f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\n

      Tauri — \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0439 Electron \u043d\u0430 \u0441\u0442\u0435\u0440\u043e\u0438\u0434\u0430\u0445. \u0420\u0435\u0431\u044f\u0442\u0430 \u043f\u043e\u0447\u0435\u0441\u0430\u043b\u0438 \u0433\u043e\u043b\u043e\u0432\u0443 \u0438 \u0441\u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u0441\u0435\u0431\u044f «\u0437\u0430\u0447\u0435\u043c \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0435\u0441\u044c Chromium-\u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044e\u0437\u0435\u0440\u0430 \u043d\u0430 \u043a\u043e\u043c\u043f\u0435 \u0438\u0442\u0430\u043a \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440? \u043f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c html\/css\/js-\u0431\u0430\u043d\u0434\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c WebView?»<\/p>\n

      \u0418\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 Tauri, \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0447\u0435\u0433\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0435\u0441\u0438\u0442 \u043d\u0435 400 \u043c\u0435\u0433\u0430\u0431\u0430\u0439\u0442, \u0430 5, \u0438 \u043b\u0435\u0442\u0430\u0435\u0442 \u0432 \u043f\u043b\u0430\u043d\u0435 \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c — \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0434\u043b\u044f WebView, \u0438 Rust \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u0433\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e «\u0431\u0435\u043a\u0435\u043d\u0434\u0430» Tauri).<\/p>\n

      \u0414\u0430\u0432\u043d\u043e \u0445\u043e\u0442\u0435\u043b \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0441 \u043d\u0438\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c. \u041f\u043e\u044d\u0442\u043e\u043c\u0443, \u043f\u043e\u0435\u0445\u0430\u043b\u0438:<\/p>\n

      \u0422\u044b\u043a\u0430\u0435\u043c \u0441\u044e\u0434\u0430<\/a>, \u0438 \u0441\u043b\u0435\u043f\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u043c \u0433\u0430\u0439\u0434\u0443.
      \u042f \u044e\u0437\u0430\u044e pnpm, \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435:<\/p>\n

      pnpm create tauri-app <\/code><\/pre>\n
      \u0412\u0435\u0437\u0434\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u043b Typescript\/React.<\/p>\n
      \u0417\u0430\u0432\u0435\u043b\u043e\u0441\u044c \u0441 \u043f\u043e\u043b-\u043f\u0438\u043d\u043a\u0430, \u0434\u0430\u043b\u0435\u0435:<\/p>\n
      pnpm tauri dev <\/code><\/pre>\n
      \u0438 \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/p>\n
      \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u0430 \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0442\u0435\u043a\u0430 Tauri \u043f\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 Vite. \u041c\u0435\u043d\u044f \u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442, \u044f \u0442\u043e\u0436\u0435 \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e \u0435\u0433\u043e \u043d\u0430 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445.<\/p>\n
      \u0414\u0430\u043b\u0435\u0435, \u0437\u0430\u0432\u043e\u0437\u0438\u043c Tailwind v4<\/a> \u0438 shadcn\/ui<\/a>:<\/p>\n
      pnpm i --save-dev tailwindcss @tailwindcss\/vite <\/code><\/pre>\n
      \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d \u0432 vite.config.ts<\/code>:<\/p>\n
      import { defineConfig } from 'vite' import tailwindcss from '@tailwindcss\/vite'  export default defineConfig({ plugins: [ \/\/ ... tailwindcss(), \/\/ ... ], }) <\/code><\/pre>\n
      \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c Tailwind \u0432 css (src\/index.css<\/code>):<\/p>\n
      @import \"tailwindcss\"; <\/code><\/pre>\n
      \u0434\u0430\u043b\u0435\u0435, \u043f\u0440\u043e\u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c shadcn\/ui<\/code> \u043f\u0440\u043e\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u043a\u043d\u043e\u043f\u043a\u0443:<\/p>\n
      pnpm dlx shadcn@latest add button <\/code><\/pre>\n
      \u0412\u0443\u0430\u043b\u044f, \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0441\u0435\u0442\u0430\u043f \u0433\u043e\u0442\u043e\u0432. \u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0437\u0431\u0435\u0440\u0451\u043c\u0441\u044f \u0441\u043e \u0441\u0440\u0435\u0434\u043e\u0439 \u0434\u043b\u044f runtime-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438.<\/p>\n
      \u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435<\/h3>\n
      \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0418\u0418 \u043d\u0430\u043c \u0432\u044b\u0434\u0430\u043b \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u0434:<\/p>\n
      import { Button } from  '@\/components\/ui\/button';  export default function MyComponent() { return ( <Button>Click me!<\/Button> ); } <\/code><\/pre>\n
      \u0438 \u043c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u0432 \u044d\u0442\u043e\u043c \u043a\u043e\u0434\u0435, \u0431\u044b\u043b \u0432\u044b\u0432\u0435\u0434\u0435\u043d \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.
       \u041d\u0430\u043f\u043e\u043c\u043d\u044e, \u0440\u0435\u0447\u044c \u043e \u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0435: \u0442\u043e \u0435\u0441\u0442\u044c \u043a\u043e\u0434 \u0432\u044b\u0448\u0435 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0441\u0430\u043c\u0438\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e:<\/p>\n
        \n
      1. \n
        TSX: \u043d\u0430\u0434\u043e \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c jsx-\u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0432 React.createElement<\/code>-\u0441\u0442\u0435\u0439\u0442\u043c\u0435\u043d\u0442\u044b<\/p>\n<\/li>\n
      2. \n
        TypeScript: \u043d\u0430\u0434\u043e \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 JavaScript<\/p>\n<\/li>\n
      3. \n
        Tailwind\/PostCSS: \u0441\u0431\u043e\u0440\u0449\u0438\u043a Tailwind \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0440\u043e\u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u043c\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f tailwind-\u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0438\u0445 css-\u043a\u043e\u0434.<\/p>\n<\/li>\n
      4. \n
        \u0411\u0430\u043d\u0434\u043b\u0438\u043d\u0433: \u043d\u0430\u0434\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0432\u0441\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0432 \u0435\u0434\u0438\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u0430 \u0442\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043f\u043e\u0434\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c \u0441\u0430\u043c\u0438 (\u0442\u0438\u043f\u0430 \u0442\u0435\u0445 \u0436\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 shadcn\/ui<\/code>) — \u0438\u0445 \u043d\u0430\u0434\u043e \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043f\u0440\u043e\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0432 \u0440\u0430\u043d\u0442\u0430\u0439\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (\u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 require<\/code>?)<\/p>\n<\/li>\n<\/ol>\n
        \u0412 \u043e\u0431\u0449\u0435\u043c, \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 esbuild<\/code> — TSX\/TypeScript\/\u0431\u0430\u043d\u0434\u043b\u0438\u043d\u0433 \u043e\u043d \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u0432\u043e\u0437\u044c\u043c\u0451\u0442 \u043d\u0430 \u0441\u0435\u0431\u044f. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u0443 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044f \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0433\u043e-\u0440\u0430\u043d\u0442\u0430\u0439\u043c\u0430 — esbuild-wasm<\/code><\/a>.<\/p>\n
        \u0410 \u0432\u043e\u0442 \u0441 Tailwind\/PostCSS \u0432\u0441\u0451 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0441\u043b\u043e\u0436\u043d\u0435\u0435. \u0421 \u043f\u043e\u043b-\u043f\u0438\u043d\u043a\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0439 \u0441\u0440\u0435\u0434\u0435 \u043e\u043d\u043e \u043d\u0435 \u0437\u0430\u0432\u043e\u0434\u0438\u0442\u0441\u044f. \u0415\u0441\u043b\u0438 \u0434\u043e\u043b\u0433\u043e \u043f\u0438\u043d\u0430\u0442\u044c, \u0442\u043e \u0432 \u0446\u0435\u043b\u043e\u043c \u043c\u043e\u0436\u043d\u043e, \u0443 \u0441\u0430\u043c\u043e\u0433\u043e Tailwind \u0435\u0441\u0442\u044c play.tailwindcss.com<\/a>, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043a\u0430\u043a \u0440\u0430\u0437 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0438\u0433\u0440\u0430\u0442\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0435\u0439 Tailwind \u043f\u0440\u044f\u043c\u043e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u041d\u043e \u0432\u043e\u0442 \u0431\u0435\u0434\u0430 — \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u0440\u0430\u043d\u044c\u0448\u0435 \u0431\u044b\u043b open-source, \u0430 \u043f\u043e\u0442\u043e\u043c \u0440\u0435\u0431\u044f\u0442\u0430 \u043f\u0435\u0440\u0435\u0434\u0443\u043c\u0430\u043b\u0438.
         \u041d\u043e, \u043a \u0441\u0447\u0430\u0441\u0442\u044c\u044e, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0432\u0441\u0451 \u043f\u043e\u043c\u043d\u0438\u0442, \u0438 \u043d\u0430\u0439\u0442\u0438 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 Tailwind Play         \u043d\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0442\u0440\u0443\u0434\u0430<\/a>.<\/p>\n
        \u0415\u0441\u043b\u0438 \u0445\u043e\u0440\u043e\u0448\u0435\u043d\u044c\u043a\u043e \u0438\u0445 \u043f\u043e\u043a\u043e\u043f\u0430\u0442\u044c, \u0442\u043e \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 4 \u0432\u0435\u0440\u0441\u0438\u0438, \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u043d\u043e \u043e\u0447\u0435\u043d\u044c \u0433\u0440\u044f\u0437\u043d\u043e — \u0441 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0430\u043c\u0438 \u0432\u0441\u044f\u043a\u0438\u0445 Node.js-\u043c\u043e\u0434\u0443\u043b\u0435\u0439, «\u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439» \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439, \u043a\u0443\u0447\u0435\u0439 \u0445\u0430\u043a\u043e\u0432 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.
         \u0418\u0434\u0442\u0438 \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043f\u0443\u0442\u0438 \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e.<\/p>\n
        \u041f\u043e\u044d\u0442\u043e\u043c\u0443, \u044f \u043f\u0440\u0438\u043d\u044f\u043b \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 TSX+Tailwind \u0440\u0430\u0439\u0442\u0430\u0439\u043c Node.js. \u041e\u0441\u0442\u0430\u0432\u0430\u043b\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441 — \u043a\u0430\u043a \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u0435\u0433\u043e \u0432 Tauri.<\/p>\n
        \u0417\u0430\u0432\u043e\u0434\u0438\u043c Node.js \u0432 Tauri<\/h3>\n
        \u0412 \u043e\u0431\u0449\u0435\u043c, \u0432 Tauri \u0435\u0441\u0442\u044c \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c sidecars, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0438 \u0432 \u0435\u0434\u0438\u043d\u044b\u0439 \u0431\u0430\u043d\u0434\u043b \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c.
         \u0410 \u0434\u043b\u044f Node.js \u0435\u0441\u0442\u044c pkg<\/code> — \u0443\u0442\u0438\u043b\u0438\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u043c\u0435\u0435\u0442 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0442\u044c Node.js \u0441\u043a\u0440\u0438\u043f\u0442-\u0431\u0430\u043d\u0434\u043b \u0432 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0449\u0438\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.
         \u0418 \u0443 Tauri \u0434\u0430\u0436\u0435 \u0435\u0441\u0442\u044c         \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0433\u0430\u0439\u0434<\/a> \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0437\u0430\u0432\u0435\u0441\u0442\u0438 Node.js-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u043a sidecar \u0434\u043b\u044f Tauri-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n
        \u0422\u0430\u043a \u043a\u0430\u043a \u043c\u044b \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c \u043e\u0431\u043c\u0435\u043d\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0441 Node.js \u0431\u043e\u043b\u044c\u0448\u0438\u043c\u0438 \u043e\u0431\u044a\u0451\u043c\u0430\u043c\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u044f \u0445\u043e\u0447\u0443 \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u043f\u043e\u0434 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u0438\u0439 stdin-stdout \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c JSON-\u043f\u0430\u043a\u0435\u0442\u044b \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 base64.<\/p>\n
        \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, Node.js \u043a\u043e\u0434 \u044f \u0442\u043e\u0436\u0435 \u0445\u043e\u0447\u0443 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u0430\u043a TypeScript, \u0438 \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0434 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0435\u0439 \u0432 pkg<\/code>.
         \u0414\u0435\u043b\u0430\u0435\u043c pnpm init<\/code> \u0432 src-node<\/code> \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438, \u0431\u0430\u0445\u0430\u0435\u043c src-node\/src\/index.ts<\/code> \u0441 \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0439 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u043e\u0439, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u0432 src-node\/package.json<\/code>:<\/p>\n
        { ... \"scripts\": { \"build-code\": \"tsc\", \"build-binary\": \"pnpm run build-code && pkg dist\/index.js --output qyp-mini-node-backend\", \"package-binary\": \"node scripts\/build.js qyp-mini-node-backend\", \"build\": \"pnpm run build-binary && pnpm run package-binary\" }, \"devDependencies\": { \"@yao-pkg\/pkg\": \"^5.15.0\" }, \"bin\": { \"qyp-mini-node-backend\": \"dist\/index.js\" }, \"pkg\": { \"targets\": [ \"latest-macos\" ], \"scripts\": [ \"dist\/index.js\" ] }, ... } <\/code><\/pre>\n
        \u041a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u044f \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0437\u0430\u0432\u0451\u043b \u0442\u043e\u043b\u044c\u043a\u043e MacOS — \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0437\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043f\u043e\u0442\u043e\u043c.
         \u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0432 src-node\/scripts\/build.js<\/code> \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e pkg<\/code> \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430 \u0432 Tauri (\u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u0443 \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u043e\u0432 \u0431\u044b\u043b\u043e \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0435 \u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430 — Tauri \u043f\u043e \u0438\u043c\u0435\u043d\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443, \u043f\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d):<\/p>\n
        import { execSync } from 'child_process'; import fs from 'fs';  const ext = process.platform === 'win32' ? '.exe' : '';  const appName = process.argv[2];  const rustInfo = execSync('rustc -vV'); const targetTriple = \/host: (\\S+)\/g.exec(rustInfo)[1]; if (!targetTriple) { console.error('Failed to determine platform target triple'); } fs.renameSync(`${appName}${ext}`, `..\/src-tauri\/binaries\/${appName}-${targetTriple}${ext}`);  <\/code><\/pre>\n
        \u0418 \u0434\u043e\u043a\u0438\u043d\u0435\u043c \u044d\u0442\u043e \u0432\u0441\u0451 \u0432\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u0438\u0435 \u0432 package.json<\/code> \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430:<\/p>\n
        \"scripts\": { \"dev\": \"cd src-node && pnpm run build && cd .. && vite\", \"build\": \"cd src-node && pnpm run build && cd .. && tsc && vite build\", \"preview\": \"vite preview\", \"tauri\": \"tauri\" }, <\/code><\/pre>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b pnpm tauri dev<\/code> \u043e\u043d \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u043c \u0434\u0451\u0440\u043d\u0435\u0442 \u0441\u0431\u043e\u0440\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 pkg<\/code> \u0441\u0432\u0435\u0436\u0435\u0433\u043e Node.js \u0431\u0438\u043d\u0430\u0440\u043d\u0438\u043a\u0430, \u0438 \u0441\u0440\u0430\u0437\u0443 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n
        \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430 \u0437\u0430\u043f\u0438\u0441\u044c \u0432 stdin, \u0434\u0430 \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u044b\u0437\u043e\u0432 sidecar, \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u0441\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b src-tauri\/capabilities\/default.json<\/code>:<\/p>\n
        { ... \"permissions\": [ \"core:default\", \"opener:default\", { \"identifier\": \"shell:allow-spawn\", \"allow\": [ { \"name\": \"binaries\/qyp-mini-node-backend\", \"cmd\": \"binaries\/qyp-mini-node-backend\", \"args\": true, \/\/ \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e sidecar: true, \u0438\u043d\u0430\u0447\u0435 \u0431\u0443\u0434\u0435\u0442 scoped command not found \"sidecar\": true } ] }, \"shell:allow-stdin-write\", \/\/ \u0430 \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043f\u0438\u0441\u0430\u0442\u044c \u0432 stdin \"shell:default\" ] } <\/code><\/pre>\n
        \u041f\u0438\u043b\u0438\u043c \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u0438\u0439 JSON-\u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0434\u043b\u044f \u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441 Node.js<\/h3>\n
        \u041a\u0430\u043a \u044f \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b, \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u043c JSON \u0432 utf-8 \u0441\u0442\u0440\u043e\u0447\u043a\u0443, \u0430 \u0435\u0451 \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0432 base64. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u0430-\u0440\u0435\u043c\u0438\u043d\u0430\u0442\u043e\u0440\u0430 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u0441\u0442\u0440\u043e\u043a\u0438 (\\n).<\/p>\n
        \u041d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 Node.js:<\/p>\n
        \/\/ \u0427\u0438\u0442\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u0437 stdin const rl = createInterface({ input: process.stdin, output: process.stdout, terminal: false, });  rl.on('line', async line => { try { \/\/ \u0414\u0435\u043a\u043e\u0434\u0438\u0440\u0443\u0435\u043c base64 const jsonString = SmartBuffer.ofBase64String(line.trim()).toUTF8String(); \/\/ \u041f\u0430\u0440\u0441\u0438\u043c JSON const request = JSON.parse(jsonString);  \/\/ \u041e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u043f\u0440\u043e\u0441 const response = await processRequest(request);  \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043e\u0442\u0432\u0435\u0442 sendResponse(response);  \/\/ \u0417\u0430\u0432\u0435\u0440\u0448\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 process.exit(0); } catch (error) { console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error); sendResponse({ status: 'error', message: `\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0435\u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430: ${error instanceof Error ? error.message : String(error)}`, }); process.exit(1); } }); <\/code><\/pre>\n
        \u041d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430:<\/p>\n
        import { SmartBuffer } from '@tiny-utils\/bytes';  export class SidecarEncoder { static encodeRequest(request: SidecarRequest): string { const jsonString = JSON.stringify(request); const base64String = SmartBuffer.ofUTF8String(jsonString).toBase64String(); return base64String + '\\n'; }  static decodeResponse(base64Response: string): any { try { const jsonString = SmartBuffer.ofBase64String(base64Response.trim()).toUTF8String(); return JSON.parse(jsonString); } catch (error) { throw new Error(`\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0435\u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u043e\u0442 sidecar: ${error}`); } } }  <\/code><\/pre>\n
        \u0418 executor:<\/p>\n
        import { Command, TerminatedPayload } from '@tauri-apps\/plugin-shell'; import { SidecarEncoder, SidecarRequest, SidecarResponse } from '.\/SidecarEncoder';  export class SidecarExecutor { private static readonly SIDECAR_NAME = 'binaries\/qyp-mini-node-backend';  static async execute<T extends SidecarResponse>(params: SidecarExecutionParams): Promise<T> { const command = Command.sidecar(this.SIDECAR_NAME, params.args);  let stdout = ''; let stderr = '';  command.stdout.on('data', data => { stdout += data; }); command.stderr.on('data', data => { stderr += data; });  const child = await command.spawn();  const encodedRequest = SidecarEncoder.encodeRequest(params.request);  const output = await new Promise<TerminatedPayload>(resolve => { command.on('close', out => resolve(out));  \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0437\u0430\u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 child.write(encodedRequest); });  if (output.code !== 0) { throw new Error(`Sidecar \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0441\u044f \u0441 \u043a\u043e\u0434\u043e\u043c: ${output.code}. Stderr: ${stderr}`); }  return SidecarEncoder.decodeResponse(stdout); } } <\/code><\/pre>\n
        \u0412\u0443\u0430\u043b\u044f, \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0433\u043e\u0442\u043e\u0432. \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c (pnpm tauri dev<\/code>, \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c, \u0438 \u0440\u0430\u0434\u0443\u0435\u043c\u0441\u044f \u0447\u0442\u043e \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442).<\/p>\n
        \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h3>\n
        \u042d\u0442\u043e \u043f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u043b\u0438 \u0441\u043a\u0435\u043b\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u0438\u0442\u043e\u0433\u0435, \u043d\u0430 \u0431\u0430\u0437\u0435 \u0441\u0442\u0435\u043a\u0430:<\/p>\n