matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New ConverseJS entry point. Using it to add custom CSS.

Browse Source
This commit is contained in:
John Livingston 2021-11-08 19:39:51 +01:00
parent f9ec433502
commit 65845fe9f6
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
conversejs/custom/entry.js Normal file
View File

@ -0,0 +1,3 @@
import '../src/entry.js'
import './sass/livechat.scss'
export * from '../src/entry.js'

4
conversejs/custom/sass/livechat.scss Normal file
View File

@ -0,0 +1,4 @@
body.livechat-iframe #conversejs .chat-head {
// Hidding the chat-head when the plugin is displayed in an iframe.
display: none;
}

3
conversejs/custom/webpack.livechat.js
View File

@ -1,8 +1,9 @@
const prod = require('./webpack.prod.js') const prod = require('./webpack.prod.js')
const { merge } = require('webpack-merge') const { merge } = require('webpack-merge')
// const path = require('path') const path = require('path')
module.exports = merge(prod, { module.exports = merge(prod, {
entry: path.resolve(__dirname, 'custom/entry.js'),
resolve: { resolve: {
extensions: ['.js'], extensions: ['.js'],
alias: { alias: {

5
conversejs/index.html
View File

@ -8,11 +8,6 @@
<link type="text/css" rel="stylesheet" media="screen" href="{{BASE_STATIC_URL}}conversejs/converse.min.css" /> <link type="text/css" rel="stylesheet" media="screen" href="{{BASE_STATIC_URL}}conversejs/converse.min.css" />
<script type="text/javaScript" src="{{BASE_STATIC_URL}}conversejs/converse.min.js"></script> <script type="text/javaScript" src="{{BASE_STATIC_URL}}conversejs/converse.min.js"></script>
<script type="text/javascript" src="{{BASE_STATIC_URL}}static/builtin.js"></script> <script type="text/javascript" src="{{BASE_STATIC_URL}}static/builtin.js"></script>
<style type="text/css">
body.livechat-iframe #conversejs .chat-head {
display: none;
}
</style>
</head> </head>
<body class="converse-fullscreen"> <body class="converse-fullscreen">
<noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript> <noscript>You need to enable JavaScript to run the Converse.js chat app.</noscript>