Your Name
@@ -0,0 +1,13 @@
|
||||
FROM node:20-alpine AS builder
|
||||
WORKDIR /app
|
||||
COPY package.json package-lock.json tsconfig.json vite.config.ts index.html ./
|
||||
COPY public/ ./public/
|
||||
RUN npm ci
|
||||
COPY src/ ./src/
|
||||
RUN npm run build
|
||||
|
||||
FROM nginx:alpine AS runner
|
||||
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||
COPY --from=builder /app/dist /usr/share/nginx/html
|
||||
EXPOSE 80
|
||||
CMD ["nginx", "-g", "daemon off;"]
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Проверка кодов маркировки — Честный знак</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="/cadesplugin_api.js"></script>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
server {
|
||||
listen 80;
|
||||
server_name _;
|
||||
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
|
||||
location /api/ {
|
||||
proxy_pass http://backend:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
}
|
||||
|
||||
location /auth/ {
|
||||
proxy_pass http://backend:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
}
|
||||
|
||||
location /health {
|
||||
proxy_pass http://backend:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
}
|
||||
}
|
||||
Generated
+2923
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "chestny-znak-api-frontend",
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"preview": "vite preview",
|
||||
"lint": "tsc --noEmit",
|
||||
"typecheck": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"crypto-pro": "^2.3.0",
|
||||
"dompurify": "^3.4.11",
|
||||
"marked": "^12.0.0",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/dompurify": "^3.0.5",
|
||||
"@types/react": "^19.0.0",
|
||||
"@types/react-dom": "^19.0.0",
|
||||
"@vitejs/plugin-react": "^4.3.4",
|
||||
"eslint": "^9.19.0",
|
||||
"typescript": "^5.7.3",
|
||||
"vite": "^6.1.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,895 @@
|
||||
; (function () {
|
||||
//already loaded
|
||||
if (window.cadesplugin && window.cadesplugin.LOG_LEVEL_DEBUG) {
|
||||
return;
|
||||
}
|
||||
var pluginObject;
|
||||
var plugin_resolved = 0;
|
||||
var plugin_reject;
|
||||
var plugin_resolve;
|
||||
var isOpera = 0;
|
||||
var isFireFox = 0;
|
||||
var isSafari = 0;
|
||||
var isYandex = 0;
|
||||
var canPromise = !!window.Promise;
|
||||
var cadesplugin_loaded_event_recieved = false;
|
||||
var isFireFoxExtensionLoaded = false;
|
||||
var cadesplugin = {};
|
||||
var untrusted_sites_message_shown = false;
|
||||
|
||||
if (canPromise) {
|
||||
cadesplugin = new window.Promise(function (resolve, reject) {
|
||||
plugin_resolve = resolve;
|
||||
plugin_reject = reject;
|
||||
});
|
||||
}
|
||||
|
||||
function check_browser() {
|
||||
var ua = window.navigator.userAgent,
|
||||
tem,
|
||||
M = ua.match(/(opera|yabrowser|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
|
||||
if (/trident/i.test(M[1])) {
|
||||
tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
|
||||
return { name: 'IE', version: (tem[1] || '') };
|
||||
}
|
||||
if (M[1] === "Chrome") {
|
||||
tem = ua.match(/\b(OPR|Edg|YaBrowser)\/(\d+)/);
|
||||
if (tem != null && (tem.length > 2)) {
|
||||
return { name: tem[1].replace('OPR', 'Opera'), version: tem[2] };
|
||||
}
|
||||
}
|
||||
M = M[2] ? [M[1], M[2]] : [window.navigator.appName, window.navigator.appVersion, '-?'];
|
||||
if ((tem = ua.match(/version\/(\d+)/i)) != null) {
|
||||
M.splice(1, 1, tem[1]);
|
||||
}
|
||||
return { name: M[0], version: M[1] };
|
||||
}
|
||||
|
||||
var browserSpecs = check_browser();
|
||||
|
||||
function cpcsp_console_log(level, msg) {
|
||||
//IE9 не может писать в консоль если не открыта вкладка developer tools
|
||||
if (typeof console === 'undefined') {
|
||||
return;
|
||||
}
|
||||
if (level <= cadesplugin.current_log_level) {
|
||||
if (level === cadesplugin.LOG_LEVEL_DEBUG) {
|
||||
console.log("DEBUG: %s", msg);
|
||||
}
|
||||
if (level === cadesplugin.LOG_LEVEL_INFO) {
|
||||
console.info("INFO: %s", msg);
|
||||
}
|
||||
if (level === cadesplugin.LOG_LEVEL_ERROR) {
|
||||
console.error("ERROR: %s", msg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function get_extension_version(callback) {
|
||||
window.postMessage("cadesplugin_extension_version_request", "*");
|
||||
window.addEventListener("message", function (event) {
|
||||
var resp_prefix = "cadesplugin_extension_version_response:";
|
||||
if (typeof (event.data) !== "string" || event.data.indexOf(resp_prefix) !== 0) {
|
||||
return;
|
||||
}
|
||||
var ext_version = event.data.substring(resp_prefix.length);
|
||||
callback(ext_version);
|
||||
}, false);
|
||||
}
|
||||
|
||||
function get_extension_id(callback) {
|
||||
window.postMessage("cadesplugin_extension_id_request", "*");
|
||||
window.addEventListener("message", function (event) {
|
||||
var resp_prefix = "cadesplugin_extension_id_response:";
|
||||
if (typeof (event.data) !== "string" || event.data.indexOf(resp_prefix) !== 0) {
|
||||
return;
|
||||
}
|
||||
var ext_id = event.data.substring(resp_prefix.length);
|
||||
callback(ext_id);
|
||||
}, false);
|
||||
}
|
||||
|
||||
function set_log_level(level) {
|
||||
if (!((level === cadesplugin.LOG_LEVEL_DEBUG) ||
|
||||
(level === cadesplugin.LOG_LEVEL_INFO) ||
|
||||
(level === cadesplugin.LOG_LEVEL_ERROR))) {
|
||||
cpcsp_console_log(cadesplugin.LOG_LEVEL_ERROR, "cadesplugin_api.js: Incorrect log_level: " + level);
|
||||
return;
|
||||
}
|
||||
cadesplugin.current_log_level = level;
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_DEBUG) {
|
||||
cpcsp_console_log(cadesplugin.LOG_LEVEL_INFO, "cadesplugin_api.js: log_level = DEBUG");
|
||||
}
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_INFO) {
|
||||
cpcsp_console_log(cadesplugin.LOG_LEVEL_INFO, "cadesplugin_api.js: log_level = INFO");
|
||||
}
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_ERROR) {
|
||||
cpcsp_console_log(cadesplugin.LOG_LEVEL_INFO, "cadesplugin_api.js: log_level = ERROR");
|
||||
}
|
||||
if (isNativeMessageSupported()) {
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_DEBUG) {
|
||||
window.postMessage("set_log_level=debug", "*");
|
||||
}
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_INFO) {
|
||||
window.postMessage("set_log_level=info", "*");
|
||||
}
|
||||
if (cadesplugin.current_log_level === cadesplugin.LOG_LEVEL_ERROR) {
|
||||
window.postMessage("set_log_level=error", "*");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function set_constantValues() {
|
||||
cadesplugin.CAPICOM_MEMORY_STORE = 0;
|
||||
cadesplugin.CAPICOM_LOCAL_MACHINE_STORE = 1;
|
||||
cadesplugin.CAPICOM_CURRENT_USER_STORE = 2;
|
||||
cadesplugin.CAPICOM_SMART_CARD_USER_STORE = 4;
|
||||
cadesplugin.CADESCOM_MEMORY_STORE = 0;
|
||||
cadesplugin.CADESCOM_LOCAL_MACHINE_STORE = 1;
|
||||
cadesplugin.CADESCOM_CURRENT_USER_STORE = 2;
|
||||
cadesplugin.CADESCOM_SMART_CARD_USER_STORE = 4;
|
||||
cadesplugin.CADESCOM_CONTAINER_STORE = 100;
|
||||
|
||||
cadesplugin.CAPICOM_ROOT_STORE = "Root";
|
||||
cadesplugin.CAPICOM_CA_STORE = "CA";
|
||||
cadesplugin.CAPICOM_MY_STORE = "My";
|
||||
cadesplugin.CAPICOM_ADDRESSBOOK_STORE = "AddressBook";
|
||||
|
||||
cadesplugin.CAPICOM_STORE_OPEN_READ_WRITE = 1;
|
||||
cadesplugin.CAPICOM_STORE_OPEN_MAXIMUM_ALLOWED = 2;
|
||||
cadesplugin.CAPICOM_STORE_OPEN_INCLUDE_ARCHIVED = 256;
|
||||
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME = 1;
|
||||
|
||||
cadesplugin.CADESCOM_XML_SIGNATURE_TYPE_ENVELOPED = 0;
|
||||
cadesplugin.CADESCOM_XML_SIGNATURE_TYPE_ENVELOPING = 1;
|
||||
cadesplugin.CADESCOM_XML_SIGNATURE_TYPE_TEMPLATE = 2;
|
||||
|
||||
cadesplugin.CADESCOM_XADES_DEFAULT = 0x00000010;
|
||||
cadesplugin.CADESCOM_XADES_BES = 0x00000020;
|
||||
cadesplugin.CADESCOM_XADES_T = 0x00000050;
|
||||
cadesplugin.CADESCOM_XADES_X_LONG_TYPE_1 = 0x000005d0;
|
||||
cadesplugin.CADESCOM_XMLDSIG_TYPE = 0x00000000;
|
||||
|
||||
cadesplugin.XmlDsigGost3410UrlObsolete = "http://www.w3.org/2001/04/xmldsig-more#gostr34102001-gostr3411";
|
||||
cadesplugin.XmlDsigGost3411UrlObsolete = "http://www.w3.org/2001/04/xmldsig-more#gostr3411";
|
||||
cadesplugin.XmlDsigGost3410Url = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr34102001-gostr3411";
|
||||
cadesplugin.XmlDsigGost3411Url = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr3411";
|
||||
|
||||
cadesplugin.XmlDsigGost3411Url2012256 = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr34112012-256";
|
||||
cadesplugin.XmlDsigGost3410Url2012256 = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr34102012-gostr34112012-256";
|
||||
cadesplugin.XmlDsigGost3411Url2012512 = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr34112012-512";
|
||||
cadesplugin.XmlDsigGost3410Url2012512 = "urn:ietf:params:xml:ns:cpxmlsec:algorithms:gostr34102012-gostr34112012-512";
|
||||
|
||||
cadesplugin.CADESCOM_CADES_DEFAULT = 0;
|
||||
cadesplugin.CADESCOM_CADES_BES = 1;
|
||||
cadesplugin.CADESCOM_CADES_T = 0x5;
|
||||
cadesplugin.CADESCOM_CADES_X_LONG_TYPE_1 = 0x5d;
|
||||
cadesplugin.CADESCOM_CADES_A = 0xdd;
|
||||
cadesplugin.CADESCOM_PKCS7_TYPE = 0xffff;
|
||||
|
||||
cadesplugin.CADESCOM_ENCODE_BASE64 = 0;
|
||||
cadesplugin.CADESCOM_ENCODE_BINARY = 1;
|
||||
cadesplugin.CADESCOM_ENCODE_ANY = -1;
|
||||
|
||||
cadesplugin.CAPICOM_CERTIFICATE_INCLUDE_CHAIN_EXCEPT_ROOT = 0;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_INCLUDE_WHOLE_CHAIN = 1;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_INCLUDE_END_ENTITY_ONLY = 2;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_INCLUDE_NONE = 0x100;
|
||||
|
||||
cadesplugin.CAPICOM_CERT_INFO_SUBJECT_SIMPLE_NAME = 0;
|
||||
cadesplugin.CAPICOM_CERT_INFO_ISSUER_SIMPLE_NAME = 1;
|
||||
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_SHA1_HASH = 0;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME = 1;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_ISSUER_NAME = 2;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_ROOT_NAME = 3;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_TEMPLATE_NAME = 4;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_EXTENSION = 5;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_EXTENDED_PROPERTY = 6;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_APPLICATION_POLICY = 7;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_CERTIFICATE_POLICY = 8;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_TIME_VALID = 9;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_TIME_NOT_YET_VALID = 10;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_TIME_EXPIRED = 11;
|
||||
cadesplugin.CAPICOM_CERTIFICATE_FIND_KEY_USAGE = 12;
|
||||
|
||||
cadesplugin.CAPICOM_DIGITAL_SIGNATURE_KEY_USAGE = 128;
|
||||
|
||||
cadesplugin.CAPICOM_PROPID_ENHKEY_USAGE = 9;
|
||||
|
||||
cadesplugin.CAPICOM_OID_OTHER = 0;
|
||||
cadesplugin.CAPICOM_OID_KEY_USAGE_EXTENSION = 10;
|
||||
|
||||
cadesplugin.CAPICOM_EKU_CLIENT_AUTH = 2;
|
||||
cadesplugin.CAPICOM_EKU_SMARTCARD_LOGON = 5;
|
||||
cadesplugin.CAPICOM_EKU_OTHER = 0;
|
||||
|
||||
cadesplugin.CAPICOM_AUTHENTICATED_ATTRIBUTE_SIGNING_TIME = 0;
|
||||
cadesplugin.CAPICOM_AUTHENTICATED_ATTRIBUTE_DOCUMENT_NAME = 1;
|
||||
cadesplugin.CAPICOM_AUTHENTICATED_ATTRIBUTE_DOCUMENT_DESCRIPTION = 2;
|
||||
cadesplugin.CADESCOM_AUTHENTICATED_ATTRIBUTE_SIGNING_TIME = 0;
|
||||
cadesplugin.CADESCOM_AUTHENTICATED_ATTRIBUTE_DOCUMENT_NAME = 1;
|
||||
cadesplugin.CADESCOM_AUTHENTICATED_ATTRIBUTE_DOCUMENT_DESCRIPTION = 2;
|
||||
cadesplugin.CADESCOM_AUTHENTICATED_ATTRIBUTE_MACHINE_INFO = 0x100;
|
||||
cadesplugin.CADESCOM_ATTRIBUTE_OTHER = -1;
|
||||
|
||||
cadesplugin.CADESCOM_STRING_TO_UCS2LE = 0;
|
||||
cadesplugin.CADESCOM_BASE64_TO_BINARY = 1;
|
||||
|
||||
cadesplugin.CADESCOM_DISPLAY_DATA_NONE = 0;
|
||||
cadesplugin.CADESCOM_DISPLAY_DATA_CONTENT = 1;
|
||||
cadesplugin.CADESCOM_DISPLAY_DATA_ATTRIBUTE = 2;
|
||||
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_RC2 = 0;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_RC4 = 1;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_DES = 2;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_3DES = 3;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_AES = 4;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_GOST_28147_89 = 25;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_GOST_MAGMA = 35;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_GOST_MAGMA_OMAC = 36;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_GOST_KUZNYECHIK = 45;
|
||||
cadesplugin.CADESCOM_ENCRYPTION_ALGORITHM_GOST_KUZNYECHIK_OMAC = 46;
|
||||
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_SHA1 = 0;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_MD2 = 1;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_MD4 = 2;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_MD5 = 3;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_SHA_256 = 4;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_SHA_384 = 5;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_SHA_512 = 6;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411 = 100;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411_2012_256 = 101;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411_2012_512 = 102;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411_HMAC = 110;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411_2012_256_HMAC = 111;
|
||||
cadesplugin.CADESCOM_HASH_ALGORITHM_CP_GOST_3411_2012_512_HMAC = 112;
|
||||
|
||||
cadesplugin.CADESCOM_CERT_INFO_ROLE = 100;
|
||||
cadesplugin.CADESCOM_ROLE_ROOT = "ROOT";
|
||||
cadesplugin.CADESCOM_ROLE_CA = "CA";
|
||||
cadesplugin.CADESCOM_ROLE_LEAF = "LEAF";
|
||||
|
||||
cadesplugin.LOG_LEVEL_DEBUG = 4;
|
||||
cadesplugin.LOG_LEVEL_INFO = 2;
|
||||
cadesplugin.LOG_LEVEL_ERROR = 1;
|
||||
|
||||
cadesplugin.CADESCOM_AllowNone = 0;
|
||||
cadesplugin.CADESCOM_AllowNoOutstandingRequest = 0x1;
|
||||
cadesplugin.CADESCOM_AllowUntrustedCertificate = 0x2;
|
||||
cadesplugin.CADESCOM_AllowUntrustedRoot = 0x4;
|
||||
cadesplugin.CADESCOM_SkipInstallToStore = 0x10000000;
|
||||
cadesplugin.CADESCOM_InstallCertChainToContainer = 0x20000000;
|
||||
cadesplugin.CADESCOM_UseContainerStore = 0x40000000;
|
||||
|
||||
cadesplugin.ContextNone = 0;
|
||||
cadesplugin.ContextUser = 0x1;
|
||||
cadesplugin.ContextMachine = 0x2;
|
||||
cadesplugin.ContextAdministratorForceMachine = 0x3;
|
||||
|
||||
cadesplugin.ENABLE_CARRIER_TYPE_CSP = 0x01;
|
||||
cadesplugin.ENABLE_CARRIER_TYPE_FKC_NO_SM = 0x02;
|
||||
cadesplugin.ENABLE_CARRIER_TYPE_FKC_SM = 0x04;
|
||||
cadesplugin.ENABLE_ANY_CARRIER_TYPE = 0x07;
|
||||
|
||||
cadesplugin.DISABLE_EVERY_CARRIER_OPERATION = 0x00;
|
||||
cadesplugin.ENABLE_CARRIER_OPEN_ENUM = 0x01;
|
||||
cadesplugin.ENABLE_CARRIER_CREATE = 0x02;
|
||||
cadesplugin.ENABLE_ANY_OPERATION = 0x03;
|
||||
|
||||
cadesplugin.CADESCOM_PRODUCT_CSP = 0;
|
||||
cadesplugin.CADESCOM_PRODUCT_OCSP = 1;
|
||||
cadesplugin.CADESCOM_PRODUCT_TSP = 2;
|
||||
|
||||
cadesplugin.MEDIA_TYPE_DEFAULT = 0x00000000;
|
||||
cadesplugin.MEDIA_TYPE_REGISTRY = 0x00000001;
|
||||
cadesplugin.MEDIA_TYPE_HDIMAGE = 0x00000002;
|
||||
cadesplugin.MEDIA_TYPE_CLOUD = 0x00000004;
|
||||
cadesplugin.MEDIA_TYPE_SCARD = 0x00000008;
|
||||
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64HEADER = 0;
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64 = 0x1;
|
||||
cadesplugin.XCN_CRYPT_STRING_BINARY = 0x2;
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64REQUESTHEADER = 0x3;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEX = 0x4;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEXASCII = 0x5;
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64_ANY = 0x6;
|
||||
cadesplugin.XCN_CRYPT_STRING_ANY = 0x7;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEX_ANY = 0x8;
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64X509CRLHEADER = 0x9;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEXADDR = 0xa;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEXASCIIADDR = 0xb;
|
||||
cadesplugin.XCN_CRYPT_STRING_HEXRAW = 0xc;
|
||||
cadesplugin.XCN_CRYPT_STRING_BASE64URI = 0xd;
|
||||
cadesplugin.XCN_CRYPT_STRING_ENCODEMASK = 0xff;
|
||||
cadesplugin.XCN_CRYPT_STRING_CHAIN = 0x100;
|
||||
cadesplugin.XCN_CRYPT_STRING_TEXT = 0x200;
|
||||
cadesplugin.XCN_CRYPT_STRING_PERCENTESCAPE = 0x8000000;
|
||||
cadesplugin.XCN_CRYPT_STRING_HASHDATA = 0x10000000;
|
||||
cadesplugin.XCN_CRYPT_STRING_STRICT = 0x20000000;
|
||||
cadesplugin.XCN_CRYPT_STRING_NOCRLF = 0x40000000;
|
||||
cadesplugin.XCN_CRYPT_STRING_NOCR = 0x80000000;
|
||||
|
||||
cadesplugin.XCN_CERT_NAME_STR_NONE = 0;
|
||||
cadesplugin.XCN_AT_NONE = 0;
|
||||
cadesplugin.XCN_AT_KEYEXCHANGE = 1;
|
||||
cadesplugin.XCN_AT_SIGNATURE = 2;
|
||||
|
||||
cadesplugin.AT_KEYEXCHANGE = 1;
|
||||
cadesplugin.AT_SIGNATURE = 2;
|
||||
|
||||
cadesplugin.CARRIER_FLAG_REMOVABLE = 1;
|
||||
cadesplugin.CARRIER_FLAG_UNIQUE = 2;
|
||||
cadesplugin.CARRIER_FLAG_PROTECTED = 4;
|
||||
cadesplugin.CARRIER_FLAG_FUNCTIONAL_CARRIER = 8;
|
||||
cadesplugin.CARRIER_FLAG_SECURE_MESSAGING = 16;
|
||||
cadesplugin.CARRIER_FLAG_ABLE_SET_KEY = 32;
|
||||
cadesplugin.CARRIER_FLAG_ABLE_VISUALISE_SIGNATURE = 64;
|
||||
cadesplugin.CARRIER_FLAG_VIRTUAL = 128;
|
||||
|
||||
cadesplugin.CRYPT_MODE_CBCSTRICT = 1;
|
||||
cadesplugin.CRYPT_MODE_CNT = 3;
|
||||
cadesplugin.CRYPT_MODE_CBCRFC4357 = 31;
|
||||
cadesplugin.CRYPT_MODE_CTR = 32;
|
||||
cadesplugin.CRYPT_MODE_MGM = 33;
|
||||
cadesplugin.CRYPT_MODE_GCM = 34;
|
||||
cadesplugin.CRYPT_MODE_OMAC_CTR = 35;
|
||||
cadesplugin.CRYPT_MODE_WRAP = 36;
|
||||
cadesplugin.CRYPT_MODE_WRAP_PAD = 37;
|
||||
|
||||
cadesplugin.PKCS5_PADDING = 1;
|
||||
cadesplugin.RANDOM_PADDING = 2;
|
||||
cadesplugin.ZERO_PADDING = 3;
|
||||
cadesplugin.ISO10126_PADDING = 4;
|
||||
cadesplugin.ANSI_X923_PADDING = 5;
|
||||
cadesplugin.TLS_1_0_PADDING = 6;
|
||||
cadesplugin.ISO_IEC_7816_4_PADDING = 7;
|
||||
|
||||
cadesplugin.CAPICOM_STORE_SAVE_AS_SERIALIZED = 0;
|
||||
cadesplugin.CAPICOM_STORE_SAVE_AS_PKCS7 = 1;
|
||||
|
||||
cadesplugin.CADESCOM_IDSCANNER_IMAGE_TYPE_W = 0x00;
|
||||
cadesplugin.CADESCOM_IDSCANNER_IMAGE_TYPE_IR = 0x01;
|
||||
cadesplugin.CADESCOM_IDSCANNER_IMAGE_TYPE_UV = 0x02;
|
||||
|
||||
cadesplugin.CERT_TRUST_NO_ERROR = 0x00000000;
|
||||
cadesplugin.CERT_TRUST_IS_NOT_TIME_VALID = 0x00000001;
|
||||
cadesplugin.CERT_TRUST_IS_REVOKED = 0x00000004;
|
||||
cadesplugin.CERT_TRUST_IS_NOT_SIGNATURE_VALID = 0x00000008;
|
||||
cadesplugin.CERT_TRUST_IS_NOT_VALID_FOR_USAGE = 0x00000010;
|
||||
cadesplugin.CERT_TRUST_IS_UNTRUSTED_ROOT = 0x00000020;
|
||||
cadesplugin.CERT_TRUST_REVOCATION_STATUS_UNKNOWN = 0x00000040;
|
||||
cadesplugin.CERT_TRUST_IS_CYCLIC = 0x00000080;
|
||||
cadesplugin.CERT_TRUST_INVALID_EXTENSION = 0x00000100;
|
||||
cadesplugin.CERT_TRUST_INVALID_POLICY_CONSTRAINTS = 0x00000200;
|
||||
cadesplugin.CERT_TRUST_INVALID_BASIC_CONSTRAINTS = 0x00000400;
|
||||
cadesplugin.CERT_TRUST_INVALID_NAME_CONSTRAINTS = 0x00000800;
|
||||
cadesplugin.CERT_TRUST_HAS_NOT_SUPPORTED_NAME_CONSTRAINT = 0x00001000;
|
||||
cadesplugin.CERT_TRUST_HAS_NOT_DEFINED_NAME_CONSTRAINT = 0x00002000;
|
||||
cadesplugin.CERT_TRUST_HAS_NOT_PERMITTED_NAME_CONSTRAINT = 0x00004000;
|
||||
cadesplugin.CERT_TRUST_HAS_EXCLUDED_NAME_CONSTRAINT = 0x00008000;
|
||||
cadesplugin.CERT_TRUST_IS_OFFLINE_REVOCATION = 0x01000000;
|
||||
cadesplugin.CERT_TRUST_NO_ISSUANCE_CHAIN_POLICY = 0x02000000;
|
||||
cadesplugin.CERT_TRUST_IS_EXPLICIT_DISTRUST = 0x04000000;
|
||||
cadesplugin.CERT_TRUST_HAS_NOT_SUPPORTED_CRITICAL_EXT = 0x08000000;
|
||||
cadesplugin.CERT_TRUST_HAS_WEAK_SIGNATURE = 0x00100000;
|
||||
|
||||
cadesplugin.XCN_CERT_NO_KEY_USAGE = 0;
|
||||
cadesplugin.XCN_CERT_DIGITAL_SIGNATURE_KEY_USAGE = 0x80;
|
||||
cadesplugin.XCN_CERT_NON_REPUDIATION_KEY_USAGE = 0x40;
|
||||
cadesplugin.XCN_CERT_KEY_ENCIPHERMENT_KEY_USAGE = 0x20;
|
||||
cadesplugin.XCN_CERT_DATA_ENCIPHERMENT_KEY_USAGE = 0x10;
|
||||
cadesplugin.XCN_CERT_KEY_AGREEMENT_KEY_USAGE = 0x8;
|
||||
cadesplugin.XCN_CERT_KEY_CERT_SIGN_KEY_USAGE = 0x4;
|
||||
cadesplugin.XCN_CERT_OFFLINE_CRL_SIGN_KEY_USAGE = 0x2;
|
||||
cadesplugin.XCN_CERT_CRL_SIGN_KEY_USAGE = 0x2;
|
||||
cadesplugin.XCN_CERT_ENCIPHER_ONLY_KEY_USAGE = 0x1;
|
||||
cadesplugin.XCN_CERT_DECIPHER_ONLY_KEY_USAGE = 0x8000;
|
||||
|
||||
cadesplugin.CADESCOM_XADES_ACCEPT_ANY_ID_ATTR_NAMESPACE = 1;
|
||||
cadesplugin.CADES_USE_OCSP_AUTHORIZED_POLICY = 0x00020000;
|
||||
|
||||
cadesplugin.XCN_NCRYPT_NO_OPERATION = 0;
|
||||
cadesplugin.XCN_NCRYPT_CIPHER_OPERATION = 0x1;
|
||||
cadesplugin.XCN_NCRYPT_HASH_OPERATION = 0x2;
|
||||
cadesplugin.XCN_NCRYPT_ASYMMETRIC_ENCRYPTION_OPERATION = 0x4;
|
||||
cadesplugin.XCN_NCRYPT_SECRET_AGREEMENT_OPERATION = 0x8;
|
||||
cadesplugin.XCN_NCRYPT_SIGNATURE_OPERATION = 0x10;
|
||||
cadesplugin.XCN_NCRYPT_RNG_OPERATION = 0x20;
|
||||
|
||||
cadesplugin.XCN_CRYPT_ANY_GROUP_ID = 0;
|
||||
cadesplugin.XCN_CRYPT_HASH_ALG_OID_GROUP_ID = 1;
|
||||
cadesplugin.XCN_CRYPT_ENCRYPT_ALG_OID_GROUP_ID = 2;
|
||||
cadesplugin.XCN_CRYPT_PUBKEY_ALG_OID_GROUP_ID = 3;
|
||||
cadesplugin.XCN_CRYPT_SIGN_ALG_OID_GROUP_ID = 4;
|
||||
cadesplugin.XCN_CRYPT_RDN_ATTR_OID_GROUP_ID = 5;
|
||||
cadesplugin.XCN_CRYPT_EXT_OR_ATTR_OID_GROUP_ID = 6;
|
||||
cadesplugin.XCN_CRYPT_ENHKEY_USAGE_OID_GROUP_ID = 7;
|
||||
cadesplugin.XCN_CRYPT_POLICY_OID_GROUP_ID = 8;
|
||||
cadesplugin.XCN_CRYPT_TEMPLATE_OID_GROUP_ID = 9;
|
||||
|
||||
cadesplugin.XCN_CRYPT_OID_INFO_PUBKEY_ANY = 0;
|
||||
cadesplugin.XCN_CRYPT_OID_INFO_PUBKEY_SIGN_KEY_FLAG = 0x80000000;
|
||||
cadesplugin.XCN_CRYPT_OID_INFO_PUBKEY_ENCRYPT_KEY_FLAG = 0x40000000;
|
||||
|
||||
cadesplugin.CONTROL_KEY_TIME_VALIDITY_DISABLED = 0;
|
||||
cadesplugin.CONTROL_KEY_TIME_VALIDITY_ENABLED = 1;
|
||||
cadesplugin.CONTROL_KEY_TIME_VALIDITY_STRICT = 2;
|
||||
|
||||
cadesplugin.AlgorithmFlagsNone = 0;
|
||||
cadesplugin.AlgorithmFlagsWrap = 0x1;
|
||||
}
|
||||
|
||||
function async_spawn(generatorFunc) {
|
||||
function continuer(verb, arg) {
|
||||
var result;
|
||||
try {
|
||||
result = generator[verb](arg);
|
||||
} catch (err) {
|
||||
return window.Promise.reject(err);
|
||||
}
|
||||
if (result.done) {
|
||||
return result.value;
|
||||
} else {
|
||||
return window.Promise.resolve(result.value).then(onFulfilled, onRejected);
|
||||
}
|
||||
}
|
||||
var generator = generatorFunc(Array.prototype.slice.call(arguments, 1));
|
||||
var onFulfilled = continuer.bind(continuer, "next");
|
||||
var onRejected = continuer.bind(continuer, "throw");
|
||||
return onFulfilled();
|
||||
}
|
||||
|
||||
function isIE() {
|
||||
return (browserSpecs.name === 'IE' || browserSpecs.name === 'MSIE');
|
||||
}
|
||||
|
||||
function isIOS() {
|
||||
return (window.navigator.userAgent.match(/ipod/i) ||
|
||||
window.navigator.userAgent.match(/ipad/i) ||
|
||||
window.navigator.userAgent.match(/iphone/i));
|
||||
}
|
||||
|
||||
function isNativeMessageSupported() {
|
||||
if (isIE()) {
|
||||
return false;
|
||||
}
|
||||
if (browserSpecs.name === 'Edg') {
|
||||
return true;
|
||||
}
|
||||
if (browserSpecs.name === 'YaBrowser') {
|
||||
isYandex = true;
|
||||
return true;
|
||||
}
|
||||
if (browserSpecs.name === 'Opera') {
|
||||
isOpera = true;
|
||||
return (browserSpecs.version >= 33);
|
||||
}
|
||||
if (browserSpecs.name === 'Firefox') {
|
||||
isFireFox = true;
|
||||
return (browserSpecs.version >= 52);
|
||||
}
|
||||
if (browserSpecs.name === 'Chrome') {
|
||||
return (browserSpecs.version >= 42);
|
||||
}
|
||||
if (browserSpecs.name === 'Safari') {
|
||||
isSafari = true;
|
||||
return (browserSpecs.version >= 12);
|
||||
}
|
||||
}
|
||||
|
||||
function untrustedSitesHandle(msg) {
|
||||
if (window.cadesplugin_untrusted_sites_disabled_callback) {
|
||||
window.cadesplugin_untrusted_sites_disabled_callback(msg);
|
||||
} else {
|
||||
if (!untrusted_sites_message_shown) {
|
||||
untrusted_sites_message_shown = true;
|
||||
alert("Данный сайт отсутствует в Списке доверенных узлов. Работа плагина плагина на таких сайтах запрещена. Обратитесь к Администратору.");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function CreateObject(name) {
|
||||
if (isIOS()) {
|
||||
return call_ru_cryptopro_npcades_10_native_bridge("CreateObject", [name]);
|
||||
}
|
||||
var objWebClassFactory;
|
||||
if (isIE()) {
|
||||
if (name.match(/X509Enrollment/i)) {
|
||||
try {
|
||||
objWebClassFactory = document.getElementById("webClassFactory");
|
||||
return objWebClassFactory.CreateObject(name);
|
||||
}
|
||||
catch (e) {
|
||||
var err = cadesplugin.getLastError(e);
|
||||
if (err.indexOf("0xC2110F00") !== -1) {
|
||||
var msg = "Данный сайт отсутствует в Списке доверенных узлов. (0xC2110F00)";
|
||||
untrustedSitesHandle(msg);
|
||||
throw (msg);
|
||||
}
|
||||
try {
|
||||
var objCertEnrollClassFactory = document.getElementById("certEnrollClassFactory");
|
||||
return objCertEnrollClassFactory.CreateObject(name);
|
||||
}
|
||||
catch (err) {
|
||||
throw ("Для создания обьектов X509Enrollment следует настроить веб-узел на использование проверки подлинности по протоколу HTTPS");
|
||||
}
|
||||
}
|
||||
}
|
||||
try {
|
||||
objWebClassFactory = document.getElementById("webClassFactory");
|
||||
return objWebClassFactory.CreateObject(name);
|
||||
} catch (e) {
|
||||
var err = cadesplugin.getLastError(e);
|
||||
if (err.indexOf("0xC2110F00") !== -1) {
|
||||
var msg = "Данный сайт отсутствует в Списке доверенных узлов. (0xC2110F00)";
|
||||
untrustedSitesHandle(msg);
|
||||
throw (msg);
|
||||
}
|
||||
return new window.ActiveXObject(name);
|
||||
}
|
||||
}
|
||||
return pluginObject.CreateObject(name);
|
||||
}
|
||||
|
||||
function decimalToHexString(number) {
|
||||
if (number < 0) {
|
||||
number = 0xFFFFFFFF + number + 1;
|
||||
}
|
||||
|
||||
return number.toString(16).toUpperCase();
|
||||
}
|
||||
|
||||
function GetMessageFromException(e) {
|
||||
var err = e.message;
|
||||
if (!err) {
|
||||
err = e;
|
||||
} else if (e.number) {
|
||||
err += " (0x" + decimalToHexString(e.number) + ")";
|
||||
}
|
||||
return err;
|
||||
}
|
||||
|
||||
function getLastError(exception) {
|
||||
if (isNativeMessageSupported() || isIE() || isIOS()) {
|
||||
return GetMessageFromException(exception);
|
||||
}
|
||||
|
||||
try {
|
||||
return pluginObject.getLastError();
|
||||
} catch (e) {
|
||||
return GetMessageFromException(exception);
|
||||
}
|
||||
}
|
||||
|
||||
function ReleasePluginObjects() {
|
||||
return cpcsp_chrome_nmcades.ReleasePluginObjects();
|
||||
}
|
||||
|
||||
function CreateObjectAsync(name) {
|
||||
return pluginObject.CreateObjectAsync(name);
|
||||
}
|
||||
|
||||
var ru_cryptopro_npcades_10_native_bridge = {
|
||||
callbacksCount: 1,
|
||||
callbacks: {},
|
||||
|
||||
resultForCallback: function resultForCallback(callbackId, resultArray) {
|
||||
var callback = ru_cryptopro_npcades_10_native_bridge.callbacks[callbackId];
|
||||
if (!callback) {
|
||||
return;
|
||||
}
|
||||
callback.apply(null, resultArray);
|
||||
},
|
||||
|
||||
call: function call(functionName, args, callback) {
|
||||
var hasCallback = callback && typeof callback === "function";
|
||||
var callbackId = hasCallback ? ru_cryptopro_npcades_10_native_bridge.callbacksCount++ : 0;
|
||||
|
||||
if (hasCallback) {
|
||||
ru_cryptopro_npcades_10_native_bridge.callbacks[callbackId] = callback;
|
||||
}
|
||||
|
||||
var iframe = document.createElement("IFRAME");
|
||||
var arrObjs = new Array("_CPNP_handle");
|
||||
try {
|
||||
iframe.setAttribute("src", "cpnp-js-call:" + functionName + ":" + callbackId + ":" + encodeURIComponent(window.JSON.stringify(args, arrObjs)));
|
||||
} catch (e) {
|
||||
window.alert(e);
|
||||
}
|
||||
document.documentElement.appendChild(iframe);
|
||||
iframe.parentNode.removeChild(iframe);
|
||||
iframe = null;
|
||||
}
|
||||
};
|
||||
|
||||
function call_ru_cryptopro_npcades_10_native_bridge(functionName, array) {
|
||||
var tmpobj;
|
||||
var ex;
|
||||
ru_cryptopro_npcades_10_native_bridge.call(functionName, array, function (e, response) {
|
||||
ex = e;
|
||||
var tmpobj = "";
|
||||
try {
|
||||
tmpobj = window.JSON.parse(response);
|
||||
}
|
||||
catch (err) {
|
||||
tmpobj = response;
|
||||
}
|
||||
if (typeof tmpobj === "string") {
|
||||
tmpobj = tmpobj.replace(/\\\n/gm, "\n");
|
||||
tmpobj = tmpobj.replace(/\\\r/gm, "\r");
|
||||
}
|
||||
});
|
||||
if (ex) {
|
||||
throw ex;
|
||||
}
|
||||
return tmpobj;
|
||||
}
|
||||
|
||||
function show_firefox_missing_extension_dialog() {
|
||||
if (!window.cadesplugin_skip_extension_install) {
|
||||
var ovr = document.createElement('div');
|
||||
ovr.id = "cadesplugin_ovr";
|
||||
ovr.style = "visibility: hidden; position: fixed; left: 0; top: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.7)";
|
||||
ovr.innerHTML = "<div id='cadesplugin_ovr_item' style='position:relative; max-width:400px; margin:100px auto; background-color:#fff; border:2px solid #000; padding:10px; text-align:center; opacity: 1; z-index: 1500'>" +
|
||||
"<button id='cadesplugin_close_install' style='float: right; font-size: 10px; background: transparent; border: 1; margin: -5px'>X</button>" +
|
||||
"<p>Для работы КриптоПро ЭЦП Browser plugin на данном сайте необходимо расширение для браузера. Убедитесь, что оно у Вас включено или установите его." +
|
||||
"<p><a href='https://www.cryptopro.ru/sites/default/files/products/cades/extensions/firefox_cryptopro_extension_latest.xpi'>Скачать расширение</a></p>" +
|
||||
"</div>";
|
||||
document.getElementsByTagName("Body")[0].appendChild(ovr);
|
||||
document.getElementById("cadesplugin_close_install").addEventListener('click', function () {
|
||||
plugin_loaded_error("Плагин недоступен");
|
||||
document.getElementById("cadesplugin_ovr").style.visibility = 'hidden';
|
||||
});
|
||||
|
||||
ovr.addEventListener('click', function () {
|
||||
plugin_loaded_error("Плагин недоступен");
|
||||
document.getElementById("cadesplugin_ovr").style.visibility = 'hidden';
|
||||
});
|
||||
ovr.style.visibility = "visible";
|
||||
}
|
||||
}
|
||||
|
||||
function firefox_or_safari_nmcades_onload() {
|
||||
if (window.cadesplugin_extension_loaded_callback) {
|
||||
window.cadesplugin_extension_loaded_callback();
|
||||
}
|
||||
isFireFoxExtensionLoaded = true;
|
||||
cpcsp_chrome_nmcades.check_chrome_plugin(plugin_loaded, plugin_loaded_error);
|
||||
}
|
||||
|
||||
function load_js_script(url, successFunc, errorFunc) {
|
||||
var script = document.createElement("script");
|
||||
script.setAttribute("type", "text/javascript");
|
||||
script.setAttribute("src", url);
|
||||
script.onerror = errorFunc;
|
||||
script.onload = successFunc;
|
||||
document.getElementsByTagName("head")[0].appendChild(script);
|
||||
}
|
||||
|
||||
function nmcades_api_onload() {
|
||||
if (!isIE() && !isFireFox && !isSafari) {
|
||||
if (window.cadesplugin_extension_loaded_callback) {
|
||||
window.cadesplugin_extension_loaded_callback();
|
||||
}
|
||||
}
|
||||
window.postMessage("cadesplugin_echo_request", "*");
|
||||
window.addEventListener("message", function (event) {
|
||||
if (typeof (event.data) !== "string" || !event.data.match("cadesplugin_loaded")) {
|
||||
return;
|
||||
}
|
||||
if (cadesplugin_loaded_event_recieved) {
|
||||
return;
|
||||
}
|
||||
if (isFireFox || isSafari) {
|
||||
var url = event.data.substring(event.data.indexOf("url:") + 4);
|
||||
if (!url.match("^(moz|safari)-extension://[a-zA-Z0-9/_-]+/nmcades_plugin_api.js$")) {
|
||||
cpcsp_console_log(cadesplugin.LOG_LEVEL_ERROR, "Bad url \"" + url + "\" for load CryptoPro Extension for CAdES Browser plug-in");
|
||||
plugin_loaded_error();
|
||||
return;
|
||||
}
|
||||
load_js_script(url, firefox_or_safari_nmcades_onload, plugin_loaded_error);
|
||||
} else {
|
||||
cpcsp_chrome_nmcades.check_chrome_plugin(plugin_loaded, plugin_loaded_error);
|
||||
}
|
||||
cadesplugin_loaded_event_recieved = true;
|
||||
}, false);
|
||||
}
|
||||
|
||||
function load_extension() {
|
||||
if (isFireFox || isSafari) {
|
||||
nmcades_api_onload();
|
||||
return;
|
||||
}
|
||||
var operaUrl = "chrome-extension://epebfcehmdedogndhlcacafjaacknbcm/nmcades_plugin_api.js";
|
||||
var manifestv2Url = "chrome-extension://iifchhfnnmpdbibifmljnfjhpififfog/nmcades_plugin_api.js";
|
||||
var manifestv3Url = "chrome-extension://pfhgbfnnjiafkhfdkmpiflachepdcjod/nmcades_plugin_api.js";
|
||||
if (isYandex) {
|
||||
load_js_script(operaUrl, nmcades_api_onload, function () {
|
||||
load_js_script(manifestv2Url, nmcades_api_onload, function () {
|
||||
load_js_script(manifestv3Url, nmcades_api_onload, plugin_loaded_error);
|
||||
});
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (isOpera) {
|
||||
load_js_script(manifestv2Url, nmcades_api_onload, function () {
|
||||
load_js_script(operaUrl, nmcades_api_onload, function () {
|
||||
load_js_script(manifestv3Url, nmcades_api_onload, plugin_loaded_error);
|
||||
});
|
||||
});
|
||||
return;
|
||||
}
|
||||
load_js_script(manifestv2Url, nmcades_api_onload, function () {
|
||||
load_js_script(manifestv3Url, nmcades_api_onload, plugin_loaded_error);
|
||||
});
|
||||
}
|
||||
|
||||
function load_npapi_plugin() {
|
||||
var elem = document.createElement('object');
|
||||
elem.setAttribute("id", "cadesplugin_object");
|
||||
elem.setAttribute("type", "application/x-cades");
|
||||
elem.setAttribute("style", "visibility: hidden");
|
||||
document.getElementsByTagName("body")[0].appendChild(elem);
|
||||
pluginObject = document.getElementById("cadesplugin_object");
|
||||
if (isIE()) {
|
||||
var elem1 = document.createElement('object');
|
||||
elem1.setAttribute("id", "certEnrollClassFactory");
|
||||
elem1.setAttribute("classid", "clsid:884e2049-217d-11da-b2a4-000e7bbb2b09");
|
||||
elem1.setAttribute("style", "visibility: hidden");
|
||||
document.getElementsByTagName("body")[0].appendChild(elem1);
|
||||
var elem2 = document.createElement('object');
|
||||
elem2.setAttribute("id", "webClassFactory");
|
||||
elem2.setAttribute("classid", "clsid:B04C8637-10BD-484E-B0DA-B8A039F60024");
|
||||
elem2.setAttribute("style", "visibility: hidden");
|
||||
document.getElementsByTagName("body")[0].appendChild(elem2);
|
||||
}
|
||||
}
|
||||
|
||||
function plugin_loaded() {
|
||||
plugin_resolved = 1;
|
||||
if (window.cadesplugin_plugin_loaded_callback)
|
||||
window.cadesplugin_plugin_loaded_callback();
|
||||
if (canPromise) {
|
||||
plugin_resolve();
|
||||
} else {
|
||||
window.postMessage("cadesplugin_loaded", "*");
|
||||
}
|
||||
}
|
||||
|
||||
function plugin_loaded_error(msg) {
|
||||
if (typeof (msg) === 'undefined' || typeof (msg) === 'object') {
|
||||
msg = "Плагин недоступен";
|
||||
}
|
||||
plugin_resolved = 1;
|
||||
if (canPromise) {
|
||||
plugin_reject(msg);
|
||||
} else {
|
||||
window.postMessage("cadesplugin_load_error", "*");
|
||||
}
|
||||
}
|
||||
|
||||
function check_load_timeout() {
|
||||
if (plugin_resolved === 1) {
|
||||
return;
|
||||
}
|
||||
if (isFireFox && !isFireFoxExtensionLoaded) {
|
||||
show_firefox_missing_extension_dialog();
|
||||
}
|
||||
plugin_resolved = 1;
|
||||
if (window.cadesplugin_timeout_failed_callback)
|
||||
window.cadesplugin_timeout_failed_callback();
|
||||
if (canPromise) {
|
||||
plugin_reject("Истекло время ожидания загрузки плагина");
|
||||
} else {
|
||||
window.postMessage("cadesplugin_load_error", "*");
|
||||
}
|
||||
}
|
||||
|
||||
function check_npapi_plugin() {
|
||||
try {
|
||||
CreateObject("CAdESCOM.About");
|
||||
plugin_loaded();
|
||||
} catch (err) {
|
||||
document.getElementById("cadesplugin_object").style.display = 'none';
|
||||
var mimetype = window.navigator.mimeTypes["application/x-cades"];
|
||||
if (mimetype) {
|
||||
var plugin = mimetype.enabledPlugin;
|
||||
if (plugin) {
|
||||
plugin_loaded_error("Плагин загружен, но не создаются обьекты");
|
||||
} else {
|
||||
plugin_loaded_error("Ошибка при загрузке плагина");
|
||||
}
|
||||
} else {
|
||||
plugin_loaded_error("Плагин недоступен");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function check_plugin_working() {
|
||||
var div = document.createElement("div");
|
||||
div.innerHTML = "<!--[if lt IE 9]><i></i><![endif]-->";
|
||||
var isIeLessThan9 = (div.getElementsByTagName("i").length === 1);
|
||||
if (isIeLessThan9) {
|
||||
plugin_loaded_error("Internet Explorer версии 8 и ниже не поддерживается");
|
||||
return;
|
||||
}
|
||||
|
||||
if (isNativeMessageSupported()) {
|
||||
load_extension();
|
||||
} else if (!canPromise) {
|
||||
window.addEventListener("message", function (event) {
|
||||
if (event.data !== "cadesplugin_echo_request") {
|
||||
return;
|
||||
}
|
||||
load_npapi_plugin();
|
||||
check_npapi_plugin();
|
||||
}, false);
|
||||
} else {
|
||||
if (document.readyState === "complete") {
|
||||
load_npapi_plugin();
|
||||
check_npapi_plugin();
|
||||
} else {
|
||||
window.addEventListener("load", function (event) {
|
||||
load_npapi_plugin();
|
||||
check_npapi_plugin();
|
||||
}, false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function set_pluginObject(obj) {
|
||||
pluginObject = obj;
|
||||
}
|
||||
|
||||
function is_capilite_enabled() {
|
||||
return ((typeof (cadesplugin.EnableInternalCSP) !== 'undefined') && cadesplugin.EnableInternalCSP);
|
||||
}
|
||||
|
||||
function set_load_timeout() {
|
||||
if (window.cadesplugin_load_timeout) {
|
||||
window.setTimeout(check_load_timeout, window.cadesplugin_load_timeout);
|
||||
} else {
|
||||
window.setTimeout(check_load_timeout, 20000);
|
||||
}
|
||||
}
|
||||
|
||||
var onVisibilityChange = function (event) {
|
||||
if (document.hidden === false) {
|
||||
document.removeEventListener("visibilitychange", onVisibilityChange);
|
||||
set_load_timeout();
|
||||
check_plugin_working();
|
||||
}
|
||||
};
|
||||
|
||||
cadesplugin.JSModuleVersion = "2.4.5";
|
||||
cadesplugin.async_spawn = async_spawn;
|
||||
cadesplugin.set = set_pluginObject;
|
||||
cadesplugin.set_log_level = set_log_level;
|
||||
cadesplugin.get_extension_version = get_extension_version;
|
||||
cadesplugin.get_extension_id = get_extension_id;
|
||||
cadesplugin.getLastError = getLastError;
|
||||
cadesplugin.is_capilite_enabled = is_capilite_enabled;
|
||||
|
||||
if (isNativeMessageSupported()) {
|
||||
cadesplugin.CreateObjectAsync = CreateObjectAsync;
|
||||
cadesplugin.ReleasePluginObjects = ReleasePluginObjects;
|
||||
}
|
||||
|
||||
if (!isNativeMessageSupported()) {
|
||||
cadesplugin.CreateObject = CreateObject;
|
||||
}
|
||||
|
||||
set_constantValues();
|
||||
|
||||
cadesplugin.current_log_level = cadesplugin.LOG_LEVEL_ERROR;
|
||||
window.cadesplugin = cadesplugin;
|
||||
if (isSafari && document.hidden) {
|
||||
document.addEventListener("visibilitychange", onVisibilityChange);
|
||||
return;
|
||||
}
|
||||
set_load_timeout();
|
||||
check_plugin_working();
|
||||
}());
|
||||
|
||||
@@ -0,0 +1,143 @@
|
||||
import { useState, useEffect } from 'react'
|
||||
import { AuthPage } from './pages/AuthPage'
|
||||
import { CheckCodesPage } from './pages/CheckCodesPage'
|
||||
import { UploadUpdPage } from './pages/UploadUpdPage'
|
||||
import { PlansPage } from './pages/PlansPage'
|
||||
import { setOnUnauthorized, logout as apiLogout, getEnv, setEnv, getAuthStatus } from './services/api'
|
||||
import type { ApiEnv } from './types'
|
||||
|
||||
type Page = 'auth' | 'check' | 'upload' | 'plans'
|
||||
|
||||
export default function App() {
|
||||
const [page, setPage] = useState<Page>('auth')
|
||||
const [authenticated, setAuthenticated] = useState(false)
|
||||
const [env, setEnvState] = useState<ApiEnv>('sandbox')
|
||||
|
||||
useEffect(() => {
|
||||
setOnUnauthorized((failedEnv: ApiEnv) => {
|
||||
if (failedEnv === getEnv()) {
|
||||
setAuthenticated(false)
|
||||
}
|
||||
apiLogout(failedEnv).catch(() => {})
|
||||
})
|
||||
}, [])
|
||||
|
||||
async function handleEnvChange(newEnv: ApiEnv) {
|
||||
if (newEnv === 'prod' && env === 'sandbox') {
|
||||
const ok = window.confirm(
|
||||
'Вы переключаетесь на промышленный контур.\n' +
|
||||
'Все запросы будут отправляться к реальной системе «Честный знак».\n\n' +
|
||||
'Продолжить?'
|
||||
)
|
||||
if (!ok) return
|
||||
}
|
||||
|
||||
setEnv(newEnv)
|
||||
setEnvState(newEnv)
|
||||
setAuthenticated(false)
|
||||
setPage('auth')
|
||||
apiLogout(newEnv).catch(() => {})
|
||||
|
||||
const status = await getAuthStatus(newEnv).catch(() => ({ authenticated: false }))
|
||||
if (status.authenticated) setAuthenticated(true)
|
||||
}
|
||||
|
||||
function handleAuth() {
|
||||
setAuthenticated(true)
|
||||
setPage('check')
|
||||
}
|
||||
|
||||
function handleLogout() {
|
||||
setAuthenticated(false)
|
||||
apiLogout(getEnv()).catch(() => {})
|
||||
setPage('auth')
|
||||
}
|
||||
|
||||
return (
|
||||
<div style={{ minHeight: '100vh', background: '#f5f5f5' }}>
|
||||
<header style={{
|
||||
background: '#1a237e',
|
||||
color: 'white',
|
||||
padding: '12px 24px',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 24,
|
||||
}}>
|
||||
<h1 style={{ fontSize: 18, margin: 0 }}>Честный знак — Проверка КМ</h1>
|
||||
<nav style={{ display: 'flex', gap: 12 }}>
|
||||
<button onClick={() => setPage('auth')}
|
||||
style={navBtnStyle(page === 'auth')}>
|
||||
Авторизация
|
||||
</button>
|
||||
<button onClick={() => setPage('check')}
|
||||
style={navBtnStyle(page === 'check')}>
|
||||
Проверка кода
|
||||
</button>
|
||||
<button onClick={() => setPage('upload')}
|
||||
style={navBtnStyle(page === 'upload')}
|
||||
disabled={!authenticated}>
|
||||
Загрузка УПД
|
||||
</button>
|
||||
<button onClick={() => setPage('plans')}
|
||||
style={navBtnStyle(page === 'plans')}>
|
||||
Планы
|
||||
</button>
|
||||
</nav>
|
||||
<div style={{ marginLeft: 'auto', fontSize: 13, display: 'flex', alignItems: 'center', gap: 12 }}>
|
||||
<label>
|
||||
<select
|
||||
value={env}
|
||||
onChange={e => handleEnvChange(e.target.value as ApiEnv)}
|
||||
style={{
|
||||
background: 'rgba(255,255,255,0.15)',
|
||||
color: 'white',
|
||||
border: '1px solid rgba(255,255,255,0.3)',
|
||||
borderRadius: 4,
|
||||
padding: '3px 8px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 12,
|
||||
}}
|
||||
>
|
||||
<option value="sandbox" style={{ color: '#000' }}>🧪 Sandbox</option>
|
||||
<option value="prod" style={{ color: '#000' }}>🏭 Промышленный</option>
|
||||
</select>
|
||||
</label>
|
||||
{authenticated ? '✅ Авторизован' : '❌ Не авторизован'}
|
||||
{authenticated && (
|
||||
<button onClick={handleLogout}
|
||||
style={{
|
||||
background: 'rgba(255,255,255,0.15)',
|
||||
color: 'white',
|
||||
border: '1px solid rgba(255,255,255,0.3)',
|
||||
borderRadius: 4,
|
||||
padding: '3px 10px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 12,
|
||||
}}>
|
||||
Выйти
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style={{ padding: 24, maxWidth: 960, margin: '0 auto' }}>
|
||||
{page === 'auth' && <AuthPage key={env} onAuth={handleAuth} />}
|
||||
{page === 'check' && <CheckCodesPage key={env} />}
|
||||
{page === 'upload' && <UploadUpdPage key={env} />}
|
||||
{page === 'plans' && <PlansPage key={env} />}
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function navBtnStyle(active: boolean): React.CSSProperties {
|
||||
return {
|
||||
background: active ? 'rgba(255,255,255,0.2)' : 'transparent',
|
||||
color: 'white',
|
||||
border: active ? '1px solid rgba(255,255,255,0.4)' : '1px solid transparent',
|
||||
borderRadius: 4,
|
||||
padding: '6px 14px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 14,
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
import type { CodeResult } from '../types'
|
||||
|
||||
interface Props {
|
||||
results: CodeResult[]
|
||||
}
|
||||
|
||||
export function ResultsTable({ results }: Props) {
|
||||
if (results.length === 0) return null
|
||||
|
||||
return (
|
||||
<div style={{ overflowX: 'auto' }}>
|
||||
<table style={{
|
||||
width: '100%',
|
||||
borderCollapse: 'collapse',
|
||||
fontSize: 13,
|
||||
}}>
|
||||
<thead>
|
||||
<tr style={{ background: '#1a237e', color: 'white' }}>
|
||||
<th style={thStyle}>Код маркировки</th>
|
||||
<th style={thStyle}>GTIN</th>
|
||||
<th style={thStyle}>Наименование</th>
|
||||
<th style={thStyle}>Статус</th>
|
||||
<th style={thStyle}>Производитель</th>
|
||||
<th style={thStyle}>Владелец</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{results.map((r, i) => (
|
||||
<tr key={i} style={{
|
||||
background: i % 2 === 0 ? '#fff' : '#f5f5f5',
|
||||
borderBottom: '1px solid #e0e0e0',
|
||||
}}>
|
||||
<td style={tdStyle}>
|
||||
<span style={{ fontSize: 11, wordBreak: 'break-all' }}>{r.code}</span>
|
||||
</td>
|
||||
<td style={tdStyle}>{r.gtin || '—'}</td>
|
||||
<td style={tdStyle}>{r.productName || '—'}</td>
|
||||
<td style={tdStyle}>
|
||||
<StatusBadge status={r.status} valid={r.valid} error={r.error} />
|
||||
</td>
|
||||
<td style={tdStyle}>{r.producerName || '—'}</td>
|
||||
<td style={tdStyle}>{r.ownerName || '—'}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function StatusBadge({ status, valid, error }: { status: string; valid: boolean; error?: string }) {
|
||||
if (error) {
|
||||
return <span style={{ ...badgeBase, background: '#ffebee', color: '#c62828' }}>⚠️ {error}</span>
|
||||
}
|
||||
|
||||
const colorMap: Record<string, string> = {
|
||||
INTRODUCED: '#e8f5e9',
|
||||
EMITTED: '#fff8e1',
|
||||
APPLIED: '#fff8e1',
|
||||
RETIRED: '#ffebee',
|
||||
WRITTEN_OFF: '#ffebee',
|
||||
DISAGGREGATION: '#fff3e0',
|
||||
CANCELLED: '#ffebee',
|
||||
}
|
||||
|
||||
const labelMap: Record<string, string> = {
|
||||
INTRODUCED: '✅ В обороте',
|
||||
EMITTED: '🟡 Эмитирован',
|
||||
APPLIED: '🟡 Нанесён',
|
||||
RETIRED: '❌ Выбыл',
|
||||
WRITTEN_OFF: '❌ Списан',
|
||||
DISAGGREGATION: '🟠 Расформирован',
|
||||
CANCELLED: '❌ Аннулирован',
|
||||
}
|
||||
|
||||
return (
|
||||
<span style={{
|
||||
...badgeBase,
|
||||
background: colorMap[status] || '#f5f5f5',
|
||||
color: valid ? '#2e7d32' : '#c62828',
|
||||
}}>
|
||||
{labelMap[status] || status}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
const badgeBase: React.CSSProperties = {
|
||||
display: 'inline-block',
|
||||
padding: '2px 8px',
|
||||
borderRadius: 4,
|
||||
fontSize: 12,
|
||||
fontWeight: 500,
|
||||
whiteSpace: 'nowrap',
|
||||
}
|
||||
|
||||
const thStyle: React.CSSProperties = {
|
||||
padding: '8px 12px',
|
||||
textAlign: 'left',
|
||||
fontWeight: 600,
|
||||
fontSize: 12,
|
||||
textTransform: 'uppercase',
|
||||
}
|
||||
|
||||
const tdStyle: React.CSSProperties = {
|
||||
padding: '8px 12px',
|
||||
verticalAlign: 'top',
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import App from './App'
|
||||
|
||||
createRoot(document.getElementById('root')!).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
@@ -0,0 +1,278 @@
|
||||
import { useState, useEffect } from 'react'
|
||||
import { getAuthStatus, getAuthKey, signIn, setTokenManually } from '../services/api'
|
||||
import type { RequestError } from '../services/api'
|
||||
import { isCadesPluginAvailable, listCertificates, signWithCadesPlugin } from '../services/cadesplugin'
|
||||
import type { CertInfo } from '../services/cadesplugin'
|
||||
|
||||
interface Props {
|
||||
onAuth: () => void
|
||||
}
|
||||
|
||||
export function AuthPage({ onAuth }: Props) {
|
||||
const [status, setStatus] = useState<{ authenticated: boolean; tokenExpiresAt: string | null } | null>(null)
|
||||
const [hasPlugin, setHasPlugin] = useState<boolean | null>(null)
|
||||
const [certs, setCerts] = useState<CertInfo[]>([])
|
||||
const [selectedThumbprint, setSelectedThumbprint] = useState('')
|
||||
const [inn, setInn] = useState('')
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState('')
|
||||
const [errorDebug, setErrorDebug] = useState<string | null>(null)
|
||||
const [debugExpanded, setDebugExpanded] = useState(false)
|
||||
const [manualToken, setManualToken] = useState('')
|
||||
const [manualLoading, setManualLoading] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
getAuthStatus().then(setStatus).catch(() => {})
|
||||
checkPlugin()
|
||||
}, [])
|
||||
|
||||
async function checkPlugin() {
|
||||
const available = await isCadesPluginAvailable()
|
||||
setHasPlugin(available)
|
||||
if (available) {
|
||||
try {
|
||||
const certList = await listCertificates()
|
||||
setCerts(certList)
|
||||
} catch {}
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSetToken() {
|
||||
setManualLoading(true)
|
||||
setError('')
|
||||
setErrorDebug(null)
|
||||
setDebugExpanded(false)
|
||||
try {
|
||||
await setTokenManually(manualToken)
|
||||
const s = await getAuthStatus()
|
||||
setStatus(s)
|
||||
if (s.authenticated) onAuth()
|
||||
} catch (err) {
|
||||
const re = err as RequestError
|
||||
setError(re.message)
|
||||
if (re.debugInfo) {
|
||||
setErrorDebug(JSON.stringify(re.debugInfo, null, 2))
|
||||
}
|
||||
} finally {
|
||||
setManualLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSignIn() {
|
||||
setLoading(true)
|
||||
setError('')
|
||||
setErrorDebug(null)
|
||||
setDebugExpanded(false)
|
||||
try {
|
||||
const { uuid, data } = await getAuthKey()
|
||||
const signature = await signWithCadesPlugin(data, selectedThumbprint || undefined)
|
||||
await signIn(uuid, signature, inn || undefined)
|
||||
const s = await getAuthStatus()
|
||||
setStatus(s)
|
||||
if (s.authenticated) onAuth()
|
||||
} catch (err) {
|
||||
const re = err as RequestError
|
||||
setError(re.message)
|
||||
if (re.debugInfo) {
|
||||
setErrorDebug(JSON.stringify(re.debugInfo, null, 2))
|
||||
}
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h2>Авторизация в True API</h2>
|
||||
|
||||
{hasPlugin === false && (
|
||||
<div style={{
|
||||
padding: 12,
|
||||
background: '#fff3e0',
|
||||
borderRadius: 6,
|
||||
marginBottom: 16,
|
||||
fontSize: 14,
|
||||
}}>
|
||||
⚠️ КриптоПро Browser Plugin не обнаружен.
|
||||
<br />
|
||||
<a href="https://cryptopro.ru/products/cades/plugin" target="_blank" rel="noopener noreferrer">
|
||||
Установите расширение для браузера
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{status?.authenticated && (
|
||||
<div style={{
|
||||
padding: 12,
|
||||
background: '#e8f5e9',
|
||||
borderRadius: 6,
|
||||
marginBottom: 16,
|
||||
}}>
|
||||
<strong>✅ Авторизован</strong>
|
||||
<div style={{ fontSize: 13, marginTop: 4 }}>
|
||||
Токен истекает: {new Date(status.tokenExpiresAt!).toLocaleString()}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 500 }}>
|
||||
<div>
|
||||
<label style={{ fontSize: 13, color: '#666', display: 'block', marginBottom: 4 }}>
|
||||
ИНН организации:
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={inn}
|
||||
onChange={e => setInn(e.target.value)}
|
||||
placeholder="Введите ИНН для однозначной авторизации"
|
||||
style={inputStyle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{hasPlugin && certs.length > 0 && (
|
||||
<div>
|
||||
<label style={{ fontSize: 13, color: '#666', display: 'block', marginBottom: 4 }}>
|
||||
Сертификат:
|
||||
</label>
|
||||
<select
|
||||
value={selectedThumbprint}
|
||||
onChange={e => setSelectedThumbprint(e.target.value)}
|
||||
style={selectStyle}
|
||||
>
|
||||
<option value="">— первый доступный —</option>
|
||||
{certs.map(c => (
|
||||
<option key={c.thumbprint} value={c.thumbprint} disabled={!c.valid}>
|
||||
{c.name} ({c.valid ? `до ${new Date(c.validTo).toLocaleDateString()}` : 'просрочен'})
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{certs.length === 0 && hasPlugin && (
|
||||
<div style={{ color: '#e65100', fontSize: 13 }}>
|
||||
Нет доступных сертификатов. Установите УКЭП в систему.
|
||||
</div>
|
||||
)}
|
||||
|
||||
<button
|
||||
onClick={handleSignIn}
|
||||
disabled={loading || !hasPlugin || (hasPlugin && certs.length === 0)}
|
||||
style={btnStyle}
|
||||
>
|
||||
{loading ? 'Подписание...' : 'Подписать и войти'}
|
||||
</button>
|
||||
|
||||
<div style={{
|
||||
borderTop: '1px solid #e0e0e0',
|
||||
margin: '12px 0',
|
||||
paddingTop: 16,
|
||||
}}>
|
||||
<label style={{ fontSize: 13, color: '#666', display: 'block', marginBottom: 4 }}>
|
||||
Или введите готовый токен:
|
||||
</label>
|
||||
<textarea
|
||||
value={manualToken}
|
||||
onChange={e => setManualToken(e.target.value)}
|
||||
placeholder="Вставьте токен доступа к True API"
|
||||
rows={3}
|
||||
style={{
|
||||
...inputStyle,
|
||||
fontFamily: 'monospace',
|
||||
fontSize: 12,
|
||||
resize: 'vertical',
|
||||
}}
|
||||
/>
|
||||
<button
|
||||
onClick={handleSetToken}
|
||||
disabled={manualLoading || !manualToken.trim()}
|
||||
style={{
|
||||
...btnStyle,
|
||||
background: '#1565c0',
|
||||
marginTop: 8,
|
||||
}}
|
||||
>
|
||||
{manualLoading ? 'Сохранение...' : 'Сохранить токен'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{error && (
|
||||
<div style={{ color: '#c62828', fontSize: 14, marginTop: 8 }}>Ошибка: {error}</div>
|
||||
)}
|
||||
|
||||
{errorDebug && (
|
||||
<div style={{ marginTop: 12 }}>
|
||||
<button
|
||||
onClick={() => setDebugExpanded(!debugExpanded)}
|
||||
style={{
|
||||
background: 'transparent',
|
||||
border: '1px solid #b0bec5',
|
||||
borderRadius: 4,
|
||||
padding: '6px 12px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 13,
|
||||
color: '#37474f',
|
||||
}}
|
||||
>
|
||||
{debugExpanded ? '▼ Скрыть лог запроса к API маркировки' : '▶ Показать лог запроса к API маркировки'}
|
||||
</button>
|
||||
{debugExpanded && (
|
||||
<pre style={{
|
||||
marginTop: 8,
|
||||
padding: 12,
|
||||
background: '#263238',
|
||||
color: '#e0e0e0',
|
||||
borderRadius: 6,
|
||||
fontSize: 12,
|
||||
lineHeight: 1.5,
|
||||
overflowX: 'auto',
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordBreak: 'break-all',
|
||||
}}>
|
||||
{errorDebug}
|
||||
</pre>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div style={{ marginTop: 24, fontSize: 13, color: '#666' }}>
|
||||
<h4>Процесс авторизации:</h4>
|
||||
<ol>
|
||||
<li>Выберите сертификат УКЭП из списка (или будет использован первый доступный)</li>
|
||||
<li>Нажмите «Подписать и войти»</li>
|
||||
<li>КриптоПро подпишет данные и отправит их на сервер</li>
|
||||
<li>Сервер кеширует токен доступа к True API (действует 10 часов)</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const btnStyle: React.CSSProperties = {
|
||||
background: '#1a237e',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: 6,
|
||||
padding: '10px 20px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 14,
|
||||
}
|
||||
|
||||
const selectStyle: React.CSSProperties = {
|
||||
padding: 8,
|
||||
border: '1px solid #ccc',
|
||||
borderRadius: 4,
|
||||
fontSize: 13,
|
||||
width: '100%',
|
||||
boxSizing: 'border-box',
|
||||
}
|
||||
|
||||
const inputStyle: React.CSSProperties = {
|
||||
padding: 8,
|
||||
border: '1px solid #ccc',
|
||||
borderRadius: 4,
|
||||
fontSize: 13,
|
||||
width: '100%',
|
||||
boxSizing: 'border-box',
|
||||
}
|
||||
@@ -0,0 +1,142 @@
|
||||
import { useState } from 'react'
|
||||
import { checkCodesPublic, checkCodesAuth } from '../services/api'
|
||||
import type { RequestError } from '../services/api'
|
||||
import { ResultsTable } from '../components/ResultsTable'
|
||||
import type { CodeResult, CheckCodesResponse } from '../types'
|
||||
|
||||
export function CheckCodesPage() {
|
||||
const [codesInput, setCodesInput] = useState('')
|
||||
const [results, setResults] = useState<CodeResult[] | null>(null)
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState('')
|
||||
const [errorDebug, setErrorDebug] = useState<string | null>(null)
|
||||
const [debugExpanded, setDebugExpanded] = useState(false)
|
||||
|
||||
async function handleCheck(mode: 'public' | 'auth') {
|
||||
const codes = codesInput
|
||||
.split('\n')
|
||||
.map(c => c.trim())
|
||||
.filter(Boolean)
|
||||
|
||||
if (codes.length === 0) {
|
||||
setError('Введите хотя бы один код маркировки')
|
||||
return
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
setError('')
|
||||
setErrorDebug(null)
|
||||
setDebugExpanded(false)
|
||||
try {
|
||||
const fn = mode === 'public' ? checkCodesPublic : checkCodesAuth
|
||||
const response: CheckCodesResponse = await fn(codes)
|
||||
setResults(response.results)
|
||||
if (response.debugInfo) {
|
||||
setErrorDebug(JSON.stringify(response.debugInfo, null, 2))
|
||||
}
|
||||
} catch (err) {
|
||||
const re = err as RequestError
|
||||
setError(re.message)
|
||||
if (re.debugInfo) {
|
||||
setErrorDebug(JSON.stringify(re.debugInfo, null, 2))
|
||||
}
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h2>Проверка кодов маркировки (КМ)</h2>
|
||||
|
||||
<textarea
|
||||
placeholder="Введите коды маркировки (каждый с новой строки)"
|
||||
value={codesInput}
|
||||
onChange={e => setCodesInput(e.target.value)}
|
||||
rows={6}
|
||||
style={{
|
||||
padding: 8,
|
||||
border: '1px solid #ccc',
|
||||
borderRadius: 4,
|
||||
fontSize: 13,
|
||||
fontFamily: 'monospace',
|
||||
width: '100%',
|
||||
boxSizing: 'border-box',
|
||||
marginBottom: 12,
|
||||
}}
|
||||
/>
|
||||
|
||||
<div style={{ display: 'flex', gap: 12, marginBottom: 16 }}>
|
||||
<button onClick={() => handleCheck('public')} disabled={loading}
|
||||
style={btnStyle}>
|
||||
{loading ? 'Проверка...' : '🔓 Проверить без авторизации'}
|
||||
</button>
|
||||
<button onClick={() => handleCheck('auth')} disabled={loading}
|
||||
style={{ ...btnStyle, background: '#2e7d32' }}>
|
||||
{loading ? 'Проверка...' : '🔐 Проверить с авторизацией'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{error && (
|
||||
<div style={{ color: '#c62828', marginBottom: 12 }}>Ошибка: {error}</div>
|
||||
)}
|
||||
|
||||
{errorDebug && (
|
||||
<div style={{ marginBottom: 16 }}>
|
||||
<button
|
||||
onClick={() => setDebugExpanded(!debugExpanded)}
|
||||
style={{
|
||||
background: 'transparent',
|
||||
border: '1px solid #b0bec5',
|
||||
borderRadius: 4,
|
||||
padding: '6px 12px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 13,
|
||||
color: '#37474f',
|
||||
}}
|
||||
>
|
||||
{debugExpanded ? '▼ Скрыть лог запроса к API маркировки' : '▶ Показать лог запроса к API маркировки'}
|
||||
</button>
|
||||
{debugExpanded && (
|
||||
<pre style={{
|
||||
marginTop: 8,
|
||||
padding: 12,
|
||||
background: '#263238',
|
||||
color: '#e0e0e0',
|
||||
borderRadius: 6,
|
||||
fontSize: 12,
|
||||
lineHeight: 1.5,
|
||||
overflowX: 'auto',
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordBreak: 'break-all',
|
||||
}}>
|
||||
{errorDebug}
|
||||
</pre>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{results && (
|
||||
<div>
|
||||
<div style={{ marginBottom: 12, fontSize: 14 }}>
|
||||
Всего: {results.length} |
|
||||
✅ Актуальных: {results.filter(r => r.valid).length} |
|
||||
❌ Неактуальных: {results.filter(r => !r.valid && !r.error).length} |
|
||||
⚠️ Ошибок: {results.filter(r => !!r.error).length}
|
||||
</div>
|
||||
<ResultsTable results={results} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const btnStyle: React.CSSProperties = {
|
||||
background: '#1565c0',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: 6,
|
||||
padding: '10px 20px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 14,
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
import { useState, useEffect, useCallback, useMemo, useRef } from 'react'
|
||||
import { marked } from 'marked'
|
||||
import DOMPurify from 'dompurify'
|
||||
import { getPlansList, getPlanContent } from '../services/api'
|
||||
|
||||
export function PlansPage() {
|
||||
const [plans, setPlans] = useState<{ name: string; path: string; size: number }[]>([])
|
||||
const [selected, setSelected] = useState<string | null>(null)
|
||||
const [content, setContent] = useState('')
|
||||
const [listLoading, setListLoading] = useState(true)
|
||||
const [contentLoading, setContentLoading] = useState(false)
|
||||
const [listError, setListError] = useState('')
|
||||
const [contentError, setContentError] = useState('')
|
||||
const abortRef = useRef<AbortController | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
setListLoading(true)
|
||||
getPlansList()
|
||||
.then(setPlans)
|
||||
.catch(e => setListError(e.message))
|
||||
.finally(() => setListLoading(false))
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
return () => abortRef.current?.abort()
|
||||
}, [])
|
||||
|
||||
const handleSelect = useCallback(async (filename: string) => {
|
||||
abortRef.current?.abort()
|
||||
const controller = new AbortController()
|
||||
abortRef.current = controller
|
||||
|
||||
setSelected(filename)
|
||||
setContentLoading(true)
|
||||
setContentError('')
|
||||
try {
|
||||
const res = await getPlanContent(filename)
|
||||
if (!controller.signal.aborted) {
|
||||
setContent(res.content)
|
||||
}
|
||||
} catch (e: any) {
|
||||
if (!controller.signal.aborted) {
|
||||
setContentError(e.message)
|
||||
}
|
||||
} finally {
|
||||
if (!controller.signal.aborted) {
|
||||
setContentLoading(false)
|
||||
}
|
||||
}
|
||||
}, [])
|
||||
|
||||
const rawHtml = useMemo(() => {
|
||||
if (!content) return ''
|
||||
return marked.parse(content, { async: false }) as string
|
||||
}, [content])
|
||||
|
||||
const sanitizedHtml = useMemo(() => {
|
||||
return DOMPurify.sanitize(rawHtml)
|
||||
}, [rawHtml])
|
||||
|
||||
return (
|
||||
<div style={{ display: 'flex', gap: 24, minHeight: '70vh' }}>
|
||||
<aside style={{ width: 280, flexShrink: 0 }}>
|
||||
<h2 style={{ fontSize: 16, marginTop: 0 }}>Планы</h2>
|
||||
{listLoading && <p style={{ color: '#888' }}>Загрузка...</p>}
|
||||
{!listLoading && plans.length === 0 && !listError && (
|
||||
<p style={{ color: '#888' }}>Нет файлов планов</p>
|
||||
)}
|
||||
{listError && <p style={{ color: '#c62828' }}>{listError}</p>}
|
||||
<ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>
|
||||
{plans.map(p => (
|
||||
<li key={p.name} style={{ marginBottom: 4 }}>
|
||||
<button
|
||||
onClick={() => handleSelect(p.name)}
|
||||
style={{
|
||||
display: 'block',
|
||||
width: '100%',
|
||||
textAlign: 'left',
|
||||
background: selected === p.name ? '#e3f2fd' : 'transparent',
|
||||
border: selected === p.name ? '1px solid #90caf9' : '1px solid transparent',
|
||||
borderRadius: 4,
|
||||
padding: '8px 12px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 13,
|
||||
color: '#1565c0',
|
||||
fontFamily: 'monospace',
|
||||
}}
|
||||
>
|
||||
{p.name}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<main style={{ flex: 1, minWidth: 0 }}>
|
||||
{contentLoading && <p style={{ color: '#888' }}>Загрузка содержимого...</p>}
|
||||
{!contentLoading && !selected && (
|
||||
<p style={{ color: '#888', marginTop: 40, textAlign: 'center' }}>
|
||||
Выберите план из списка слева
|
||||
</p>
|
||||
)}
|
||||
{!contentLoading && selected && contentError && (
|
||||
<p style={{ color: '#c62828' }}>Ошибка: {contentError}</p>
|
||||
)}
|
||||
{!contentLoading && selected && !contentError && (
|
||||
<div
|
||||
className="plan-content"
|
||||
style={{ lineHeight: 1.7, fontSize: 14 }}
|
||||
dangerouslySetInnerHTML={{ __html: sanitizedHtml }}
|
||||
/>
|
||||
)}
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
import { useState, useRef } from 'react'
|
||||
import { uploadUpd } from '../services/api'
|
||||
import type { RequestError } from '../services/api'
|
||||
import { ResultsTable } from '../components/ResultsTable'
|
||||
import type { UpdUploadResponse } from '../types'
|
||||
|
||||
const MAX_FILE_SIZE = 10 * 1024 * 1024
|
||||
|
||||
export function UploadUpdPage() {
|
||||
const [file, setFile] = useState<File | null>(null)
|
||||
const [response, setResponse] = useState<UpdUploadResponse | null>(null)
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState('')
|
||||
const [errorDebug, setErrorDebug] = useState<string | null>(null)
|
||||
const [debugExpanded, setDebugExpanded] = useState(false)
|
||||
const [dragging, setDragging] = useState(false)
|
||||
const inputRef = useRef<HTMLInputElement>(null)
|
||||
|
||||
function setFileIfValid(f: File | null) {
|
||||
if (!f) { setFile(null); return }
|
||||
if (f.size > MAX_FILE_SIZE) {
|
||||
setError(`Файл слишком большой (максимум 10MB)`)
|
||||
return
|
||||
}
|
||||
setError('')
|
||||
setFile(f)
|
||||
}
|
||||
|
||||
async function handleUpload() {
|
||||
if (!file) return
|
||||
setLoading(true)
|
||||
setError('')
|
||||
setErrorDebug(null)
|
||||
setDebugExpanded(false)
|
||||
try {
|
||||
const result = await uploadUpd(file)
|
||||
setResponse(result)
|
||||
} catch (err) {
|
||||
const re = err as RequestError
|
||||
setError(re.message)
|
||||
if (re.debugInfo) {
|
||||
setErrorDebug(JSON.stringify(re.debugInfo, null, 2))
|
||||
}
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
function handleDrop(e: React.DragEvent) {
|
||||
e.preventDefault()
|
||||
setDragging(false)
|
||||
setFileIfValid(e.dataTransfer.files[0] || null)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h2>Загрузка УПД (формат Приказа №970 ФНС)</h2>
|
||||
|
||||
<div
|
||||
onDragOver={e => { e.preventDefault(); setDragging(true) }}
|
||||
onDragLeave={() => setDragging(false)}
|
||||
onDrop={handleDrop}
|
||||
onClick={() => inputRef.current?.click()}
|
||||
style={{
|
||||
border: `2px dashed ${dragging ? '#1a237e' : '#ccc'}`,
|
||||
borderRadius: 8,
|
||||
padding: 40,
|
||||
textAlign: 'center',
|
||||
cursor: 'pointer',
|
||||
background: dragging ? '#e8eaf6' : '#fafafa',
|
||||
marginBottom: 16,
|
||||
}}
|
||||
>
|
||||
{file ? (
|
||||
<div>
|
||||
<strong>{file.name}</strong> ({(file.size / 1024).toFixed(1)} KB)
|
||||
<br />
|
||||
<button onClick={e => { e.stopPropagation(); setFile(null) }}
|
||||
style={{ marginTop: 8, ...smallBtnStyle }}>
|
||||
Удалить
|
||||
</button>
|
||||
</div>
|
||||
) : (
|
||||
<div>
|
||||
<div style={{ fontSize: 32, marginBottom: 8 }}>📄</div>
|
||||
<div>Перетащите XML-файл УПД сюда или нажмите для выбора</div>
|
||||
</div>
|
||||
)}
|
||||
<input
|
||||
ref={inputRef}
|
||||
type="file"
|
||||
accept=".xml,.XML"
|
||||
hidden
|
||||
onChange={e => setFileIfValid(e.target.files?.[0] || null)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button onClick={handleUpload} disabled={loading || !file}
|
||||
style={btnStyle}>
|
||||
{loading ? 'Загрузка и проверка...' : 'Отправить и проверить коды'}
|
||||
</button>
|
||||
|
||||
{error && (
|
||||
<div style={{ color: '#c62828', marginTop: 12 }}>Ошибка: {error}</div>
|
||||
)}
|
||||
|
||||
{errorDebug && (
|
||||
<div style={{ marginTop: 12, marginBottom: 16 }}>
|
||||
<button
|
||||
onClick={() => setDebugExpanded(!debugExpanded)}
|
||||
style={{
|
||||
background: 'transparent',
|
||||
border: '1px solid #b0bec5',
|
||||
borderRadius: 4,
|
||||
padding: '6px 12px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 13,
|
||||
color: '#37474f',
|
||||
}}
|
||||
>
|
||||
{debugExpanded ? '▼ Скрыть лог запроса к API маркировки' : '▶ Показать лог запроса к API маркировки'}
|
||||
</button>
|
||||
{debugExpanded && (
|
||||
<pre style={{
|
||||
marginTop: 8,
|
||||
padding: 12,
|
||||
background: '#263238',
|
||||
color: '#e0e0e0',
|
||||
borderRadius: 6,
|
||||
fontSize: 12,
|
||||
lineHeight: 1.5,
|
||||
overflowX: 'auto',
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordBreak: 'break-all',
|
||||
}}>
|
||||
{errorDebug}
|
||||
</pre>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{response && (
|
||||
<div style={{ marginTop: 16 }}>
|
||||
<div style={{
|
||||
padding: 12,
|
||||
background: '#e3f2fd',
|
||||
borderRadius: 6,
|
||||
marginBottom: 12,
|
||||
fontSize: 14,
|
||||
}}>
|
||||
<strong>Документ:</strong>{' '}
|
||||
{response.document.number || '—'} от {response.document.date || '—'}
|
||||
<br />
|
||||
<strong>Продавец:</strong> {response.document.seller || '—'}
|
||||
<br />
|
||||
<strong>Покупатель:</strong> {response.document.buyer || '—'}
|
||||
<br />
|
||||
<strong>Найдено кодов:</strong> {response.codesFound}
|
||||
<br />
|
||||
<strong>Результаты:</strong> всего {response.results.total},
|
||||
✅ {response.results.validCount},
|
||||
❌ {response.results.invalidCount},
|
||||
⚠️ {response.results.errorCount}
|
||||
</div>
|
||||
|
||||
<ResultsTable results={response.results.results} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const btnStyle: React.CSSProperties = {
|
||||
background: '#1565c0',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: 6,
|
||||
padding: '10px 20px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 14,
|
||||
}
|
||||
|
||||
const smallBtnStyle: React.CSSProperties = {
|
||||
background: '#e53935',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: 4,
|
||||
padding: '4px 12px',
|
||||
cursor: 'pointer',
|
||||
fontSize: 12,
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
import type { AuthStatus, CheckCodesResponse, UpdUploadResponse, ApiErrorResponse, ApiEnv } from '../types'
|
||||
|
||||
const BASE_URL = ''
|
||||
|
||||
let currentEnv: ApiEnv = 'sandbox'
|
||||
let onUnauthorized: ((env: ApiEnv) => void) | null = null
|
||||
|
||||
export interface RequestError extends Error {
|
||||
debugInfo?: ApiErrorResponse['debugInfo']
|
||||
}
|
||||
|
||||
export function setOnUnauthorized(cb: (env: ApiEnv) => void): void {
|
||||
onUnauthorized = cb
|
||||
}
|
||||
|
||||
export function getEnv(): ApiEnv {
|
||||
return currentEnv
|
||||
}
|
||||
|
||||
export function setEnv(env: ApiEnv): void {
|
||||
currentEnv = env
|
||||
}
|
||||
|
||||
function qs(env?: ApiEnv): string {
|
||||
return `?env=${env || currentEnv}`
|
||||
}
|
||||
|
||||
async function handleError(res: Response, env: ApiEnv): Promise<never> {
|
||||
if (res.status === 401 && onUnauthorized) {
|
||||
onUnauthorized(env)
|
||||
}
|
||||
const body: ApiErrorResponse = await res.json().catch(() => ({ error: res.statusText }))
|
||||
const err = new Error(body.error || `HTTP ${res.status}`) as RequestError
|
||||
err.debugInfo = body.debugInfo
|
||||
throw err
|
||||
}
|
||||
|
||||
async function request<T>(url: string, options?: RequestInit & { env?: ApiEnv }): Promise<T> {
|
||||
const reqEnv = options?.env || currentEnv
|
||||
const headers: Record<string, string> = {}
|
||||
if (!(options?.body instanceof FormData) && options?.body) {
|
||||
headers['Content-Type'] = 'application/json'
|
||||
}
|
||||
if (options?.headers) {
|
||||
Object.assign(headers, options.headers as Record<string, string>)
|
||||
}
|
||||
|
||||
const urlWithEnv = `${BASE_URL}${url}${qs(reqEnv)}`
|
||||
const res = await fetch(urlWithEnv, {
|
||||
headers,
|
||||
...options,
|
||||
})
|
||||
|
||||
if (!res.ok) await handleError(res, reqEnv)
|
||||
return res.json()
|
||||
}
|
||||
|
||||
export async function getAuthKey(env?: ApiEnv): Promise<{ uuid: string; data: string }> {
|
||||
return request('/auth/key', { env })
|
||||
}
|
||||
|
||||
export async function signIn(uuid: string, data: string, inn?: string, env?: ApiEnv): Promise<{ token: string }> {
|
||||
return request('/auth/simpleSignIn', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ uuid, data, inn }),
|
||||
env,
|
||||
})
|
||||
}
|
||||
|
||||
export async function getAuthStatus(env?: ApiEnv): Promise<AuthStatus> {
|
||||
return request('/auth/status', { env })
|
||||
}
|
||||
|
||||
export async function logout(env?: ApiEnv): Promise<void> {
|
||||
await request('/auth/logout', { method: 'POST', env })
|
||||
}
|
||||
|
||||
export async function checkCodesPublic(codes: string[], env?: ApiEnv): Promise<CheckCodesResponse> {
|
||||
return request('/api/check-codes/public', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ codes }),
|
||||
env,
|
||||
})
|
||||
}
|
||||
|
||||
export async function checkCodesAuth(codes: string[], env?: ApiEnv): Promise<CheckCodesResponse> {
|
||||
return request('/api/check-codes/auth', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ codes }),
|
||||
env,
|
||||
})
|
||||
}
|
||||
|
||||
export async function uploadUpd(file: File, env?: ApiEnv): Promise<UpdUploadResponse> {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file)
|
||||
return request('/api/upload-upd', { method: 'POST', body: formData, env })
|
||||
}
|
||||
|
||||
export async function setTokenManually(token: string, env?: ApiEnv): Promise<void> {
|
||||
await request('/auth/setToken', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ token }),
|
||||
env,
|
||||
})
|
||||
}
|
||||
|
||||
export async function getPlansList(): Promise<{ name: string; path: string; size: number }[]> {
|
||||
return request('/api/plans')
|
||||
}
|
||||
|
||||
export async function getPlanContent(filename: string): Promise<{ name: string; content: string }> {
|
||||
return request(`/api/plans/${encodeURIComponent(filename)}`)
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
import {
|
||||
getUserCertificates,
|
||||
createAttachedSignature,
|
||||
} from 'crypto-pro'
|
||||
|
||||
export interface CertInfo {
|
||||
name: string
|
||||
thumbprint: string
|
||||
issuer: string
|
||||
validTo: string
|
||||
valid: boolean
|
||||
}
|
||||
|
||||
export async function isCadesPluginAvailable(): Promise<boolean> {
|
||||
try {
|
||||
await getUserCertificates(true)
|
||||
return true
|
||||
} catch (err) {
|
||||
if (err instanceof Error && (
|
||||
err.message.includes('undefined') || err.message.includes('not defined')
|
||||
)) return false
|
||||
throw err
|
||||
}
|
||||
}
|
||||
|
||||
export async function listCertificates(): Promise<CertInfo[]> {
|
||||
const certs = await getUserCertificates(true)
|
||||
const now = Date.now()
|
||||
return certs.map(c => {
|
||||
const validTo = new Date(c.validTo)
|
||||
return {
|
||||
name: c.name || 'Без имени',
|
||||
thumbprint: c.thumbprint,
|
||||
issuer: c.issuerName,
|
||||
validTo: c.validTo,
|
||||
valid: validTo.getTime() > now,
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export async function signWithCadesPlugin(dataBase64: string, thumbprint?: string): Promise<string> {
|
||||
const certs = await getUserCertificates(true)
|
||||
const now = Date.now()
|
||||
const validCerts = certs.filter(c => c.name && new Date(c.validTo).getTime() > now)
|
||||
|
||||
if (validCerts.length === 0) {
|
||||
throw new Error('Нет доступных сертификатов с действующим сроком')
|
||||
}
|
||||
|
||||
let tp = thumbprint
|
||||
if (!tp) {
|
||||
tp = validCerts[0].thumbprint
|
||||
} else {
|
||||
const found = validCerts.find(c => c.thumbprint.toUpperCase() === tp!.toUpperCase())
|
||||
if (!found) throw new Error(`Сертификат с отпечатком ${tp} не найден или просрочен`)
|
||||
}
|
||||
|
||||
return createAttachedSignature(tp, dataBase64)
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
export type ApiEnv = 'sandbox' | 'prod'
|
||||
|
||||
export interface AuthStatus {
|
||||
authenticated: boolean
|
||||
tokenExpiresAt: string | null
|
||||
}
|
||||
|
||||
export interface CodeResult {
|
||||
code: string
|
||||
found: boolean
|
||||
valid: boolean
|
||||
status: string
|
||||
gtin?: string
|
||||
productName?: string
|
||||
producerName?: string
|
||||
ownerName?: string
|
||||
error?: string
|
||||
}
|
||||
|
||||
export interface CheckCodesResponse {
|
||||
results: CodeResult[]
|
||||
total: number
|
||||
validCount: number
|
||||
invalidCount: number
|
||||
errorCount: number
|
||||
debugInfo?: ApiDebugInfo
|
||||
}
|
||||
|
||||
export interface UpdDocument {
|
||||
number: string | undefined
|
||||
date: string | undefined
|
||||
seller: string | undefined
|
||||
buyer: string | undefined
|
||||
fileName: string
|
||||
}
|
||||
|
||||
export interface ApiDebugInfo {
|
||||
request: {
|
||||
method: string
|
||||
url: string
|
||||
headers: Record<string, string>
|
||||
body: unknown
|
||||
}
|
||||
response: {
|
||||
statusCode: number
|
||||
headers: Record<string, string>
|
||||
body: unknown
|
||||
errorCode?: string
|
||||
errorMessage?: string
|
||||
}
|
||||
}
|
||||
|
||||
export interface ApiErrorResponse {
|
||||
error: string
|
||||
debugInfo?: ApiDebugInfo
|
||||
}
|
||||
|
||||
export interface UpdUploadResponse {
|
||||
document: UpdDocument
|
||||
codesFound: number
|
||||
results: CheckCodesResponse
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
"strict": true,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"forceConsistentCasingInFileNames": true
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{"root":["./src/app.tsx","./src/main.tsx","./src/components/resultstable.tsx","./src/pages/authpage.tsx","./src/pages/checkcodespage.tsx","./src/pages/planspage.tsx","./src/pages/uploadupdpage.tsx","./src/services/api.ts","./src/services/cadesplugin.ts","./src/types/index.ts"],"version":"5.9.3"}
|
||||
@@ -0,0 +1,14 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
server: {
|
||||
port: 5173,
|
||||
proxy: {
|
||||
'/api': 'http://backend:3001',
|
||||
'/auth': 'http://backend:3001',
|
||||
'/health': 'http://backend:3001',
|
||||
},
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user