@rah-emil/fake-chat
TypeScript icon, indicating that this package has built-in type declarations

3.0.1 • Public • Published

Fake-chat

npm bundle size YouTube Channel Subscribers npm GitHub GitHub issues

Introduction

Overview

JavaScript / TypeScript plugin for posting messages in your html code. It's project just for fun, for me

Features

  • posting messages with a selected delay

Installation

NPM

To install fake-chat using npm, run the following command in your project's terminal:

npm install @rah-emil/fake-chat

CDN (jsDelivr)

You can also include fake-chat directly in your HTML file using a CDN like jsDelivr:

Add the following script tag to your HTML file:

<script src="https://cdn.jsdelivr.net/npm/@rah-emil/fake-chat@3.0.1/dist/fake-chat.umd.js"></script>

Replace 3.0.1 with the version you want to use. You can find the latest version on the npm package page.

Basic Usage

The plugin has typescript support!

// or window.FakeChat, if you use UMD
import FakeChat from 'fake-chat';

// Select the container element
const chat = document.querySelector('#fake_chat');

// Define your chat options
const chatOptions = {
  // "afterbegin" | "afterend" | "beforebegin" | "beforeend" (default value)
  position: 'beforeend',
  messages: [
    { text: 'Hello!', delay: 1000 },
    { text: 'How are you?', delay: 1500 },
    // Add more messages as needed
  ],
};

// Create an instance of FakeChat and initialize it
const fakeChat = new FakeChat(chat, chatOptions);
fakeChat.init(); // async function

Package Sidebar

Install

npm i @rah-emil/fake-chat

Weekly Downloads

0

Version

3.0.1

License

MIT

Unpacked Size

7.8 kB

Total Files

7

Last publish

Collaborators

  • rah-emil