通用评论

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.RenderText = exports.Editor = undefined;
  6. var _message2 = require("antd/es/message");
  7. var _message3 = _interopRequireDefault(_message2);
  8. var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
  9. var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
  10. require("antd/es/message/style/css");
  11. var _react = require("react");
  12. var _react2 = _interopRequireDefault(_react);
  13. var _propTypes = require("prop-types");
  14. var _propTypes2 = _interopRequireDefault(_propTypes);
  15. var _axios = require("axios");
  16. var _axios2 = _interopRequireDefault(_axios);
  17. var _reactIntlUniversal = require("react-intl-universal");
  18. var _reactIntlUniversal2 = _interopRequireDefault(_reactIntlUniversal);
  19. var _constant = require("./constant");
  20. var _Comment = require("./Comment");
  21. var _helper = require("./helper");
  22. var _CommentInput = require("./components/CommentInput");
  23. var _CommentInput2 = _interopRequireDefault(_CommentInput);
  24. var _CommentList = require("./components/CommentList");
  25. var _CommentList2 = _interopRequireDefault(_CommentList);
  26. var _Editor = require("./components/Editor");
  27. var _Editor2 = _interopRequireDefault(_Editor);
  28. var _RenderText = require("./components/RenderText");
  29. var _RenderText2 = _interopRequireDefault(_RenderText);
  30. var _lang = require("./lang");
  31. var _enUS = require("./lang/en-US.js");
  32. var _enUS2 = _interopRequireDefault(_enUS);
  33. var _zhCN = require("./lang/zh-CN.js");
  34. var _zhCN2 = _interopRequireDefault(_zhCN);
  35. require("./App.css");
  36. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  37. function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  38. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  39. function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
  40. function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
  41. var LOCALES = {
  42. "zh-CN": _zhCN2.default,
  43. "en-US": _enUS2.default
  44. };
  45. var App = function (_Component) {
  46. _inherits(App, _Component);
  47. function App(props) {
  48. _classCallCheck(this, App);
  49. var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));
  50. _this.state = {
  51. loading: {},
  52. // oss 配置
  53. oss: {},
  54. // 评论数据
  55. list: [],
  56. page: 1,
  57. total: 0,
  58. // 是否没有更多评论了
  59. isNoMoreComment: false,
  60. initDone: false,
  61. locale: "zh-CN"
  62. };
  63. _this.handleChangeLoading = _this.handleChangeLoading.bind(_this);
  64. _this.sCreateComment = _this.sCreateComment.bind(_this);
  65. _this.sDeleteComment = _this.sDeleteComment.bind(_this);
  66. _this.sCommentFavor = _this.sCommentFavor.bind(_this);
  67. _this.sCreateReply = _this.sCreateReply.bind(_this);
  68. _this.sDeleteReply = _this.sDeleteReply.bind(_this);
  69. _this.errorHandler = _this.errorHandler.bind(_this);
  70. _this.sGetComment = _this.sGetComment.bind(_this);
  71. _this.sReplyFavor = _this.sReplyFavor.bind(_this);
  72. _this.sGetReply = _this.sGetReply.bind(_this);
  73. _this.sOssSts = _this.sOssSts.bind(_this);
  74. return _this;
  75. }
  76. _createClass(App, [{
  77. key: "componentWillMount",
  78. value: function componentWillMount() {
  79. this.axios = _axios2.default;
  80. this.axios.defaults.withCredentials = true;
  81. if (this.props.token) {
  82. this.axios.defaults.headers.common["Authorization"] = "Bearer " + this.props.token;
  83. }
  84. }
  85. }, {
  86. key: "componentDidMount",
  87. value: function componentDidMount() {
  88. this.loadLocales();
  89. }
  90. /**
  91. * 加载语言包
  92. * 只能根据url或者传入的props来确定加载哪个语言包
  93. * 优先级:传入的props > url
  94. */
  95. }, {
  96. key: "loadLocales",
  97. value: function loadLocales() {
  98. var _this2 = this;
  99. var currentLocale = this.props.locales;
  100. if (!currentLocale) {
  101. currentLocale = _reactIntlUniversal2.default.determineLocale({
  102. urlLocaleKey: "lang"
  103. });
  104. }
  105. currentLocale = _lang.SUPPORT_LOCALES.find(function (item) {
  106. return item.value === currentLocale;
  107. }) ? currentLocale : "zh-CN";
  108. _reactIntlUniversal2.default.init({
  109. currentLocale: currentLocale,
  110. locales: _defineProperty({}, currentLocale, LOCALES[currentLocale])
  111. }).then(function () {
  112. _this2.setState({ initDone: true, locale: currentLocale });
  113. });
  114. }
  115. }, {
  116. key: "error",
  117. value: function error(msg) {
  118. var info = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  119. if (this.props.showError) {
  120. _message3.default.error(msg);
  121. }
  122. if (this.props.onError) {
  123. this.props.onError(msg, info);
  124. }
  125. }
  126. }, {
  127. key: "errorHandler",
  128. value: function errorHandler(error) {
  129. var locale = this.state.locale;
  130. var localResponse = _lang.LOCALES_RESPONSE[locale];
  131. if (error.response && error.response.data && error.response.data.msg) {
  132. this.error(localResponse[error.response.data.msg] || _constant.ERROR_DEFAULT, {
  133. response: error.response
  134. });
  135. return;
  136. }
  137. this.error(localResponse[error.response.data.msg] || _constant.ERROR_DEFAULT, {
  138. response: error.response
  139. });
  140. }
  141. /**
  142. * 改变 loading 状态
  143. * @param {string} key key
  144. * @param {string} value value
  145. */
  146. }, {
  147. key: "handleChangeLoading",
  148. value: function handleChangeLoading(key, value) {
  149. var loading = this.state.loading;
  150. loading[key] = value;
  151. this.setState({ loading: loading });
  152. }
  153. /**
  154. * 获取评论列表
  155. */
  156. }, {
  157. key: "sGetComment",
  158. value: function sGetComment() {
  159. var _this3 = this;
  160. var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
  161. _ref$page = _ref.page,
  162. page = _ref$page === undefined ? 1 : _ref$page;
  163. var pageType = this.props.pageType;
  164. this.handleChangeLoading("sGetComment", true);
  165. var _props = this.props,
  166. API = _props.API,
  167. type = _props.type,
  168. businessId = _props.businessId,
  169. limit = _props.limit;
  170. this.axios.get(API + "/comments?type=" + type + "&business_id=" + businessId + "&page=" + page + "&limit=" + limit).then(function (response) {
  171. var _response$data = response.data,
  172. list = _response$data.list,
  173. page = _response$data.page,
  174. total = _response$data.total;
  175. if (list) {
  176. var newList = list;
  177. var oldList = _this3.state.list;
  178. if (pageType === "more") {
  179. if (page > 1) {
  180. // 删除临时数据
  181. oldList = oldList.filter(function (o) {
  182. return !o.isTemporary;
  183. });
  184. newList = oldList.concat(newList);
  185. }
  186. } else if (pageType === "pagination") {
  187. // TODO 滚动到顶部
  188. window.scrollTo(0, 0);
  189. }
  190. _this3.setState({
  191. list: newList,
  192. page: page,
  193. total: total
  194. });
  195. } else {
  196. _message3.default.info(_reactIntlUniversal2.default.get("message.noMoreComment"));
  197. _this3.setState({
  198. isNoMoreComment: true
  199. });
  200. }
  201. }).catch(this.errorHandler).finally(function () {
  202. _this3.handleChangeLoading("sGetComment", false);
  203. });
  204. }
  205. /**
  206. * 获取更多回复
  207. */
  208. }, {
  209. key: "sGetReply",
  210. value: function sGetReply() {
  211. var _this4 = this;
  212. var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
  213. commentId = _ref2.commentId,
  214. _ref2$page = _ref2.page,
  215. page = _ref2$page === undefined ? 1 : _ref2$page;
  216. this.handleChangeLoading("sGetReply", true);
  217. var _props2 = this.props,
  218. API = _props2.API,
  219. limit = _props2.limit;
  220. this.axios.get(API + "/replies?comment_id=" + commentId + "&page=" + page + "&limit=" + limit).then(function (response) {
  221. if (!response.data.list) {
  222. _message3.default.info(_reactIntlUniversal2.default.get("message.noMoreData"));
  223. }
  224. var list = _this4.state.list.map(function (item) {
  225. if (item.id === commentId) {
  226. if (!item.replies) item.replies = [];
  227. if (response.data.list) {
  228. if (page === 1) {
  229. // 如果当前页数为第一页,则清空当前所有的 replies
  230. // 并将获取到的 replies 存放在 state
  231. item.replies = response.data.list;
  232. } else {
  233. item.replies = item.replies.filter(function (o) {
  234. return !o.isTemporary;
  235. }).concat(response.data.list);
  236. // 如果当前页数非第一页,则合并 replies
  237. }
  238. item.reply_count = response.data.total;
  239. item.reply_page = response.data.page;
  240. } else {
  241. item.isNoMoreReply = true;
  242. }
  243. }
  244. return item;
  245. });
  246. _this4.setState({ list: list });
  247. }).catch(this.errorHandler).finally(function () {
  248. _this4.handleChangeLoading("sGetReply", false);
  249. });
  250. }
  251. /**
  252. * 添加评论
  253. * @param {object} {content} comment content
  254. */
  255. }, {
  256. key: "sCreateComment",
  257. value: function sCreateComment() {
  258. var _this5 = this;
  259. var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
  260. content = _ref3.content;
  261. var cb = arguments[1];
  262. if (!content) return this.error(_reactIntlUniversal2.default.get("message.notNull"));
  263. this.handleChangeLoading("sCreateComment", true);
  264. var _props3 = this.props,
  265. API = _props3.API,
  266. type = _props3.type,
  267. businessId = _props3.businessId,
  268. businessUserId = _props3.businessUserId;
  269. this.axios(API + "/comments", {
  270. method: "post",
  271. data: {
  272. type: type,
  273. business_id: businessId,
  274. business_user_id: businessUserId,
  275. content: content
  276. },
  277. withCredentials: true
  278. }).then(function (response) {
  279. if (_this5.props.showAlertComment) {
  280. _message3.default.success(_reactIntlUniversal2.default.get("message.success"));
  281. }
  282. if ((0, _helper.isFunction)(cb)) cb();
  283. // 将数据写入到 list 中
  284. // 临时插入
  285. // 等到获取数据之后,删除临时数据
  286. var _state = _this5.state,
  287. list = _state.list,
  288. total = _state.total;
  289. list.unshift(_extends({}, response.data, {
  290. isTemporary: true // 临时的数据
  291. }));
  292. _this5.setState({ list: list, total: total + 1 });
  293. }).catch(this.errorHandler).finally(function () {
  294. _this5.handleChangeLoading("sCreateComment", false);
  295. });
  296. }
  297. /**
  298. * 删除评论
  299. */
  300. }, {
  301. key: "sDeleteComment",
  302. value: function sDeleteComment(commentId) {
  303. var _this6 = this;
  304. this.handleChangeLoading("sDeleteComment", true);
  305. var API = this.props.API;
  306. this.axios(API + "/comments/" + commentId, {
  307. method: "delete",
  308. withCredentials: true
  309. }).then(function () {
  310. var _state2 = _this6.state,
  311. list = _state2.list,
  312. total = _state2.total;
  313. var res = list.filter(function (item) {
  314. return item.id !== commentId;
  315. });
  316. _this6.setState({ list: res, total: total - 1 });
  317. _this6.props.onDelete(_constant.COMMENT_TYPE.COMMENT);
  318. }).catch(this.errorHandler).finally(function () {
  319. _this6.handleChangeLoading("sDeleteComment", false);
  320. });
  321. }
  322. /**
  323. * 添加回复
  324. * 回复评论/回复回复
  325. * @param {object} data { comment_id, content, [reply_id] }
  326. */
  327. }, {
  328. key: "sCreateReply",
  329. value: function sCreateReply(data, cb) {
  330. var _this7 = this;
  331. if (!data.content) return this.error(_reactIntlUniversal2.default.get("message.replyNoNull"));
  332. this.handleChangeLoading("sCreateReply", true);
  333. var API = this.props.API;
  334. this.axios(API + "/replies", {
  335. method: "post",
  336. data: data,
  337. withCredentials: true
  338. }).then(function (response) {
  339. if (_this7.props.showAlertReply) {
  340. _message3.default.success(_reactIntlUniversal2.default.get("message.replySuccess"));
  341. }
  342. if ((0, _helper.isFunction)(cb)) cb();
  343. // 将数据写入到 list 中
  344. // 临时插入
  345. // 等到获取数据之后,删除临时数据
  346. var list = _this7.state.list.map(function (item) {
  347. if (item.id === data.comment_id) {
  348. if (!item.replies) item.replies = [];
  349. item.replies.push(_extends({}, response.data, {
  350. isTemporary: true // 临时的数据
  351. }));
  352. item.reply_count += 1;
  353. }
  354. return item;
  355. });
  356. _this7.setState({ list: list });
  357. }).catch(this.errorHandler).finally(function () {
  358. _this7.handleChangeLoading("sCreateReply", false);
  359. });
  360. }
  361. /**
  362. * 删除回复
  363. * @param {*} replyId
  364. * @param {*} commentId
  365. */
  366. }, {
  367. key: "sDeleteReply",
  368. value: function sDeleteReply(replyId, commentId) {
  369. var _this8 = this;
  370. this.handleChangeLoading("sDeleteReply", true);
  371. var API = this.props.API;
  372. this.axios(API + "/replies/" + replyId + "?CommentID=" + commentId, {
  373. method: "delete",
  374. withCredentials: true
  375. }).then(function () {
  376. var list = _this8.state.list.map(function (item) {
  377. if (item.id === commentId) {
  378. var replies = item.replies.filter(function (item) {
  379. return item.id !== replyId;
  380. });
  381. item.replies = replies;
  382. item.reply_count -= 1;
  383. }
  384. return item;
  385. });
  386. _this8.setState({ list: list });
  387. _this8.props.onDelete(_constant.COMMENT_TYPE.REPLY);
  388. }).catch(this.errorHandler).finally(function () {
  389. _this8.handleChangeLoading("sDeleteReply", false);
  390. });
  391. }
  392. /**
  393. * 评论 点赞/取消点赞
  394. * @param {string} commentId { commentId }
  395. * @param {boolean} favored 是否已经点过赞
  396. */
  397. }, {
  398. key: "sCommentFavor",
  399. value: function sCommentFavor(commentId, favored) {
  400. var _this9 = this;
  401. this.handleChangeLoading("sCommentFavor", true);
  402. var API = this.props.API;
  403. this.axios(API + "/comments/" + commentId + "/favor", {
  404. method: favored ? "delete" : "put",
  405. withCredentials: true
  406. }).then(function (response) {
  407. if (_this9.props.showAlertFavor) {
  408. _message3.default.success(favored ? _reactIntlUniversal2.default.get("message.cancelLickSuccess") : _reactIntlUniversal2.default.get("message.likeSuccess"));
  409. }
  410. // 更新 list 中的该项数据的 favored
  411. var list = _this9.state.list.map(function (item) {
  412. if (item.id === commentId) {
  413. item.favored = !favored;
  414. item.favor_count += favored ? -1 : 1;
  415. }
  416. return item;
  417. });
  418. _this9.setState({ list: list });
  419. }).catch(this.errorHandler).finally(function () {
  420. _this9.handleChangeLoading("sCommentFavor", false);
  421. });
  422. }
  423. /**
  424. * 回复 点赞/取消点赞
  425. * @param {string} replyId replyId
  426. * @param {string} commentId commentId
  427. * @param {boolean} favored 是否已经点过赞
  428. */
  429. }, {
  430. key: "sReplyFavor",
  431. value: function sReplyFavor(replyId, commentId, favored) {
  432. var _this10 = this;
  433. this.handleChangeLoading("sReplyFavor", true);
  434. var API = this.props.API;
  435. this.axios(API + "/replies/" + replyId + "/favor", {
  436. method: favored ? "delete" : "put",
  437. data: {
  438. comment_id: commentId
  439. },
  440. withCredentials: true
  441. }).then(function (response) {
  442. _message3.default.success(favored ? _reactIntlUniversal2.default.get("message.cancelLickSuccess") : _reactIntlUniversal2.default.get("message.likeSuccess"));
  443. // 更新 list 中的该项数据的 favored
  444. var list = _this10.state.list.map(function (item) {
  445. if (item.id === commentId) {
  446. item.replies = item.replies.map(function (r) {
  447. if (r.id === replyId) {
  448. r.favored = !favored;
  449. // r.favor_count = response.data.favor_count;
  450. // 点赞数 +1,而不是使用后端返回的点赞数
  451. // 不然如果返回的不是增加 1,用户可能以为程序错误
  452. r.favor_count += favored ? -1 : 1;
  453. }
  454. return r;
  455. });
  456. }
  457. return item;
  458. });
  459. _this10.setState({ list: list });
  460. }).catch(this.errorHandler).finally(function () {
  461. _this10.handleChangeLoading("sReplyFavor", false);
  462. });
  463. }
  464. /**
  465. * 获取 OSS 上传的参数
  466. */
  467. }, {
  468. key: "sOssSts",
  469. value: function sOssSts() {
  470. var _this11 = this;
  471. this.handleChangeLoading("sOssSts", true);
  472. var API = this.props.API;
  473. this.axios.get(API + "/oss/sts").then(function (response) {
  474. _this11.setState({ oss: _extends({}, response.data) });
  475. }).catch(this.errorHandler).finally(function () {
  476. _this11.handleChangeLoading("sOssSts", false);
  477. });
  478. }
  479. }, {
  480. key: "render",
  481. value: function render() {
  482. // 添加到 Context 的数据
  483. var value = _extends({}, this.state, this.props, {
  484. sCreateComment: this.sCreateComment,
  485. sGetComment: this.sGetComment,
  486. sCommentFavor: this.sCommentFavor,
  487. sReplyFavor: this.sReplyFavor,
  488. sCreateReply: this.sCreateReply,
  489. sGetReply: this.sGetReply,
  490. sOssSts: this.sOssSts,
  491. sDeleteComment: this.sDeleteComment,
  492. sDeleteReply: this.sDeleteReply
  493. });
  494. return this.state.initDone && _react2.default.createElement(
  495. _Comment.CommentContext.Provider,
  496. { value: value },
  497. _react2.default.createElement(
  498. "div",
  499. { className: "comment" },
  500. this.props.showEditor && _react2.default.createElement(_CommentInput2.default, { content: this.props.children }),
  501. this.props.showList && _react2.default.createElement(
  502. "div",
  503. { style: { marginTop: 20 } },
  504. _react2.default.createElement(_CommentList2.default, null)
  505. )
  506. )
  507. );
  508. }
  509. }]);
  510. return App;
  511. }(_react.Component);
  512. App.propTypes = {
  513. type: _propTypes2.default.number.isRequired, // 评论的 type
  514. businessId: _propTypes2.default.string.isRequired, // 评论的 business_id
  515. businessUserId: _propTypes2.default.number,
  516. API: _propTypes2.default.string, // 评论的 API 前缀
  517. showList: _propTypes2.default.bool, // 是否显示评论列表
  518. showEditor: _propTypes2.default.bool, // 是否显示评论输入框
  519. showAlertComment: _propTypes2.default.bool, // 评论成功之后,是否通过 Antd 的 Message 组件进行提示
  520. showAlertReply: _propTypes2.default.bool, // 回复成功之后,是否通过 Antd 的 Message 组件进行提示
  521. showAlertFavor: _propTypes2.default.bool, // 点赞/取消点赞成功之后,是否通过 Antd 的 Message 组件进行提示
  522. showError: _propTypes2.default.bool, // 是否使用Antd的Message组件提示错误信息
  523. onError: _propTypes2.default.func, // 错误回调, 出错了会被调用
  524. userId: _propTypes2.default.number, // 用户id, comment内部不维护用户id, 调用组件时传递过来, 目前用于判断是否显示删除按钮
  525. pageType: _propTypes2.default.string, // 分页类型
  526. page: _propTypes2.default.number, // 页码
  527. limit: _propTypes2.default.number, // 一次加载评论数量
  528. onPageChange: _propTypes2.default.func, // 页码变化回调
  529. onGetMoreBtnClick: _propTypes2.default.func, // 点击查看更多按钮回调
  530. onDelete: _propTypes2.default.func,
  531. locales: _propTypes2.default.string // 传入的语言环境, en-US/zh-CN
  532. };
  533. App.defaultProps = {
  534. businessUserId: 0,
  535. API: "//api.links123.net/comment/v1",
  536. showList: true,
  537. showEditor: true,
  538. showAlertComment: false,
  539. showAlertReply: false,
  540. showAlertFavor: false,
  541. showError: true,
  542. pageType: "more",
  543. limit: _constant.LIMIT,
  544. onGetMoreBtnClick: function onGetMoreBtnClick() {},
  545. onPageChange: function onPageChange(page) {},
  546. onDelete: function onDelete() {}
  547. };
  548. exports.Editor = _Editor2.default;
  549. exports.RenderText = _RenderText2.default;
  550. exports.default = App;
  551. //# sourceMappingURL=App.js.map