Finish updating branding (#26)

* remove debugging from proxy

* Removes leftover, fixed title oops

* bump for updating branding

.github/ISSUE_TEMPLATE/something-broken-in-poe2.md

@@ -0,0 +1,24 @@
+---
+name: Something Broken in PoE2
+about: Use this for things that worked in PoE 1 and do not in PoE 2
+title: "[PoE2]"
+labels: bug
+assignees: Kvan7
+
+---
+
+**Describe the problem**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem. This is very helpful for comparing the PoE1 vs 2 problems

DEVELOPING.md

@@ -11,7 +11,7 @@ Note that these 2 both depend on each other, and one cannot run without the othe
 
 The most up-to-date instructions can always be derived from CI:
 
-[.github/workflows/main.yml](https://github.com/Kvan7/Exiles-Exchange/blob/master/.github/workflows/main.yml)
+[.github/workflows/main.yml](https://github.com/Kvan7/exiled-exchange-2/blob/master/.github/workflows/main.yml)
 
 Here's what that looks like as of 2023-12-03.
 

README.md

@@ -1,16 +1,16 @@
-# ![Exalted Orb](./renderer/dist/images/exa.png) Exile's Exchange
+# ![Exalted Orb](./renderer/public/images/exa.png) Exiled Exchange 2
 
-## Moving from POE1
+## Moving from POE1/Awakened PoE Trade
 
-1. Download latest release from [releases](https://github.com/Kvan7/Exiles-Exchange/releases)
+1. Download latest release from [releases](https://github.com/Kvan7/exiled-exchange-2/releases)
   - Currently only Windows is supported
   - Only available as pre-release right now
 2. Run installer
-3. Copy `apt-data` from `%APPDATA%\awakened-poe-trade` to `%APPDATA%\Exiles-Exchange` to copy your previous settings
+3. Copy `apt-data` from `%APPDATA%\awakened-poe-trade` to `%APPDATA%\exiled-exchange-2` to copy your previous settings
   - Resulting directory structure should look like this:
-  - `%APPDATA%\Exiles-Exchange\apt-data\`
+  - `%APPDATA%\exiled-exchange-2\apt-data\`
     - `config.json`
-4. Run Exiles Exchange
+4. Run Exiled Exchange 2
 
 ## Tool showcase
 

docs/.vitepress/config.js

@@ -1,9 +1,9 @@
 import { defineConfig } from 'vitepress'
 
-const BASE = '/Exiles-Exchange/'
+const BASE = '/exiled-exchange-2/'
 
 export default defineConfig({
-  title: 'Exiles Exchange',
+  title: 'Exiled Exchange 2',
   description: 'App for price-checking items in Path of Exile 2',
   base: BASE,
   mpa: true,
@@ -22,7 +22,7 @@ export default defineConfig({
     // logo: 'TODO', https://github.com/vuejs/vitepress/issues/1401
     appVersion: '3.25.101',
     github: {
-      releasesUrl: 'https://github.com/Kvan7/Exiles-Exchange/releases'
+      releasesUrl: 'https://github.com/Kvan7/exiled-exchange-2/releases'
     },
     socialLinks: [
       {
@@ -33,7 +33,7 @@ export default defineConfig({
       {
         text: 'GitHub',
         color: '#181717',
-        link: 'https://github.com/Kvan7/Exiles-Exchange'
+        link: 'https://github.com/Kvan7/exiled-exchange-2'
       }
     ],
     sidebar: [

docs/download.md

@@ -8,15 +8,15 @@ import { useData } from 'vitepress'
 const { theme } = useData()
 </script>
 
-You can download Awakened Poe Trade here. Any other mirrors are not known
+You can download Exalted Poe Trade here. Any other mirrors are not known
 to the developer, downloading from them may be unsafe.
 
-| Download link                                                                                                                                    | Automatic updates | Startup time |
-| ------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------- | ------------ |
-| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/Exiles-Exchange-Setup-${theme.appVersion}.exe`">Windows 10+ (installer)</a> | ✔                 | Fast         |
-| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/Exiles-Exchange-${theme.appVersion}.exe`">Windows 10+ (portable)</a>        | ❌                 | Slower       |
-| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/Exiles-Exchange-${theme.appVersion}.AppImage`">Linux (AppImage)</a>         | ✔                 | n/a          |
-| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/Exiles-Exchange-${theme.appVersion}-universal.dmg`">macOS (dmg)</a>         | ❌                 | n/a          |
+| Download link                                                                                                                                      | Automatic updates | Startup time |
+| -------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ------------ |
+| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/exiled-exchange-2-Setup-${theme.appVersion}.exe`">Windows 10+ (installer)</a> | ✔                 | Fast         |
+| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/exiled-exchange-2-${theme.appVersion}.exe`">Windows 10+ (portable)</a>        | ❌                 | Slower       |
+| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/exiled-exchange-2-${theme.appVersion}.AppImage`">Linux (AppImage)</a>         | ✔                 | n/a          |
+| <a :href="`${theme.github.releasesUrl}/download/v${theme.appVersion}/exiled-exchange-2-${theme.appVersion}-universal.dmg`">macOS (dmg)</a>         | ❌                 | n/a          |
 
 Latest version is <span class="bg-gray-100 border rounded px-1">{{ theme.appVersion }}</span>
 
@@ -36,6 +36,6 @@ warnings on Windows and [macOS](https://support.apple.com/en-us/HT202491#openany
 
 No Administrator rights required, but\
 ⚠ **If you run PoE client as Admin, OS security boundaries take effect.
-In order for Exiles Exchange to have access to the PoE window, it must be started with Administrator rights.**
+In order for Exiled Exchange 2 to have access to the PoE window, it must be started with Administrator rights.**
 
 ❌ **Not compatible with "GeForce Now" or any other cloud gaming service that do not forward clipboard data.**

docs/issues.md

@@ -14,7 +14,7 @@ title: Common issues
     If Awakened works for you with DirectX11/12 renderer,
     then problem is old Vulkan drivers for sure.
 
-4. Delete `%appdata%\Exiles-Exchange`
+4. Delete `%appdata%\exiled-exchange-2`
 
     If needed, backup `apt-data` folder with your configuration inside.
 
@@ -22,7 +22,7 @@ title: Common issues
 
     Launch them later one at a time to identify **conflict**.
 
-6. Restart Exiles Exchange.
+6. Restart Exiled Exchange 2.
 
     *(don't forget to quit first, otherwise launching second instance will do nothing).*
 

docs/quick-start.md

@@ -5,7 +5,7 @@ title: Quick Start
 #### First of all, how does it work? {:style="margin-top: 0;"}
 
 When you press `Ctrl + C` Path of Exile 2 copies the item's text (under cursor, if any) to the clipboard.
-All that remains is to parse text in Exiles Exchange and show to you in a fancy way.
+All that remains is to parse text in Exiled Exchange 2 and show to you in a fancy way.
 
 ### Usage
 

exiled-exchange-2.code-workspace

@@ -25,6 +25,7 @@
       "dist/": true
     },
     "editor.tabSize": 2,
+    "editor.insertSpaces": true,
     "conventionalCommits.scopes": [
       "Update to 2"
     ]

main/electron-builder.yml

@@ -1,6 +1,6 @@
 publish:
   - "github"
-productName: "Exiles Exchange"
+productName: "Exiled Exchange 2"
 npmRebuild: false
 files:
   - "package.json"

main/package-lock.json

@@ -1,12 +1,12 @@
 {
-  "name": "Exiles-Exchange",
-  "version": "0.0.5",
+  "name": "exiled-exchange-2",
+  "version": "0.0.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "Exiles-Exchange",
-      "version": "0.0.5",
+      "name": "exiled-exchange-2",
+      "version": "0.0.9",
       "dependencies": {
         "electron-overlay-window": "3.3.0",
         "uiohook-napi": "1.5.x"
@@ -24,9 +24,6 @@
         "ini": "^5.0.0",
         "typescript": "5.6.x",
         "ws": "^8.16.0"
-      },
-      "engines": {
-        "node": ">=16"
       }
     },
     "node_modules/@develar/schema-utils": {

main/package.json

@@ -1,18 +1,20 @@
 {
-  "name": "Exiles-Exchange",
-  "version": "0.0.5",
+  "name": "exiled-exchange-2",
+  "version": "0.0.10",
   "private": true,
   "scripts": {
     "dev": "node build/script.mjs",
     "build": "tsc --noEmit && node build/script.mjs --prod",
-    "package": "electron-builder build"
+    "package": "electron-builder build",
+    "lint": "eslint src",
+    "fix": "eslint src --fix"
   },
   "author": {
-    "name": "Alexander Drozdov"
+    "name": "Garrett Parker"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/Kvan7/Exiles-Exchange.git"
+    "url": "https://github.com/Kvan7/exiled-exchange-2.git"
   },
   "main": "dist/main.js",
   "dependencies": {
@@ -32,8 +34,5 @@
     "ini": "^5.0.0",
     "typescript": "5.6.x",
     "ws": "^8.16.0"
-  },
-  "engines": {
-    "node": ">=16"
   }
 }

main/src/AppTray.ts

@@ -23,7 +23,7 @@ export class AppTray {
     }
 
     this.tray = new Tray(trayImage);
-    this.tray.setToolTip(`Exiles Exchange v${app.getVersion()}`);
+    this.tray.setToolTip(`Exiled Exchange 2 v${app.getVersion()}`);
     this.rebuildMenu();
 
     server.onEventAnyClient("CLIENT->MAIN::user-action", ({ action }) => {

main/src/proxy.ts

@@ -18,18 +18,10 @@ export class HttpProxy {
   ) {
     server.addListener('request', (req, res) => {
       if (!req.url?.startsWith('/proxy/')) return
-      
       const host = req.url.split('/', 3)[2]
-      logger.write(`Incoming request to proxy: ${req.url}`); // Log incoming request
 
       const official = PROXY_HOSTS.find(entry => entry.host === host)?.official
-      if (official === undefined) {
-        logger.write(`Host not officially supported: ${host}`);
-        return req.destroy() // Log rejection on unsupported host
-      }
-
-      // Log headers before modifying them
-      logger.write(`Incoming request headers: ${JSON.stringify(req.headers)}`);
+      if (official === undefined) return req.destroy()
       
       for (const key in req.headers) {
         if (key.startsWith('sec-') || key === 'host' || key === 'origin' || key === 'content-length') {
@@ -37,9 +29,8 @@ export class HttpProxy {
         }
       }
 
-      const url = req.url.slice('/proxy/'.length);
       const proxyReq = net.request({
-        url: 'https://' + url,
+        url: 'https://' + req.url.slice('/proxy/'.length),
         method: req.method,
         headers: {
           ...req.headers,
@@ -47,25 +38,18 @@ export class HttpProxy {
         },
         useSessionCookies: true
       })
-
       proxyReq.addListener('response', (proxyRes) => {
         const resHeaders = { ...proxyRes.headers }
-        // Log response status and headers
-        logger.write(`Proxy response status: ${proxyRes.statusCode}, status message: ${proxyRes.statusMessage}`);
-        logger.write(`Proxy response headers: ${JSON.stringify(resHeaders)}`);
-
         delete resHeaders['content-encoding']
         res.writeHead(proxyRes.statusCode, proxyRes.statusMessage, resHeaders)
         ;(proxyRes as unknown as NodeJS.ReadableStream).pipe(res)
       })
-
       proxyReq.addListener('error', (err) => {
-        logger.write(`Error during proxy request: ${err.message} (${host}); is this a network error?`);
-        res.writeHead(502, 'Bad Gateway');
-        res.end(`Proxy error: ${err.message}`);
+        logger.write(`error [cors-proxy] ${err.message} (${host})`)
+        res.destroy(err)
       })
 
-      req.pipe(proxyReq as unknown as NodeJS.WritableStream);
+      req.pipe(proxyReq as unknown as NodeJS.WritableStream)
     })
   }
-}
+}

main/src/windowing/OverlayWindow.ts

@@ -161,7 +161,7 @@ export class OverlayWindow {
         // ----------------------
         "Path of Exile 2 is running with administrator rights.\n" +
           "\n" +
-          "You need to restart Exiles Exchange with administrator rights."
+          "You need to restart Exiled Exchange 2 with administrator rights."
       );
     } else {
       this.server.sendEventTo("broadcast", {

renderer/index.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <meta name="color-scheme" content="dark">
   <link rel="icon" href="/icon.ico">
-  <title>Exiles Exchange</title>
+  <title>Exiled Exchange 2</title>
 </head>
 
 <body>

renderer/package.json

@@ -1,63 +1,63 @@
 {
-  "name": "Exiles-Exchange",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "vite",
-    "lint": "eslint --ext .ts,.vue src",
-    "lint-fix": "eslint --ext .ts,.vue src --fix",
-    "build": "vue-tsc --noEmit && vite build",
-    "make-index-files": "node src/assets/make-index-files.mjs"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "6.x.x",
-    "@sindresorhus/fnv1a": "^3.0.0",
-    "@vueuse/core": "^11.0.0",
-    "animate.css": "^4.1.1",
-    "apexcharts": "^4.0.0",
-    "dot-prop": "9.x.x",
-    "fast-deep-equal": "^3.1.3",
-    "fastest-levenshtein": "^1.0.16",
-    "luxon": "3.x.x",
-    "neverthrow": "^8.0.0",
-    "object-hash": "^3.0.0",
-    "sockette": "^2.0.6",
-    "tailwindcss": "3.x.x",
-    "tippy.js": "^6.2.7",
-    "vue": "3.2.37",
-    "vue-i18n": "^10.0.0",
-    "vue3-apexcharts": "^1.1.1",
-    "vuedraggable": "4.1.0"
-  },
-  "devDependencies": {
-    "@types/luxon": "^3.0.0",
-    "@types/node": "^20.0.0",
-    "@types/object-hash": "^3.0.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "autoprefixer": "^10.0.2",
-    "postcss": "^8.2.14",
-    "typescript": "5.6.x",
-    "vite": "^5.0.0",
-    "vue-tsc": "^2.0.0"
-  },
-  "optionalDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
-    "eslint": "^8.21.0",
-    "eslint-config-standard-with-typescript": "^31.0.0",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-vue": "^9.1.1"
-  },
-  "postcss": {
-    "plugins": {
-      "tailwindcss/nesting": {},
-      "tailwindcss": {},
-      "autoprefixer": {}
-    }
-  },
-  "browserslist": [
-    "chrome >= 101"
-  ]
+    "name": "exiled-exchange-2",
+    "version": "0.0.0",
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "lint": "eslint --ext .ts,.vue src",
+        "lint-fix": "eslint --ext .ts,.vue src --fix",
+        "build": "vue-tsc --noEmit && vite build",
+        "make-index-files": "node src/assets/make-index-files.mjs"
+    },
+    "dependencies": {
+        "@fortawesome/fontawesome-free": "6.x.x",
+        "@sindresorhus/fnv1a": "^3.0.0",
+        "@vueuse/core": "^11.0.0",
+        "animate.css": "^4.1.1",
+        "apexcharts": "^4.0.0",
+        "dot-prop": "9.x.x",
+        "fast-deep-equal": "^3.1.3",
+        "fastest-levenshtein": "^1.0.16",
+        "luxon": "3.x.x",
+        "neverthrow": "^8.0.0",
+        "object-hash": "^3.0.0",
+        "sockette": "^2.0.6",
+        "tailwindcss": "3.x.x",
+        "tippy.js": "^6.2.7",
+        "vue": "3.2.37",
+        "vue-i18n": "^10.0.0",
+        "vue3-apexcharts": "^1.1.1",
+        "vuedraggable": "4.1.0"
+    },
+    "devDependencies": {
+        "@types/luxon": "^3.0.0",
+        "@types/node": "^20.0.0",
+        "@types/object-hash": "^3.0.0",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "autoprefixer": "^10.0.2",
+        "postcss": "^8.2.14",
+        "typescript": "5.6.x",
+        "vite": "^5.0.0",
+        "vue-tsc": "^2.0.0"
+    },
+    "optionalDependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^8.21.0",
+        "eslint-config-standard-with-typescript": "^31.0.0",
+        "eslint-plugin-import": "^2.20.2",
+        "eslint-plugin-n": "^15.0.0",
+        "eslint-plugin-promise": "^6.0.0",
+        "eslint-plugin-vue": "^9.1.1"
+    },
+    "postcss": {
+        "plugins": {
+            "tailwindcss/nesting": {},
+            "tailwindcss": {},
+            "autoprefixer": {}
+        }
+    },
+    "browserslist": [
+        "chrome >= 101"
+    ]
 }

renderer/public/data/en/app_i18n.json

@@ -269,7 +269,7 @@
     "stack": "Stack"
   },
   "settings": {
-    "title": "Settings - Exiles Exchange",
+    "title": "Settings - Exiled Exchange 2",
     "language": "Language",
     "private_league": "or Private League",
     "account_name": "Account name",

renderer/public/data/ko/app_i18n.json

@@ -266,7 +266,7 @@
     "stack": "스택"
   },
   "settings": {
-    "title": "세팅 - Exiles Exchange",
+    "title": "세팅 - Exiled Exchange 2",
     "language": "언어",
     "private_league": "개인리그",
     "account_name": "계정명",

renderer/public/data/ru/app_i18n.json

@@ -282,7 +282,7 @@
     "stack": "Стак"
   },
   "settings": {
-    "title": "Настройки - Exiles Exchange",
+    "title": "Настройки - Exiled Exchange 2",
     "language": "Язык",
     "private_league": "или Приватная лига",
     "account_name": "Имя учетной записи",

renderer/src/web/Config.ts

@@ -76,9 +76,9 @@ export async function initConfig () {
 
     // TODO
     // dialog.showErrorBox(
-    //   'Exiles Exchange - Incompatible configuration',
+    //   'Exiled Exchange 2 - Incompatible configuration',
     //   // ----------------------
-    //   'You are trying to use an older version of Exiles Exchange with a newer incompatible configuration file.\n' +
+    //   'You are trying to use an older version of Exiled Exchange 2 with a newer incompatible configuration file.\n' +
     //   'You need to install the latest version to continue using it.'
     // )
   }

renderer/src/web/overlay/LoadingAnimation.vue

@@ -4,7 +4,7 @@
     <div :class="$style.widget" v-if="show">
       <div :class="$style.box">
         <div class="py-2 px-4">
-          <div class="text-base">Exiles Exchange</div>
+          <div class="text-base">Exiled Exchange 2</div>
           <p>{{ t('app_is_ready') }}</p>
         </div>
       </div>
@@ -25,7 +25,9 @@ const show = shallowRef(false)
 Host.onEvent('MAIN->OVERLAY::overlay-attached', () => {
   if (!show.value && AppConfig().showAttachNotification) {
     show.value = true
-    setTimeout(() => { show.value = false }, 2500)
+    setTimeout(() => {
+      show.value = false
+    }, 2500)
   }
 })
 </script>
@@ -51,7 +53,7 @@ Host.onEvent('MAIN->OVERLAY::overlay-attached', () => {
 .box::before {
   position: absolute;
   content: '';
-  background: url('/images/TransferOrb.png') no-repeat top right/contain;
+  background: url('/images/exa.png') no-repeat top right/contain;
   right: 100%;
   width: 100%;
   height: 100%;

renderer/src/web/price-check/PriceCheckWindow.vue

@@ -1,23 +1,52 @@
 <template>
-  <div style="top: 0; left: 0; height: 100%; width: 100%; position: absolute;"
-    class="flex grow h-full pointer-events-none" :class="{
+  <div
+    style="top: 0; left: 0; height: 100%; width: 100%; position: absolute"
+    class="flex grow h-full pointer-events-none"
+    :class="{
       'flex-row': clickPosition === 'stash',
       'flex-row-reverse': clickPosition === 'inventory',
-    }">
-    <div v-if="!isBrowserShown" class="layout-column shrink-0" style="width: var(--game-panel);">
-    </div>
-    <div id="price-window" class="layout-column shrink-0 text-gray-200 pointer-events-auto" style="width: 28.75rem;">
+    }"
+  >
+    <div
+      v-if="!isBrowserShown"
+      class="layout-column shrink-0"
+      style="width: var(--game-panel)"
+    ></div>
+    <div
+      id="price-window"
+      class="layout-column shrink-0 text-gray-200 pointer-events-auto"
+      style="width: 28.75rem"
+    >
       <ConversionWarningBanner />
-      <AppTitleBar @close="closePriceCheck" @click="openLeagueSelection" :title="title">
-        <ui-popover v-if="stableOrbCost" trigger="click" boundary="#price-window">
+      <AppTitleBar
+        @close="closePriceCheck"
+        @click="openLeagueSelection"
+        :title="title"
+      >
+        <ui-popover
+          v-if="stableOrbCost"
+          trigger="click"
+          boundary="#price-window"
+        >
           <template #target>
-            <button><i class="fas fa-exchange-alt" /> {{ stableOrbCost }}</button>
+            <button>
+              <i class="fas fa-exchange-alt" /> {{ stableOrbCost }}
+            </button>
           </template>
           <template #content>
-            <item-quick-price class="text-base" :price="{ min: stableOrbCost, max: stableOrbCost, currency: 'chaos' }"
-              item-img="/images/divine.png" />
+            <item-quick-price
+              class="text-base"
+              :price="{
+                min: stableOrbCost,
+                max: stableOrbCost,
+                currency: 'chaos',
+              }"
+              item-img="/images/divine.png"
+            />
             <div v-for="i in 9" :key="i">
-              <div class="pl-1">{{ i / 10 }} div ⇒ {{ Math.round(stableOrbCost * i / 10) }} c</div>
+              <div class="pl-1">
+                {{ i / 10 }} div ⇒ {{ Math.round((stableOrbCost * i) / 10) }} c
+              </div>
             </div>
           </template>
         </ui-popover>
@@ -26,33 +55,61 @@
       </AppTitleBar>
       <div class="grow layout-column min-h-0 bg-gray-800">
         <background-info />
-        <check-position-circle v-if="showCheckPos" :position="checkPosition" style="z-index: -1;" />
+        <check-position-circle
+          v-if="showCheckPos"
+          :position="checkPosition"
+          style="z-index: -1"
+        />
         <template v-if="item?.isErr()">
           <ui-error-box class="m-4">
             <template #name>{{ t(item.error.name) }}</template>
             <p>{{ t(item.error.message) }}</p>
           </ui-error-box>
-          <pre class="bg-gray-900 rounded m-4 overflow-x-hidden p-2">{{ item.error.rawText }}</pre>
+          <pre class="bg-gray-900 rounded m-4 overflow-x-hidden p-2">{{
+            item.error.rawText
+          }}</pre>
         </template>
         <template v-else-if="item?.isOk()">
-          <unidentified-resolver :item="item.value" @identify="handleIdentification($event)" />
-          <checked-item v-if="isLeagueSelected" :item="item.value" :advanced-check="advancedCheck" />
+          <unidentified-resolver
+            :item="item.value"
+            @identify="handleIdentification($event)"
+          />
+          <checked-item
+            v-if="isLeagueSelected"
+            :item="item.value"
+            :advanced-check="advancedCheck"
+          />
         </template>
         <div v-if="isBrowserShown" class="bg-gray-900 px-6 py-2 truncate">
           <i18n-t keypath="app.toggle_browser_hint" tag="div">
-            <span class="bg-gray-400 text-gray-900 rounded px-1">{{ overlayKey }}</span>
+            <span class="bg-gray-400 text-gray-900 rounded px-1">{{
+              overlayKey
+            }}</span>
           </i18n-t>
         </div>
       </div>
     </div>
-    <webview v-if="isBrowserShown" ref="iframeEl" class="pointer-events-auto flex-1" width="100%" height="100%" />
+    <webview
+      v-if="isBrowserShown"
+      ref="iframeEl"
+      class="pointer-events-auto flex-1"
+      width="100%"
+      height="100%"
+    />
     <div v-else class="layout-column flex-1 min-w-0">
-      <div class="flex" :class="{
-        'flex-row': clickPosition === 'stash',
-        'flex-row-reverse': clickPosition === 'inventory'
-      }">
-        <related-items v-if="item?.isOk()" class="pointer-events-auto" :item="item.value"
-          :click-position="clickPosition" />
+      <div
+        class="flex"
+        :class="{
+          'flex-row': clickPosition === 'stash',
+          'flex-row-reverse': clickPosition === 'inventory',
+        }"
+      >
+        <related-items
+          v-if="item?.isOk()"
+          class="pointer-events-auto"
+          :item="item.value"
+          :click-position="clickPosition"
+        />
         <rate-limiter-state class="pointer-events-auto" />
       </div>
     </div>
@@ -81,7 +138,11 @@ import ItemQuickPrice from '@/web/ui/ItemQuickPrice.vue'
 import { PriceCheckWidget, WidgetManager } from '../overlay/interfaces'
 import ConversionWarningBanner from '../conversion-warn-banner/ConversionWarningBanner.vue'
 
-type ParseError = { name: string; message: string; rawText: ParsedItem['rawText'] }
+type ParseError = {
+  name: string;
+  message: string;
+  rawText: ParsedItem['rawText'];
+};
 
 export default defineComponent({
   components: {
@@ -122,9 +183,13 @@ export default defineComponent({
       if (Host.isElectron && !e.focusOverlay) {
         // everything in CSS pixels
         const width = 28.75 * AppConfig().fontSize
-        const screenX = ((e.position.x - window.screenX) > window.innerWidth / 2)
-          ? (window.screenX + window.innerWidth) - wm.poePanelWidth.value - width
-          : window.screenX + wm.poePanelWidth.value
+        const screenX =
+          e.position.x - window.screenX > window.innerWidth / 2
+            ? window.screenX +
+              window.innerWidth -
+              wm.poePanelWidth.value -
+              width
+            : window.screenX + wm.poePanelWidth.value
         MainProcess.sendEvent({
           name: 'OVERLAY->MAIN::track-area',
           payload: {
@@ -146,13 +211,18 @@ export default defineComponent({
       checkPosition.value = e.position
       advancedCheck.value = e.focusOverlay
 
-      item.value = (e.item ? ok(e.item as ParsedItem) : parseClipboard(e.clipboard))
-        .andThen(item => (
-          (item.category === ItemCategory.HeistContract && item.rarity !== ItemRarity.Unique) ||
-          (item.category === ItemCategory.Sentinel && item.rarity !== ItemRarity.Unique))
-          ? err('item.unknown')
-          : ok(item))
-        .mapErr(err => ({
+      item.value = (
+        e.item ? ok(e.item as ParsedItem) : parseClipboard(e.clipboard)
+      )
+        .andThen((item) =>
+          (item.category === ItemCategory.HeistContract &&
+            item.rarity !== ItemRarity.Unique) ||
+          (item.category === ItemCategory.Sentinel &&
+            item.rarity !== ItemRarity.Unique)
+            ? err('item.unknown')
+            : ok(item)
+        )
+        .mapErr((err) => ({
           name: `${err}`,
           message: `${err}_help`,
           rawText: e.clipboard
@@ -171,14 +241,17 @@ export default defineComponent({
       wm.hide(props.config.wmId)
     })
 
-    watch(() => props.config.wmWants, (state) => {
-      if (state === 'hide') {
-        closeBrowser()
+    watch(
+      () => props.config.wmWants,
+      (state) => {
+        if (state === 'hide') {
+          closeBrowser()
+        }
       }
-    })
+    )
 
     const leagues = useLeagues()
-    const title = computed(() => leagues.selectedId.value || 'Exiles Exchange')
+    const title = computed(() => leagues.selectedId.value || 'Exiled Exchange 2')
     const stableOrbCost = computed(() => (xchgRate.value) ? Math.round(xchgRate.value) : null)
     const isBrowserShown = computed(() => props.config.wmFlags.includes('has-browser'))
     const overlayKey = computed(() => AppConfig().overlayKey)

renderer/src/web/settings/about.vue

@@ -2,12 +2,12 @@
   <div class="p-2 flex flex-col h-full items-center">
     <div class="flex flex-col items-center p-2 mb-4">
       <img class="w-12 h-12" src="/images/TransferOrb.png">
-      <p class="text-base">Exiles Exchange</p>
+      <p class="text-base">Exiled Exchange 2</p>
       <p class="">{{ t('app.version', [version]) }}</p>
       <div class="flex gap-2">
-        <a class="border-b" href="https://github.com/Kvan7/Exiles-Exchange/releases" target="_blank">{{
+        <a class="border-b" href="https://github.com/Kvan7/exiled-exchange-2/releases" target="_blank">{{
           t('app.release_notes') }}</a>
-        <a class="border-b" href="https://github.com/Kvan7/Exiles-Exchange/issues" target="_blank">{{
+        <a class="border-b" href="https://github.com/Kvan7/exiled-exchange-2/issues" target="_blank">{{
           t('app.report_bug') }}</a>
       </div>
     </div>
@@ -43,7 +43,7 @@ function checkForUpdates () {
 }
 
 function openDownloadPage () {
-  window.open('https://github.com/Kvan7/Exiles-Exchange/releases')
+  window.open('https://github.com/Kvan7/exiled-exchange-2/releases')
 }
 
 function quitAndInstall () {
@@ -67,19 +67,50 @@ export default defineComponent({
       const rawInfo = Host.updateInfo.value
       switch (rawInfo.state) {
         case 'initial':
-          return { str1: t('updates.maybe_outdated'), str2: t('updates.never_checked'), action: checkForUpdates, actionText: t('updates.check_now') }
+          return {
+            str1: t('updates.maybe_outdated'),
+            str2: t('updates.never_checked'),
+            action: checkForUpdates,
+            actionText: t('updates.check_now')
+          }
         case 'checking-for-update':
           return { str1: t('updates.checking'), str2: t('please_wait') }
         case 'update-not-available':
-          return { str1: t('updates.latest'), str2: t('updates.last_checked', [fmtTime(rawInfo.checkedAt)]), action: checkForUpdates, actionText: t('updates.check_now') }
+          return {
+            str1: t('updates.latest'),
+            str2: t('updates.last_checked', [fmtTime(rawInfo.checkedAt)]),
+            action: checkForUpdates,
+            actionText: t('updates.check_now')
+          }
         case 'error':
-          return { str1: t('updates.maybe_outdated'), str2: t('updates.error'), action: openDownloadPage, actionText: t('updates.downloads_page') }
+          return {
+            str1: t('updates.maybe_outdated'),
+            str2: t('updates.error'),
+            action: openDownloadPage,
+            actionText: t('updates.downloads_page')
+          }
         case 'update-downloaded':
-          return { str1: t('updates.available', [rawInfo.version]), str2: t('updates.installed_on_exit'), action: quitAndInstall, actionText: t('updates.install_now') }
+          return {
+            str1: t('updates.available', [rawInfo.version]),
+            str2: t('updates.installed_on_exit'),
+            action: quitAndInstall,
+            actionText: t('updates.install_now')
+          }
         case 'update-available':
-          return (rawInfo.noDownloadReason)
-            ? { str1: t('updates.available', [rawInfo.version]), str2: (rawInfo.noDownloadReason === 'not-supported') ? t('updates.download_manually') : t('updates.download_disabled'), action: openDownloadPage, actionText: t('updates.downloads_page') }
-            : { str1: t('updates.available', [rawInfo.version]), str2: t('updates.downloading') }
+          return rawInfo.noDownloadReason
+            ? {
+                str1: t('updates.available', [rawInfo.version]),
+                str2:
+                  rawInfo.noDownloadReason === 'not-supported'
+                    ? t('updates.download_manually')
+                    : t('updates.download_disabled'),
+                action: openDownloadPage,
+                actionText: t('updates.downloads_page')
+              }
+            : {
+                str1: t('updates.available', [rawInfo.version]),
+                str2: t('updates.downloading')
+              }
       }
     })
 

testUpdate.sh

@@ -0,0 +1,22 @@
+#!/bin/bash
+
+# Remove ./renderer/dist if it exists
+rm -rf ./renderer/dist
+
+# Remove ./main/dist if it exists
+rm -rf ./main/dist
+
+cd ./renderer
+
+npm install
+npm run make-index-files
+npm run build
+cd ..
+
+cd ./main
+
+npm install
+npm run build
+npm run package
+
+