Клиент периодически подвергался внешнему аудиту безопасности

А теперь вот щёки дую тут, понимаешь

разве SameSite=strict не фиксит эту проблему?

может и фиксит, откуда мне знать, я что безопасник))
читаю вот, да, кажется фиксит

самый простой чеклист для секьюрити это CSP policy + same site для кук

и можно не заморачиваться с httpOnly

все так

Все привет, коллеги. Подскажите redux toolkit сейчас часто юзают?

mobx юзаю )

👍
хакеры без хлеба останутся

да тут еще и отчеты можно отправлять при наружении csp, до чего технологии дошли

Удобный.

Классная вещь

Особенно в связке с https://www.npmjs.com/package/comsel

Понял, спасибо. 🖖👌👍

Якщо тільки хакер не користується ІЕ10 😁
https://caniuse.com/?search=Samesite

Всем добрый день коллеги. Подскажите пожалуйста, как на поле импорте реализовать drag and drop?

const OperationFileUpload = ({
 onChange,
 backendPersistentFiles,
 removePersistentFile,
 multiple,
 placeholder,
 createDownloadLink,
 files,
}: FileUploadProps) => {
 const intl = useIntl();
 const onDrop = useCallback(
   (acceptedFiles: File[]) => {
     acceptedFiles.forEach(file => onChange(file, FileOperation.ADD));
   },
   [onChange],
 );
 const removeFile = (file: File) => {
   onChange(file, FileOperation.REMOVE);
 };
 const { getRootProps, getInputProps } = useDropzone({
   onDrop,
   disabled: multiple ? false : !!files.length || !!backendPersistentFiles.length,
   multiple,
   noDragEventsBubbling: true,
 });
 return (
   <S.DropzoneWrapper>
     <S.DropzoneContainer {...getRootProps()}>
       <S.InputForDropzone {...getInputProps()} />
       {backendPersistentFiles.length || files.length ? (
         <React.Fragment>
           {backendPersistentFiles.map(f => (
             <S.AcceptedFileContainer>
               <S.LoadByLinkFile
                 href={createDownloadLink(f.id)}
                 target="_blank"
                 onClick={(event: React.MouseEvent<HTMLElement>) => {
                   event.stopPropagation();
                 }}
               >
                 <CommonTooltip name={f.name} id={f.name} />
               </S.LoadByLinkFile>
               {f.contentSize !== undefined && f.contentSize !== 0 && (
                 <AnyText color={LIGHT_LINK_COLOR} fontSize={14}>
                   {formatBytes(f.contentSize)}
                 </AnyText>
               )}
               <S.StyledRemoveButton
                 type="button"
                 onClick={(event: React.MouseEvent<HTMLElement>) => {
                   event.stopPropagation();
                   removePersistentFile(f.id);
                 }}
               >
                 <CloseIcon htmlColor={CLOSE_ICON_COLOR} style={{ width: 18, height: 18 }} />
               </S.StyledRemoveButton>
             </S.AcceptedFileContainer>
           ))}
           {files.map(
             (f: FileItem) =>
               f.status !== FileUploadStatus.SUCCESS && (
                 <S.AcceptedFileContainer>
                   <CommonTooltip name={f.file.name} id={f.file.name} />
                   {f.file.size !== undefined && f.file.size !== 0 && (
                     <AnyText color={LIGHT_LINK_COLOR} fontSize={14}>
                       {formatBytes(f.file.size)}
                     </AnyText>
                   )}
                   <S.StyledRemoveButton
                     type="button"
                     onClick={(event: React.MouseEvent<HTMLElement>) => {
                       event.stopPropagation();
                       removeFile(f.file);
                     }}
                   >
                     <CloseIcon htmlColor={CLOSE_ICON_COLOR} style={{ width: 18, height: 18 }} />
                   </S.StyledRemoveButton>
                 </S.AcceptedFileContainer>
               ),
           )}
         </React.Fragment>
       ) : (
         <AnyText color={LIGHT_LINK_COLOR} fontSize={14}>
           {placeholder ||
             (multiple
               ? intl.formatMessage(MESSAGES.CHOOSE_FILES_PLACEHOLDER_FIELD)
               : intl.formatMessage(MESSAGES.CHOOSE_FILE_PLACEHOLDER_FIELD))}
         </AnyText>
       )}
       <S.AttachSvgIcon src={attachIcon} svgStyle={{ fill: LIGHT_LINK_COLOR }} />
     </S.DropzoneContainer>
   </S.DropzoneWrapper>
 );
};

всем привет.
есть .env файл в реакт приложении. В нем имеются переменные типа публичных ключей

RECAPTCHA_KEY и т/д

вопрос 1:
в cypress, я бы хотел этот ключ NX_RECAPTCHA_KEY подменить на другой. Но у меня его не видно вообще(только если через cypress). Если запускаю приложение в обычном режиме все видно.

вопрос 2:
как быть если в CI я хочу использовать один NX_RECAPTCHA_KEY а в проде другой?
Создавать несколько .env файлов? (.env.staging, .env.local, ...)?
не проще ли тогда эти ключи поулчить на старте приложения с бэкенда?