ACC-16 Разлогин/Завершение сессии #17

dmi-ch · 2021-06-18T08:52:26Z

PullRequest checklist

Please, review this checklist, check your work to compliance and mark checkboxes as completed

Branch name

Your branch should be prefixed with feature/ or fix/ or chore/ or refactor/ or tests/
Add issue number after prefix
Add 3-5 words of description separated with -

Example:

feat/12-add-login-form
fix/8-loading-panel-on-first-load
chore/22-add-release-drafter

PullRequest

This PullRequest implements new feature, fix bug, or some other changes
If PR is not ready mark it as Draft, press "Ready to review" before assigning reviewer
Link PullRequest with issue (re #123 just to link, closes #123 or fixes #123 to close)
All commits in this PR should be created by yarn commit by conventional-commits

I've read checklist and complete all requirements

linear · 2021-06-18T08:52:27Z

ACC-16 Разлогин/Завершение сессии

На главной кнопка для выхода, сессии приложений при этом не завершаются
- https://accesso-app.github.io/backend/api-internal/index.html#/Session/sessionDelete
- Вызвать эффект перезапроса текущей сессии

azinit · 2021-06-19T14:07:38Z

А-ой, тольк щас увидел нейминг веток)

azinit

Вроде ок, тольк пару вопросов есть)

azinit · 2021-06-19T14:08:48Z

src/pages/home/model.ts

+import * as api from '../../api';
+import { sessionDelete } from '../../api';


Как будто что-то пошло не так в импортах)

да, пропустил, поправлю) на аксессо везде вроде через api. написано

azinit · 2021-06-19T14:09:35Z

src/pages/home/index.ts

+    logoutClicked: model.logout.prepend(noop),
+  },
+});
+
+function noop(): void {}


А можешь поделиться пож, что за хак такой с noop ?)

там у logoutClicked и model.logout разные payload по сути это трансформер одного payload в другой, в нашем случае просто пустой)

А поч именно на основании model.logout решил сделать?

Это же event обычный так понимаю?

Это же event обычный так понимаю?

да

А поч именно на основании model.logout решил сделать?

ну я не придумал как для сессии его по другому назвать) unauthorize тоже странно, а delete на сессии будет лучше, но смущает что там есть еще deleteFx(fetch на удаление) и начинаешь запутываться, но по идее будет лучше

а для модели home logout нормально в целом выглядит типа - разлогинься из дома

Я просто пытаюсь понять, какой плюс, что ты одно событие на основании другого делаешь

Тип когда будет срабатывать событие logout- будет всегда срабатывать и событие logoutClicked?

Так ли тогда нужно отдельное событие с prepend?

azinit · 2021-06-19T14:10:41Z

src/pages/home/page.tsx

+export const logoutClicked = createEvent<React.MouseEvent<HTMLButtonElement>>();
+


А событие точно в UI должно создаваться? Мб на уровень модели вынести?

конкретно в этом случае возможно, думал, что может еще придется менять и еще что то по клику делать, в целом оно все равно биндится в контракте

Ну я бы постарался не раздувать UI-сегмент такими штуками из модели)

Но решать тебе офк

предлагаешь прокинуть напрямую из модели? через bind на contract ? его придется просто класть в модели как event от mouse click, что кажется странным, типа зачем модели знать про какие то клики

типа зачем модели знать про какие то клики

Точно так же можно и сказать "Зачем UI знать про какие-то createEvent")))

Я бы все события / БЛ объявлял в модели (привет фиче-слайсам) , а в UI лишь переиспользовал их в инкапсулированном виде, не залезая в реализацию

Вот здесь Сова тож хорошо про "инкапсулированность" БЛ от UI внутри модели раскрывает

https://t.me/sergeysova/88

Крч я не особо против такого подхода, просто пытаюсь понять причины изначальные)

Тип если не хватает текущих событий (а там вродь как event.logout есть) - то можно создать рядом еще одно и его переюзать)

Чтобы страница не импортировала модель

azinit · 2021-06-19T14:13:03Z

src/pages/home/page.tsx

+const Failure = reflect({
+  view: ({ showError }: { showError: boolean }) =>
+    showError ? (
+      <ErrorText>Something went wrong! Please, try again later</ErrorText>
+    ) : null,
+  bind: {
+    showError: $showError,
+  },
+});
+


Так понимаю в effector принято так писать, хотя и выглядит для меня как blackMagic + overengineering))

я сам не мастер, в accesson reflect уважается, я смотрел немного исходники, по сути просто биндинги под капот reflect спрятали, из-за этого отрезался api но упростился вид, если нужен полный api то придется все равно по старинке писать)

azinit · 2021-06-19T14:16:53Z

src/pages/home/model.ts

+sample({
+  source: guard({
+    source: logout,
+    filter: sessionDeleteFx.pending.map((is) => !is),
+  }),
+  target: sessionDeleteFx,
+  fn: (_) => ({ body: { deleteAllSessions: true } }),
+});


А можешь пож расписать, что тут происходит?

В эффекторе ньюфаг пока)

Не смотря на то что, Sample cчитается "выборкой" со специальной семантикой, я предпочитаю смотреть на него как расширенный forward(from, to) который по сути перекидывает event из одного места в другое, но с настройками на частоту обновления и возможность модификации данных,
Guard просто работает как фильтр
Как итог получается получается - мы берем событие logout(которое триггерит клик), не отсылаем его пока эффект(запрос) находится в pending и пересылаем его в эффект(запрос), с хардкодными данными(в будущем видимо чекбокс будет)
То есть такой throttle/debounce по условию, чтобы лишние клики просто игнорить)

Спс за разъяснение)

Тогда да, рили работает примерно как думал

pending.map((is) => !is),

А тут .map это кастомно встроенный обработчик (не Array.prototype.map), который позволяет смаппить во что-то состояние эффекта? Или что-то другое?

да это по сути store.map т.к. pending это Store

azinit · 2021-06-19T14:18:30Z

@dmi-ch А можешь еще пож в двух словах описать - для чего accesso-app/frontend ?

Он именно про то самое "Окно с формами авторизации / регистрации Accesso" , которое в проектах будет открываться?

dmi-ch · 2021-06-19T16:43:07Z

Он именно про то самое "Окно с формами авторизации / регистрации Accesso" , которое в проектах будет открываться?

Да, регистрацию авторизацию и восстановление паролей уже Сергей сделал, это уже конкретно домашняя страничка, по идее как то будет список приложений еще(или только в админке, я точно не знаю), там еще отдельно будет редирект видимо на нужную страничку

github-actions bot added the feature label Jun 18, 2021

dmi-ch added 2 commits June 19, 2021 16:59

feat: Add logout button

28ab30a

feat: Add error message for session logout

4a913b5

dmi-ch force-pushed the feature/acc-16-разлогинзавершение-сессии branch from 348b752 to 4a913b5 Compare June 19, 2021 13:59

dmi-ch marked this pull request as ready for review June 19, 2021 14:01

dmi-ch requested review from sergeysova and azinit June 19, 2021 14:02

azinit previously approved these changes Jun 19, 2021

View reviewed changes

fix: get rid of extra api import

8212a7e

dmi-ch dismissed azinit’s stale review via 8212a7e June 20, 2021 18:07

sergeysova approved these changes Jun 20, 2021

View reviewed changes

sergeysova approved these changes Jun 24, 2021

View reviewed changes

sergeysova merged commit dc77178 into master Jun 24, 2021

sergeysova deleted the feature/acc-16-разлогинзавершение-сессии branch June 24, 2021 07:33

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ACC-16 Разлогин/Завершение сессии #17

ACC-16 Разлогин/Завершение сессии #17

dmi-ch commented Jun 18, 2021 •

edited

Loading

linear bot commented Jun 18, 2021

azinit commented Jun 19, 2021

azinit left a comment

azinit Jun 19, 2021

dmi-ch Jun 19, 2021

azinit Jun 19, 2021

dmi-ch Jun 19, 2021

azinit Jun 19, 2021

dmi-ch Jun 20, 2021

dmi-ch Jun 20, 2021

azinit Jun 20, 2021

azinit Jun 19, 2021

dmi-ch Jun 19, 2021

azinit Jun 19, 2021

dmi-ch Jun 20, 2021

azinit Jun 20, 2021

azinit Jun 20, 2021

azinit Jun 20, 2021

sergeysova Jun 20, 2021

azinit Jun 19, 2021

dmi-ch Jun 19, 2021

azinit Jun 19, 2021

dmi-ch Jun 19, 2021

azinit Jun 19, 2021

azinit Jun 19, 2021

dmi-ch Jun 20, 2021

azinit commented Jun 19, 2021

dmi-ch commented Jun 19, 2021 •

edited

Loading

		import * as api from '../../api';
		import { sessionDelete } from '../../api';

		export const logoutClicked = createEvent<React.MouseEvent<HTMLButtonElement>>();

ACC-16 Разлогин/Завершение сессии #17

ACC-16 Разлогин/Завершение сессии #17

Conversation

dmi-ch commented Jun 18, 2021 • edited Loading

PullRequest checklist

Branch name

PullRequest

linear bot commented Jun 18, 2021

azinit commented Jun 19, 2021

azinit left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

azinit commented Jun 19, 2021

dmi-ch commented Jun 19, 2021 • edited Loading

dmi-ch commented Jun 18, 2021 •

edited

Loading

dmi-ch commented Jun 19, 2021 •

edited

Loading