;
43 |
--------------------------------------------------------------------------------
/src/components/NewFilterBar/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import {
4 | HUNTER,
5 | TITAN,
6 | WARLOCK,
7 | FILTER_SHOW_COLLECTED,
8 | FILTER_SHOW_HIDDEN_SETS
9 | } from 'app/lib/destinyEnums';
10 |
11 | import styles from './styles.styl';
12 |
13 | const FILTER_NAMES = {
14 | [HUNTER]: 'Hunter',
15 | [TITAN]: 'Titan',
16 | [WARLOCK]: 'Warlock',
17 | [FILTER_SHOW_COLLECTED]: 'Collected items',
18 | [FILTER_SHOW_HIDDEN_SETS]: 'Hidden sets'
19 | };
20 |
21 | export default function FilterBar({ filters, setFilterItem }) {
22 | return (
23 |
24 | {Object.keys(filters).map(key => (
25 |
34 | ))}
35 |
36 | );
37 | }
38 |
--------------------------------------------------------------------------------
/src/components/Objectives/styles.styl:
--------------------------------------------------------------------------------
1 | .objective
2 | position: relative
3 | z-index: 1
4 | background: rgba(white, .04)
5 | border: 1px solid rgba(white, .2)
6 | padding: 5px 8px
7 |
8 | .trackedStat &
9 | margin-bottom: 0
10 |
11 | & + &
12 | margin-top: 5px
13 |
14 | &.completedObjective
15 | opacity: .35
16 |
17 | .objectiveTrack
18 | position: absolute
19 | top: 0
20 | bottom: 0
21 | left: 0
22 | height: 100%
23 | width: 0
24 | z-index: 1
25 | background: rgba(white, .15)
26 | transition: width 250ms ease-in-out
27 |
28 | .trackedStat &
29 | display: none
30 |
31 | .objectiveText
32 | position: relative
33 | display: flex
34 | justify-content: space-between
35 | align-items: center
36 | line-height: 1.2
37 | z-index: 2
38 |
39 | & > :first-child
40 | padding-right: 30px
41 |
42 | & > :last-child
43 | font-weight: 600
44 |
45 | .completed
46 | opacity: .8
47 | font-size: .9em
48 | font-style: italic
49 | margin-bottom: $padding
50 | line-height: 1
51 | margin-top: 10px
52 |
--------------------------------------------------------------------------------
/src/components/ItemBanner/styles.styl:
--------------------------------------------------------------------------------
1 | .root
2 | display: flex
3 | padding: 10px 15px
4 | align-items: center
5 | background-size: cover
6 | background-position: center left
7 | background-repeat: no-repeat
8 |
9 | .icon
10 | width: 3em
11 | height: 3em
12 | display: flex
13 | margin-right: 15px
14 |
15 | .body
16 | flex: 1
17 |
18 | .main
19 | font-size: 1em
20 |
21 | .main
22 | .sub
23 | display: flex
24 | justify-content: space-between
25 |
26 | .sub
27 | color: rgba(white, .75)
28 | font-size: .8em
29 |
30 | .close
31 | background: none
32 | padding: 2px
33 | outline: none !important
34 | cursor: pointer
35 | appearance: none
36 | border: none
37 | font-size: 1em
38 | color: white
39 | line-height: 1
40 |
41 | .exotic
42 | background: #ceae33
43 |
44 | .legendary
45 | background: #522f65
46 |
47 | .rare
48 | background: #5076a3
49 |
50 | .common
51 | background: #366f3c
52 |
53 | .basic
54 | background: #c3bcb4
55 | color: #1e242b
56 |
57 | .sub
58 | opacity: 1
59 | color: lighten(#1e242b, 15%)
60 |
--------------------------------------------------------------------------------
/src/lib/telemetry.js:
--------------------------------------------------------------------------------
1 | export function getDebugProfile(path) {}
2 |
3 | export function saveDebugInfo(debugData, pathPrefix = 'debug') {}
4 |
5 | export function setUser() {}
6 |
7 | export function trackError(...args) {
8 | const { Raven } = window;
9 |
10 | if (!Raven) {
11 | return null;
12 | }
13 |
14 | Raven.captureException(...args);
15 | }
16 |
17 | export function setExtraUserContext(data) {
18 | const { Raven } = window;
19 |
20 | if (!Raven) {
21 | return null;
22 | }
23 |
24 | Raven.setExtraContext(data);
25 | }
26 |
27 | export function trackBreadcrumb(data) {
28 | const { Raven } = window;
29 |
30 | if (!Raven) {
31 | return null;
32 | }
33 |
34 | Raven.captureBreadcrumb(data);
35 | }
36 |
37 | export function errorPrompt(ev) {
38 | if (ev && ev.preventDefault) {
39 | ev.preventDefault();
40 | }
41 |
42 | const { Raven } = window;
43 |
44 | if (!Raven) {
45 | window.alert(
46 | 'Unable to load error library. Maybe an adblocker interferred?'
47 | );
48 | return null;
49 | }
50 |
51 | Raven.showReportDialog();
52 | }
53 |
--------------------------------------------------------------------------------
/src/components/Section/index.js:
--------------------------------------------------------------------------------
1 | import React, { Fragment, PureComponent } from 'react';
2 | import cx from 'classnames';
3 |
4 | import ItemSet from 'app/components/ItemSet';
5 |
6 | import styles from './styles.styl';
7 |
8 | export default class Section extends PureComponent {
9 | render() {
10 | const {
11 | name,
12 | noUi,
13 | slug,
14 | sets,
15 | setPopper,
16 | setModal,
17 | extendedItems
18 | } = this.props;
19 |
20 | return (
21 |
22 |
{name}
23 |
24 | {sets.map((set, index) => (
25 |
26 |
33 |
34 | ))}
35 |
36 |
this.props.setLanguage(lang)}
17 | >
18 | {lang.name}
19 |
20 | ))}
21 |
22 | );
23 | };
24 |
25 | render() {
26 | return (
27 |
33 | {this.props.language.name}
34 |
35 |
36 |
37 |
38 |
39 | );
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/src/components/I18NDefinitionsString.js:
--------------------------------------------------------------------------------
1 | // import React from 'react';
2 | import { get } from 'lodash';
3 | import { connect } from 'react-redux';
4 |
5 | import { getI18nString, saveI18nString } from 'app/lib/ls';
6 |
7 | function I18NDefinitionsString({ msg }) {
8 | return msg || 'nothing';
9 | }
10 |
11 | const JUNK_PREFIXES = [
12 | 'Source: ',
13 | '入手方法: ',
14 | 'Fonte: ',
15 | 'Source : ',
16 | 'Quelle: ',
17 | 'Fuente: ',
18 | 'Источник: ',
19 | 'Źródło: ',
20 | '來源：',
21 | '출처: '
22 | ];
23 | const JUNK_REGEX = new RegExp(`^(${JUNK_PREFIXES.join('|')})`);
24 |
25 | const cleanup = msg => {
26 | return msg.replace(JUNK_REGEX, '');
27 | };
28 |
29 | const mapStateToProps = (state, props) => {
30 | if (!props.t) {
31 | return { msg: 'empty' };
32 | }
33 |
34 | if (!props.t.path) {
35 | return { msg: props.t.fallback || props.t };
36 | }
37 |
38 | const found = get(state.definitions, props.t.path);
39 |
40 | if (!found) {
41 | const fallback = getI18nString(props.t.path) || props.t.fallback;
42 | return { msg: cleanup(fallback) };
43 | } else {
44 | saveI18nString(props.t.path, found);
45 | return { msg: cleanup(found) };
46 | }
47 | };
48 |
49 | export default connect(mapStateToProps)(I18NDefinitionsString);
50 |
--------------------------------------------------------------------------------
/src/components/ItemBannerNew/styles.styl:
--------------------------------------------------------------------------------
1 | .root
2 | display: flex
3 | padding: 5px 10px
4 | align-items: center
5 | background-size: cover
6 | background-position: center left
7 | background-repeat: no-repeat
8 |
9 | .icon
10 | width: 3em
11 | height: 3em
12 | display: flex
13 | margin-right: 15px
14 |
15 | .body
16 | flex: 1
17 |
18 | .bodyEmblem
19 | composes: body
20 | padding-left: 50px
21 |
22 | .main
23 | font-size: 1em
24 | text-transform: uppercase
25 |
26 | .main
27 | .sub
28 | display: flex
29 | justify-content: space-between
30 | line-height: 1.3
31 |
32 | .itemName
33 | font-size: 1.3em
34 | font-weight: 600
35 | text-transform: uppercase
36 |
37 | .sub
38 | color: rgba(white, .75)
39 |
40 | .close
41 | background: none
42 | padding: 2px
43 | outline: none !important
44 | cursor: pointer
45 | appearance: none
46 | border: none
47 | font-size: 1em
48 | color: white
49 | line-height: 1
50 |
51 | .exotic
52 | background: #ceae33
53 |
54 | .legendary
55 | background: #522f65
56 |
57 | .rare
58 | background: #5076a3
59 |
60 | .common
61 | background: #366f3c
62 |
63 | .basic
64 | background: #c3bcb4
65 | color: #1e242b
66 |
67 | .sub
68 | opacity: 1
69 | color: lighten(#1e242b, 15%)
70 |
--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/ItemTooltip/styles.styl:
--------------------------------------------------------------------------------
1 | $padding = 10px
2 |
3 | .tooltip
4 | width: 320px
5 | font-size: 15px
6 | background: #20262d
7 | position: relative
8 | color: white
9 | box-shadow: 0 3px 6px rgba(black, 0.16), 0 3px 6px rgba(black, 0.23);
10 |
11 | &.small
12 | box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)
13 |
14 | .body
15 | overflow: auto
16 | padding: $padding
17 | padding-bottom: 0
18 |
19 | .small &
20 | font-size: 14px
21 |
22 | p
23 | margin: 0 0 $padding 0
24 |
25 | .header
26 | font-size: 15px
27 |
28 | .small &
29 | content: 'small'
30 |
31 | .description
32 | line-height: 1.3
33 | white-space: pre-line
34 |
35 | .small &
36 | display: none
37 |
38 | .body:hover &
39 | display: block
40 |
41 | .itemAttributes
42 | margin: 0 0 $padding 0
43 |
44 | .perks
45 | margin: 0 0 $padding 0
46 |
47 | .stats
48 | margin: 0 0 $padding 0
49 |
50 | .extraInfo
51 | opacity: .8
52 | font-size: .9em
53 | font-style: italic
54 | margin: 0 0 $padding 0
55 |
56 | .objectives
57 | font-size: 14px
58 | margin: 0 0 $padding 0
59 |
60 | .small &
61 | font-size: 13px
62 |
63 | .section
64 | & + &
65 | padding-top: $padding
66 | border-top: 1px solid rgba(white, .2)
67 |
68 | &:empty
69 | display: none
70 |
71 | &:empty + &
72 | border-top: none
73 |
--------------------------------------------------------------------------------
/src/setData/catalysts.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import type { SetPage } from '../types';
4 |
5 | export default ([
6 | {
7 | name: 'Kinetic Weapons',
8 | sets: [
9 | {
10 | name: 'Exotics',
11 | id: 'CATALYSTS',
12 | big: true,
13 | noUi: true,
14 | sections: [
15 | {
16 | name: 'Kinetic weapons',
17 | itemType: 'exoticCatalysts',
18 | query: 'special:kineticCatalysts'
19 | }
20 | ]
21 | }
22 | ]
23 | },
24 | {
25 | name: 'Energy Weapons',
26 | sets: [
27 | {
28 | name: 'Exotics',
29 | id: 'CATALYSTS',
30 | big: true,
31 | noUi: true,
32 | sections: [
33 | {
34 | name: 'Special weapons',
35 | itemType: 'exoticCatalysts',
36 | query: 'special:energyCatalysts'
37 | }
38 | ]
39 | }
40 | ]
41 | },
42 | {
43 | name: 'Power Weapons',
44 | sets: [
45 | {
46 | name: 'Exotics',
47 | id: 'CATALYSTS',
48 | big: true,
49 | noUi: true,
50 | sections: [
51 | {
52 | name: 'Heavy weapons',
53 | itemType: 'exoticCatalysts',
54 | query: 'special:powerCatalysts'
55 | }
56 | ]
57 | }
58 | ]
59 | }
60 | ]: SetPage);
61 |
--------------------------------------------------------------------------------
/src/store/debugProxifyDefs.js:
--------------------------------------------------------------------------------
1 | import { isObject, isArray, isNumber, isUndefined } from 'lodash';
2 |
3 | const ITEM_DEF_KEYS = [];
4 | window.__ITEM_DEF_KEYS = ITEM_DEF_KEYS;
5 | const UNDEFINED_ITEM_DEF_KEYS = [];
6 | window.__UNDEFINED_ITEM_DEF_KEYS = UNDEFINED_ITEM_DEF_KEYS;
7 | const DEBUG_PROXIFY_ITEM_DEFS = false;
8 |
9 | function pushUniquely(arr, value) {
10 | if (!arr.includes(value)) {
11 | arr.push(value);
12 | }
13 | }
14 |
15 | export default function proxyifyDefs(defs, prevKeys = []) {
16 | if (!DEBUG_PROXIFY_ITEM_DEFS) {
17 | return defs;
18 | }
19 |
20 | const p = new Proxy(defs, {
21 | get: (obj, prop) => {
22 | const keys = [...prevKeys, prop];
23 | const keysOfInterest = keys.slice(1).join('.');
24 |
25 | pushUniquely(ITEM_DEF_KEYS, keysOfInterest);
26 |
27 | const value = obj[prop];
28 |
29 | if (isUndefined(value)) {
30 | pushUniquely(UNDEFINED_ITEM_DEF_KEYS, keysOfInterest);
31 | return value;
32 | } else if (isArray(value)) {
33 | return value;
34 | } else if (isObject(value)) {
35 | const stuff = Object.keys(value).filter(k => !isNumber(k));
36 | if (stuff.length) {
37 | return proxyifyDefs(value, keys);
38 | }
39 |
40 | return value;
41 | }
42 |
43 | return value;
44 | }
45 | });
46 |
47 | return p;
48 | }
49 |
--------------------------------------------------------------------------------
/src/ishar.svg:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
2 | import thunk from 'redux-thunk';
3 | import { mapValues } from 'lodash';
4 |
5 | import app from './reducer';
6 | import definitions, { SET_BULK_DEFINITIONS } from './definitions';
7 | import auth from './auth';
8 | import profile from './profile';
9 |
10 | import preloadStore from './preloadStore';
11 |
12 | const rootReducer = combineReducers({
13 | app,
14 | auth,
15 | profile,
16 | definitions
17 | });
18 |
19 | function sanitiseDefintionsState(defintionsState) {
20 | if (!defintionsState) {
21 | return defintionsState;
22 | }
23 | return mapValues(
24 | defintionsState,
25 | definitions =>
26 | `[${Object.keys(definitions || {}).length} definitions hidden]`
27 | );
28 | }
29 |
30 | const composeEnhancers =
31 | typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
32 | ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
33 | actionsBlacklist: [SET_BULK_DEFINITIONS],
34 | stateSanitizer: state => ({
35 | ...state,
36 | definitions: sanitiseDefintionsState(state.definitions)
37 | })
38 | })
39 | : compose;
40 |
41 | const enhancer = composeEnhancers(applyMiddleware(thunk));
42 |
43 | const store = preloadStore(createStore(rootReducer, enhancer));
44 | window.__store = store;
45 |
46 | export default store;
47 |
--------------------------------------------------------------------------------
/src/lib/DestinyAuthProvider.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import destinyAuth from 'app/lib/destinyAuth';
3 |
4 | const log = require('app/lib/log')('authProvider');
5 |
6 | export default function DestinyAuthProvider(
7 | WrappedComponent,
8 | onlyRenderWhenAuthed
9 | ) {
10 | return class DestinyAuthProviderWrapper extends Component {
11 | state = {
12 | isAuthenticated: false,
13 | authLoaded: false
14 | };
15 |
16 | componentDidMount() {
17 | destinyAuth((err, { isAuthenticated, isFinal }) => {
18 | log('Auth state update', { err, isAuthenticated, isFinal });
19 |
20 | if (err) {
21 | throw err;
22 | }
23 |
24 | this.setState({ isAuthenticated, authLoaded: isFinal });
25 | });
26 | }
27 |
28 | render() {
29 | if (onlyRenderWhenAuthed) {
30 | return this.state.isAuthenticated ? (
31 |
36 | ) : (
37 | Loading...
38 | );
39 | }
40 |
41 | return (
42 |
47 | );
48 | }
49 | };
50 | }
51 |
--------------------------------------------------------------------------------
/src/components/DropdownMenu/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import cx from 'classnames';
3 | import ClickOutside from 'react-click-outside';
4 |
5 | import styles from './styles.styl';
6 |
7 | export default class DropdownMenu extends Component {
8 | state = {
9 | visible: false
10 | };
11 |
12 | toggleDropdown = () => {
13 | this.setState({ visible: !this.state.visible });
14 | };
15 |
16 | clickedOutside = () => {
17 | this.state.visible && this.setState({ visible: false });
18 | };
19 |
20 | onContentClick = ev => {
21 | this.props.stayOpen && ev.stopPropagation();
22 | };
23 |
24 | render() {
25 | const {
26 | inline,
27 | children,
28 | className,
29 | contentClassName,
30 | renderContent
31 | } = this.props;
32 |
33 | const { visible } = this.state;
34 |
35 | return (
36 |
46 | {children}
47 |
48 | {visible && (
49 |
53 | {renderContent()}
54 |
55 | )}
56 |
57 | );
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/components/ChaliceRecipie/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 |
4 | import BunigeImage from 'app/components/BungieImage';
5 |
6 | import s from './styles.styl';
7 |
8 | const CHALICE_HASH = 1115550924;
9 |
10 | function Slot({ runes, itemDefs }) {
11 | return (
12 |
13 | {runes.map(hash => {
14 | const item = itemDefs[hash];
15 | return (
16 | item && (
17 |
18 |
22 |
23 | )
24 | );
25 | })}
26 |
36 | Crafted in{' '}
37 | {chalice ? chalice.displayProperties.name : 'Chalice of Opulence'} with:
38 |
43 |
26 | {stats.map(({ statHash, value }) => {
27 | const def = statDefs[statHash];
28 |
29 | return (
30 |
37 |
{def.displayProperties.name}
38 |
47 |
48 | );
49 | })}
50 |
26 |
27 |
28 | {setData.map(({ name, slug }) => (
29 |
38 | {name}
39 |
40 | ))}
41 |
42 |
43 |
44 |
45 |
2 && styles.disabled
49 | )}
50 | >
51 |
52 |
53 |
54 |
59 | {this.props.children}
60 |
61 |
})
{' '}
21 | Primary
22 |
23 | ),
24 | 2: (
25 |
26 | })
{' '}
27 | Special
28 |
29 | ),
30 | 3: (
31 |
32 | })
Heavy
33 |
34 | ),
35 | 4: Unknown
36 | };
37 |
38 | export default function ItemAttributes({ className, item }) {
39 | if (!item) {
40 | return null;
41 | }
42 |
43 | const ammoType = item.equippingBlock && item.equippingBlock.ammoType;
44 | const elementalDamageClass =
45 | item && item.damageTypes && item.damageTypes.length > 0
46 | ? ELEMENTAL_DAMAGE_CLASS[item.damageTypes[0]]
47 | : null;
48 |
49 | if (!(elementalDamageClass || ammoType)) {
50 | return null;
51 | }
52 |
53 | return (
54 |
55 | {elementalDamageClass && (
56 |
57 | {item.damageTypes[0] && item.damageTypes[0] !== 1 && (
58 |
59 | )}
60 |
600
61 |
62 | )}
63 |
64 | {ammoType && (
65 |
66 |
{AMMO_TYPE[ammoType]}
67 |
68 | )}
69 |
Filters
58 |
59 |
60 |
61 |
62 |
63 | );
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/src/components/MasterworkCatalyst/styles.styl:
--------------------------------------------------------------------------------
1 | $green = #44bd32;
2 | $trackedGreen = #A9FF6A
3 | $borderWidth = 1px
4 |
5 | .root
6 | // max-width: 25%
7 | min-width: 290px
8 | max-width: 25%
9 | flex: 1 0 25%
10 | margin: 0 !important
11 | padding: 7px
12 |
13 | // @media screen and (max-width: 910px)
14 | // width: 100%
15 | // max-width: initial
16 | // min-width: 100%
17 |
18 | code
19 | font-family: monospace
20 |
21 | ul
22 | padding-left: 30px
23 |
24 | & + &
25 | border-left: none
26 |
27 | // &.completed
28 | // opacity: .5
29 |
30 | .inner
31 | display: flex
32 | flex-direction: column
33 | position: relative
34 | z-index: 1
35 | background: #15191E
36 | padding: 15px
37 | height: 100%
38 |
39 | .tick
40 | position: absolute
41 | top: 8px
42 | right: 8px
43 | background: $green
44 | width: 20px
45 | height: 20px
46 | font-size: 14px
47 | line-height: 1
48 | border-radius: 50px
49 | display: flex
50 | align-items: center
51 | justify-content: center
52 |
53 | .screenshot
54 | display: block
55 | width: 100%
56 | height: auto
57 |
58 | .objectives
59 | margin-top: 15px;
60 |
61 | .masterworkComplete
62 | display: inline-block
63 | height: 2em
64 | margin-right: .5ch
65 | vertical-align: middle
66 |
67 | & + span
68 | vertical-align: baseline
69 |
70 | .plugIcon
71 | height: 1.5em
72 | width: auto
73 | vertical-align: middle
74 | dispaly: inline-block
75 | margin-right: .75ch
76 |
77 | .itemLink
78 | color: inherit
79 | text-decoration: none
80 |
81 | .instance + .instance
82 | border-top: 1px solid rgba(white, .05)
83 |
84 | .red
85 | color: red
86 |
87 | .green
88 | color: green
89 |
90 |
91 | .faded
92 | opacity: .75em
93 |
94 |
95 | .completeMessage
96 | display: flex
97 | align-items: center
98 | flex-grow: 1
99 | justify-content: center
100 | margin-bottom: 0
101 |
--------------------------------------------------------------------------------
/src/setData/common/eververse.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | export const EVERVERSE_S1_EMOTES = [
4 | 1045929536, // Salty
5 | 1045929537, // Flip Out
6 | 95537029, // Spicy Ramen
7 | 566102034, // Six Shooter
8 | 265428940, // Funky Dance
9 | 1711459689, // Dancehall
10 | 2225838050, // Cranking Dance
11 | 955394464, // Odd Dance
12 | 683947069, // Taunt Dance
13 | 1471723144, // Confused
14 | 267290351, // Flowing Dance
15 | 930064526, // Bureaucratic Walk
16 | 2871095181, // Floss Dance
17 | 3342375124, // Shuffle Dance
18 | 3830186047, // Shoulder Dance
19 | 1449701838, // Dancy Dance
20 | 2294119165, // Play Dead
21 | 2541494210, // You're the Guardian
22 | 1539578239, // Sneaky
23 | 3958460049, // Don the Hat
24 | 1533012008, // Huddle Up
25 | 2916219759, // Gallop
26 | 924779391, // Sick
27 | 814933120, // Get Up
28 | 1444655707, // Sadness
29 | 1280248869 // Good Idea
30 | ];
31 |
32 | export const EVERVERSE_S2_EMOTES = [
33 | 4111030162, // Selfie
34 | 421712807, // Mic Drop
35 | 717948749, // Sweeping
36 | 2592651789, // Timely Dance
37 | 1546934407, // Trendy Dance
38 | 2733199859, // Odder Dance
39 | 799898425, // Overnight Dance
40 | 2381763476, // Disco Dance
41 | 3826786378, // Grooving Dance
42 | 3397849259, // Call Me
43 | 3969346718, // Can-Do Attitude
44 | 530968313, // Cool, Dude
45 | 964176440, // Humbug
46 | 3210179545 // Victory Taunt
47 | ];
48 |
49 | export const EVERVERSE_S3_EMOTES = [
50 | 3179188489, // Curtain Call
51 | 569940092, // Fireworks
52 | 3340490891, // Home Run
53 | 870041067, // Popcorn
54 | 2775819545, // Awaken the Warmind
55 | 1628538405, // Freaky Dance
56 | 159967058, // Hold On
57 | 2610757989, // Collaborative Dance
58 | 2041281101, // Celebratory Dance
59 | 285267633, // Synced Dance
60 | 3518794540, // Air Quotes
61 | 2284035163, // Applause
62 | 1073496778, // Opulent Clap
63 | 1008495915, // Shiver
64 | 1229016681, // Zeus-Like Physique
65 | 1348805779 // Impatience
66 | ];
67 |
--------------------------------------------------------------------------------
/public/mask-icon.svg:
--------------------------------------------------------------------------------
1 |
2 |
21 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "destinySets",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@destiny-plumbing/definitions": "0.2.2",
7 | "async": "^2.6.0",
8 | "autotrack": "^2.4.1",
9 | "axios": "^0.21.1",
10 | "babel-polyfill": "^6.26.0",
11 | "browser-locale": "^1.0.3",
12 | "classnames": "^2.2.5",
13 | "date-fns": "^2.0.0-alpha.11",
14 | "dexie": "^2.0.1",
15 | "dotenv": "^8.2.0",
16 | "flow-bin": "^0.72.0",
17 | "image-size": "^0.6.2",
18 | "immer": "^1.2.0",
19 | "indexeddbshim": "^3.8.0",
20 | "lodash": "^4.17.4",
21 | "npm": "^6.0.0",
22 | "popper.js": "^1.14.1",
23 | "prettier": "^1.18.2",
24 | "react": "^16.8.6",
25 | "react-click-outside": "tj/react-click-outside",
26 | "react-dom": "^16.8.6",
27 | "react-lazyload": "^2.3.0",
28 | "react-modal": "^3.1.13",
29 | "react-redux": "^5.0.7",
30 | "react-router": "3.2.0",
31 | "react-scripts": "1.0.17",
32 | "react-scroll": "^1.7.9",
33 | "react-tippy": "^1.2.3",
34 | "redux": "^3.7.2",
35 | "redux-thunk": "^2.3.0",
36 | "reselect": "^3.0.1",
37 | "temp-dir": "^2.0.0"
38 | },
39 | "scripts": {
40 | "start": "react-app-rewired start",
41 | "build": "react-app-rewired build",
42 | "serve": "serve -s build",
43 | "test": "flow && react-app-rewired test --env=jsdom",
44 | "deploy": "yarn run build && yarn run upload",
45 | "upload": "env AWS_PROFILE=money aws s3 sync build/ s3://destinysets.com/ --region=ap-southeast-2 --acl public-read",
46 | "generate-autotrack": "autotrack -o public/autotrack.build.js -p clean-url-tracker,url-change-tracker",
47 | "eject": "react-scripts eject"
48 | },
49 | "devDependencies": {
50 | "@sentry/cli": "^1.30.0",
51 | "autoprefixer": "^7.2.2",
52 | "babel-plugin-lodash": "^3.3.2",
53 | "imports-loader": "^0.8.0",
54 | "postcss-loader": "^2.0.9",
55 | "react-app-rewire-hot-loader": "^1.0.0",
56 | "react-app-rewired": "1.3.8",
57 | "react-hot-loader": "^4.0.0",
58 | "stylus": "^0.54.5",
59 | "stylus-loader": "3.0.2",
60 | "unused-files-webpack-plugin": "^3.4.0",
61 | "webpack-visualizer-plugin": "^0.1.11"
62 | }
63 | }
64 |
--------------------------------------------------------------------------------
/src/components/Item/selectors.js:
--------------------------------------------------------------------------------
1 | import { createSelector } from 'reselect';
2 |
3 | import {
4 | itemDefsSelector,
5 | itemHashPropSelector,
6 | objectiveDefsSelector,
7 | objectiveInstancesSelector
8 | } from 'app/store/selectors';
9 |
10 | export const makeItemDefSelector = () => {
11 | return createSelector(
12 | itemDefsSelector,
13 | itemHashPropSelector,
14 | (itemDefs, itemHash) => {
15 | return itemDefs ? itemDefs[itemHash] : null;
16 | }
17 | );
18 | };
19 |
20 | function calcObjectiveCompletion(objectiveInstances, item, objectiveDefs) {
21 | const objectives = item.objectives.objectiveHashes.map(
22 | hash => objectiveInstances[hash]
23 | );
24 |
25 | if (!objectiveDefs) {
26 | return 0;
27 | }
28 |
29 | const eachCompletionIsWorth = 1 / objectives.length;
30 |
31 | const completion = objectives.reduce((acc, objective) => {
32 | if (!objective) {
33 | return acc;
34 | }
35 |
36 | const objectiveDef = objectiveDefs[objective.objectiveHash];
37 |
38 | if (!objectiveDef) {
39 | return acc;
40 | }
41 |
42 | const completionValue = objectiveDef.completionValue;
43 | const percentCompleted = (objective.progress || 0) / completionValue;
44 |
45 | if (objective && objective.complete) {
46 | return acc + eachCompletionIsWorth;
47 | }
48 |
49 | return (
50 | acc +
51 | Math.min(percentCompleted * eachCompletionIsWorth, eachCompletionIsWorth)
52 | );
53 | }, 0);
54 |
55 | return completion;
56 | }
57 |
58 | export const makeItemObjectiveProgressSelector = () => {
59 | return createSelector(
60 | makeItemDefSelector(),
61 | objectiveDefsSelector,
62 | objectiveInstancesSelector,
63 | (itemDef, objectiveDefs, objectiveInstances) => {
64 | if (!itemDef || !objectiveDefs || !objectiveInstances) {
65 | return 0;
66 | }
67 |
68 | const objectiveHashes =
69 | itemDef.objectives && itemDef.objectives.objectiveHashes;
70 |
71 | if (!objectiveHashes) {
72 | return 0;
73 | }
74 |
75 | return calcObjectiveCompletion(
76 | objectiveInstances,
77 | itemDef,
78 | objectiveDefs
79 | );
80 | }
81 | );
82 | };
83 |
--------------------------------------------------------------------------------
/src/lib/i18n.js:
--------------------------------------------------------------------------------
1 | import { keyBy } from 'lodash';
2 | import browserLocale from 'browser-locale';
3 |
4 | export const ENGLISH = {
5 | code: 'en',
6 | name: 'English'
7 | };
8 |
9 | export const FRENCH = {
10 | code: 'fr',
11 | name: 'French'
12 | };
13 |
14 | export const GERMAN = {
15 | code: 'de',
16 | name: 'German'
17 | };
18 |
19 | export const ITALIAN = {
20 | code: 'it',
21 | name: 'Italian'
22 | };
23 |
24 | export const JAPANESE = {
25 | code: 'ja',
26 | name: 'Japanese'
27 | };
28 |
29 | export const PORTUGUESE = {
30 | code: 'pt-br',
31 | name: 'Portuguese (Brazil)'
32 | };
33 |
34 | export const SPANISH = {
35 | code: 'es',
36 | name: 'Spanish'
37 | };
38 |
39 | export const SPANISH_LATIN = {
40 | code: 'es-mx',
41 | name: 'Spanish (Latin America)'
42 | };
43 |
44 | export const RUSSIAN = {
45 | code: 'ru',
46 | name: 'Russian'
47 | };
48 |
49 | export const POLISH = {
50 | code: 'pl',
51 | name: 'Polish'
52 | };
53 |
54 | export const CHINESE_SIMP = {
55 | code: 'zh-chs',
56 | name: 'Chinese (Simplified)'
57 | }
58 |
59 | export const CHINESE_TRAD = {
60 | code: 'zh-cht',
61 | name: 'Chinese (Traditional)'
62 | };
63 |
64 | export const KOREAN = {
65 | code: 'ko',
66 | name: 'Korean'
67 | }
68 |
69 | export const DEFAULT_LANG = ENGLISH;
70 |
71 | export const languages = [
72 | ENGLISH,
73 | FRENCH,
74 | GERMAN,
75 | ITALIAN,
76 | JAPANESE,
77 | PORTUGUESE,
78 | SPANISH,
79 | SPANISH_LATIN,
80 | RUSSIAN,
81 | POLISH,
82 | CHINESE_SIMP,
83 | CHINESE_TRAD,
84 | KOREAN
85 | ];
86 |
87 | export const languageByCode = keyBy(languages, lang => lang.code);
88 |
89 | export function getBrowserLocale() {
90 | return browserLocale().toLowerCase();
91 | }
92 |
93 | export function getDefaultLanguage() {
94 | let shortLocale = DEFAULT_LANG.code;
95 | let fullLocale = DEFAULT_LANG.code;
96 |
97 | try {
98 | fullLocale = getBrowserLocale();
99 | shortLocale = getBrowserLocale().split('-')[0];
100 | } catch (e) {}
101 |
102 | return (
103 | languageByCode[fullLocale] || languageByCode[shortLocale] || DEFAULT_LANG
104 | );
105 | }
106 |
--------------------------------------------------------------------------------
/src/store/profile.js:
--------------------------------------------------------------------------------
1 | import * as destiny from 'app/lib/destiny';
2 |
3 | const INITIAL_STORE = {};
4 |
5 | const SET_PROFILES = 'Set profiles';
6 | const PROFILE_LOADING_START = 'Loading profile - start';
7 | const PROFILE_ERROR = 'Profile error';
8 |
9 | export default function profileReducer(
10 | state = INITIAL_STORE,
11 | { type, payload }
12 | ) {
13 | switch (type) {
14 | case SET_PROFILES:
15 | return {
16 | ...state,
17 | ...payload,
18 | error: undefined
19 | };
20 |
21 | case PROFILE_LOADING_START:
22 | return {
23 | ...state,
24 | profileLoading: payload
25 | };
26 |
27 | case PROFILE_ERROR:
28 | return {
29 | err: payload
30 | };
31 |
32 | default:
33 | return state;
34 | }
35 | }
36 |
37 | export function setProfiles({
38 | currentProfile,
39 | allProfiles,
40 | profileLoading,
41 | isCached
42 | }) {
43 | return {
44 | type: SET_PROFILES,
45 | payload: {
46 | profile: currentProfile,
47 | allProfiles,
48 | profileLoading,
49 | isCached
50 | }
51 | };
52 | }
53 |
54 | export function switchProfile(newProfile) {
55 | return {
56 | type: SET_PROFILES,
57 | payload: {
58 | profile: newProfile
59 | }
60 | };
61 | }
62 |
63 | export function setProfileLoading(payload = true) {
64 | return { type: PROFILE_LOADING_START, payload };
65 | }
66 |
67 | function setError(payload) {
68 | return { type: PROFILE_ERROR, payload };
69 | }
70 |
71 | export function fetchProfile() {
72 | return dispatch => {
73 | dispatch(setProfileLoading(true));
74 |
75 | return destiny
76 | .getCurrentProfiles()
77 | .then(data => {
78 | const profile = destiny.getLastProfile(data);
79 |
80 | dispatch(
81 | setProfiles({
82 | currentProfile: profile,
83 | allProfiles: data.profiles,
84 | isCached: false,
85 | profileLoading: false
86 | })
87 | );
88 |
89 | return profile;
90 | })
91 | .catch(err => {
92 | console.error('Error fetching current profiles');
93 | console.error(err);
94 |
95 | dispatch(setError(err));
96 | });
97 | };
98 | }
99 |
--------------------------------------------------------------------------------
/src/views/Mods/DetailedMod.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import cx from 'classnames';
3 | import { connect } from 'react-redux';
4 |
5 | import BungieImage from 'app/components/BungieImage';
6 | import Item from 'app/components/Item';
7 | import s from './detailedMod.styl';
8 |
9 | export const STAT_TO_ENERGY = {
10 | 3578062600: 1198124803, // any
11 | 3779394102: 728351493, // arc
12 | 3344745325: 591714140, // solar
13 | 2399985800: 4069572561 // void
14 | };
15 |
16 | const ELEMENT_CLASS_NAME = {
17 | // 1198124803: s.Any,
18 | 728351493: s.arc,
19 | 591714140: s.solar,
20 | 4069572561: s.void
21 | };
22 |
23 | function DetailedMod({
24 | itemHash,
25 | armourSlot,
26 | setPopper,
27 | onItemClick,
28 | itemDef,
29 | energyCost,
30 | energyDef
31 | }) {
32 | if (!itemDef) {
33 | return null;
34 | }
35 |
36 | return (
37 | onItemClick(itemHash)}>
38 |
39 |
41 |
42 |
43 |
{itemDef.displayProperties.name}
44 |
45 | {energyDef && (
46 |
47 | {' '}
51 | {energyCost.value} {energyDef.displayProperties.name} energy
52 |
53 | )}
54 | , {armourSlot}
55 |
56 |
57 |
34 |
35 |
36 |
37 |
38 | {record.displayProperties.description}
39 |
40 |
41 | {recordInstance && recordInstance.objectives && (
42 |
48 | )}
49 |
50 | {!recordState &&
Missing data
}
51 |
52 |
52 | {extraInfo.map((info, index) => (
53 |
{info}
54 | ))}
55 | {richVendorEntry &&
56 | richVendorEntry.map((ve, index) => {
57 | const vendor = vendorDefs[ve.vendorHash];
58 |
59 | return (
60 |
61 |
62 |
63 | {' '}
64 | Available from{' '}
65 | {vendor ? vendor.displayProperties.name : 'unknown vendor'}
66 | {ve.costs.length > 0 && (
67 |
68 | {' for '}
69 |
70 | {ve.costs
71 | .map(cost => {
72 | return (
73 |
74 | {cost.quantity}{' '}
75 | {cost.item && cost.item.displayProperties.name}
76 |
77 | );
78 | })
79 | .reduce((prev, curr) => [prev, ' and ', curr])}
80 |
81 | )}
82 |
83 | );
84 | })}
85 |
36 |
37 | {completed && (
38 |
39 |
40 |
41 | )}
42 |
43 |
44 |
45 |
46 | {completed ? (
47 |
48 | 
{' '}
53 | Masterwork Complete
54 |
55 | ) : (
56 |
57 | )}
58 |
59 |
73 |
74 |
75 |
{displayProperties.name}
76 | {onClose && (
77 |
78 |
81 |
82 | )}
83 |
84 |
85 | {item.redacted ? (
86 |
87 | Classified item
88 |
89 | ) : (
90 |
91 | {' '}
92 | {CLASS_TYPE[classType]} {itemTypeName || itemTypeDisplayName}{' '}
93 | {weaponSlot && ` - ${weaponSlot}`}
94 |
95 | )}
96 |
97 |
{inventory.tierTypeName}
98 |
99 |
100 |
this.props.switchProfile(profile)}
51 | >
52 | {profile.profile.data.userInfo.displayName}
53 |
58 |
62 | Log out
63 |
64 |
65 | );
66 | };
67 |
68 | render() {
69 | const {
70 | authExpired,
71 | currentProfile,
72 | profileCached,
73 | profileLoading
74 | } = this.props;
75 |
76 | const showGrey = authExpired || profileCached || profileLoading;
77 |
78 | return (
79 |
84 |
85 |
{currentProfile.profile.data.userInfo.displayName}
86 |
87 |
97 |
100 |
101 |
102 |
103 | );
104 | }
105 | }
106 |
--------------------------------------------------------------------------------
/src/lib/destinyEnums.js:
--------------------------------------------------------------------------------
1 | export const TITAN = 0;
2 | export const HUNTER = 1;
3 | export const WARLOCK = 2;
4 | export const NO_CLASS = 3;
5 |
6 | export const FILTER_SHOW_COLLECTED = 'showCollected';
7 | export const FILTER_SHOW_HIDDEN_SETS = 'showHiddenSets';
8 | export const FILTER_SHOW_ORNAMENTS = 'showOrnaments';
9 | export const FILTER_SHOW_WEAPONS = 'showWeapons';
10 |
11 | const testChecklists = false;
12 |
13 | const _CHECKLIST_PROFILE_COLLECTIONS = 3393554306;
14 | const CHECKLIST_SLEEPER_NODES = 365218222;
15 | export const CHECKLIST_PROFILE_COLLECTIONS = testChecklists
16 | ? CHECKLIST_SLEEPER_NODES
17 | : _CHECKLIST_PROFILE_COLLECTIONS;
18 | export const CHECKLIST_CHARACTER_COLLECTIONS = 3246761912;
19 |
20 | export const MASTERWORK_FLAG = 4;
21 |
22 | // itemCategoryHashes
23 | export const CLASS_ITEMS = 49;
24 | export const WEAPON = 1;
25 | export const EMBLEM = 19;
26 | export const ARMOR = 20;
27 | export const GHOST = 39;
28 | export const GHOST_PROJECTION = 1404791674;
29 | export const SHADER = 41;
30 | export const SHIP = 42;
31 | export const SPARROW = 43;
32 | export const EMOTES = 44;
33 | export const MODS1 = 56;
34 | export const MODS2 = 59;
35 | export const CLAN_BANNER = 58;
36 | export const DUMMIES = 3109687656;
37 |
38 | export const WEAPON_MODS_ORNAMENTS = 3124752623;
39 | export const ARMOR_MODS_ORNAMENTS = 1742617626;
40 | export const ARMOR_MODS_ORNAMENTS_HUNTER = 3683250363;
41 | export const ARMOR_MODS_ORNAMENTS_TITAN = 3229540061;
42 | export const ARMOR_MODS_ORNAMENTS_WARLOCK = 3684181176;
43 |
44 | export const HELMET = 45;
45 | export const ARMS = 46;
46 | export const CHEST = 47;
47 | export const LEGS = 48;
48 | export const CLASS_ITEM = 49;
49 |
50 | export const KINETIC_WEAPON = 2;
51 | export const ENERGY_WEAPON = 3;
52 | export const POWER_WEAPON = 4;
53 |
54 | export const LEGENDARY = 4008398120;
55 | export const EXOTIC = 2759499571;
56 | export const UNCOMMON = 2395677314;
57 | export const RARE = 2127292149;
58 | export const COMMON = 3340296461;
59 |
60 | export const XBOX = 1;
61 | export const PLAYSTATION = 2;
62 | export const PC_STEAM = 3;
63 | export const PC_BLIZZARD = 4;
64 | export const TIGERDEMON = 10;
65 | export const BUNGIENEXT = 254;
66 |
67 | export const KINETIC = 3373582085;
68 | export const VOID = 3454344768;
69 | export const SOLAR = 1847026933;
70 | export const ARC = 2303181850;
71 |
72 | export const STAT_RECOVERY = 1943323491;
73 | export const STAT_RESILIENCE = 392767087;
74 | export const STAT_MOBILITY = 2996146975;
75 | export const STAT_POWER = 1935470627;
76 |
77 | export const NUMERICAL_STATS = [4284893193, 3871231066, 2961396640];
78 | export const STAT_BLACKLIST = [
79 | 1480404414, // Attack
80 | 1935470627, // Power
81 | 3897883278, // Defense
82 | 1501155019 // Sparrow speed, always 0
83 | ];
84 |
85 | export const PLATFORMS = {
86 | [XBOX]: 'Xbox',
87 | [PLAYSTATION]: 'PlayStation',
88 | [PC_STEAM]: 'PC (Steam)',
89 | [PC_BLIZZARD]: 'PC (Battle.net)',
90 | [TIGERDEMON]: 'TigerDemon',
91 | [BUNGIENEXT]: 'BungieNext'
92 | };
93 |
94 | export const CLASSES = {
95 | [WARLOCK]: 'Warlock',
96 | [TITAN]: 'Titan',
97 | [HUNTER]: 'Hunter'
98 | };
99 |
--------------------------------------------------------------------------------
/src/views/SolsticeOfHeroes/styles.styl:
--------------------------------------------------------------------------------
1 | $green = #44bd32;
2 |
3 |
4 | .splitHeading
5 | display: flex
6 | justify-content: space-between
7 |
8 | .gearCount
9 | opacity: .8
10 |
11 | .explainer &, .loading
12 | font-size: 16px;
13 | font-family: 'nhg text'
14 | letter-spacing: .25px
15 | margin-bottom: 30px
16 |
17 | .page
18 | margin:0 30px
19 |
20 | .set
21 | border-left: 5px solid transparent
22 | padding: 0 15px
23 |
24 | &:nth-of-type(1)
25 | border-left-color: #4f76a4
26 |
27 | &:nth-of-type(2)
28 | border-left-color: #522f65
29 |
30 | &:nth-of-type(3)
31 | border-left-color: #522f65
32 |
33 |
34 | .gearMain
35 | flex: 1
36 |
37 | .heading
38 | &, *
39 | font-family: 'nhg text'
40 | letter-spacing: 1px
41 |
42 | h1&
43 | font-size: 50px
44 |
45 | h2&
46 | font-size: 35px
47 | margin-bottom: 15px
48 |
49 | h3&
50 | font-size: 14px
51 | text-transform: uppercase
52 | border-bottom: 1px solid #64686b
53 | padding-bottom: 5px
54 |
55 | .setsList
56 | display: flex
57 | flex-direction: row
58 | margin: 0 -20px
59 |
60 | @media screen and (max-width: 940px)
61 | display: block
62 |
63 | .setForClass
64 | flex: 1
65 | margin: 0 20px
66 |
67 | .gear
68 | position: relative
69 | display: flex
70 | margin-bottom: 30px
71 | line-height: 1
72 | opacity: .35
73 | transition: 200ms ease-in-out opacity
74 |
75 | &.obtained
76 | opacity: 1
77 |
78 | &.notLoggedIn
79 | opacity: .35
80 |
81 | .iconWell
82 | flex: 0
83 | margin-right: 10px
84 |
85 | .gearIcon
86 | width: 45px
87 | height: 45px
88 |
89 | .gearDescription
90 | margin: 5px 0
91 | line-height: 1.3
92 |
93 | > span
94 | font-size: .9em
95 | opacity: .75
96 |
97 | .classIcon
98 | width: 1.75em
99 | height: 1.75em
100 | // vertical-align: middle
101 | margin-right: 8px
102 | object-fit: cover
103 |
104 | &:global(.Warlock)
105 | height: 10px
106 |
107 | &:global(.Hunter)
108 | height: 13px
109 |
110 | &:global(.Titan)
111 | height: 13px
112 |
113 | .objectives
114 | margin-top: 10px
115 | font-size: 14px
116 |
117 | ._baseTick
118 | display: inline-block
119 | line-height: 1
120 | text-align: center
121 | background: $green
122 | border-radius: 50%
123 | font-size: 12px
124 | padding: 3px
125 | width: 18px
126 | height: 18px
127 |
128 | .inlineTick
129 | composes: _baseTick
130 | transform: scale(.8)
131 | margin-right: .5em
132 |
133 | .tick
134 | composes: _baseTick
135 | position: absolute
136 | top: -5px
137 | left: @top
138 |
139 | // .partiallyCompleted &
140 | // width: 16px
141 | // height: 16px
142 | // border: 2px solid $green
143 | // background: desaturate($green, 20%)
144 |
145 | // svg
146 | // position: relative
147 | // top: -3px
148 | // left: -3px
149 |
150 | .dismantled &
151 | background: #7f8fa6
152 |
153 | .checklisted &
154 | background: #3c94ff
155 |
156 | .toggleButton
157 | background: none
158 | border-radius: 2px
159 | border: 2px solid rgba(white, .7)
160 | appearance: none
161 | color: rgba(white, .9)
162 | font-size: 14px
163 | padding: 3px 10px
164 |
--------------------------------------------------------------------------------
/src/setData/common/yearOneRaids.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | export const RAID_LEVIATHAN_WEAPONS = [
4 | 2505533224,
5 | 3325744914,
6 | 3906942101,
7 | 1128225405,
8 | 3954531357,
9 | 3380742308,
10 | 3691881271,
11 | 1018072983
12 | ];
13 |
14 | export const RAID_LEVIATHAN_ARMOR_HUNTER = [
15 | 641933202,
16 | 1108389627,
17 | 2232730709,
18 | 3853397101,
19 | 1354679720
20 | ];
21 | export const RAID_LEVIATHAN_ARMOR_TITAN = [
22 | 2913992254,
23 | 2183861871,
24 | 3292127945,
25 | 2758465169,
26 | 311429764
27 | ];
28 | export const RAID_LEVIATHAN_ARMOR_WARLOCK = [
29 | 618662449,
30 | 3530284424,
31 | 1230192768,
32 | 336656482,
33 | 581908797
34 | ];
35 |
36 | export const RAID_LEVIATHAN_ARMOR_PRESTIGE_HUNTER = [
37 | 2013109093,
38 | 1960303676,
39 | 407863746,
40 | 30962014,
41 | 3984534843
42 | ];
43 | export const RAID_LEVIATHAN_ARMOR_PRESTIGE_TITAN = [
44 | 1413589587,
45 | 1879942842,
46 | 1876645652,
47 | 288406316,
48 | 574137193
49 | ];
50 | export const RAID_LEVIATHAN_ARMOR_PRESTIGE_WARLOCK = [
51 | 2700598110,
52 | 2676042151,
53 | 3592548939,
54 | 2193494689,
55 | 3763332442
56 | ];
57 |
58 | //
59 | // RAID LAIR 1 - Eater of Worlds
60 | //
61 | export const RAID_EOW_WEAPONS = [
62 | 3886263130, // I Am Alive
63 | 2707464805 // Zenith of Your Kind
64 | ];
65 |
66 | export const RAID_EOW_ARMOR_HUNTER = [
67 | 781488881,
68 | 3693007688,
69 | 4240859456,
70 | 75025442,
71 | 3168014845
72 | ];
73 | export const RAID_EOW_ARMOR_TITAN = [
74 | 3731175213,
75 | 88873628,
76 | 2938125956,
77 | 3386768934,
78 | 3681852889
79 | ];
80 | export const RAID_EOW_ARMOR_WARLOCK = [
81 | 161336786,
82 | 627690043,
83 | 1877424533,
84 | 3331120813,
85 | 574916072
86 | ];
87 |
88 | export const RAID_EOW_ORNAMENTS_HUNTER = [
89 | 3346055334,
90 | 2519280691,
91 | 3179514973,
92 | 2899660517,
93 | 1928662068
94 | ];
95 | export const RAID_EOW_ORNAMENTS_TITAN = [
96 | 3036703920,
97 | 3093970453,
98 | 2380365371,
99 | 1815512839,
100 | 3991114670
101 | ];
102 | export const RAID_EOW_ORNAMENTS_WARLOCK = [
103 | 1397648181,
104 | 1575703224,
105 | 3163954768,
106 | 4135965162,
107 | 2837735361
108 | ];
109 |
110 | //
111 | // RAID LAIR 2 - Spire of Stars
112 | //
113 | export const RAID_SOS_WEAPONS = [2084611899, 4288031461];
114 |
115 | export const RAID_SOS_ARMOR_HUNTER = [
116 | 3518692432,
117 | 3316476193,
118 | 813277303,
119 | 91896851,
120 | 2475562438
121 | ];
122 | export const RAID_SOS_ARMOR_TITAN = [
123 | 1178920188,
124 | 2575374197,
125 | 2295412715,
126 | 4151496279,
127 | 1035112834
128 | ];
129 | export const RAID_SOS_ARMOR_WARLOCK = [
130 | 2305801487,
131 | 165966230,
132 | 4213777114,
133 | 1378348656,
134 | 3862230571
135 | ];
136 |
137 | export const RAID_SOS_ORNAMENTS_HUNTER = [
138 | 215292674,
139 | 3849801323,
140 | 385347493,
141 | 646591613,
142 | 3802263800
143 | ];
144 | export const RAID_SOS_ORNAMENTS_TITAN = [
145 | 3188290238,
146 | 2458159855,
147 | 17582153,
148 | 3032763153,
149 | 1331851268
150 | ];
151 | export const RAID_SOS_ORNAMENTS_WARLOCK = [
152 | 3909176373,
153 | 2543545988,
154 | 3439095932,
155 | 4091208110,
156 | 430065393
157 | ];
158 |
--------------------------------------------------------------------------------
/src/components/ItemBanner/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import cx from 'classnames';
3 |
4 | import Icon from 'app/components/Icon';
5 |
6 | import {
7 | EMBLEM,
8 | LEGENDARY,
9 | EXOTIC,
10 | UNCOMMON,
11 | RARE,
12 | COMMON,
13 | TITAN,
14 | HUNTER,
15 | WARLOCK
16 | } from 'app/lib/destinyEnums';
17 |
18 | import styles from './styles.styl';
19 |
20 | const TIER_STYLE = {
21 | [EXOTIC]: styles.exotic,
22 | [LEGENDARY]: styles.legendary,
23 | [UNCOMMON]: styles.common,
24 | [RARE]: styles.rare,
25 | [COMMON]: styles.basic
26 | };
27 |
28 | const CLASS_TYPE = {
29 | [TITAN]: 'Titan',
30 | [HUNTER]: 'Hunter',
31 | [WARLOCK]: 'Warlock'
32 | };
33 |
34 | // TODO: not localised properly
35 | const WEAPON_SLOT = {
36 | 1498876634: 'Kinetic',
37 | 2465295065: 'Energy',
38 | 953998645: 'Power'
39 | };
40 |
41 | export default function ItemBanner({ className, item, displayItem, onClose }) {
42 | const {
43 | inventory,
44 | classType,
45 | itemTypeName,
46 | itemTypeDisplayName,
47 | itemCategoryHashes,
48 | secondaryIcon,
49 | backgroundColor
50 | } = item;
51 |
52 | const { displayProperties } = displayItem || item;
53 |
54 | const tier = inventory.tierTypeHash;
55 | const isEmblem = (itemCategoryHashes || []).includes(EMBLEM);
56 | const showEmblem = secondaryIcon && isEmblem;
57 | const icon = displayProperties.icon || '/img/misc/missing_icon_d2.png';
58 | const weaponSlot =
59 | item.equippingBlock &&
60 | WEAPON_SLOT[item.equippingBlock.equipmentSlotTypeHash];
61 |
62 | const { red, green, blue } = backgroundColor || {};
63 |
64 | return (
65 |
73 |
79 |
80 |
81 |
82 |
83 | {(() => {
84 | if (item.hash === '1386601612' || item.hash === 1386601612) {
85 | debugger;
86 | }
87 | return displayProperties.name;
88 | })()}
89 |
90 | {onClose && (
91 |
92 |
95 |
96 | )}
97 |
98 |
99 | {item.redacted ? (
100 |
101 | Classified item
102 |
103 | ) : (
104 |
105 | {' '}
106 | {CLASS_TYPE[classType]} {itemTypeName || itemTypeDisplayName}{' '}
107 | {weaponSlot && ` - ${weaponSlot}`}
108 |
109 | )}
110 |
{inventory.tierTypeName}
111 |
112 |
113 |
34 | {trackedRecords.length ? (
35 |
36 | ) : null}
37 |
38 |
43 |
44 |
48 |
53 |
bc.id).join('/')}`}
57 | />
58 |
64 |
65 |
Total score
66 |
{score}
67 |
68 |
69 |
70 | {breadcrumbs.map(crumb => (
71 |
72 |
76 | {crumb.node ? crumb.node.displayProperties.name : crumb.id}
77 |
78 |
79 | ))}
80 |
81 |
82 | {view}
83 |
53 | {plug.plugObjectives.map((objective, index3) => {
54 | const objectiveDef = objectiveDefs[objective.objectiveHash];
55 | return (
56 | -
57 | {objectiveDef.progressDescription} {objective.progress || 0} /{' '}
58 | {objectiveDef.completionValue}
59 |
60 | );
61 | })}
62 |
63 | )}
64 |
65 |
66 | );
67 | }
68 |
69 | function Socket({ socket, itemDefs, objectiveDefs }) {
70 | const plugItem = itemDefs[socket.plugHash];
71 |
72 | if (!plugItem) {
73 | return ;
74 | }
75 |
76 | return (
77 |
78 |
79 |
83 |
84 | {plugItem.displayProperties.name}
85 |
86 |
87 | {socket.reusablePlugs && (
88 |
89 | {socket.reusablePlugs.map((plug, index) => (
90 |
96 | ))}
97 |
98 | )}
99 |
100 | );
101 | }
102 |
103 | export default function SocketDebug({ instances, itemDefs, objectiveDefs }) {
104 | return (
105 |
106 | {instances &&
107 | instances.map(instance => {
108 | return (
109 |
110 |
111 | {instance.$sockets.map((socket, index) => (
112 |
118 | ))}
119 |
120 |
121 | );
122 | })}
123 |
24 |
25 |
26 | {node.displayProperties.icon && (
27 |
28 |
32 |
33 | )}
34 |
35 |
{node.displayProperties.name}
36 |
37 |
38 |
39 | {node.children.presentationNodes.length > 0 && (
40 |
43 | {node.children.presentationNodes.map(
44 | ({ presentationNodeHash }) =>
45 | showChildren ? (
46 |
53 | ) : (
54 |
59 |
60 |
61 | )
62 | )}
63 |
64 | )}
65 |
66 | {node.children.records.length > 0 && (
67 |
68 | {node.children.records.map(({ recordHash }) => (
69 |
70 | ))}
71 |
72 | )}
73 |
25 |
26 |
27 |
28 | {node.displayProperties && node.displayProperties.icon && (
29 |
30 |
31 |
32 | )}
33 |
34 |
35 |
{node.displayProperties.name}
36 |
37 | {childRecordsCompleted} / {totalChildRecords}
38 |
39 |
40 |
41 |
52 |