Frank's Chat

About the Chat

I am creating this page because I want to get more experience using Web Sockets. If enough messages are eventually accrued on this page, then I will also get the opportunity to implement infinite scroll as well.

How It Works:

When you first interact with the site, a random name is generated for you. This random name is generated using the unique-names-generator npm package, and it is tied to your ip address.

Chat

passing_yellow_wren

Dec 14, 24 10:3 PM

Test chat message

natural_indigo_planarian

Dec 15, 24 9:46 AM

Another test chat message

natural_indigo_planarian

Dec 15, 24 10:53 AM

Test of chat message new JavaScript

natural_indigo_planarian

Dec 15, 24 11:2 AM

Testing new JavaScript

natural_indigo_planarian

Dec 15, 24 11:6 AM

Why won't dialing open?

natural_indigo_planarian

Dec 15, 24 11:9 AM

Loading Dialog

natural_indigo_planarian

Dec 15, 24 11:10 AM

NEW TEST

sporting_plum_cattle

Dec 16, 24 2:28 AM

Testing chat message with Socket.IO

sporting_plum_cattle

Dec 16, 24 2:32 AM

Second test of sending chat message with Socket.io

sporting_plum_cattle

Dec 16, 24 2:33 AM

Third test of sending chat message with socket.io

sporting_plum_cattle

Dec 16, 24 2:35 AM

There was an error with the frontend. This should work now.

sporting_plum_cattle

Dec 16, 24 2:36 AM

I don't know why the events aren't broadcasting to all groups

sporting_plum_cattle

Dec 16, 24 2:40 AM

Testing chat to see who all is in chat room...

sporting_plum_cattle

Dec 16, 24 2:41 AM

Testing to see who all is in chat room

sporting_plum_cattle

Dec 16, 24 2:44 AM

I think I fixed the problem

sporting_plum_cattle

Dec 16, 24 2:45 AM

The chat message should be working now

sporting_plum_cattle

Dec 16, 24 2:46 AM

The chat messages should be working now

sporting_plum_cattle

Dec 16, 24 2:48 AM

For some reason there are multiple messages being sent to the other clients

sporting_plum_cattle

Dec 16, 24 2:55 AM

Hopefully last test of chat message - there were multiple event listeners added to client

democratic_beige_roundworm

Jan 9, 25 6:56 PM

New test of the chat mechanism

influential_gold_sailfish

Jan 12, 25 2:53 AM

test of the new chat message

meaningful_turquoise_rattlesnake

Feb 5, 25 9:45 PM

Testing chat messages after some updates

Rules for Chat Messages:Cannot include audio or video yet (I haven't decided how to make sure that content is safe yet).
Less than 4,000 characters.
Images must be safe.

Disconnected

About Embedding News Content

Navigate to the News Article you want to embed.
Copy the url of the article and paste into the input below.
- For a news article to be properly embedded, it must have valid <meta> tags as seen below.
- The image url must be able to be accessed from any source.

<meta property="og:type" content="article" />
<meta property="og:type" content="any string" />
<meta property="og:image" content="valid image url" />
<meta property="og:description" content="any string" />

Inserting Custom HTML:

Basics:

Double click inside the custom HTML to edit the html.
Learn about the basics of HTML using the mdn web docs on HTML.

Inserting Code Expressions:

 <dialog> below. You can generate inline code or block code, like seen below:

#include <stdio.h>

void bubble_sort(int arr[], int n) {
    int i, j;
    for (i = 0; i < n-1; i++) {
        for (j = 0; j < n-i-1; j++) {
            if (arr[j] > arr[j+1]) {
                int temp = arr[j];
                arr[j] = arr[j+1];
                arr[j+1] = temp;
            }
        }
    }
}

Inserting $\Large{LaTeX}$ Expressions:

You can insert inline:

a^2+b^2=c^2

or block math expressions (see below) by using the Math Markup dialog below the code editor.

e^{i\pi}+1=0

SVG Icon Search

You can search for svg icons () by clicking the SVG Search button below.

AI Code Generation

To be Completed

The Sanitization of HTML

Go over the sanitization of HTML process: