DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Carlos Villavicencio
Carlos Villavicencio

Posted on

hack.chat web chat

GitHub logo hack-chat / main

a minimal, distraction-free chat application

hack.chat

hack.chat is a minimal, distraction-free, accountless, logless, disappearing chat service which is easily deployable as your own service. The current client comes bundled with LaTeX rendering provided by KaTeX and code syntax highlighting provided by highlight.js.

A list of software developed for the hack.chat framework can be found at the 3rd party software list repository. This includes bots, clients, docker containers, etc.

This is a backwards compatible continuation of the work by Andrew Belt. The server code has been updated to ES6 along with several new features including new commands and hot-reload of the commands/protocol. There is also documentation and a changelog.

Installation

Prerequisites

Developer Installation

  1. Clone the repository: git clone https://github.com/hack-chat/main.git

  2. Change the directory: cd main

  3. Install the dependencies: npm install

  4. Launch: npm start

    If you change the websocketPort option during the config setup then these changes…

Some time ago, I found this nice application, and my contribution was to provide it with a syntax highlight which is pretty nice.

Introducing syntax highlight #14

po5i avatar
po5i posted on

What's included

  • Integrated Highlight.js and some basic color schemes.
  • Added a Syntax Highlight checkbox and color chooser to the UI.
  • Beautified index.html file.
  • Make some README small changes re: launch the client.

Screenshots

image Options

image Typing a code block (the red underlines are my browser's spell checker

image How a js code looks like

image How a python code looks like

Now I visited the project page again and my name is in the Credits section. I'm really proud of myself πŸ˜…

Top comments (1)

Collapse
 
easrng profile image
easrng

Nice!

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!