Serialize draft (#8175)

* DEV: allow serializing data for drafts

* Various fixes

* added an alias method for 'serializeToDraft' to plugin-api

* fixed linting issues

* changed single quotes to double quotes to fix linting issue

* fixed linting issues

* fixed composer model file via prettier

* fixed composer controller file via prettier

* fixed plugin-api file via prettier

app/assets/javascripts/discourse/controllers/composer.js.es6

@@ -39,26 +39,21 @@ function loadDraft(store, opts) {
     ((draft.title && draft.title !== "") || (draft.reply && draft.reply !== ""))
   ) {
     const composer = store.createRecord("composer");
+    const serializedFields = Composer.serializedFieldsForDraft();
 
-    composer.open({
+    let attrs = {
       draftKey,
       draftSequence,
-      action: draft.action,
-      title: draft.title,
-      categoryId: draft.categoryId || opts.categoryId,
-      postId: draft.postId,
-      archetypeId: draft.archetypeId,
-      reply: draft.reply,
-      metaData: draft.metaData,
-      usernames: draft.usernames,
       draft: true,
-      composerState: Composer.DRAFT,
-      composerTime: draft.composerTime,
-      typingTime: draft.typingTime,
-      whisper: draft.whisper,
-      tags: draft.tags,
-      noBump: draft.noBump
+      composerState: Composer.DRAFT
+    };
+
+    serializedFields.forEach(f => {
+      attrs[f] = draft[f] || opts[f];
     });
+
+    composer.open(attrs);
+
     return composer;
   }
 }

app/assets/javascripts/discourse/lib/plugin-api.js.es6

@@ -43,6 +43,7 @@ import Sharing from "discourse/lib/sharing";
 import { addComposerUploadHandler } from "discourse/components/composer-editor";
 import { addCategorySortCriteria } from "discourse/components/edit-category-settings";
 import { queryRegistry } from "discourse/widgets/widget";
+import Composer from "discourse/models/composer";
 
 // If you add any methods to the API ensure you bump up this number
 const PLUGIN_API_VERSION = "0.8.32";
@@ -844,6 +845,21 @@ class PluginApi {
     addComposerUploadHandler(extensions, method);
   }
 
+  /**
+   * Adds a field to draft serializer
+   *
+   * Example:
+   *
+   * api.serializeToDraft('key_set_in_model', 'field_name_in_payload');
+   *
+   * to keep both of them same
+   * api.serializeToDraft('field_name');
+   *
+   */
+  serializeToDraft(fieldName, property) {
+    Composer.serialzeToDraft(fieldName, property);
+  }
+
   /**
    * Registers a criteria that can be used as default topic order on category
    * pages.

app/assets/javascripts/discourse/models/composer.js.es6

@@ -57,6 +57,20 @@ const CLOSED = "closed",
     tags: "topic.tags",
     featuredLink: "topic.featured_link"
   },
+  _draft_serializer = {
+    reply: "reply",
+    action: "action",
+    title: "title",
+    categoryId: "categoryId",
+    archetypeId: "archetypeId",
+    whisper: "whisper",
+    metaData: "metaData",
+    composerTime: "composerTime",
+    typingTime: "typingTime",
+    postId: "post.id",
+    usernames: "targetUsernames"
+  },
+  _add_draft_fields = {},
   FAST_REPLY_LENGTH_THRESHOLD = 10000;
 
 export const SAVE_LABELS = {
@@ -722,6 +736,11 @@ const Composer = RestModel.extend({
       composer.appEvents.trigger("composer:reply-reloaded", composer);
     }
 
+    // Ensure additional draft fields are set
+    Object.keys(_add_draft_fields).forEach(f => {
+      this.set(_add_draft_fields[f], opts[f]);
+    });
+
     return false;
   },
 
@@ -1019,24 +1038,7 @@ const Composer = RestModel.extend({
       this._clearingStatus = null;
     }
 
-    let data = this.getProperties(
-      "reply",
-      "action",
-      "title",
-      "categoryId",
-      "archetypeId",
-      "whisper",
-      "metaData",
-      "composerTime",
-      "typingTime",
-      "tags",
-      "noBump"
-    );
-
-    data = Object.assign(data, {
-      usernames: this.targetUsernames,
-      postId: this.get("post.id")
-    });
+    let data = this.serialize(_draft_serializer);
 
     if (data.postId && !Ember.isEmpty(this.originalText)) {
       data.originalText = this.originalText;
@@ -1113,6 +1115,18 @@ Composer.reopenClass({
     return Object.keys(_create_serializer);
   },
 
+  serializeToDraft(fieldName, property) {
+    if (!property) {
+      property = fieldName;
+    }
+    _draft_serializer[fieldName] = property;
+    _add_draft_fields[fieldName] = property;
+  },
+
+  serializedFieldsForDraft() {
+    return Object.keys(_draft_serializer);
+  },
+
   // The status the compose view can have
   CLOSED,
   SAVING,