131b5fa2ac
* WIP: show/hide temp downloads dropdown * WIP: Position downloads dropdown correctly under the button * WIP: Use correct width for dropdown so that right radius and shadows are displayed * WIP: Add items to download list after finished downloading * WIP: Add download item base components * Add "clear all" functionality * Use type Record<> for downloads saved in config * Add styling to files in the downloads dropdown * Open file in folder when clicking it from downloads dropdown. Center svg in parent element * Update scrollbar styling * Update scrollbar styling * Update state of downloaded items if deleted from folder * Add progress bar in downloads * Use "x-uncompressed-content-length" in file downloads. * Keep downloads open when clicking outside their browserview * Use correct color for downloads dropdown button * Add better styling to downloads dropdown button * Allow only 50 download files maximum. Oldest file is being removed if reached * Autoclose downloads dropdown after 4s of download finish * Add file thumbnails * Dont show second dialog if first dismissed * Add red badge when downloads running and dropdown closed * Add menu item for Downloads * Add support for more code file extensions * Open downloads dropdown instead of folder from the menu * Run lint:js and fix problems * Add tests for utils * Fix issue with dropdown not displaying * Remove unecessary comment * Move downloads to separate json file, outside Config * Add downloads dropdown menu for the 3-dot button * Dont show dev tools for downloads * Add cancel download functionality * Add dark mode styling * Use View state for downloadsMenu open state * Fix some style issues * Add image preview for downloaded images * Remove extra devTool in weback config * Fix issue with paths on windows * Align items left in downloads menu * Use pretty-bytes for file sizes * Show download remaining time * Close downloads dropdown when clicking outside * Show different units in received bytes when they are different from the total units (kb/mb) * Dont hide downloads when mattermost view is clicked * Keep downloads open if download button is clicked * Use closest() to check for download clicks * Fix unit tests. Add tests for new Views and downloadManager Add @types/jest as devDependency for intellisense * Remove unecessary tsconfig for jest * Fix types error * Add all critical tests for downloadsManager * WIP: add e2e tests for downloads * WIP: add e2e tests for downloads * Rename downloads spec file * WIP: make vscode debugger work for e2e tests * Remove unused mock * Remove defaults for v4 config * Use electron-mocha for e2e debugger * Fix e2e tests spawning JsonFileManager twice * Add async fs functions and add tests for download item UI * Add async fs functions and add tests for download item UI * Improve tests with "waitForSelector" to wait for visible elements * Wait for page load before assertions * Add tests for file uploads/downloads * Dont show native notification for completed downloads if dropdown is open * Increment filenames if file already exists * Fix antializing in downloads dropdown * Fix styling of downloads header * Increase dimensions of green/red icons in downloads * Fix styling of 3-dot button * Fix unit tests * Show 3-dot button only on hover or click * PR review fixes * Revert vscode debug fixes * Mock fs.constants * Mock fs instead of JsonFileManager in downlaods tests * Mock fs instead of JsonFileManager in downlaods tests * Add necessary mocks for downloads manager * Mark file as deleted if user deleted it * Fix min-height of downloads dropdown and 3-dot icon position * Add more tests * Make size of downloads dropdown dynamic based on content * Combine log statements * Close 3-dot menu if user clicks elsewhere * Move application updates inside downloads dropdown * Fix update issues * Fix ipc event payload * Add missing prop * Remove unused translations * Fix failing test * Fix version unknown * Remove commented out component
185 lines
6.2 KiB
JavaScript
185 lines
6.2 KiB
JavaScript
// Copyright (c) 2015-2016 Yuya Ochiai
|
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
// This file uses CommonJS.
|
|
/* eslint-disable import/no-commonjs */
|
|
'use strict';
|
|
|
|
const path = require('path');
|
|
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const {merge} = require('webpack-merge');
|
|
|
|
const base = require('./webpack.config.base');
|
|
|
|
const WEBSERVER_PORT = process.env.WEBSERVER_PORT ?? 9001;
|
|
|
|
module.exports = merge(base, {
|
|
entry: {
|
|
index: './src/renderer/index.tsx',
|
|
settings: './src/renderer/settings.tsx',
|
|
dropdown: './src/renderer/dropdown.tsx',
|
|
downloadsDropdownMenu: './src/renderer/downloadsDropdownMenu.tsx',
|
|
downloadsDropdown: './src/renderer/downloadsDropdown.tsx',
|
|
urlView: './src/renderer/modals/urlView/urlView.tsx',
|
|
newServer: './src/renderer/modals/newServer/newServer.tsx',
|
|
editServer: './src/renderer/modals/editServer/editServer.tsx',
|
|
removeServer: './src/renderer/modals/removeServer/removeServer.tsx',
|
|
loginModal: './src/renderer/modals/login/login.tsx',
|
|
permissionModal: './src/renderer/modals/permission/permission.tsx',
|
|
certificateModal: './src/renderer/modals/certificate/certificate.tsx',
|
|
loadingScreen: './src/renderer/modals/loadingScreen/index.tsx',
|
|
welcomeScreen: './src/renderer/modals/welcomeScreen/welcomeScreen.tsx',
|
|
},
|
|
output: {
|
|
path: path.resolve(__dirname, 'dist/renderer'),
|
|
filename: '[name]_bundle.js',
|
|
assetModuleFilename: '[name].[ext]',
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop App',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['index'],
|
|
filename: 'index.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['settings'],
|
|
filename: 'settings.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['dropdown'],
|
|
filename: 'dropdown.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Downloads',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['downloadsDropdown'],
|
|
filename: 'downloadsDropdown.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Downloads',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['downloadsDropdownMenu'],
|
|
filename: 'downloadsDropdownMenu.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['urlView'],
|
|
filename: 'urlView.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['newServer'],
|
|
filename: 'newServer.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['editServer'],
|
|
filename: 'editServer.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['removeServer'],
|
|
filename: 'removeServer.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['loginModal'],
|
|
filename: 'loginModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['permissionModal'],
|
|
filename: 'permissionModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['certificateModal'],
|
|
filename: 'certificateModal.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['loadingScreen'],
|
|
filename: 'loadingScreen.html',
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
title: 'Mattermost Desktop Settings',
|
|
template: 'src/renderer/index.html',
|
|
chunks: ['welcomeScreen'],
|
|
filename: 'welcomeScreen.html',
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: 'styles.[contenthash].css',
|
|
ignoreOrder: true,
|
|
chunkFilename: '[id].[contenthash].css',
|
|
}),
|
|
],
|
|
module: {
|
|
rules: [{
|
|
test: /\.(js|jsx|ts|tsx)?$/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
},
|
|
}, {
|
|
test: /\.css$/,
|
|
exclude: /\.lazy\.css$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader',
|
|
],
|
|
}, {
|
|
test: /\.lazy\.css$/,
|
|
use: [
|
|
{
|
|
loader: 'style-loader',
|
|
options: {
|
|
injectType: 'lazyStyleTag',
|
|
},
|
|
},
|
|
'css-loader',
|
|
],
|
|
}, {
|
|
test: /\.scss$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader',
|
|
'sass-loader',
|
|
],
|
|
}, {
|
|
test: /\.mp3$/,
|
|
type: 'asset/inline',
|
|
}, {
|
|
test: /\.(svg|gif)$/,
|
|
type: 'asset/resource',
|
|
}, {
|
|
test: /\.(eot|ttf|woff|woff2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
type: 'asset/resource',
|
|
}],
|
|
},
|
|
node: {
|
|
__filename: false,
|
|
__dirname: false,
|
|
},
|
|
target: 'electron-renderer',
|
|
devServer: {
|
|
port: WEBSERVER_PORT,
|
|
},
|
|
});
|
|
|
|
/* eslint-enable import/no-commonjs */
|