// ==UserScript==
// @name        facebook tag list enabler
// @description just comment tag like plain text
// @match       https://www.facebook.com/*
// @version     1
// @grant       none
// @namespace https://greasyfork.org/users/4947
// @downloadURL none
// ==/UserScript==

__d("getMentionsTextForContentState", ["ComposedEntityType", "DocumentCharacters", "DocumentEntity", "emptyFunction"], function (a, b, c, d, e, f, g, h, i, j) {
	var k = j.thatReturnsTrue,
		l = /[\\\]:]/g;

	function m(n) {
		var o = n.getBlockMap().map(function (p) {
			var q = p.getText(),
				r = '';
			p.findEntityRanges(j.thatReturnsTrue, function (s, t) {
				var u = p.getEntityAt(s);
				if (u === null) {
					r += q.slice(s, t);
				} else {
					var v = i.get(u);
					if (v.getType() === k) {
						r += v.getData().originalEmoticon;
					} else r += q.slice(s, t);
				}
			});
			return r;
		});
		return o.join(l);
	}

	function n(o, p) {
		if (p) {
			var q = i.get(p);
			if (q.getType() === g.MENTION) {
				o = o.replace(l, function (r) {
					return '\\' + r;
				});
				return '@[' + q.getData().id + ':' + o + ']';
			} else if (q.getType() === g.EMOTICON) return q.getData().originalEmoticon;
		}
		return o.replace('@[', '@ [');
	}
	e.exports = m;
}, null);
__d("UFIMentionsInput.react", ["Arbiter", "BanzaiScuba", "Bootloader", "CommentPrelude", "ComposedEntityMutability", "ComposedEntityType", "DocumentEntity", "DocumentModifierExperimental", "DOMVector", "EditorChangeType", "EditorState", "Input", "Keys", "MentionsInput.Experimental.react", "React", "UserAgent", "URI", "createEditorStateWithMentions", "createEmptyEditorState", "createMentionEntity", "cx", "emptyFunction", "getMentionsInputDecorator", "getMentionsTextForContentState", "getVisibleValueForContentState", "handleBeforeInputForEmoticon", "handleSoftNewlineForEmoticon", "isSoftNewlineEvent", "setImmediate"], function (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, aa, ba, ca, da, ea, fa, ga, ha, ia) {
	var ja = new h('ufi_tinder', null, {
			addBrowserFields: true,
			addGeoFields: true,
			addPredictedGeographyFields: true,
			addMobileDeviceFields: true,
			addUser: true
		}),
		ka = 200,
		la = ((v.isPlatform('iOS') || v.isPlatform('Linux') || v.isPlatform('Mac OS X') || v.isPlatform('Windows') || v.isPlatform('Chrome OS')) && (v.isBrowser('Chrome') || v.isBrowser('Firefox >= 16') || v.isBrowser('IE >= 9') || v.isBrowser('Opera >= 12') || v.isBrowser('Mobile Safari >= 6') || v.isBrowser('Safari >= 5')));

	function ma(qa) {
		var ra = qa.map(function (sa) {
			return {
				kind: 'file',
				type: sa.type,
				getAsFile: ba.thatReturns(sa)
			};
		});
		return {
			clipboardData: {
				items: ra
			}
		};
	}

	function na(qa) {
		var ra = /^image\//;
		return qa.filter(function (sa) {
			return ra.test(sa.type);
		});
	}
	var oa = u.createClass({
		displayName: "UFIMentionsInput",
		getInitialState: function () {
			var qa = '',
				ra = [];
			if (this.props.initialData) {
				qa = this.props.initialData.value || '';
				ra = this.props.initialData.mentions || [];
				ra = ra.map(function (ta) {
					return Object.assign({}, ta, {
						entity: {
							uid: ta.uid,
							weakreference: ta.weakreference
						}
					});
				});
			}
			var sa = x({
				text: qa,
				ranges: ra,
				decorator: ca(),
				mentionCreationFn: pa
			});
			sa = q.moveSelectionToEnd(sa);
			return {
				bootloaded: false,
				fullRender: !!(this.props.initialData && this.props.initialData.value),
				typeaheadReporter: null,
				editorState: sa,
				mentionsSource: null,
				mentionableEntries: null,
				fallbackText: qa
			};
		},
		hasEnteredText: function () {
			return !!this.state.editorState.getCurrentContent().getPlainText().trim();
		},
		focus: function () {
			this._triggerFullRender(function () {
				if (la) {
					this.refs.mentionsInput.focus();
				} else this.refs.textarea.getDOMNode().focus();
			}.bind(this));
		},
		submitComment: function (event) {
			if (this._submitComment(event)) this._clearDocumentState();
		},
		insertMention: function (qa) {
			this._triggerFullRender(function () {
				if (la) {
					var ra = this.state.editorState,
						sa = ra.getSelection(),
						ta = ra.getCurrentContent(),
						ua = sa.getStartKey(),
						va = sa.getStartOffset(),
						wa = ta.getBlockForKey(ua),
						xa;
					if (wa.getText().substr(va - 1, 1).trim().length > 0) {
						var ya = n.replaceText(ta, sa, ' ');
						sa = ya.getSelectionAfter();
						xa = n.insertText(ya, sa, qa.getTitle(), ra.getCurrentInlineStyle(), z(qa));
					} else xa = n.replaceText(ta, sa, qa.getTitle(), ra.getCurrentInlineStyle(), z(qa));
					ra = q.push(ra, xa, p.INSERT_FRAGMENT);
					ra = q.forceSelection(ra, ra.getSelection());
					this.setState({
						editorState: ra
					});
					this.focus();
				} else {
					this.refs.textarea.getDOMNode().focus();
					if (this.state.fallbackText.length) {
						this.setState({
							fallbackText: this.state.fallbackText + ' ' + qa.title
						});
					} else this.setState({
						fallbackText: qa.title
					});
				}
			}.bind(this));
		},
		insertEmoticon: function (qa) {
			if (!la) {
				this.setState({
					fallbackText: this.state.fallbackText + ' ' + qa
				});
				return;
			}
			var ra = this.state.editorState,
				sa = ra.getCurrentContent(),
				ta = ra.getSelection(),
				ua = sa.getBlockForKey(ta.getStartKey()).getText()[ta.getStartOffset() - 1];
			if (ua && ua !== ' ') qa = ' ' + qa;
			var va = sa.getBlockForKey(ta.getEndKey()).getText()[ta.getEndOffset()];
			if (va && va !== ' ') qa += ' ';
			var wa = n.replaceText(ra.getCurrentContent(), ra.getSelection(), qa);
			ra = q.push(ra, wa, p.INSERT_CHARACTERS);
			ra = q.forceSelection(ra, ra.getSelection());
			this.setState({
				editorState: ra
			});
		},
		_informHeightChange: function () {
			if (this.props.monitorHeight) ia(function () {
				if (!this.isMounted()) return;
				var qa = la ? this.refs.mentionsInput.getDOMNode() : this.refs.textarea.getDOMNode(),
					ra = o.getElementDimensions(qa).y;
				if (ra !== this._height) {
					this._height = ra;
					g.inform('ufi/inputHeightChanged', {
						node: qa
					});
				}
			}.bind(this));
		},
		_onChange: function (qa) {
			this.setState({
				editorState: qa
			}, this._informHeightChange);
		},
		_clearDocumentState: function () {
			this.state.typeaheadReporter && this.state.typeaheadReporter.sessionEnd();
			var qa = y(ca());
			this.setState({
				editorState: q.moveFocusToEnd(qa)
			});
		},
		_handleContentReturn: function (qa) {
			if (ha(qa)) {
				var ra = ga(this.state.editorState);
				if (ra === this.state.editorState) {
					return false;
				} else {
					this.setState({
						editorState: ra
					});
					return true;
				}
			}
			if (this._submitComment(qa)) {
				this._clearDocumentState();
				return true;
			}
			return false;
		},
		_handleBeforeInput: function (qa) {
			var ra = fa(this.state.editorState, qa);
			if (ra === this.state.editorState) {
				return false;
			} else {
				this.setState({
					editorState: ra
				});
				return true;
			}
		},
		_submitComment: function (qa) {
			var ra = this.state.editorState.getCurrentContent(),
				sa = ea(ra),
				ta = da(ra),
				ua = {
					visibleValue: sa,
					encodedValue: ta
				},
				va = r.getValue(this.refs.proxyInput.getDOMNode());
			if (va) {
				var wa = new w(a.location.href);
				ja.addNormal('path', wa.getPath());
				ja.addNormal('proxy_value', va.substr(0, ka));
				ja.post();
			}
			return this.props.onEnterSubmit(ua, qa);
		},
		_handleFiles: function (qa) {
			var ra = na(qa);
			if (ra.length) {
				this.props.onPaste(ma(ra));
				return true;
			}
			return false;
		},
		_handleDroppedFiles: function (qa, ra) {
			return this._handleFiles(ra);
		},
		_handlePastedFiles: function (qa) {
			return this._handleFiles(qa);
		},
		_onMentionsInputBlur: function () {
			this.state.typeaheadReporter && this.state.typeaheadReporter.sessionEnd();
			this.props.onBlur && this.props.onBlur();
		},
		_onMentionsInputFocus: function () {
			if (!this.state.bootloaded && !this._currentlyBootloading) {
				this._currentlyBootloading = true;
				i.loadModules(["TypeaheadMetricReporter", "getMentionsSearchSource"], function (qa, ra) {
					if (!this.isMounted()) return;
					var sa = new qa({
						event_name: 'tinder_mentions'
					});
					sa.sessionStart();
					var ta = ra(this.props.datasource, sa);
					ta.bootstrap();
					this.setState({
						typeaheadReporter: sa,
						bootloaded: true,
						mentionsSource: ta
					}, function () {
						this._currentlyBootloading = false;
					}.bind(this));
				}.bind(this));
			} else if (this.state.typeaheadReporter) this.state.typeaheadReporter.sessionStart();
			this.props.onFocus && this.props.onFocus();
		},
		_onShowMentions: function (qa, ra) {
			if (this.state.typeaheadReporter) this.state.typeaheadReporter.reportResults(qa.map(function (sa) {
				return sa.getUniqueID();
			}));
		},
		_onAddMention: function (qa, ra, sa) {
			if (this.state.typeaheadReporter) {
				this.state.typeaheadReporter.reportSelect(qa.getUniqueID(), qa.getType(), ra, sa.button >= 0);
				this.state.typeaheadReporter.sessionEnd();
			}
		},
		_onFallbackKeyDown: function (qa) {
			if (qa.which !== s.RETURN) return;
			if (ha(qa) || !this.state.fallbackText.trim()) return;
			qa.preventDefault();
			var ra = {
				visibleValue: this.state.fallbackText,
				encodedValue: this.state.fallbackText
			};
			if (this.props.onEnterSubmit(ra, qa)) this.setState({
				fallbackText: ''
			});
		},
		_onFallbackChange: function (qa) {
			this.setState({
				fallbackText: qa.target.value
			});
		},
		_onFallbackBlur: function (qa) {
			this.props.onBlur && this.props.onBlur();
		},
		_onFallbackFocus: function (qa) {
			this.props.onFocus && this.props.onFocus();
		},
		_sortByRenderType: function (qa, ra) {
			var sa = qa.getAuxiliaryData().renderType,
				ta = ra.getAuxiliaryData().renderType;
			if (sa === ta) return qa.getOrder() - ra.getOrder();
			var ua = this.props.viewOptionsTypeObjectsOrder;
			return ua.indexOf(sa) - ua.indexOf(ta);
		},
		_triggerFullRender: function (qa) {
			this.setState({
				fullRender: true
			}, qa);
		},
		_triggerFullRenderWithoutCallback: function () {
			this._triggerFullRender();
		},
		_renderFallback: function () {
			return (u.createElement("div", null, u.createElement("textarea", {
				ref: "textarea",
				className: "UFIAddCommentInput _1os9",
				name: "add_comment_text",
				placeholder: this.props.placeholder,
				spellCheck: true,
				onKeyDown: this._onFallbackKeyDown,
				onChange: this._onFallbackChange,
				onBlur: this._onFallbackBlur,
				onFocus: this._onFallbackFocus,
				value: this.state.fallbackText
			})));
		},
		_renderProxyInput: function () {
			if (!this.props.hideProxyInput) {
				var qa = "_1osa mentionsHidden";
				return (u.createElement("input", {
					className: qa,
					name: "add_comment_text",
					ref: "proxyInput",
					onFocus: this.focus,
					tabIndex: "-1"
				}));
			}
		},
		_renderDummy: function () {
			var qa = "UFIAddCommentInput _1osb _1osc";
			return (u.createElement("div", {
				onFocus: this._triggerFullRenderWithoutCallback,
				onSelect: ba,
				onClick: this._triggerFullRenderWithoutCallback,
				onTouchStart: this._triggerFullRenderWithoutCallback,
				onMouseOver: this._triggerFullRenderWithoutCallback
			}, this._renderProxyInput(), u.createElement("div", {
				className: qa
			}, this.props.placeholder)));
		},
		_onClickEditorContainer: function (qa) {
			j.click(qa.target, false);
		},
		_renderMentionsInput: function () {
			var qa = "UFIAddCommentInput _1osb",
				ra = Object.assign({
					mentionSortFn: (this.props.viewOptionsTypeObjectsOrder ? this._sortByRenderType : null)
				}, this.props.viewProps);
			return (u.createElement("div", {
				onClick: this._onClickEditorContainer
			}, this._renderProxyInput(), u.createElement(t, {
				ref: "mentionsInput",
				className: qa,
				editorState: this.state.editorState,
				onChange: this._onChange,
				mentionsSource: this.state.mentionsSource,
				typeaheadView: this.props.viewComponent,
				typeaheadViewProps: ra,
				spellCheck: true,
				placeholder: this.props.placeholder,
				onAddMention: this._onAddMention,
				onShowMentions: this._onShowMentions,
				onFocus: this._onMentionsInputFocus,
				onBlur: this._onMentionsInputBlur,
				handleContentReturn: this._handleContentReturn,
				handleBeforeInput: this._handleBeforeInput,
				handlePastedFiles: this._handlePastedFiles,
				handleDroppedFiles: this._handleDroppedFiles,
				autoflip: this.props.autoflip
			})));
		},
		componentDidMount: function () {
			if (!la) {
				if (this.state.fallbackText) this.refs.textarea.getDOMNode().focus();
			} else if (this.state.editorState.getCurrentContent().hasText()) ia(function () {
				this.isMounted() && this.focus();
			}.bind(this));
		},
		render: function () {
			if (!la) return this._renderFallback();
			if (!this.state.fullRender) return this._renderDummy();
			return this._renderMentionsInput();
		}
	});

	function pa(qa) {
		return m.create(l.MENTION, k.IMMUTABLE, {
			id: qa.uid,
			isWeak: qa.weakreference
		});
	}
	e.exports = oa;
}, null);