Allah

2

is it wrong?

1

yes i meant separate instance also we just have to put this, dark souls wiki also uses it

You don’t need to rewrite the whole page—just inject the pieces for Socket .io and your chat UI where indicated. Here’s exactly what to add or change in existing HTML (THIS PAGE):

1. Include Socket.IO on the client

Find the closing </head> tag and just before it insert:

 html

    
  <!-- Socket.IO client library (served automatically by your server) -->
  <script src="/socket.io/socket.io.js"></script>
  <!-- Optional: simple styles for the chat box -->
  <style>
    #chat-container {
      position: fixed;
      bottom: 0;
      right: 0;
      width: 300px;
      max-height: 400px;
      background: white;
      border: 1px solid #ccc;
      display: flex;
      flex-direction: column;
      font-family: sans-serif;
      z-index: 1000;
    }
    #chat-messages {
      flex: 1;
      overflow-y: auto;
      padding: 8px;
    }
    #chat-form {
      display: flex;
      border-top: 1px solid #eee;
    }
    #chat-input {
      flex: 1;
      border: none;
      padding: 8px;
    }
    #chat-send {
      border: none;
      padding: 8px 12px;
      cursor: pointer;
    }
  </style>
</head>

2. Add the chat HTML

Find the closing </body> tag and just before it paste:

 html

    
  <!-- Chat widget -->
  <div id="chat-container">
    <div id="chat-messages"></div>
    <form id="chat-form">
      <input id="chat-input" autocomplete="off" placeholder="Type a message…" />
      <button type="submit" id="chat-send">Send</button>
    </form>
  </div>

3. Wire up the client-side JavaScript

Right below that (still before </body>), add:

 html

    
  <script>
    // connect using the global io() function
    const socket = io();

    const form = document.getElementById('chat-form');
    const input = document.getElementById('chat-input');
    const messages = document.getElementById('chat-messages');

    // render incoming messages
    socket.on('message', ({ from, text }) => {
      const div = document.createElement('div');
      div.textContent = from + ': ' + text;
      messages.appendChild(div);
      messages.scrollTop = messages.scrollHeight;
    });

    // on submit send to server
    form.addEventListener('submit', e => {
      e.preventDefault();
      const msg = input.value.trim();
      if (!msg) return;
      socket.emit('message', msg);
      input.value = '';
    });
  </script>
</body>
</html>

4. Ensure your server is serving this page and Socket.IO

On your Node/Express server (the same one you use to serve the Lemmy/lemm.ee front-end), you need to:

Install Socket.IO:
```
 bash
```
```
    
npm install socket.io

  
```

Hook it up to your HTTP server (roughly as in the example I shared before), making sure you share sessions so only logged-in users connect.

The minimal changes in your server.js (or equivalent) are:

js

    
const http = require('http');
const socketIO = require('socket.io');
// … your existing Express `app`

const server = http.createServer(app);
const io = socketIO(server);

// (if you have session middleware already:)
io.use((socket, next) => {
  // reuse your Express session middleware here…
  sessionMiddleware(socket.request, socket.request.res || {}, next);
});

io.on('connection', socket => {
  const user = socket.request.session.user; 
  if (!user) return socket.disconnect(true);

  socket.broadcast.emit('message', {
    from: 'SYSTEM',
    text: `${user.name} joined.`
  });

  socket.on('message', msg => {
    io.emit('message', { from: user.name, text: msg });
  });

  socket.on('disconnect', () => {
    io.emit('message', {
      from: 'SYSTEM',
      text: `${user.name} left.`
    });
  });
});

server.listen(3000);

Summary of “what changed” in your HTML

Head: added <script src="/socket.io/socket.io.js"> + minimal CSS
Body: injected a <div id="chat-container">…</div> chat widget
Footer: added a <script>…</script> block to wire up io()

With those three small patches, your existing site will host a floating chat box that’s only usable by authenticated users. Let me know if you need help wiring up the session middleware or adjusting the styles!

6

AbuTahir @lemm.ee 9mo ago

yea but do you think it will be a good idea?

AbuTahir @lemm.ee 9mo ago

Annexing is a formal legal process, it's not just creating settlements and occupying. Almost none of the West Bank has been annexed by Israel ...........................

YET

AbuTahir @lemm.ee 9mo ago

good point

2

AbuTahir @lemm.ee 9mo ago

read this by Hussein Aboubakr Mansour

2

AbuTahir @lemm.ee 9mo ago

know when to be evil? i am assuming you meant to say when do we have the right to defend ourselves?

AbuTahir @lemm.ee 9mo ago

Source: The Hindu, published August 21, 2024, citing Association for Democratic Reforms (ADR) report. Total Cases: 151 sitting MPs and MLAs in India have declared cases related to crimes against women. Rape Charges: 16 MPs/MLAs are charged with rape under IPC Section 376. Party Breakdown: Bharatiya Janata Party (BJP): 54 MPs/MLAs with cases of crimes against women. Indian National Congress: 23 MPs/MLAs with cases of crimes against women, including 5 charged with rape. Telugu Desam Party: 17 MPs/MLAs with cases of crimes against women. Data Source: Analysis of 4,809 out of 4,863 election affidavits of sitting MPs and MLAs as of August 2024.

AbuTahir @lemm.ee 9mo ago

oh shoot why didn't i think of this, this is a really good point

1

AbuTahir @lemm.ee 9mo ago

https://lemm.ee/post/64866785/20676681

AbuTahir @lemm.ee 9mo ago

do you think my list is enough?

AbuTahir @lemm.ee 9mo ago

not fully compatible with Godot in the same way that GDScript, C#, or C++ are, but it can be used with Godot

4

AbuTahir @lemm.ee 9mo ago

what's wrong with it? it just shows the most popular type

1

AbuTahir @lemm.ee 9mo ago

3

AbuTahir @lemm.ee 9mo ago

https://www.youtube.com/shorts/xFcUoFF3dIY

AbuTahir

@ Allah @lemm.ee

Posts

90
Comments

101
Joined

10 mo. ago

AbuTahir

Pakistan Council of Islamic Ideology declares bill to criminalize child marriages ‘un-Islamic’

agi graph slop, wtf does goverment collapse have to do with ai?

TIL Nearly 84% of Telangana women who participated in a survey agree with domestic violence perpetrated against them.

IDEA to make this site standout why don't you make a live chatbox for people who have logged in?

IDEA to make this site standout why don't you make a live chatbox for people who have logged in?

IDEA to make this site standout why don't you make a live chatbox for people who have logged in?

1. Include Socket.IO on the client

2. Add the chat HTML

3. Wire up the client-side JavaScript

4. Ensure your server is serving this page and Socket.IO

Summary of “what changed” in your HTML

IDEA to make this site standout why don't you make a live chatbox for people who have logged in?

Israel warns Europe that Palestine recognition may be met with West Bank annexation

Why did gandhi ask britain to seek peace with nazi germany?

We Can Win the War on Misinformation — Here’s How

Some popular sayings i combined: Evil is smart but kindness is naive, It's easy to give into evil but being Kind is hard

Tea shop owner, 58, rapes minor in UP village, arrested

List of tutorials to learn videogame development

what family type is better to have?

List of tutorials to learn videogame development

List of tutorials to learn videogame development

what family type is better to have?

NHS manager accused of fatwa death threat over 'insult to Mohammed'

NHS manager accused of fatwa death threat over 'insult to Mohammed'

Youtube comment gives advice how to run from cops is it accurate?

Apple Plans Split iPhone Launch Strategy: Pro and Foldable in Fall 2026, Standard in Spring 2027

Can Trump serve a third term as US president?

Does humanism lead to tolerance paradox?

Does humanism lead to tolerance paradox?

Pakistan rushes air defence, electronic assets forward; steps up readiness drills

Audacious terror strike at Pahalgam, 27 tourists dead. Among the dead two foreign nationals from Israel and Italy. Ten others are injured.

Pro-Palestinian groups have more demands for Democrats

Muslim advocacy group to preference Greens above Labor in some seats despite disagreement on religious freedom

Muslim Group Accuses Greg Abbott of 'Abusing Power' Over New Texas City

I can't see images from lemmy.world instance because my country has banned lemmy.world, is there any effort going on to solve this issue?