├── src ├── renderer.ts ├── screens │ └── Home │ │ ├── Home.scss │ │ └── Home.tsx ├── configs │ └── query-client.config.ts ├── index.css ├── utils │ ├── http.ts │ └── items.ts ├── components │ ├── SearchBar │ │ ├── SearchBar.scss │ │ └── SearchBar.tsx │ ├── ItemModal │ │ ├── ItemModal.scss │ │ └── ItemModal.tsx │ ├── SearchResults │ │ ├── SearchResults.scss │ │ └── SearchResults.tsx │ ├── SearchResult │ │ ├── SearchResult.scss │ │ ├── SearchResultSkeleton.tsx │ │ └── SearchResult.tsx │ └── AppBar │ │ ├── AppBar.scss │ │ └── AppBar.tsx ├── interfaces │ └── models │ │ ├── Price.ts │ │ ├── LocalizedNames.ts │ │ ├── LocalizedDescriptions.ts │ │ ├── ItemPrice.ts │ │ └── Item.ts ├── store │ └── item │ │ └── atoms.ts ├── index.html ├── App.scss ├── App.tsx ├── services │ └── items │ │ └── items.ts ├── queries │ └── items.queries.ts ├── index.tsx ├── hooks │ └── useSearch.tsx └── index.ts ├── .prettierrc ├── webpack.plugins.js ├── .editorconfig ├── assets └── entitlements.mac.plist ├── webpack.main.config.js ├── tsconfig.json ├── README.md ├── webpack.renderer.config.js ├── .eslintrc.json ├── webpack.rules.js ├── .github └── workflows │ ├── build.yml │ └── release.yml ├── LICENSE ├── .versionrc ├── .gitignore ├── CHANGELOG.md └── package.json /src/renderer.ts: -------------------------------------------------------------------------------- 1 | import './index.tsx'; 2 | -------------------------------------------------------------------------------- /src/screens/Home/Home.scss: -------------------------------------------------------------------------------- 1 | .home { 2 | display: flex; 3 | flex-direction: column; 4 | flex: 1; 5 | } 6 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 100, 3 | "singleQuote": true, 4 | "trailingComma": "all", 5 | "endOfLine": "lf" 6 | } 7 | -------------------------------------------------------------------------------- /webpack.plugins.js: -------------------------------------------------------------------------------- 1 | const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); 2 | 3 | module.exports = [new ForkTsCheckerWebpackPlugin()]; 4 | -------------------------------------------------------------------------------- /src/configs/query-client.config.ts: -------------------------------------------------------------------------------- 1 | import { QueryClient } from 'react-query'; 2 | 3 | const queryClient = new QueryClient(); 4 | 5 | export default queryClient; 6 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | trim_trailing_whitespace = true 8 | indent_size = 2 9 | indent_style = space -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, 3 | Arial, sans-serif; 4 | margin: auto; 5 | max-width: 38rem; 6 | padding: 2rem; 7 | } 8 | -------------------------------------------------------------------------------- /src/utils/http.ts: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | 3 | const http = axios.create({ 4 | baseURL: 'https://www.albion-online-data.com/api/v2/', 5 | timeout: 5000, 6 | }); 7 | 8 | export default http; 9 | -------------------------------------------------------------------------------- /src/components/SearchBar/SearchBar.scss: -------------------------------------------------------------------------------- 1 | .search-bar { 2 | display: flex; 3 | row-gap: 8px; 4 | padding: 12px; 5 | border: 1px solid #eaeaea; 6 | 7 | & > * { 8 | margin-right: 16px; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/interfaces/models/Price.ts: -------------------------------------------------------------------------------- 1 | export interface Price { 2 | city: string; 3 | quality: string; 4 | minimumSellPrice: string; 5 | minimumSellPriceDate: string; 6 | maximumBuyPrice: string; 7 | maximumBuyPriceDate: string; 8 | } 9 | -------------------------------------------------------------------------------- /src/store/item/atoms.ts: -------------------------------------------------------------------------------- 1 | import { atom } from 'recoil'; 2 | 3 | import { Item } from 'src/interfaces/models/Item'; 4 | 5 | export const selectedItem = atom({ 6 | key: 'selectedItem', 7 | default: undefined, 8 | }); 9 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Albion Online Market Inspector 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/interfaces/models/LocalizedNames.ts: -------------------------------------------------------------------------------- 1 | export interface LocalizedNames { 2 | 'EN-US': string; 3 | 'DE-DE': string; 4 | 'FR-FR': string; 5 | 'RU-RU': string; 6 | 'PL-PL': string; 7 | 'ES-ES': string; 8 | 'PT-BR': string; 9 | 'ZH-CN': string; 10 | 'KO-KR': string; 11 | } 12 | -------------------------------------------------------------------------------- /src/components/ItemModal/ItemModal.scss: -------------------------------------------------------------------------------- 1 | .wrapper { 2 | width: 800px; 3 | 4 | .title { 5 | margin-bottom: 24px; 6 | } 7 | 8 | .prices { 9 | table { 10 | margin-top: 48px; 11 | 12 | &:first-child { 13 | margin-top: 0px; 14 | } 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/interfaces/models/LocalizedDescriptions.ts: -------------------------------------------------------------------------------- 1 | export interface LocalizedDescriptions { 2 | 'EN-US': string; 3 | 'DE-DE': string; 4 | 'FR-FR': string; 5 | 'RU-RU': string; 6 | 'PL-PL': string; 7 | 'ES-ES': string; 8 | 'PT-BR': string; 9 | 'ZH-CN': string; 10 | 'KO-KR': string; 11 | } 12 | -------------------------------------------------------------------------------- /src/App.scss: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700&display=swap'); 2 | 3 | html, 4 | body, 5 | #root, 6 | .app { 7 | height: 100%; 8 | } 9 | 10 | .app { 11 | overflow: hidden; 12 | display: flex; 13 | flex-direction: column; 14 | flex: 1; 15 | } 16 | -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | import AppBar from './components/AppBar/AppBar'; 4 | import Home from './screens/Home/Home'; 5 | 6 | import './App.scss'; 7 | 8 | const App = (): React.ReactElement => { 9 | return ( 10 |
11 | 12 | 13 |
14 | ); 15 | }; 16 | 17 | export default App; 18 | -------------------------------------------------------------------------------- /src/components/SearchResults/SearchResults.scss: -------------------------------------------------------------------------------- 1 | .search-results { 2 | &::-webkit-scrollbar-track { 3 | box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 4 | background-color: #f5f5f5; 5 | } 6 | 7 | &::-webkit-scrollbar { 8 | width: 4px; 9 | background-color: #f5f5f5; 10 | } 11 | 12 | &::-webkit-scrollbar-thumb { 13 | background-color: #000000; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/interfaces/models/ItemPrice.ts: -------------------------------------------------------------------------------- 1 | export interface ItemPrice { 2 | item_id: string; 3 | city: string; 4 | quality: number; 5 | sell_price_min: number; 6 | sell_price_min_date: Date; 7 | sell_price_max: number; 8 | sell_price_max_date: Date; 9 | buy_price_min: number; 10 | buy_price_min_date: Date; 11 | buy_price_max: number; 12 | buy_price_max_date: Date; 13 | } 14 | -------------------------------------------------------------------------------- /assets/entitlements.mac.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.cs.allow-unsigned-executable-memory 6 | 7 | com.apple.security.cs.allow-jit 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/interfaces/models/Item.ts: -------------------------------------------------------------------------------- 1 | import { LocalizedDescriptions } from './LocalizedDescriptions'; 2 | import { LocalizedNames } from './LocalizedNames'; 3 | 4 | export interface Item { 5 | LocalizationNameVariable: string; 6 | LocalizationDescriptionVariable: string; 7 | LocalizedNames?: LocalizedNames; 8 | LocalizedDescriptions?: LocalizedDescriptions; 9 | Index: string; 10 | UniqueName: string; 11 | } 12 | -------------------------------------------------------------------------------- /webpack.main.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | /** 3 | * This is the main entry point for your application, it's the first file 4 | * that runs in the main process. 5 | */ 6 | entry: './src/index.ts', 7 | // Put your normal webpack config below here 8 | module: { 9 | rules: require('./webpack.rules'), 10 | }, 11 | resolve: { 12 | extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'], 13 | }, 14 | }; 15 | -------------------------------------------------------------------------------- /src/components/SearchResult/SearchResult.scss: -------------------------------------------------------------------------------- 1 | .search-result { 2 | display: flex; 3 | flex-direction: row !important; 4 | align-items: center; 5 | 6 | .item-image { 7 | height: 74px; 8 | width: 74px; 9 | 10 | img { 11 | height: 74px !important; 12 | width: 74px !important; 13 | object-fit: contain; 14 | } 15 | } 16 | 17 | .item-name { 18 | margin-left: 8px; 19 | } 20 | } 21 | 22 | .card { 23 | cursor: pointer; 24 | } 25 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": true, 3 | "compilerOptions": { 4 | "jsx": "react", 5 | "lib": ["dom", "dom.iterable", "esnext"], 6 | "allowJs": true, 7 | "module": "esnext", 8 | "skipLibCheck": true, 9 | "esModuleInterop": true, 10 | "noImplicitAny": true, 11 | "sourceMap": true, 12 | "baseUrl": ".", 13 | "outDir": "dist", 14 | "moduleResolution": "node", 15 | "resolveJsonModule": true 16 | }, 17 | "include": ["./src/**/*"] 18 | } 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | 5 | ![screenshot](https://user-images.githubusercontent.com/42527467/102617802-c9906180-414a-11eb-89a1-b85c1a5c3de2.png) 6 | 7 | ## Building 8 | 9 | - `npm install` 10 | - `npm run build` 11 | - `npm run electron-build` 12 | 13 | ## Licensing 14 | 15 | Albion Online Market Inspector licensed under the MIT License 16 | 17 | See the [LICENSE](LICENSE) file for details. 18 | -------------------------------------------------------------------------------- /webpack.renderer.config.js: -------------------------------------------------------------------------------- 1 | const rules = require('./webpack.rules'); 2 | const plugins = require('./webpack.plugins'); 3 | const path = require('path'); 4 | 5 | rules.push({ 6 | test: /\.css$/, 7 | use: [{ loader: 'style-loader' }, { loader: 'css-loader' }], 8 | }); 9 | 10 | module.exports = { 11 | module: { 12 | rules, 13 | }, 14 | plugins: plugins, 15 | resolve: { 16 | extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'], 17 | alias: { 18 | src: path.resolve(__dirname, 'src/'), 19 | }, 20 | }, 21 | }; 22 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "es6": true, 5 | "node": true 6 | }, 7 | "extends": [ 8 | "eslint:recommended", 9 | "plugin:@typescript-eslint/eslint-recommended", 10 | "plugin:@typescript-eslint/recommended", 11 | "plugin:import/recommended", 12 | "plugin:import/electron", 13 | "plugin:import/typescript" 14 | ], 15 | "parser": "@typescript-eslint/parser", 16 | "settings": { 17 | "import/resolver": { 18 | "node": { 19 | "paths": ["./"], 20 | "extensions": [".js", ".jsx", ".ts", ".tsx"] 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/services/items/items.ts: -------------------------------------------------------------------------------- 1 | import { AxiosResponse } from 'axios'; 2 | 3 | import http from 'src/utils/http'; 4 | 5 | import { Item } from 'src/interfaces/models/Item'; 6 | import { ItemPrice } from 'src/interfaces/models/ItemPrice'; 7 | 8 | export const getAllItems = (): Promise> => { 9 | return http.get( 10 | 'https://raw.githubusercontent.com/broderickhyman/ao-bin-dumps/master/formatted/items.json', 11 | ); 12 | }; 13 | 14 | export const getItemImageURL = (item: Item): string => { 15 | return `https://render.albiononline.com/v1/item/${item.UniqueName}.png`; 16 | }; 17 | 18 | export const getItemPrice = (uniqueName: string): Promise> => { 19 | return http.get(`stats/prices/${uniqueName}?qualities=1,2,3,4,5`); 20 | }; 21 | -------------------------------------------------------------------------------- /src/queries/items.queries.ts: -------------------------------------------------------------------------------- 1 | import { useQuery, UseQueryResult } from 'react-query'; 2 | 3 | import { getAllItems, getItemPrice } from 'src/services/items/items'; 4 | 5 | import { transformItemPrice } from 'src/utils/items'; 6 | 7 | import { Item } from 'src/interfaces/models/Item'; 8 | import { Price } from 'src/interfaces/models/Price'; 9 | 10 | export const useAllItems = (): UseQueryResult => 11 | useQuery(['allItems'], async () => { 12 | const { data } = await getAllItems(); 13 | 14 | return data; 15 | }); 16 | 17 | export const useItemPrices = (uniqueName: string): UseQueryResult => 18 | useQuery(['item', uniqueName, 'price'], async () => { 19 | const { data } = await getItemPrice(uniqueName); 20 | 21 | return transformItemPrice(data); 22 | }); 23 | -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { CssBaseline, GeistProvider } from '@geist-ui/react'; 4 | import { RecoilRoot } from 'recoil'; 5 | import { QueryClientProvider } from 'react-query'; 6 | import { ReactQueryDevtools } from 'react-query/devtools'; 7 | 8 | import queryClient from './configs/query-client.config'; 9 | 10 | import App from './App'; 11 | 12 | ReactDOM.render( 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | , 24 | document.getElementById('root'), 25 | ); 26 | -------------------------------------------------------------------------------- /src/components/AppBar/AppBar.scss: -------------------------------------------------------------------------------- 1 | .app-bar { 2 | position: relative; 3 | display: flex; 4 | justify-content: space-between; 5 | 6 | background-color: #000; 7 | height: 24px; 8 | 9 | .dragable { 10 | flex: 1; 11 | -webkit-user-select: none; 12 | -webkit-app-region: drag; 13 | } 14 | 15 | .close { 16 | -webkit-user-select: auto; 17 | 18 | display: flex; 19 | align-items: center; 20 | justify-content: center; 21 | 22 | width: 24px; 23 | 24 | color: white; 25 | padding-right: 2px; 26 | padding-left: 2px; 27 | 28 | &:hover { 29 | background-color: rgb(26, 26, 26); 30 | cursor: pointer; 31 | } 32 | } 33 | 34 | .title { 35 | color: white; 36 | margin-top: 2px; 37 | margin-left: 8px; 38 | 39 | p { 40 | margin: 0; 41 | font-size: 12px; 42 | } 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /src/components/SearchResult/SearchResultSkeleton.tsx: -------------------------------------------------------------------------------- 1 | import { Card } from '@geist-ui/react'; 2 | import React from 'react'; 3 | import ContentLoader from 'react-content-loader'; 4 | 5 | import './SearchResult.scss'; 6 | 7 | const SearchResultSkeleton: React.FC = (props) => ( 8 |
9 | 10 |
11 | 20 | 21 | 22 | 23 |
24 | 25 |
26 | ); 27 | 28 | export default SearchResultSkeleton; 29 | -------------------------------------------------------------------------------- /webpack.rules.js: -------------------------------------------------------------------------------- 1 | module.exports = [ 2 | // Add support for native node modules 3 | { 4 | // We're specifying native_modules in the test because the asset relocator loader generates a 5 | // "fake" .node file which is really a cjs file. 6 | test: /native_modules\/.+\.node$/, 7 | use: 'node-loader', 8 | }, 9 | { 10 | test: /\.(m?js|node)$/, 11 | parser: { amd: false }, 12 | use: { 13 | loader: '@vercel/webpack-asset-relocator-loader', 14 | options: { 15 | outputAssetBase: 'native_modules', 16 | }, 17 | }, 18 | }, 19 | { 20 | test: /\.tsx?$/, 21 | exclude: /(node_modules|\.webpack)/, 22 | use: { 23 | loader: 'ts-loader', 24 | options: { 25 | transpileOnly: true, 26 | }, 27 | }, 28 | }, 29 | { 30 | test: /\.s[ac]ss$/i, 31 | use: [ 32 | // Creates `style` nodes from JS strings 33 | 'style-loader', 34 | // Translates CSS into CommonJS 35 | 'css-loader', 36 | // Compiles Sass to CSS 37 | 'sass-loader', 38 | ], 39 | }, 40 | ]; 41 | -------------------------------------------------------------------------------- /.github/workflows/build.yml: -------------------------------------------------------------------------------- 1 | name: Build 2 | on: [push, pull_request] 3 | 4 | jobs: 5 | build_on_linux: 6 | runs-on: ubuntu-latest 7 | steps: 8 | - uses: actions/checkout@v2 9 | - uses: actions/setup-node@master 10 | with: 11 | node-version: 16 12 | - name: Install Dependencies 13 | run: yarn --frozen-lockfile 14 | - name: Build 15 | run: yarn run make 16 | 17 | # build_on_mac: 18 | # runs-on: macos-latest 19 | # steps: 20 | # - uses: actions/checkout@v2 21 | # - uses: actions/setup-node@master 22 | # with: 23 | # node-version: 16 24 | # - name: Install Dependencies 25 | # run: yarn --frozen-lockfile 26 | # - name: Build 27 | # run: yarn run make 28 | 29 | # build_on_win: 30 | # runs-on: windows-latest 31 | # steps: 32 | # - uses: actions/checkout@v2 33 | # - uses: actions/setup-node@master 34 | # with: 35 | # node-version: 16 36 | # - name: Install Dependencies 37 | # run: yarn --frozen-lockfile 38 | # - name: Build 39 | # run: yarn run make 40 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2012-2020 Scott Chacon and others 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining 4 | a copy of this software and associated documentation files (the 5 | "Software"), to deal in the Software without restriction, including 6 | without limitation the rights to use, copy, modify, merge, publish, 7 | distribute, sublicense, and/or sell copies of the Software, and to 8 | permit persons to whom the Software is furnished to do so, subject to 9 | the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be 12 | included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /src/components/SearchResult/SearchResult.tsx: -------------------------------------------------------------------------------- 1 | import { Card } from '@geist-ui/react'; 2 | import React from 'react'; 3 | 4 | import { getItemImageURL } from 'src/services/items/items'; 5 | 6 | import './SearchResult.scss'; 7 | import { Item } from 'src/interfaces/models/Item'; 8 | 9 | type NativeProps = Omit, 'onClick'>; 10 | 11 | export interface SearchResultProps extends NativeProps { 12 | item: Item; 13 | onClick?: (item: Item) => void; 14 | } 15 | 16 | const SearchResult: React.FC = ({ 17 | item, 18 | style, 19 | onClick, 20 | }): React.ReactElement => { 21 | return ( 22 |
onClick && onClick(item)}> 23 | 24 |
25 |
26 | item 27 |
28 | 29 |
30 |
{item.LocalizedNames?.['EN-US']}
31 |
32 |
33 | 34 |
35 | ); 36 | }; 37 | 38 | export default SearchResult; 39 | -------------------------------------------------------------------------------- /src/components/AppBar/AppBar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import isElectron from 'is-electron'; 3 | import { X } from '@geist-ui/react-icons'; 4 | 5 | import './AppBar.scss'; 6 | 7 | export type AppBarProps = React.HTMLAttributes; 8 | 9 | const AppBar: React.FC = () => { 10 | const handleClosePress = () => { 11 | if (isElectron()) { 12 | const { app } = window.require('electron'); 13 | 14 | app.quit(); 15 | } 16 | }; 17 | 18 | const isMacOS = () => { 19 | if (!isElectron()) { 20 | return false; 21 | } 22 | 23 | const os = window.require('os'); 24 | 25 | return os.platform() === 'darwin'; 26 | }; 27 | 28 | if (!isElectron() || isMacOS()) { 29 | return
; 30 | } 31 | 32 | return ( 33 |
34 |
35 |
36 |

Albion Online Market Inspector

37 |
38 |
39 | 40 |
41 | 42 |
43 |
44 | ); 45 | }; 46 | 47 | export default AppBar; 48 | -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | name: Release 2 | on: 3 | push: 4 | tags: 5 | - 'v*' 6 | 7 | jobs: 8 | publish_on_linux: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v2 12 | - uses: actions/setup-node@master 13 | with: 14 | node-version: 16 15 | - name: Install Dependencies 16 | run: yarn --frozen-lockfile 17 | - name: Publish 18 | env: 19 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 20 | run: yarn run publish 21 | 22 | publish_on_mac: 23 | runs-on: macos-latest 24 | steps: 25 | - uses: actions/checkout@v2 26 | - uses: actions/setup-node@master 27 | with: 28 | node-version: 16 29 | - name: Install Dependencies 30 | run: yarn --frozen-lockfile 31 | - name: Publish 32 | env: 33 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 34 | run: yarn run publish 35 | 36 | publish_on_win: 37 | runs-on: windows-latest 38 | steps: 39 | - uses: actions/checkout@v2 40 | - uses: actions/setup-node@master 41 | with: 42 | node-version: 16 43 | - name: Install Dependencies 44 | run: yarn --frozen-lockfile 45 | - name: Publish 46 | env: 47 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 48 | run: yarn run publish 49 | -------------------------------------------------------------------------------- /.versionrc: -------------------------------------------------------------------------------- 1 | { 2 | "types": [ 3 | { 4 | "type": "chore", 5 | "section": "Others", 6 | "hidden": false 7 | }, 8 | { 9 | "type": "revert", 10 | "section": "Reverts", 11 | "hidden": false 12 | }, 13 | { 14 | "type": "feat", 15 | "section": "Features", 16 | "hidden": false 17 | }, 18 | { 19 | "type": "fix", 20 | "section": "Bug Fixes", 21 | "hidden": false 22 | }, 23 | { 24 | "type": "improvement", 25 | "section": "Feature Improvements", 26 | "hidden": false 27 | }, 28 | { 29 | "type": "docs", 30 | "section": "Docs", 31 | "hidden": false 32 | }, 33 | { 34 | "type": "style", 35 | "section": "Styling", 36 | "hidden": false 37 | }, 38 | { 39 | "type": "refactor", 40 | "section": "Code Refactoring", 41 | "hidden": false 42 | }, 43 | { 44 | "type": "perf", 45 | "section": "Performance Improvements", 46 | "hidden": false 47 | }, 48 | { 49 | "type": "test", 50 | "section": "Tests", 51 | "hidden": false 52 | }, 53 | { 54 | "type": "build", 55 | "section": "Build System", 56 | "hidden": false 57 | }, 58 | { 59 | "type": "ci", 60 | "section": "CI", 61 | "hidden": false 62 | } 63 | ] 64 | } 65 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | 9 | # Diagnostic reports (https://nodejs.org/api/report.html) 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 11 | 12 | # Runtime data 13 | pids 14 | *.pid 15 | *.seed 16 | *.pid.lock 17 | .DS_Store 18 | 19 | # Directory for instrumented libs generated by jscoverage/JSCover 20 | lib-cov 21 | 22 | # Coverage directory used by tools like istanbul 23 | coverage 24 | *.lcov 25 | 26 | # nyc test coverage 27 | .nyc_output 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # TypeScript cache 43 | *.tsbuildinfo 44 | 45 | # Optional npm cache directory 46 | .npm 47 | 48 | # Optional eslint cache 49 | .eslintcache 50 | 51 | # Optional REPL history 52 | .node_repl_history 53 | 54 | # Output of 'npm pack' 55 | *.tgz 56 | 57 | # Yarn Integrity file 58 | .yarn-integrity 59 | 60 | # dotenv environment variables file 61 | .env 62 | .env.test 63 | 64 | # parcel-bundler cache (https://parceljs.org/) 65 | .cache 66 | 67 | # next.js build output 68 | .next 69 | 70 | # nuxt.js build output 71 | .nuxt 72 | 73 | # vuepress build output 74 | .vuepress/dist 75 | 76 | # Serverless directories 77 | .serverless/ 78 | 79 | # FuseBox cache 80 | .fusebox/ 81 | 82 | # DynamoDB Local files 83 | .dynamodb/ 84 | 85 | # Webpack 86 | .webpack/ 87 | 88 | # Electron-Forge 89 | out/ 90 | dist/ 91 | -------------------------------------------------------------------------------- /src/hooks/useSearch.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import Fuse from 'fuse.js'; 3 | 4 | import { Item } from 'src/interfaces/models/Item'; 5 | import { getEnchantment, getTier } from 'src/utils/items'; 6 | 7 | const useSearch = ({ 8 | list = [], 9 | itemName, 10 | selectedEnchantment, 11 | selectedTier, 12 | }: { 13 | list: Item[] | undefined; 14 | itemName: string; 15 | selectedEnchantment: string; 16 | selectedTier: string; 17 | }): Item[] => { 18 | const fuse = React.useMemo(() => { 19 | const fuseOptions = { 20 | includeScore: true, 21 | keys: ['LocalizedNames.EN-US'], 22 | }; 23 | 24 | return new Fuse(list, fuseOptions); 25 | }, [list]); 26 | 27 | const searchResults = React.useMemo(() => { 28 | return itemName.length > 0 ? fuse.search(itemName).map((item) => item.item) : list; 29 | }, [itemName, fuse, list]); 30 | 31 | const haveNameItems = React.useMemo(() => { 32 | return searchResults.filter((item) => item.LocalizedNames?.['EN-US']); 33 | }, [searchResults]); 34 | 35 | const enchantmentSearchResults = React.useMemo(() => { 36 | return haveNameItems.filter((item) => { 37 | const itemEnchantment = getEnchantment(item); 38 | 39 | return selectedEnchantment ? Number(selectedEnchantment) === itemEnchantment : true; 40 | }); 41 | }, [haveNameItems, selectedEnchantment]); 42 | 43 | const tierSearchResults = React.useMemo(() => { 44 | return enchantmentSearchResults.filter((item) => { 45 | const itemTier = getTier(item); 46 | 47 | return selectedTier ? Number(selectedTier) === itemTier : true; 48 | }); 49 | }, [enchantmentSearchResults, selectedTier]); 50 | 51 | return tierSearchResults; 52 | }; 53 | 54 | export default useSearch; 55 | -------------------------------------------------------------------------------- /src/components/SearchResults/SearchResults.tsx: -------------------------------------------------------------------------------- 1 | import React, { memo } from 'react'; 2 | import { FixedSizeList as List } from 'react-window'; 3 | import AutoSizer from 'react-virtualized-auto-sizer'; 4 | import { uniqueId } from 'lodash'; 5 | 6 | import { Item } from 'src/interfaces/models/Item'; 7 | 8 | import SearchResult from '../SearchResult/SearchResult'; 9 | import SearchResultSkeleton from '../SearchResult/SearchResultSkeleton'; 10 | 11 | import './SearchResults.scss'; 12 | 13 | export interface SearchResultsProps extends React.HTMLAttributes { 14 | data: T[]; 15 | onItemClick: (item: T) => void; 16 | loading: boolean; 17 | } 18 | 19 | const SearchResults = React.forwardRef>( 20 | ({ data, onItemClick, loading }, ref) => { 21 | return ( 22 | <> 23 | {loading ? ( 24 | <> 25 | {Array(10) 26 | .fill(1) 27 | .map(() => ( 28 | 29 | ))} 30 | 31 | ) : ( 32 | 33 | {({ height, width }) => ( 34 | <> 35 | 43 | {({ index, style }) => ( 44 | onItemClick(data[index])} 49 | /> 50 | )} 51 | 52 | 53 | )} 54 | 55 | )} 56 | 57 | ); 58 | }, 59 | ); 60 | 61 | SearchResults.displayName = 'SearchResults'; 62 | 63 | export default memo(SearchResults); 64 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | import { app, BrowserWindow } from 'electron'; 2 | // This allows TypeScript to pick up the magic constant that's auto-generated by Forge's Webpack 3 | // plugin that tells the Electron app where to look for the Webpack-bundled app code (depending on 4 | // whether you're running in development or production). 5 | declare const MAIN_WINDOW_WEBPACK_ENTRY: string; 6 | 7 | const width = 1200; 8 | const height = 800; 9 | 10 | // Handle creating/removing shortcuts on Windows when installing/uninstalling. 11 | if (require('electron-squirrel-startup')) { 12 | // eslint-disable-line global-require 13 | app.quit(); 14 | } 15 | 16 | const createWindow = (): void => { 17 | // Create the browser window. 18 | const mainWindow = new BrowserWindow({ 19 | webPreferences: { 20 | nodeIntegration: true, 21 | contextIsolation: false, 22 | }, 23 | width, 24 | height, 25 | }); 26 | 27 | // and load the index.html of the app. 28 | mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY); 29 | 30 | // Open the DevTools. 31 | // mainWindow.webContents.openDevTools(); 32 | }; 33 | 34 | // This method will be called when Electron has finished 35 | // initialization and is ready to create browser windows. 36 | // Some APIs can only be used after this event occurs. 37 | app.on('ready', createWindow); 38 | 39 | // Quit when all windows are closed, except on macOS. There, it's common 40 | // for applications and their menu bar to stay active until the user quits 41 | // explicitly with Cmd + Q. 42 | app.on('window-all-closed', () => { 43 | if (process.platform !== 'darwin') { 44 | app.quit(); 45 | } 46 | }); 47 | 48 | app.on('activate', () => { 49 | // On OS X it's common to re-create a window in the app when the 50 | // dock icon is clicked and there are no other windows open. 51 | if (BrowserWindow.getAllWindows().length === 0) { 52 | createWindow(); 53 | } 54 | }); 55 | 56 | // In this file you can include the rest of your app's specific main process 57 | // code. You can also put them in separate files and import them here. 58 | -------------------------------------------------------------------------------- /src/components/SearchBar/SearchBar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Input, Select } from '@geist-ui/react'; 3 | 4 | import './SearchBar.scss'; 5 | 6 | export interface SearchBarProps extends React.HTMLAttributes { 7 | itemName: string; 8 | onItemNameChange: (e: React.ChangeEvent) => void; 9 | onTierChange: (value: string | string[]) => void; 10 | onEnchantmentChange: (value: string | string[]) => void; 11 | } 12 | 13 | const SearchBar: React.FC = ({ 14 | itemName, 15 | onItemNameChange, 16 | onTierChange, 17 | onEnchantmentChange, 18 | }): React.ReactElement => { 19 | return ( 20 |
21 | 29 | 30 | 41 | 42 | 54 |
55 | ); 56 | }; 57 | 58 | export default SearchBar; 59 | -------------------------------------------------------------------------------- /src/components/ItemModal/ItemModal.tsx: -------------------------------------------------------------------------------- 1 | import React, { useMemo } from 'react'; 2 | import { Badge, Loading, Modal, Table } from '@geist-ui/react'; 3 | 4 | import { useItemPrices } from 'src/queries/items.queries'; 5 | 6 | import { getEnchantment, getTier } from 'src/utils/items'; 7 | 8 | import { Item } from 'src/interfaces/models/Item'; 9 | 10 | import './ItemModal.scss'; 11 | 12 | export interface InputModalProps extends React.HTMLAttributes { 13 | open: boolean; 14 | onClose: () => void; 15 | selectedItem: Item; 16 | } 17 | 18 | const ItemModal: React.FC = ({ 19 | open, 20 | onClose, 21 | selectedItem, 22 | }): React.ReactElement => { 23 | const { data, isLoading, isError } = useItemPrices(selectedItem.UniqueName); 24 | 25 | const itemName = selectedItem.LocalizedNames?.['EN-US']; 26 | const tier = `T${getTier(selectedItem)}.${getEnchantment(selectedItem)}`; 27 | 28 | const blackMarketPrices = useMemo(() => { 29 | if (!data) { 30 | return []; 31 | } 32 | 33 | return data 34 | .filter((item) => item.city === 'Black Market') 35 | .filter((item) => item.maximumBuyPrice); 36 | }, [data]); 37 | 38 | const cityPrices = useMemo(() => { 39 | if (!data) { 40 | return []; 41 | } 42 | 43 | return data 44 | .filter((item) => item.city !== 'Black Market') 45 | .filter((item) => item.minimumSellPrice); 46 | }, [data]); 47 | 48 | if (!selectedItem) return <>; 49 | 50 | return ( 51 | 52 | 53 | {itemName} 54 | 55 | 56 | {tier} 57 | 58 | 59 | 60 | {data ? ( 61 |
62 | {cityPrices.length > 0 && ( 63 | 64 | 65 | 66 | 67 | 68 |
69 | )} 70 | 71 | {blackMarketPrices.length > 0 && ( 72 | 73 | 74 | 75 | 76 | 77 |
78 | )} 79 | 80 | {blackMarketPrices.length < 1 && cityPrices.length < 1 &&

No price available

} 81 |
82 | ) : isLoading ? ( 83 | 84 | ) : ( 85 | isError &&
error
86 | )} 87 | 88 | Close 89 | 90 | ); 91 | }; 92 | 93 | export default ItemModal; 94 | -------------------------------------------------------------------------------- /src/screens/Home/Home.tsx: -------------------------------------------------------------------------------- 1 | import { Display, Note, useModal } from '@geist-ui/react'; 2 | import React, { useEffect, useRef, useState } from 'react'; 3 | import { FixedSizeList as List } from 'react-window'; 4 | import { useRecoilState } from 'recoil'; 5 | 6 | import { selectedItem as selectedItemState } from 'src/store/item/atoms'; 7 | 8 | import ItemModal from 'src/components/ItemModal/ItemModal'; 9 | import SearchBar from 'src/components/SearchBar/SearchBar'; 10 | import SearchResults from 'src/components/SearchResults/SearchResults'; 11 | 12 | import { Item } from 'src/interfaces/models/Item'; 13 | 14 | import useSearch from 'src/hooks/useSearch'; 15 | import { useAllItems } from 'src/queries/items.queries'; 16 | 17 | import './Home.scss'; 18 | 19 | const Home = (): React.ReactElement => { 20 | const windowRef = useRef(null); 21 | 22 | const [selectedItem, setSelectedItem] = useRecoilState(selectedItemState); 23 | 24 | const [itemName, setItemName] = useState(''); 25 | const [selectedEnchantment, setSelectedEnchantment] = useState(''); 26 | const [selectedTier, setSelectedTier] = useState(''); 27 | const { setVisible, visible } = useModal(); 28 | 29 | const { data, isLoading, isError } = useAllItems(); 30 | 31 | const searchResults = useSearch({ 32 | list: data, 33 | itemName, 34 | selectedEnchantment, 35 | selectedTier, 36 | }); 37 | 38 | useEffect(() => { 39 | windowRef.current?.scrollTo(0); 40 | }, [searchResults]); 41 | 42 | const handleItemNameChange = (event: React.ChangeEvent) => { 43 | setItemName(event.currentTarget.value); 44 | }; 45 | 46 | const handleTierChange = (value: string | string[]) => { 47 | const tier = value === 'all' ? '' : value; 48 | 49 | setSelectedTier(tier as string); 50 | }; 51 | 52 | const handleEnchantmentChange = (value: string | string[]) => { 53 | const enchantment = value === 'all' ? '' : value; 54 | 55 | setSelectedEnchantment(enchantment as string); 56 | }; 57 | 58 | const handleItemClick = (item: Item) => { 59 | setSelectedItem(item); 60 | setVisible(true); 61 | }; 62 | 63 | const handleModalClose = () => { 64 | setVisible(false); 65 | }; 66 | 67 | return ( 68 |
69 | 75 | 76 | {selectedItem && ( 77 | 78 | )} 79 | 80 | {data || isLoading ? ( 81 | 87 | ) : ( 88 | isError && ( 89 | 90 | 91 | An error accured 92 | 93 | 94 | ) 95 | )} 96 |
97 | ); 98 | }; 99 | 100 | export default Home; 101 | -------------------------------------------------------------------------------- /src/utils/items.ts: -------------------------------------------------------------------------------- 1 | import * as timeago from 'timeago.js'; 2 | import moment from 'moment'; 3 | import millify from 'millify'; 4 | 5 | import { ItemPrice } from 'src/interfaces/models/ItemPrice'; 6 | import { Price } from 'src/interfaces/models/Price'; 7 | import { Item } from 'src/interfaces/models/Item'; 8 | 9 | /** 10 | * 11 | * Converts `T8_MAIN_1HCROSSBOW@3` to `3` 12 | * 13 | * @param item Item 14 | * @returns Enchantment of item 15 | */ 16 | export const getEnchantment = (item: Item): number => { 17 | const enchantment = item.UniqueName.slice(-2); 18 | 19 | const isHaveEnchantment = enchantment[0] === '@'; 20 | 21 | const enchantmentLevel = isHaveEnchantment ? Number(enchantment[1]) : 0; 22 | 23 | return enchantmentLevel; 24 | }; 25 | 26 | /** 27 | * 28 | * Converts `T8_MAIN_1HCROSSBOW@3` to `8` 29 | * 30 | * @param item Item 31 | * @returns Tier of item 32 | */ 33 | export const getTier = (item: Item): number => { 34 | const tier = item.UniqueName.substring(0, 2); 35 | 36 | const tierLevel = tier[1]; 37 | 38 | const isHaveTier = Number.isInteger(Number(tierLevel)); 39 | 40 | const itemTier = isHaveTier ? Number(tierLevel) : 0; 41 | 42 | return itemTier; 43 | }; 44 | 45 | /** 46 | * 47 | * Converts `1` to `Normal` 48 | * 49 | * @param quality number 50 | * @returns Human-readable quality 51 | */ 52 | export const itemQualityToString = (quality: number): string => { 53 | switch (quality) { 54 | case 1: 55 | return 'Normal'; 56 | 57 | case 2: 58 | return 'Good'; 59 | 60 | case 3: 61 | return 'Outstanding'; 62 | 63 | case 4: 64 | return 'Excellent'; 65 | 66 | case 5: 67 | return 'Masterpiece'; 68 | 69 | default: 70 | throw new Error('Invalid quality value'); 71 | } 72 | }; 73 | 74 | /** 75 | * 76 | * Converts from 77 | * 78 | * buy_price_max: 31000000 79 | * buy_price_max_date: "2021-11-08T08:00:00" 80 | * buy_price_min: 31000000 81 | * buy_price_min_date: "2021-11-08T08:00:00" 82 | * city: "Thetford" 83 | * item_id: "T8_OFF_LAMP_UNDEAD@3" 84 | * quality: 5 85 | * sell_price_max: 49777330 86 | * sell_price_max_date: "2021-11-08T02:50:00" 87 | * sell_price_min: 46500000 88 | * sell_price_min_date: "2021-11-08T02:50:00" 89 | * 90 | * to 91 | * 92 | * city: "Thetford" 93 | * maximumBuyPrice: "31m" 94 | * maximumBuyPriceDate: "7 hours ago" 95 | * minimumSellPrice: "46.5m" 96 | * minimumSellPriceDate: "13 hours ago" 97 | * quality: "Masterpiece" 98 | * 99 | * @param itemPrices Item prices 100 | * @returns Prices 101 | */ 102 | export const transformItemPrice = (itemPrices: ItemPrice[]): Price[] => { 103 | return itemPrices.map((item) => { 104 | const isValidDate = (date: Date) => { 105 | return moment(date).isAfter(moment('0001-01-01')); 106 | }; 107 | 108 | const transformPrice = (price: number) => { 109 | if (!price) { 110 | return ''; 111 | } 112 | 113 | return millify(price, { 114 | precision: 2, 115 | lowercase: true, 116 | }); 117 | }; 118 | 119 | const transformDate = (date: Date) => { 120 | const utcDate = moment.utc(date).toDate(); 121 | 122 | return isValidDate(date) ? timeago.format(utcDate) : ''; 123 | }; 124 | 125 | return { 126 | city: item.city, 127 | quality: itemQualityToString(item.quality), 128 | minimumSellPrice: transformPrice(item.sell_price_min), 129 | minimumSellPriceDate: transformDate(item.sell_price_min_date), 130 | maximumBuyPrice: transformPrice(item.buy_price_max), 131 | maximumBuyPriceDate: transformDate(item.buy_price_max_date), 132 | }; 133 | }); 134 | }; 135 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. 4 | 5 | ### [1.1.2](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.1.1...v1.1.2) (2022-06-27) 6 | 7 | 8 | ### Bug Fixes 9 | 10 | * react query dev tool zindex issue ([b2fdecc](https://github.com/oktaysenkan/albion-online-market-inspector/commit/b2fdecc5e5401820688b65ce7d006f0da6d79946)) 11 | 12 | 13 | ### CI 14 | 15 | * build on linux when push and pull request ([35f6e26](https://github.com/oktaysenkan/albion-online-market-inspector/commit/35f6e26f9e4a1c480914d842993439b08b8969cc)) 16 | 17 | 18 | ### Others 19 | 20 | * add dist folder to .gitignore ([426f7d0](https://github.com/oktaysenkan/albion-online-market-inspector/commit/426f7d070a50503ade2ff90b0951e0d73ca2dc14)) 21 | 22 | ### [1.1.1](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.1.0...v1.1.1) (2022-01-30) 23 | 24 | 25 | ### Build System 26 | 27 | * delete yarn.lock file ([b2459a5](https://github.com/oktaysenkan/albion-online-market-inspector/commit/b2459a5ede7ff36992b13afb03cf4f5d4ba6ebf0)) 28 | 29 | ## [1.1.0](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.0.2...v1.1.0) (2022-01-30) 30 | 31 | 32 | ### Features 33 | 34 | * add react query, implement usesearch hook ([bd1234c](https://github.com/oktaysenkan/albion-online-market-inspector/commit/bd1234c7891f51110caaf69c2f565eaa2a05e6ae)) 35 | * add release and commit scripts ([b8238aa](https://github.com/oktaysenkan/albion-online-market-inspector/commit/b8238aab1020a228b0e9d49730b987feda9226ab)) 36 | 37 | 38 | ### Bug Fixes 39 | 40 | * add executable name to packer config ([4f985a6](https://github.com/oktaysenkan/albion-online-market-inspector/commit/4f985a6a50afb0443a6b75c5ab68c31a2a4b4a7d)) 41 | 42 | 43 | ### Code Refactoring 44 | 45 | * change import order ([b5dfc25](https://github.com/oktaysenkan/albion-online-market-inspector/commit/b5dfc25d1ae059ea8643b5da8e4610d76369abb9)) 46 | 47 | 48 | ### Build System 49 | 50 | * add ci build and relase workflows ([f5fc5fd](https://github.com/oktaysenkan/albion-online-market-inspector/commit/f5fc5fde1f44fbbe362e8f501f83f671e87d9d95)) 51 | * switch to electron-forge ([af929a2](https://github.com/oktaysenkan/albion-online-market-inspector/commit/af929a244f7aaa09b65e10155edd8a38b005b4dc)) 52 | 53 | 54 | ### CI 55 | 56 | * add publisher github config ([15830b6](https://github.com/oktaysenkan/albion-online-market-inspector/commit/15830b671a30ddd1fdc2e9444a42985116ea8213)) 57 | 58 | ## [1.1.0](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.0.2...v1.1.0) (2022-01-14) 59 | 60 | 61 | ### Features 62 | 63 | * add react query, implement usesearch hook ([bd1234c](https://github.com/oktaysenkan/albion-online-market-inspector/commit/bd1234c7891f51110caaf69c2f565eaa2a05e6ae)) 64 | 65 | 66 | ### Code Refactoring 67 | 68 | * change import order ([b5dfc25](https://github.com/oktaysenkan/albion-online-market-inspector/commit/b5dfc25d1ae059ea8643b5da8e4610d76369abb9)) 69 | 70 | 71 | ### Build System 72 | 73 | * update electron version ([9109843](https://github.com/oktaysenkan/albion-online-market-inspector/commit/9109843064cf551ac178f3a5bc2c109ea31e2167)) 74 | 75 | ### [1.0.2](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.0.1...v1.0.2) (2020-12-18) 76 | 77 | 78 | ### Bug Fixes 79 | 80 | * **src/app.tsx:** appbar showing only electron ([75bc6c4](https://github.com/oktaysenkan/albion-online-market-inspector/commit/75bc6c4a78f50adaaac73a3e55c83f6612424a09)), closes [#1](https://github.com/oktaysenkan/albion-online-market-inspector/issues/1) 81 | 82 | ### [1.0.1](https://github.com/oktaysenkan/albion-online-market-inspector/compare/v1.0.0...v1.0.1) (2020-12-18) 83 | 84 | 85 | ### Docs 86 | 87 | * **license:** license is added ([9dcbe92](https://github.com/oktaysenkan/albion-online-market-inspector/commit/9dcbe926dd2b8f59632ad4b8e5e076559c890831)) 88 | * **readme:** logo, screenshot and informations are added on readme ([c894555](https://github.com/oktaysenkan/albion-online-market-inspector/commit/c894555e00ab37fac7b0cba1d931e16c1cfba662)) 89 | 90 | ## 1.0.0 (2020-12-17) 91 | 92 | 93 | ### Features 94 | 95 | * initial commit 5b7b3b2 96 | 97 | ## 0.1.0 (2020-12-17) 98 | 99 | 100 | ### Features 101 | 102 | * initial commit 83465ba 103 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "albion-online-market-inspector", 3 | "productName": "Albion Online Market Inspector", 4 | "version": "1.1.2", 5 | "description": "My Electron application description", 6 | "main": ".webpack/main", 7 | "scripts": { 8 | "start": "electron-forge start", 9 | "package": "electron-forge package", 10 | "make": "electron-forge make", 11 | "publish": "electron-forge publish", 12 | "lint": "eslint --ext .ts,.tsx .", 13 | "release": "standard-version", 14 | "commit": "git-cz" 15 | }, 16 | "keywords": [], 17 | "author": { 18 | "name": "Oktay Şenkan", 19 | "email": "oktay.senkan@gmail.com" 20 | }, 21 | "license": "MIT", 22 | "config": { 23 | "forge": { 24 | "packagerConfig": { 25 | "name": "Albion Online Market Inspector", 26 | "executableName": "albion-online-market-inspector" 27 | }, 28 | "publishers": [ 29 | { 30 | "name": "@electron-forge/publisher-github", 31 | "config": { 32 | "repository": { 33 | "owner": "oktaysenkan", 34 | "name": "albion-online-market-inspector" 35 | } 36 | } 37 | } 38 | ], 39 | "makers": [ 40 | { 41 | "name": "@electron-forge/maker-dmg", 42 | "config": { 43 | "name": "Albion Market Inspector" 44 | } 45 | }, 46 | { 47 | "name": "@electron-forge/maker-squirrel", 48 | "config": { 49 | "name": "albion_online_market_inspector" 50 | } 51 | }, 52 | { 53 | "name": "@electron-forge/maker-zip", 54 | "platforms": [ 55 | "darwin" 56 | ] 57 | }, 58 | { 59 | "name": "@electron-forge/maker-deb", 60 | "config": {} 61 | }, 62 | { 63 | "name": "@electron-forge/maker-rpm", 64 | "config": {} 65 | } 66 | ], 67 | "plugins": [ 68 | [ 69 | "@electron-forge/plugin-webpack", 70 | { 71 | "devContentSecurityPolicy": "default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;", 72 | "mainConfig": "./webpack.main.config.js", 73 | "renderer": { 74 | "config": "./webpack.renderer.config.js", 75 | "entryPoints": [ 76 | { 77 | "html": "./src/index.html", 78 | "js": "./src/renderer.ts", 79 | "name": "main_window" 80 | } 81 | ] 82 | } 83 | } 84 | ] 85 | ] 86 | }, 87 | "commitizen": { 88 | "path": "./node_modules/cz-conventional-changelog" 89 | } 90 | }, 91 | "devDependencies": { 92 | "@electron-forge/cli": "^6.0.0-beta.63", 93 | "@electron-forge/maker-deb": "^6.0.0-beta.63", 94 | "@electron-forge/maker-dmg": "^6.0.0-beta.63", 95 | "@electron-forge/maker-rpm": "^6.0.0-beta.63", 96 | "@electron-forge/maker-squirrel": "^6.0.0-beta.63", 97 | "@electron-forge/maker-zip": "^6.0.0-beta.63", 98 | "@electron-forge/plugin-webpack": "6.0.0-beta.63", 99 | "@electron-forge/publisher-github": "^6.0.0-beta.63", 100 | "@types/lodash": "^4.14.178", 101 | "@types/react": "^17.0.38", 102 | "@types/react-dom": "^17.0.11", 103 | "@types/react-virtualized-auto-sizer": "^1.0.1", 104 | "@types/react-window": "^1.8.5", 105 | "@typescript-eslint/eslint-plugin": "^5.0.0", 106 | "@typescript-eslint/parser": "^5.0.0", 107 | "@vercel/webpack-asset-relocator-loader": "1.7.0", 108 | "babel-plugin-module-resolver": "^4.1.0", 109 | "commitizen": "^4.2.4", 110 | "css-loader": "^6.0.0", 111 | "cz-conventional-changelog": "^3.3.0", 112 | "electron": "16.0.7", 113 | "eslint": "^8.0.1", 114 | "eslint-plugin-import": "^2.25.0", 115 | "fork-ts-checker-webpack-plugin": "^6.0.1", 116 | "node-loader": "^2.0.0", 117 | "sass": "^1.49.0", 118 | "sass-loader": "^12.4.0", 119 | "standard-version": "^9.3.2", 120 | "style-loader": "^3.0.0", 121 | "ts-loader": "^9.2.2", 122 | "typescript": "~4.5.4", 123 | "webpack": "^5.67.0" 124 | }, 125 | "dependencies": { 126 | "@geist-ui/react": "^2.2.5", 127 | "@geist-ui/react-icons": "^1.0.1", 128 | "axios": "^0.25.0", 129 | "electron-squirrel-startup": "^1.0.0", 130 | "fuse.js": "^6.5.3", 131 | "is-electron": "^2.2.1", 132 | "lodash": "^4.17.21", 133 | "millify": "^4.0.0", 134 | "moment": "^2.29.1", 135 | "react": "^17.0.2", 136 | "react-content-loader": "^6.1.0", 137 | "react-dom": "^17.0.2", 138 | "react-query": "^3.34.12", 139 | "react-virtualized-auto-sizer": "^1.0.6", 140 | "react-window": "^1.8.6", 141 | "recoil": "^0.5.2", 142 | "timeago.js": "^4.0.2" 143 | } 144 | } 145 | --------------------------------------------------------------------------------