poi-plugin-item-improvement2 0.0.1

package/views/detail-row.js

@@ -0,0 +1,186 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DetailRow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _reactRedux = require("react-redux");
+
+var _icon = require("views/components/etc/icon");
+
+var _selectors = require("views/utils/selectors");
+
+var _matRow = require("./mat-row");
+
+var _selectors2 = require("./selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+
+const parseItem = ($equips, $useitems, item, count, available) => {
+  if (_lodash.default.isString(item)) {
+    const icon = parseInt(item.replace(/\D/g, ''), 10);
+    return {
+      icon,
+      name: _lodash.default.get($useitems, [icon, 'api_name']),
+      count,
+      id: icon,
+      type: 'useitem'
+    };
+  }
+
+  if (item) {
+    return {
+      icon: _lodash.default.get($equips, [item, 'api_type', 3]),
+      name: _lodash.default.get($equips, [item, 'api_name']),
+      count,
+      id: item,
+      type: 'item',
+      available: available[item] ? available[item].length : 0
+    };
+  }
+
+  return {
+    icon: 0,
+    name: '',
+    count: 0,
+    id: 0,
+    type: 'item',
+    available: 0
+  };
+};
+
+const DetailRow = (0, _reactRedux.connect)(state => ({
+  $const: (0, _selectors.constSelector)(state) || {},
+  chains: (0, _selectors2.adjustedRemodelChainsSelector)(state),
+  uniqMap: (0, _selectors2.shipUniqueMapSelector)(state),
+  available: (0, _selectors2.equipAvailableSelector)(state)
+}))(({
+  row,
+  day,
+  $const: {
+    $ships,
+    $equips,
+    $useitems
+  },
+  chains,
+  uniqMap,
+  available
+}) => {
+  const result = [];
+  row.improvement.forEach(({
+    req,
+    resource,
+    upgrade
+  }) => {
+    const assistants = (0, _lodash.default)(req).flatMap(([days, ships]) => ships ? (0, _lodash.default)(ships).filter(() => day === -1 || days[day]).groupBy(id => uniqMap[id]).mapValues(ids => (0, _lodash.default)(ids).sortBy(id => (chains[id] || []).indexOf(id)).take(1).value()).values().flatten().map(id => ({
+      name: window.i18n['poi-plugin-item-improvement'].__(window.i18n.resources.__(_lodash.default.get($ships, [id, 'api_name'], 'None'))),
+      day: days
+    })).value() : {
+      name: window.i18n['poi-plugin-item-improvement'].__('None'),
+      day: days
+    }).value(); // skip the entry if no secretary availbale for chosen day
+
+    if (assistants.length === 0) {
+      return;
+    }
+
+    const upgradeInfo = {
+      icon: 0,
+      id: 0,
+      level: 0,
+      name: ''
+    };
+    let stages = [1, 2];
+
+    if (upgrade) {
+      const [itemId, level] = upgrade;
+      upgradeInfo.id = itemId;
+      upgradeInfo.level = level;
+      upgradeInfo.icon = _lodash.default.get($equips, [itemId, 'api_type', 3]);
+      upgradeInfo.name = _lodash.default.get($equips, [itemId, 'api_name']);
+      stages = [1, 2, 3];
+    }
+
+    stages.forEach(stage => {
+      const [dev, ensDev, imp, ensImp, extra, count] = resource[stage];
+      let items = [];
+
+      if (_lodash.default.isArray(extra)) {
+        items = extra.map(([item, _count]) => parseItem($equips, $useitems, item, _count, available));
+      } else {
+        items = [parseItem($equips, $useitems, extra, count, available)];
+      }
+
+      result.push(_react.default.createElement(_matRow.MatRow, {
+        stage: stage - 1,
+        development: [dev, ensDev],
+        improvement: [imp, ensImp],
+        items: items,
+        upgrade: upgradeInfo,
+        assistants: assistants,
+        day: day,
+        key: `${stage}-${day}-${upgradeInfo.id}`
+      }));
+    });
+  });
+  const [fuel, ammo, steel, bauxite] = row.improvement[0].resource[0];
+  return _react.default.createElement("div", null, _react.default.createElement(_reactBootstrap.Table, {
+    width: "100%",
+    bordered: true,
+    condensed: true,
+    className: "detail-table"
+  }, _react.default.createElement("thead", null, _react.default.createElement("tr", null, _react.default.createElement("th", {
+    style: {
+      width: '20%'
+    }
+  }), _react.default.createElement("th", {
+    style: {
+      width: '33%'
+    }
+  }, _react.default.createElement("span", null, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 1,
+    className: "equip-icon"
+  }), fuel), _react.default.createElement("span", null, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 2,
+    className: "equip-icon"
+  }), ammo), _react.default.createElement("span", null, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 3,
+    className: "equip-icon"
+  }), steel), _react.default.createElement("span", null, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 4,
+    className: "equip-icon"
+  }), bauxite)), _react.default.createElement("th", {
+    style: {
+      width: '7%'
+    }
+  }, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 7,
+    className: "equip-icon"
+  })), _react.default.createElement("th", {
+    style: {
+      width: '7%'
+    }
+  }, _react.default.createElement(_icon.MaterialIcon, {
+    materialId: 8,
+    className: "equip-icon"
+  })), _react.default.createElement("th", {
+    style: {
+      width: '33%'
+    }
+  }, __('Equipment')))), _react.default.createElement("tbody", null, result)));
+});
+exports.DetailRow = DetailRow;
+DetailRow.propTypes = {
+  id: _propTypes.default.number.isRequired
+};

package/views/divider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Divider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Divider = () => _react.default.createElement("hr", {
+  className: "divider",
+  style: {
+    width: '100%'
+  }
+});
+
+exports.Divider = Divider;

package/views/item-info-area.js

@@ -0,0 +1,157 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ItemInfoArea = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactRedux = require("react-redux");
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _fp = _interopRequireDefault(require("lodash/fp"));
+
+var _pathExtra = require("path-extra");
+
+var _itemWrapper = require("./item-wrapper");
+
+var _starcraftArea = require("./starcraft/starcraft-area");
+
+var _selectors = require("./selectors");
+
+var _class, _temp2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+
+const getJSTDayofWeek = () => {
+  const date = new Date();
+  let day = date.getUTCDay();
+
+  if (date.getUTCHours() >= 15) {
+    day = (day + 1) % 7;
+  }
+
+  return day;
+};
+
+const ItemInfoArea = (0, _reactRedux.connect)(state => ({
+  plans: (0, _selectors.starCraftPlanSelector)(state),
+  data: (0, _selectors.improvementDataSelector)(state),
+  idByDay: (0, _selectors.improveItemIdsByDaySelector)(state),
+  $equips: _lodash.default.get(state, 'const.$ships', {})
+}))((_temp2 = _class = class itemInfoArea extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "state", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: {
+        day: getJSTDayofWeek()
+      }
+    }), Object.defineProperty(this, "handleKeyChange", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: key => {
+        this.setState({
+          day: key
+        });
+      }
+    }), Object.defineProperty(this, "getRows", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: day => {
+        const {
+          data,
+          idByDay
+        } = this.props;
+        return _fp.default.flow(_fp.default.filter(row => day === -1 || (idByDay[day] || []).includes(row.id)), _fp.default.sortBy([row => -row.priority, row => row.api_type[2]]))(data);
+      }
+    }), _temp;
+  }
+
+  render() {
+    const {
+      day
+    } = this.state;
+    const {
+      plans,
+      $equips
+    } = this.props;
+    return _react.default.createElement("div", {
+      id: "item-improvement"
+    }, _react.default.createElement("div", {
+      className: "flex-column"
+    }, _react.default.createElement("link", {
+      rel: "stylesheet",
+      href: (0, _pathExtra.join)(__dirname, '..', 'assets', 'main.css')
+    }), _react.default.createElement(_reactBootstrap.Grid, {
+      className: "vertical-center",
+      style: {
+        minHeight: 45
+      }
+    }, _react.default.createElement(_reactBootstrap.Col, {
+      xs: 12,
+      style: {
+        padding: 0
+      }
+    }, _react.default.createElement(_reactBootstrap.Nav, {
+      className: "main-nav",
+      bsStyle: "pills",
+      activeKey: this.state.day,
+      onSelect: this.handleKeyChange
+    }, _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 0
+    }, __('Sunday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 1
+    }, __('Monday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 2
+    }, __('Tuesday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 3
+    }, __('Wednesday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 4
+    }, __('Thursday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 5
+    }, __('Friday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 6
+    }, __('Saturday')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: -1
+    }, __('All')), _react.default.createElement(_reactBootstrap.NavItem, {
+      eventKey: 10
+    }, __('Starcraft'))))), _react.default.createElement(_reactBootstrap.Grid, {
+      className: "list-container"
+    }, this.state.day < 7 ? this.getRows(this.state.day).map((row, index) => _react.default.createElement(_itemWrapper.ItemWrapper, {
+      index: index,
+      row: row,
+      key: row.id,
+      day: day,
+      plans: plans,
+      $equips: $equips
+    })) : _react.default.createElement(_starcraftArea.StarcraftArea, null))));
+  }
+
+}, Object.defineProperty(_class, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    plans: _propTypes.default.object.isRequired,
+    $equips: _propTypes.default.object.isRequired,
+    idByDay: _propTypes.default.objectOf(_propTypes.default.array).isRequired,
+    data: _propTypes.default.objectOf(_propTypes.default.object).isRequired
+  }
+}), _temp2));
+exports.ItemInfoArea = ItemInfoArea;

package/views/item-info-row.js

@@ -0,0 +1,93 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ItemInfoRow = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icon = require("views/components/etc/icon");
+
+var _utils = require("./starcraft/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+class ItemInfoRow extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "state", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: {
+        collapsed: false
+      }
+    }), Object.defineProperty(this, "handleExpanded", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: () => {
+        this.setState({
+          collapsed: !this.state.collapsed
+        });
+      }
+    }), _temp;
+  }
+
+  render() {
+    const {
+      star,
+      actualCount,
+      planCount
+    } = this.props.currentPlan;
+    const done = actualCount >= planCount;
+    return _react.default.createElement("div", {
+      className: "item-simple-info"
+    }, _react.default.createElement(_icon.SlotitemIcon, {
+      slotitemId: this.props.icon,
+      className: "equip-icon"
+    }), _react.default.createElement("div", {
+      className: "item-name"
+    }, window.i18n.resources.__(this.props.name)), !!planCount && _react.default.createElement("div", {
+      className: "item-plan"
+    }, _react.default.createElement("div", {
+      key: "1",
+      style: {
+        flex: 1,
+        display: 'flex',
+        justifyContent: 'flex-end'
+      },
+      className: "star-text"
+    }, (0, _utils.starText)(star)), _react.default.createElement("div", {
+      key: "2",
+      style: {
+        flex: 1,
+        display: 'flex'
+      }
+    }, _react.default.createElement("div", {
+      className: done ? 'text-success' : 'text-danger'
+    }, actualCount), _react.default.createElement("div", {
+      className: "text-divider"
+    }, "/"), _react.default.createElement("div", null, planCount < 9999 ? planCount : '∞'))), _react.default.createElement("div", {
+      className: "item-hisho"
+    }, this.props.assistants));
+  }
+
+}
+
+exports.ItemInfoRow = ItemInfoRow;
+Object.defineProperty(ItemInfoRow, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    currentPlan: _propTypes.default.object.isRequired,
+    assistants: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.number.isRequired,
+    name: _propTypes.default.string.isRequired
+  }
+});

package/views/item-wrapper.js

@@ -0,0 +1,126 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ItemWrapper = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _reactRedux = require("react-redux");
+
+var _itemInfoRow = require("./item-info-row");
+
+var _detailRow = require("./detail-row");
+
+var _equipView = require("./starcraft/equip-view");
+
+var _selectors = require("./selectors");
+
+var _class, _temp2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+const ItemWrapper = (0, _reactRedux.connect)((state, {
+  row
+}) => ({
+  levels: (0, _selectors.itemLevelStatFactory)(row.id)(state)
+}))((_temp2 = _class = class ItemWrapper extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "state", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: {
+        expanded: false
+      }
+    }), Object.defineProperty(this, "handleClick", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: () => {
+        this.setState({
+          expanded: !this.state.expanded
+        });
+      }
+    }), _temp;
+  }
+
+  render() {
+    const {
+      row,
+      day,
+      plans,
+      levels
+    } = this.props;
+    const plan = plans[row.id] || {};
+    const planArr = Object.keys(plan).map(k => {
+      const star = parseInt(k, 10);
+      const planCount = plan[k];
+      const actualCount = levels.filter(lvl => lvl >= star).length;
+      return {
+        star,
+        planCount,
+        actualCount
+      };
+    });
+    let currentPlan = {};
+
+    for (let i = 0; i <= 10; i++) {
+      currentPlan = planArr[i] || currentPlan;
+      if (currentPlan.planCount > currentPlan.actualCount) break;
+    }
+
+    return _react.default.createElement(_reactBootstrap.ListGroup, {
+      className: "expandable",
+      onClick: this.handleClick
+    }, _react.default.createElement(_reactBootstrap.ListGroupItem, null, _react.default.createElement(_itemInfoRow.ItemInfoRow, {
+      key: row.id,
+      id: row.id,
+      icon: row.api_type[3],
+      name: row.api_name,
+      assistants: row.assistants[day],
+      day: day,
+      currentPlan: currentPlan
+    })), _react.default.createElement(_reactBootstrap.Collapse, {
+      "in": this.state.expanded,
+      unmountOnExit: true
+    }, _react.default.createElement("div", null, _react.default.createElement(_reactBootstrap.ListGroupItem, {
+      style: {
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0
+      }
+    }, _react.default.createElement(_detailRow.DetailRow, {
+      row: row,
+      id: row.id,
+      day: day
+    })), _react.default.createElement(_reactBootstrap.ListGroupItem, null, _react.default.createElement(_equipView.EquipView, {
+      viewMode: false,
+      hideTitle: true,
+      name: row.api_name,
+      mstId: row.id,
+      plans: plan,
+      levels: levels
+    })))));
+  }
+
+}, Object.defineProperty(_class, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    row: _propTypes.default.object.isRequired,
+    day: _propTypes.default.number.isRequired,
+    plans: _propTypes.default.object.isRequired,
+    // $equips: PropTypes.object.isRequired,
+    levels: _propTypes.default.array.isRequired
+  }
+}), _temp2)); // mstId, name, iconId, plans, levels
+
+exports.ItemWrapper = ItemWrapper;