PoE2Dire

KO | EN

gitlite — search

#javascript #hacktoberfest #ios #ruby #android #kotlin #wordpress #python #swift #css #gulp #html

★ 33 Open GitHub ↗

Extension to rendering Path of Exile patch notes in a Dota2-style layout.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

🇬🇧 English ·
[🇧🇷 Português](i18n/README.pt-br.md) ·
[🇷🇺 Русский](i18n/README.ru.md) ·
[🇹🇭 ไทย](i18n/README.th.md) ·
[🇩🇪 Deutsch](i18n/README.de.md) ·
[🇫🇷 Français](i18n/README.fr.md) ·
[🇪🇸 Español](i18n/README.es.md) ·
[🇯🇵 日本語](i18n/README.ja.md)

> [!NOTE]
> PoE2Dire is an unofficial fan-made project and is not affiliated with, associated with, endorsed by, or sponsored by Grinding Gear Games or Path of Exile.

# PoE2Dire

Extension for rendering Path of Exile (1 and 2) patch notes in a Dota2-style layout. 
[Based on this reddit thread](https://www.reddit.com/r/PathOfExile2/comments/1tkazjr/can_someone_explain_to_me_why_ggg_doesnt_present/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button).

[Reddit thread](https://www.reddit.com/r/PathOfExile2/comments/1toxfei/dota2_style_patch_notes_browser_extension/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button) of the extension in Path of Exile 2 sub.

The extension only injects on:

```text
https://www.pathofexile.com/forum/*
https://br.pathofexile.com/forum/*
https://ru.pathofexile.com/forum/*
https://th.pathofexile.com/forum/*
https://de.pathofexile.com/forum/*
https://fr.pathofexile.com/forum/*
https://es.pathofexile.com/forum/*
https://jp.pathofexile.com/forum/*
```

It still declares access to `poewiki.net` and `poe2wiki.net` for info lookup and assets.

Additionally, `cdn.poedb.tw` and `cdn.poe2db.tw` are used for fast icon lookup.

## How to use?

0. Install for your browser [Chrome](https://chromewebstore.google.com/detail/paekoknkbpfidmpabiikofkemegpfgnh?utm_source=item-share-cb)/[Firefox](https://addons.mozilla.org/en-US/firefox/addon/poe2dire/)
1. Go to any Path of Exile patch notes forum page ([this one is hot rn](https://www.pathofexile.com/forum/view-thread/3932540))
2. Click the PoE2Dire icon on top to activate it <img width="114" height="79" alt="image" src="https://github.com/user-attachments/assets/2b800f16-d7a4-4f35-b4cc-65940e61ee31" /> (if you don't see it, you need to pin it, use the mosaic icon, find it, click it there)
3. Done
4. You can click it again to deactivate, or simply reload.

Video example: [https://www.youtube.com/watch?v=ES66rQrVNQY](https://www.youtube.com/watch?v=ES66rQrVNQY)

## Features

- Start typeing to activate search feature, just start typing on your keyword, nothing else.
- Custom table of content - pretty and easy to use!
- Item/skills description on hover - don't remember what that unique does? Hover and see wiki description!
- Keyword description on hover - Are you new and only 5000 hours in the game? Don't worry, hover over unknown words, like "aggregated" and see full description what it means! (based on poewiki keywords page - so PoE only, PoE2 playes pls don't get too confused for now)

## Install options

> please, consider leaving a review, so more people find it!

### Install on Chrome

[Chrome WebStore](https://chromewebstore.google.com/detail/paekoknkbpfidmpabiikofkemegpfgnh?utm_source=item-share-cb)

### Install on Firefox (works for firefox mobile as well)

[Firefox Browser Add-ons Page](https://addons.mozilla.org/en-US/firefox/addon/poe2dire/)

### Install as an userscripts

> [!CAUTION]
> This is for people who know what userscripts are

I hope you already know how to install script for your monkey, you can download the `PoE2Dire.user.js` script from [GitHub Releases](https://github.com/aisatan/PoE2Dire/releases) page. Here's a video example for ViolentMonkey: [https://www.youtube.com/watch?v=cgWVGSAxoEY](https://www.youtube.com/watch?v=cgWVGSAxoEY)

> Rumor has it: "You can hyperlink to the raw .js directly in the install page.

In short, it goes like this:

1. Download `PoE2Dire.user.js` file from [GitHub Releases](https://github.com/aisatan/PoE2Dire/releases).
2. Open the `PoE2Dire.user.js` release asset.
3. Install it in your userscript manager.
4. On a Path of Exile forum patch notes page, use the userscript manager menu and click `Toggle PoE2Dire`.

I've tested this only on Firefox with Tampermonkey and ViolentMonkey, feel free to open an issue, if it's not working for you.

### Do you guys have phones?

This is for phones or browsers where you cannot/don't want to install the extension.

> [!NOTE]
> Some mobile browsers can block bookmarklet scripts, so this may not work for everyone, tested on `Android` with `Brave`. If it's not working for you, feel free to open an issue, maybe someone has a solution for your case.

> [!CAUTION]
> This will download the remote code (`https://aisatan.github.io/PoE2Dire/PoE2Dire-bookmarklet.js`) and **execute** it with your browser.
> It's not required - but I **strongly suggest** to stay safe and use the **incognito mode**.

Video installation on my phone (Brave browser):

https://github.com/user-attachments/assets/a034d803-7d16-443c-8e9b-e5f683d9e309

better quality: https://youtube.com/shorts/AmYBZYfP4YY

The phone bookmarklet loads the published single-file build from GitHub Pages:

```js
javascript:(function(){var s=document.createElement('script');s.src='https://aisatan.github.io/PoE2Dire/PoE2Dire-bookmarklet.js?poe2dire=' + Date.now();s.referrerPolicy='no-referrer';s.onerror=function(){alert('PoE2Dire failed to load. The page may block bookmarklet scripts.');};document.documentElement.appendChild(s);})();
```

How to use it:

1. Create a browser bookmark (any site will do)
2. Edit the bookmark URL and Name.
3. Paste the full `javascript:` code above as the bookmark URL.
4. Put some easy accessible name, like `0000 poe2dire`
5. Open a Path of Exile forum patch-notes page.
6. Run the bookmark (in most browsers you can write the name of the bookmark to see and activate it)

## Not working for you?

Feel free to open an issue on github, I will do my best to fix it for you, but no promises.

## Contribution

Please, feel free to ask a question, open PR, issue, or fork it if you want. 
It lacks documentation, but messy js code must be clear enough to follow. 
But, keep in mind, my decades of writing hacky js code might feel strange, cause I never actually used it to make a proper project, only scripts with jQuery.

## Support 🌠

Please, consider any of these little support options:

⭐ Leave a GitHub Star ⭐

☕ [Buy me a coffee <3](https://buymeacoffee.com/aisatan) ☕

<img width="32" height="32" alt="blender_emoji_transparent_32" src="https://github.com/user-attachments/assets/02ac03f9-3dd0-4674-8ea2-03b38e0e1f81" />[Donate to Blender Foundation](https://fund.blender.org/donate-once/)
<img width="32" height="32" alt="blender_emoji_transparent_32" src="https://github.com/user-attachments/assets/1e6fa180-211d-4658-9b4f-c549a336a75e" />

PoE2Dire

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README