3 | 
8 |
9 |
10 |
4 |
7 | dmを受け取ると
あなたに代わって
オープンチャネルに
誘導してくれるやつです
8 |
9 |
11 |
12 |
18 |
19 |
29 |
30 |
51 |
62 |
--------------------------------------------------------------------------------
/src/application/patrol.js:
--------------------------------------------------------------------------------
1 | const config = require('config');
2 | const slack = require('../adaptors/slack');
3 |
4 | class Patrol {
5 |
6 | constructor(params, store){
7 | this.store = store;
8 |
9 | this.sendUserId = params.event.user; // メッセージを送信したユーザ
10 | this.authedUsers_ = null; // DM内にいるDM警察パトロール対象のユーザ
11 | this.event_context = params.event_context
12 | this.channelId = params.event.channel;
13 | this.teamId = params.team_id;
14 | this.eventType = params.event.type;
15 | this.eventSubType = params.event.subtype;
16 | }
17 |
18 | async getAuthedUsers(){
19 | if (this.authedUsers_ !== null) return this.authedUsers_;
20 | const auths_list = await slack.getAuthorizationsList(this.event_context);
21 | this.authedUsers_ = auths_list.authorizations.map(au => au.user_id);
22 | return this.authedUsers_;
23 | }
24 |
25 | async shouldIgnore(){
26 | if(this.eventType !== 'message' ){ return true; }
27 | if(false && (await this.getAuthedUsers()).includes( this.sendUserId ) ){
28 | console.log("自分のメッセージなので無視しました");
29 | return true;
30 | }
31 | if( this.eventSubType === 'bot_message'){
32 | console.log("bot messageなので無視しました");
33 | return true;
34 | }
35 | if( this.eventSubType === 'message_changed'){
36 | console.log("change イベントは無視です");
37 | return true;
38 | }
39 |
40 | const rejectedLog = await this.store.getLatestRejectedLog( this.teamId, this.channelId);
41 | if(rejectedLog){
42 | const pastTimeMsec = new Date().getTime() - rejectedLog.ts;
43 | if(pastTimeMsec < config.timeSpanForIgnoreMsec){
44 | console.log('猶予期間なので無視')
45 | return true;
46 | }
47 | }
48 |
49 | const isSelfDM = await ( async ()=>{
50 | const token = await this.store.getUserAccessToken( this.teamId, this.sendUserId)
51 | .catch(printAndIgnoreError);
52 | if(!token){ return false }
53 |
54 | const channelInfo = await slack.getChannelInfo(token, this.channelId);
55 | if(!channelInfo.channel){ return false; } // Channel情報取得に失敗 -> 無視しないに倒す
56 |
57 | return channelInfo.channel.user === this.sendUserId;
58 | })();
59 | if(isSelfDM) {
60 | console.log('自分宛のDMは許可');
61 | return true;
62 | }
63 | console.log("介入しますNE");
64 | return false;
65 | }
66 |
67 | async pickReceiverUserId(){
68 | const authedUsers = await this.getAuthedUsers();
69 | // TODO メソッド名と実態が全然違うので変えよう
70 | const primaryUserId = authedUsers.find( au => au === this.sendUserId);
71 | if( primaryUserId ){ return primaryUserId; }
72 |
73 | const userId = authedUsers.find( au => au !== this.sendUserId);
74 | return (userId)? userId : this.sendUserId; // 上記の場合どのみち失敗するのだが
75 | }
76 | }
77 |
78 | function printAndIgnoreError(e){
79 | console.error(e);
80 | }
81 |
82 | module.exports = Patrol;
83 |
--------------------------------------------------------------------------------
/public/css/index.css:
--------------------------------------------------------------------------------
1 |
2 | /* ------ */
3 | /* Common */
4 | /* ------ */
5 | body {
6 | min-width: 780px;
7 | margin: 0;
8 | padding: 0;
9 | }
10 |
11 | .contents-main {
12 | padding: 20px 20px;
13 | background: #f8f8f8;
14 | }
15 |
16 | .contents-main .section{
17 | max-width: 950px;
18 | margin: auto;
19 | }
20 |
21 | h1, h2 {
22 | margin: 0;
23 | padding: 0;
24 | }
25 |
26 | h2 {
27 | margin-top: 20px;
28 | }
29 |
30 |
31 | /* ------ */
32 | /* Layout */
33 | /* ------ */
34 |
35 | .header{
36 | padding: 10px 20px;
37 | }
38 |
39 | .header {
40 | border-bottom: solid 1px #eeeeee;
41 | background: white;
42 | }
43 | .header h1{
44 | margin: 0;
45 | }
46 | .link-to-top {
47 | color: black;
48 | text-decoration: none;
49 | }
50 | .footer {
51 | color: white;
52 | font-size: 12px;
53 | background: #45BED9;
54 | padding: 30px 20px;
55 | }
56 | .footer .credit {
57 | text-align: right;
58 | }
59 |
60 | /* ------ */
61 | /* Index */
62 | /* ------ */
63 | .screenshots {
64 | display: flex;
65 | justify-content: space-evenly;
66 | align-items: center;
67 |
68 | width: 100%;
69 | font-size: 16px;
70 | box-sizing: border-box;
71 | padding: 80px 0px;
72 | position: relative;
73 | background: #45BED9;
74 | overflow: hidden;
75 | z-index: 1;
76 |
77 | border-bottom: solid 1px #eeeeee;
78 | border-top: solid 1px #eeeeee;
79 | }
80 | .screenshots::before {
81 | content: "";
82 | position: absolute;
83 | top: 0;
84 | right: 0;
85 | bottom: 0;
86 | left: 0;
87 | z-index: -1;
88 | background: white;
89 | transform: translate(-313px, 0px) scale(1,2) rotate(60deg);
90 | }
91 | .screenshots img{
92 | max-width: 100%;
93 | width: 225px;
94 | height: auto;
95 | }
96 | .catch-text {
97 | font-size: 36px;
98 | line-height: 1em;
99 | margin-bottom: 30px;
100 | }
101 | .install-button {
102 | display: inline-block;
103 | text-decoration: none;
104 | box-sizing: border-box;
105 | padding: 15px 20px;
106 | font-size: 16px;
107 | font-weight: bold;
108 | background: #FF9700;
109 | color: white;
110 | margin-bottom: 80px;
111 | }
112 |
113 | .step {
114 | display: flex;
115 | justify-content: space-evenly;
116 | }
117 |
118 | .step-item {
119 | display: flex;
120 | align-items: center;
121 | }
122 | .step-box {
123 | width: 320px;
124 | min-height: 400px;
125 | }
126 | .step-title {
127 | font-size: 14px;
128 | color: white;
129 | }
130 | .step-title a {
131 | display: block;
132 | color: white;
133 | text-decoration: none;
134 | text-align: center;
135 | background: #45BED9;
136 | padding: 10px 15px;;
137 | border-radius: 40px;
138 | }
139 | .step-visual {
140 | display: flex;
141 | align-items: center;
142 | border: 5px solid gray;
143 | width: 150px;
144 | height: 150px;
145 | border-radius: 500px;
146 | margin: auto;
147 | overflow: hidden;
148 | }
149 | .step-visual img {
150 | width: 150px;
151 | }
152 | .step .arrow {
153 | color: #FF9700;
154 | font-size: 48px;
155 | }
156 |
157 |
--------------------------------------------------------------------------------
/src/adaptors/routes/auth.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const passport = require('../passport');
4 | const store = require('../redis');
5 | const slack = require('../slack');
6 | const config = require('config');
7 |
8 | // あんまりたくさん修正入らないので、
9 | // このままロジックもここに置いておくことにする
10 | router.get('/add_to_slack', (req, res)=>{
11 | res.render('add_to_slack', {});
12 | });
13 |
14 | router.get('/add_to_slack/success', (req, res)=>{
15 | res.render('add_to_slack_result', {success: true});
16 | });
17 | router.get('/add_to_slack/fail', (req, res)=>{
18 | res.render('add_to_slack_result', {success: false} );
19 | });
20 |
21 | router.get('/register/success', (req, res)=>{
22 | res.render('register_result', {success: true});
23 | });
24 | router.get('/register/fail', (req, res)=>{
25 | res.render('register_result', {success: false});
26 | });
27 |
28 | router.get('/register', (req, res)=>{
29 | res.render('register', {});
30 | });
31 |
32 | router.get('/slackPersonal', passport.authorize('slack-personal'));
33 | router.get('/slack', passport.authorize('slack-admin'));
34 |
35 | router.get('/slack/callback',
36 | passport.authorize('slack-admin', { failureRedirect: '/auth/add_to_slack/fail' }),
37 | (req, res)=>{
38 | const account = req.account;
39 | // console.log( account );
40 | store.createOrUpdateWorkspace(
41 | account.team_id,
42 | account.team_name,
43 | account.bot.bot_user_id,
44 | account.bot.bot_access_token,
45 | account.incoming_webhook,
46 | account.user_id
47 | ).then((e)=>{
48 | sendWebhook(account.team_id, welcomMessageBody(config.host, account.user_id,));
49 | res.redirect('/auth/add_to_slack/success');
50 | }).catch((e)=>{
51 | res.redirect('/auth/add_to_slack/fail');
52 | console.log(e);
53 | });
54 | }
55 | );
56 |
57 | router.get('/slackPersonal/callback',
58 | passport.authorize('slack-personal', { failureRedirect: '/auth/register/fail' }),
59 | (req, res) => {
60 | const account = req.account;
61 | store.addOrUpdateUserToken(
62 | account.team_id,
63 | account.user_id,
64 | account.access_token
65 | ).then(()=>{
66 | res.redirect("/auth/register/success");
67 | }).catch((e)=>{
68 | console.log(e);
69 | res.redirect("/auth/register/fail");
70 | });
71 | }
72 | );
73 |
74 | async function sendWebhook(teamId, body){
75 | const webhookUrl = await store.getWebhookUrl(teamId);
76 | return slack.sendWebhook(webhookUrl, body);
77 | }
78 |
79 | function welcomMessageBody(host, userId){
80 | return {
81 | text: 'SlackBot DM警察がインストールされました',
82 | attachments: [
83 | {
84 | title: `DM警察`,
85 | title_link: `${host}`,
86 | fields: [
87 | {
88 | value: `<@${userId}>さんによってDM警察がチームにインストールされました。`,
89 | },
90 | {
91 | value: `DMパトロールをご希望の方は<${host}/auth/register|コチラ>より登録いただけます`,
92 | },
93 | {
94 | value: `使い方は
13 |
14 | 15 |
16 |
17 | 14 | 15 |
16 |
注意
20 |-
21 |
- 22 | 利用するには、slackワークスペースへのインストール、その後に個別のアカウントからdm警察にパトロール依頼をする必要があります。 23 | 24 |
- 25 | パトロールを依頼した人宛のdmを検知必要があるため、このslackアプリは強めの権限を要求します。dmの内容は一切ログを取らないように作っていますが、不安な場合は作者に連絡いただき、 heroku buttonで独自の環境を作成することをお勧めします。詳しくはコチラ 26 | 27 |
使ってみる
31 |
32 |
50 |
33 |
39 |
34 |
35 | 
36 |
38 | あなたのslackワークスペースにdm警察をインストールします。インストールをすると@dm警察というappおよびbotが作成されます。
37 |
40 | ->
41 |
42 |
43 |
49 |
44 |
45 | 
46 |
48 | あなた宛のdmのパトロールをdm警察を依頼します。このリンクから、または@dm警察に「パトロールよろしく」と話しかけることで登録することができます。パトロールを停止するには、 @dm警察 あてに「パトロールおしまい」と話しかけます。
47 |-
52 |
- 53 | DM警察をSlackにインストールする 54 | 55 |
- 56 | 自分のDMのパトロールを依頼 57 | 58 |