0.1.20 • Published 3 years ago

helix-chat v0.1.20

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

Description

Frontend component created in Vue js for chat

Install

npm i helix-chat

Usage

import Vue from 'vue';
import HelixChat from "helix-chat"

Vue.use(HelixChat)
<helix-chat />

SCSS

@import "~helix-chat/src/index";

Customizable variables

$h-border-radius: 6px !default;
$h-primary-color: #25305A !default;
$h-primary-color-light: #404e81 !default;
$h-primary-color-dark: #1C2140 !default;
$h-secondary-color: #f6355e !default;
$h-white: #ffffff !default;

$h-bg-box: $h-primary-color !default;
$h-icon-header: $h-white !default;
$h-box-border-radius: 10px !default;

$h-bg-box-body: $h-primary-color-dark !default;
$h-box-body-border-radius: $h-border-radius !default;
$h-row-color: $h-white !default;
$h-row-font-size: .9rem !default;
$h-row-border-radius: $h-border-radius !default;
$h-row-bg-input-message: $h-primary-color !default;
$h-row-bg-output-message: $h-secondary-color !default;

$h-contact-list-border-radius: $h-border-radius !default;
$h-contact-list-item-bg-hover: $h-primary-color-light !default;
$h-contact-list-item-color: $h-white !default;

$h-box-user-color: $h-white !default;
$h-box-user-font-weight: bold !default;

$h-input-bg: $h-primary-color-dark !default;
$h-input-color: $h-white !default;
$h-input-placeholder-color: $h-white !default;
$h-input-placeholder-opacity: .5 !default;
$h-input-border-radius: $h-border-radius !default;

$h-floating-button-bg: $h-white !default;
$h-floating-button-bg-ping: $h-secondary-color !default;

For development

you must create two environment variables to configure the proxy .env.development

VUE_APP_BASE_URL=/auth
VUE_APP_BASE_URL_SOCKET=/socket

create or modify the vue.config.js file

module.exports = {
    devServer: {
        proxy: {
            '/auth': {
                target: 'http://localhost:8000/',
                changeOrigin: true,
                pathRewrite: {
                    '^/auth': ''
                }
            },
            '/socket': {
                target: 'ws://localhost:8000/',
                changeOrigin: true,
                pathRewrite: {
                    '^/socket': ''
                }
            }
        }
    }
}
0.1.20

3 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.17

4 years ago

0.1.16

4 years ago

0.1.13

4 years ago

0.1.14

4 years ago

0.1.15

4 years ago

0.1.12

4 years ago

0.1.10

4 years ago

0.1.11

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.9

4 years ago

0.1.6

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.5

4 years ago

0.0.12

4 years ago

0.0.13

4 years ago

0.1.0

4 years ago

0.0.11

4 years ago

0.0.10

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago