feat: deep link to start private message (#206)

.github/workflows/frontend.yml

@@ -12,7 +12,7 @@ jobs:
 
       frontend_directory: ./js
       backend_directory: .
-      js_package_manager: npm
+      js_package_manager: yarn
       main_git_branch: master
 
     secrets:

extend.php

@@ -31,6 +31,7 @@
 
     (new Extend\Frontend('forum'))
         ->route('/private', 'byobuPrivate', Content\PrivateDiscussionsPage::class)
+        ->route('/private/composer', 'byobuPrivateComposer')
         ->css(__DIR__.'/resources/less/forum/extension.less')
         ->js(__DIR__.'/js/dist/forum.js'),
 

js/src/admin/extend.ts

@@ -0,0 +1,4 @@
+import Extend from 'flarum/common/extenders';
+import commonExtend from '../common/extend';
+
+export default [...commonExtend];

js/src/admin/index.ts

@@ -4,6 +4,8 @@ import User from 'flarum/common/models/User';
 import addPrivateDiscussionPermission from './addPrivateDiscussionPermission';
 import ByobuSettings from './components/ByobuSettingsPage';
 
+export { default as extend } from './extend';
+
 app.initializers.add('fof-byobu', () => {
   app.store.models.recipients = User;
 

js/src/common/extend.ts

@@ -0,0 +1,3 @@
+import Extend from 'flarum/common/extenders';
+
+export default [];

js/src/forum/components/PrivateComposerPage.tsx

@@ -0,0 +1,71 @@
+import app from 'flarum/forum/app';
+import Page from 'flarum/common/components/Page';
+import type Mithril from 'mithril';
+import LogInModal from 'flarum/forum/components/LogInModal';
+import PrivateDiscussionComposer from '../pages/discussions/PrivateDiscussionComposer';
+import ItemList from 'flarum/common/utils/ItemList';
+import Group from 'flarum/common/models/Group';
+import User from 'flarum/common/models/User';
+
+export default class PrivateComposerPage extends Page {
+  oninit(vnode: Mithril.Vnode) {
+    super.oninit(vnode);
+
+    this.configComposer();
+  }
+
+  configComposer() {
+    if (!app.session.user) {
+      setTimeout(() => app.modal.show(LogInModal), 500);
+      return m.route.set('/');
+    }
+
+    const params = m.route.param();
+    const recipients = new ItemList<User | Group>();
+
+    recipients.add(`users:${app.session.user.id()}`, app.session.user);
+
+    m.route.set(app.route('byobuPrivate'));
+
+    setTimeout(() => {
+      const composerProps = {
+        user: app.session.user,
+        recipients: recipients,
+        originalContent: null,
+      };
+
+      if (params.content) {
+        composerProps.originalContent = params.content;
+      }
+
+      if (params.recipientUsers) {
+        params.recipientUsers.split(',').forEach((u: string) => {
+          const su = app.store.getById<User>('users', u);
+          if (!su) return;
+          recipients.add(`users:${u}`, su);
+        });
+      }
+
+      if (params.recipientGroups) {
+        params.recipientGroups.split(',').forEach((g: string) => {
+          const sg = app.store.getById<Group>('groups', g);
+          if (!sg) return;
+          recipients.add(`groups:${g}`, sg);
+        });
+      }
+
+      app.composer.load(PrivateDiscussionComposer, composerProps);
+
+      app.composer.show();
+
+      if (params.title) {
+        // @ts-expect-error
+        app.composer.fields?.title(params.title);
+      }
+    }, 0);
+  }
+
+  view() {
+    return <div />;
+  }
+}

js/src/forum/extend.ts

@@ -7,16 +7,20 @@ import MadePublic from './events/MadePublic';
 import RecipientLeft from './events/RecipientLeft';
 import RecipientsModified from './events/RecipientsModified';
 import PrivateDiscussionsUserPage from './pages/PrivateDiscussionsUserPage';
+import commonExtend from '../common/extend';
+import PrivateComposerPage from './components/PrivateComposerPage';
 
 export default [
+  ...commonExtend,
   new Extend.PostTypes() //
     .add('recipientsModified', RecipientsModified)
     .add('recipientLeft', RecipientLeft)
     .add('madePublic', MadePublic),
 
   new Extend.Routes() //
     .add('byobuUserPrivate', '/u/:username/private', PrivateDiscussionsUserPage)
-    .add('byobuPrivate', '/private', IndexPage),
+    .add('byobuPrivate', '/private', IndexPage)
+    .add('byobuComposer', '/private/composer', PrivateComposerPage),
 
   new Extend.Model(Discussion)
     .hasMany<User>('recipientUsers')

js/src/forum/pages/discussions/PrivateDiscussionComposer.js

@@ -80,9 +80,10 @@ export default class PrivateDiscussionComposer extends DiscussionComposer {
   }
 
   headerItems() {
-    let items = super.headerItems();
+    const items = super.headerItems();
 
     items.remove('tags');
+    items.remove('polls');
 
     if (app.session.user && app.forum.attribute('canStartPrivateDiscussion')) {
       const recipients = this.composer.fields.recipients.toArray();

js/tsconfig.json

@@ -10,7 +10,8 @@
       "declarationDir": "./dist-typings",
       "baseUrl": ".",
       "paths": {
-        "flarum/*": ["../vendor/flarum/core/js/dist-typings/*"]
+        "flarum/*": ["../vendor/flarum/core/js/dist-typings/*"],
+        "@flarum/*": ["../vendor/flarum/core/js/dist-typings/*"],
       }
     }
   }