poi-plugin-item-improvement2 0.0.1

package/views/starcraft/starcraft-area.js

@@ -0,0 +1,222 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StarcraftArea = void 0;
+
+var _domToImage = _interopRequireDefault(require("dom-to-image"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _electron = require("electron");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactRedux = require("react-redux");
+
+var _createStore = require("views/create-store");
+
+var _equiptype = require("./equiptype");
+
+var _equipCategoryView = require("./equip-category-view");
+
+var _controlPanel = require("./control-panel");
+
+var _divider = require("../divider");
+
+var _utils = require("./utils");
+
+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; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _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; }; return _extends.apply(this, arguments); }
+
+const {
+  $
+} = window;
+window.store = _createStore.store;
+$('#fontawesome-css').setAttribute('href', require.resolve('font-awesome/css/font-awesome.css'));
+
+class Main extends _react.Component {
+  static prepareAutoCollapse(props) {
+    const equipTypeCollapsed = {};
+    const {
+      equipTypes,
+      equipTypeInfo,
+      plans
+    } = props;
+    Object.keys(equipTypes).map(k => {
+      const et = equipTypes[k];
+      const ci = equipTypeInfo.catInfo[et.api_id];
+      equipTypeCollapsed[k] = !ci.group.some(mstId => plans[mstId]);
+    });
+    return {
+      equipTypeCollapsed
+    };
+  }
+
+  constructor(props) {
+    super();
+    Object.defineProperty(this, "handleToggle", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: k => () => {
+        this.setState(prevState => {
+          const newState = _extends({}, prevState);
+
+          newState.equipTypeCollapsed = _extends({}, prevState.equipTypeCollapsed);
+          newState.equipTypeCollapsed[k] = !prevState.equipTypeCollapsed[k];
+          return newState;
+        });
+      }
+    });
+    Object.defineProperty(this, "handleControlAction", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: action => {
+        const {
+          equipTypes
+        } = this.props;
+
+        if (action === 'Auto') {
+          this.setState(Main.prepareAutoCollapse(this.props));
+          return;
+        }
+
+        if (action === 'ExpandAll' || action === 'CollapseAll') {
+          const collapsed = action === 'CollapseAll';
+          const equipTypeCollapsed = {};
+          Object.keys(equipTypes).map(k => {
+            equipTypeCollapsed[k] = collapsed;
+          });
+          this.setState({
+            equipTypeCollapsed
+          });
+          return;
+        }
+
+        console.error(`undefined action: ${action}`);
+      }
+    });
+    Object.defineProperty(this, "handleToggleViewMode", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: () => {
+        this.setState({
+          viewMode: !this.state.viewMode
+        });
+      }
+    });
+    Object.defineProperty(this, "updateRef", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: newRef => {
+        this.viewRef = newRef;
+      }
+    });
+    Object.defineProperty(this, "handleRefToImage", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: () => {
+        if (this.viewRef) {
+          _domToImage.default.toPng(this.viewRef).then(dataUrl => {
+            _electron.remote.getCurrentWebContents().downloadURL(dataUrl);
+          });
+        }
+      }
+    });
+    this.state = _extends({}, Main.prepareAutoCollapse(props), {
+      viewMode: false
+    });
+    this.viewRef = null;
+  }
+
+  render() {
+    const {
+      equipTypes,
+      equipTypeInfo,
+      plans,
+      $equips
+    } = this.props;
+    const {
+      equipTypeCollapsed,
+      viewMode
+    } = this.state;
+    return _react.default.createElement("div", {
+      id: "starcraft-root",
+      style: {
+        margin: '5px 10px 5px 5px'
+      }
+    }, _react.default.createElement(_controlPanel.ControlPanel, {
+      viewMode: viewMode,
+      onToggleViewMode: this.handleToggleViewMode,
+      onControlAction: this.handleControlAction,
+      onExportAsImage: this.handleRefToImage
+    }), _react.default.createElement(_divider.Divider, null), _react.default.createElement("div", {
+      ref: this.updateRef
+    }, Object.keys(equipTypes).map(k => {
+      const et = equipTypes[k];
+      const ci = equipTypeInfo.catInfo[et.api_id];
+      return _react.default.createElement(_equipCategoryView.EquipCategoryView, {
+        viewMode: viewMode,
+        key: et.api_id,
+        collapsed: equipTypeCollapsed[k],
+        onToggle: this.handleToggle(k),
+        equipType: et,
+        catInfo: ci,
+        plans: plans,
+        $equips: $equips
+      });
+    })));
+  }
+
+}
+
+Object.defineProperty(Main, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    $equips: _propTypes.default.object.isRequired,
+    equipTypes: _propTypes.default.object.isRequired,
+    plans: _propTypes.default.object.isRequired,
+    equipTypeInfo: _propTypes.default.shape({
+      catInfo: _propTypes.default.object.isRequired,
+      iconInfo: _propTypes.default.object.isRequired
+    }).isRequired
+  }
+});
+const StarcraftArea = (0, _reactRedux.connect)(state => {
+  const equipTypeInfo = (0, _equiptype.prepareEquipTypeInfo)(state.const.$equips);
+  const equipTypesRaw = state.const.$equipTypes;
+  const {
+    $equips
+  } = state.const; // plans[<equipment master id>] = undefined or object
+  // plans[...][0 .. 10] = number of planned count
+  // connected plans:
+
+  const plans = _lodash.default.get(state, `config.${_utils.keyPlans}`, {}); // filter equipTypes to remove empty categories
+  // before any UI rendering happens
+
+
+  const equipTypes = {};
+  Object.keys(equipTypesRaw).map(k => {
+    const et = equipTypesRaw[k];
+    const ci = equipTypeInfo.catInfo[et.api_id];
+    if (ci && ci.group.length > 0) equipTypes[k] = et;
+  });
+  return {
+    equipTypeInfo,
+    equipTypes,
+    plans,
+    $equips
+  };
+})(Main);
+exports.StarcraftArea = StarcraftArea;

package/views/starcraft/utils.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.isEquipMasterEqual = exports.starText = exports.modifyPlans = exports.keyPlans = exports.PLUGIN_KEY = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PLUGIN_KEY = 'plugin.poi-plugin-starcraft';
+exports.PLUGIN_KEY = PLUGIN_KEY;
+const keyPlans = `${PLUGIN_KEY}.plans`;
+exports.keyPlans = keyPlans;
+const {
+  config
+} = window;
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+
+const modifyPlans = modify => {
+  const oldPlans = config.get(keyPlans, {});
+  config.set(keyPlans, modify(oldPlans));
+};
+
+exports.modifyPlans = modifyPlans;
+
+const starText = star => star === 0 ? __('Owned') : star === 10 ? '★+max' : `★+${star}`;
+
+exports.starText = starText;
+
+const simplifyEquips = $equips => {
+  const ret = {};
+  Object.keys($equips).map(k => {
+    const {
+      api_type,
+      api_name,
+      api_id
+    } = $equips[k];
+    ret[k] = {
+      api_type,
+      api_name,
+      api_id
+    };
+  });
+  return ret;
+};
+
+const isEquipMasterEqual = (a, b) => _lodash.default.isEqual(simplifyEquips(a), simplifyEquips(b));
+
+exports.isEquipMasterEqual = isEquipMasterEqual;

package/views/useitem-icon.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.UseitemIcon = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _path = require("path");
+
+var _reactRedux = require("react-redux");
+
+var _selectors = require("views/utils/selectors");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+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; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const src = (0, _path.resolve)(__dirname, '../assets/useitem.svg');
+
+class StaticUseitemIcon extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "shouldComponentUpdate", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: nextProps => !_lodash.default.isEqual(nextProps, this.props)
+    }), _temp;
+  }
+
+  render() {
+    const {
+      useitemId,
+      className,
+      useSVGIcon
+    } = this.props;
+    const classNames = (0, _classnames.default)(useSVGIcon ? 'svg' : 'png', className);
+    return _react.default.createElement("img", {
+      src: src,
+      alt: `useitem #${useitemId}`,
+      className: classNames
+    });
+  }
+
+}
+
+Object.defineProperty(StaticUseitemIcon, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    useitemId: _propTypes.default.number.isRequired,
+    className: _propTypes.default.string.isRequired,
+    useSVGIcon: _propTypes.default.bool.isRequired // all fields are primitives
+    // so shallow / deep comparisons are hardly making any difference
+
+  }
+});
+const UseitemIcon = (0, _reactRedux.connect)(state => ({
+  useSVGIcon: _lodash.default.get((0, _selectors.configSelector)(state), 'poi.useSVGIcon')
+}))(StaticUseitemIcon);
+exports.UseitemIcon = UseitemIcon;