Coder Social home page Coder Social logo

chatz's Introduction

Chatz

Mini web chat script for Tampermonkey (or your site)

Preparing

Create a new Tampermonkey script with the code from script.js. Then run the server.js if you don't have a permanent and run Ngrok HTTP on port 9000. Then you can use the chat.

Setting up

Visit any site. You will be asked if you want to continue with the chat. Click OK if you do. Then enter any nick, room ID to connect and its password in format NICK@ROOMID:PASS. If the room doesn't exist, it will be created automatically. If you've entered incorrect password, you won't be able to send/receive messages. Nick must be at least 4 numbers/letters, room ID - exactly 6 numbers, password - exactly 4 numbers. Click OK and enter Websocket server URL without protocols. Click OK and agree if it's correct. Then you can use the chat. Note: if you were asked again, click Cancel. Or set @match variable in the Tampermonkey script to the URL you're gonna visit, including protocol.

Usage

You can drag and drop the chat. If you've dropped it outside your browser viewport, press [=] key (equal) on your keyboard. You can send and receive messages. If you can't focus the message text box or send a message, try pressing [~] key (tilda/backquote) on your keyboard.

Other settings

If your chat is too big/small, you can change the size multiplier in the script.js. If you have a permanent Websocket server, you can set it in the script. Then you should set the variable below to true

chatz's People

Contributors

anonymouspenguin000 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.