dpeta/pesterchumonlinebutsilly

A static pure-JavaScript Pesterchum client (it's a bit too goofy and silly)

PesterchumOnlineButSilly

A static pure-JavaScript Pesterchum client; not to be confused with the 2014 NodeIRC/Heroku 'Pesterchum Online'!!

Pretty much the only thing I've ever made using JavaScript, so it's really not very good. Hopefully at least passably secure though; all content from the server is escaped and the live server has a fairly strict content security policy. (CSP Evaluator)

An important difference between this and previous PCO clients is that this client is fully client side and connects over a WebSocket connection, this means that:

• The hosting server only needs to serve static content.
• The hosting server won't act as a proxy, so banning a PCO user will actually ban the user instead of the PCO server like with the previous clients.

Even if this client is kinda bad; it's probably best if future online clients also use a WebSocket connection now that IRC is gaining support for it, it's better than the PCO server having to proxy all messages.

To connect to a server other than irc.pesterchum.xyz just swap out the address in src/pesterchum.js.

Local setup

Just download and open index-src.html, the site is fully static so there's no further setup :3

Setup for web server (without babel)

mkdir dist
cp src/pesterchum.js dist/pesterchum.js
cat dist/pesterchum.js | openssl dgst -sha256 -binary | openssl base64 -A

Afterwards you have to put the resulting hash of the script into the integrity fields in index.html's script/preload tags, and ideally also add it to the server's content security header.

Setup for web server (with babel)

Lets the client run on evil old browsers </3

Install dependenies.

npm install @babel/core @babel/cli @babel/preset-env browserify core-js babelify

Run source through browserify + babel, equivalent to running bundle.sh:

./node_modules/.bin/browserify src/pesterchum.js -o dist/pesterchum.js -t babelify
cat dist/pesterchum.js | openssl dgst -sha256 -binary | openssl base64 -A && echo

Then input the resulting hashes, same as the previous setup.

Contributing

Note

This section still WIP

Before sending a pull request, if you modified the /src/pesterchum.js file, please run npm run lint This will run ESLint (eslint --fix) and automatically fix problems and enforce style guidelines.

Thanks to:

All the artist collaborating with backgrounds:

• paleWreath
• AU Dave
• Caliborn (Pure art skills!)

pesterchumonlinebutsilly's Issues

[BUG] text area moving away when there is not any tab

This should be easily solved adding a fixed height to tab container

[FEATURE] background image into the chatbox

paleWreath:
thinking of making a few minimalist backgrounds with the canon signs and s***
so far just thinking of the sign and a small outline box- shown here over a few background colors with some sample text for color comparison.

[FEATURE] text show to help readability

IMac3:
Petition to add a shadow to text to improve readability
Just a lil drop-shadow(0 0 2px black)
Or white idk

probably will make it work with white/black variables

[FEATURE] custom background image support

Adding a background image to the pesterchum client like this ones from the comic replacing the dark-orange default background:

[FEATURE] gradient on background

adding a gradient option for backgrounds

[FEATURE] pesterchum time support

https://gitlab.com/mocchapi/pesterchum-info/-/blob/main/Chapters/Protocol/Protocol.md#setting-time

adding time travel feature

PESTERCHUM:TIME>P|i|FHH:MM

P|i|F stands for
P(ast)
i = current
F(uture)
HH hours
MM minutes

example:

PESTERCHUM:TIME>P05:50 -> 5:50 in the past

this ahs to be sent as message to the memo

[FEATURE] optional beep notifications

Suggested by moccha:

would be nice to be able to change when the "beep" notif sound is played, like, for every message/only mentions/none (instead of always for every message)

[BUG] Multiple bugs on the deploy

For some reasons it seems not working properly on the web version at least in chromium, it need some touchs and testing in both chromium and firefox (i just tested on firefox)
i will do it, just put the issue to track this :33

[BUG] Title not working properly

title styles are on style.css but structure is not on the html.

[DEV] Adding the ESLINT execution to packagen.json scripts and README

I will do this. just have to test it with npm and add this so we can just run
npm run eslint
to make it.
c:

[FEATURE] Silence notifications and more buttons

It would be awesome to add a Silence sounds button somewhere, also it would be great to add some buttons between memoChums and textarea for simple items like :HONK: and stuff.
Also would be great to add a button to show a modal with all pesterchum features as rol and emojis.

i didnt touched a lot of the js because it seems kinda "fragile". i'm not used to the stuff @Dpeta made (i know that only you work in this but if someone else read this wont know who is "you"). and maybe touching it for me is worst, but here is some info that may be usefull for you if you wanna to add some of this button features:

add all that buttons into a div, add to this div an identifier (class OR id, i dont need both if you want me to do the styles (i would be happpy to help!).) and then all the buttons inside, maybe with the icons taken from the smilies folder.

i think thats all. feel fre to close it and split it on multiple issues if you want! have a nice day!

[FEATURE] Theming support

Adding theming support.

something like that on the start page.

[BUG] Outer box not following zoom level on wider

seems like the outer border does not follow zoom level width

Thanks mocha!

[BUG] script loading before DOM generation.

This is going to be solved on the next update. made me lose some time but:
scripts have to be put at the end of the body, not the header, if you put it on the header then it will load BEFORE the dom and fuctions depending on dom will fail and make crashes, and when you are using modals you have to set them into the javascript to close/open them so this made it crash.

[BUG] clicking input on mobile devices zooms

this is just something default that seems to be easy to fix.

[BUG] Closing tabs dont work

closing "x" is missing since ui changed

[BUG] Problems with styles at advanced mode

Advanced mode not looking properly