Ilya Kreymer
03023523b7
- split file chooser from coll index, insert as header, make file chooser collapsible - revamp collection index to be responsive - add separate sorter component, used for collection index and pages - combine 'curated lists' + pages, with page search + narrative - ensure page + narrative lists are collapsible - page search: support title, url and full text search if available, using flexsearch - page search: keyword highlighting, load all pages, showing in increments of 100 - page and resource search: delay search to 1/4 sec of inactivity to avoid too many queries - electron app: ensure noCache is set to true for local files - embedding: remove separate embed.js, just use ui.js for embed as well - embedding: support embedding iframe in a local origin with just sw.js and ui.js: sw.js serves index.html, <replay-web-page> embed injects ui.js into iframe - sw.js, new service worker entry point - sw and ww inited only from <replay-app-main>, ui.js loaded from <replay-web-page> embed component
124 lines
2.8 KiB
JavaScript
124 lines
2.8 KiB
JavaScript
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
|
|
// fake url used in app to serve files
|
|
// can not use custom scheme due to service worker issues
|
|
const APP_FILE_SERVE_PREFIX = "http://files.replayweb.page";
|
|
//const APP_FILE_SERVE_PREFIX = "file://files.replayweb.page";
|
|
|
|
|
|
// helper proxy URL, run locally for app
|
|
const HELPER_PROXY = "https://helper-proxy.webrecorder.workers.dev";
|
|
|
|
// GDrive client-id
|
|
const GDRIVE_CLIENT_ID = "160798412227-tko4c82uopud11q105b2lvbogsj77hlg.apps.googleusercontent.com";
|
|
|
|
|
|
const electronMainConfig = (env, argv) => {
|
|
return {
|
|
target: 'electron-main',
|
|
mode: 'production',
|
|
entry: {
|
|
'electron': './src/electron-main.js',
|
|
},
|
|
output: {
|
|
path: path.join(__dirname, 'dist'),
|
|
filename: '[name].js'
|
|
},
|
|
node: {
|
|
__dirname: false,
|
|
__filename: false,
|
|
},
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
__APP_FILE_SERVE_PREFIX__ : JSON.stringify(APP_FILE_SERVE_PREFIX),
|
|
__HELPER_PROXY__ : JSON.stringify(HELPER_PROXY)
|
|
})
|
|
]
|
|
}
|
|
};
|
|
|
|
|
|
const electronPreloadConfig = (env, argv) => {
|
|
return {
|
|
target: 'electron-preload',
|
|
mode: 'production',
|
|
entry: {
|
|
'preload': './src/electron-preload.js',
|
|
},
|
|
output: {
|
|
path: path.join(__dirname, 'dist'),
|
|
filename: '[name].js'
|
|
},
|
|
}
|
|
};
|
|
|
|
|
|
|
|
const browserConfig = (env, argv) => {
|
|
return {
|
|
target: 'web',
|
|
mode: 'production',
|
|
entry: {
|
|
'ui': './src/ui.js',
|
|
'sw': './src/sw.js'
|
|
},
|
|
|
|
output: {
|
|
path: path.join(__dirname),
|
|
filename: '[name].js',
|
|
libraryTarget: 'self',
|
|
globalObject: 'self',
|
|
publicPath: '/'
|
|
},
|
|
|
|
externals: {
|
|
electron: 'electron',
|
|
},
|
|
|
|
devServer: {
|
|
compress: true,
|
|
port: 9990,
|
|
open: false,
|
|
contentBase: path.join(__dirname),
|
|
publicPath: '/'
|
|
},
|
|
|
|
plugins: [
|
|
new MiniCssExtractPlugin(),
|
|
new webpack.DefinePlugin({
|
|
__SW_NAME__: JSON.stringify('sw.js'),
|
|
__APP_FILE_SERVE_PREFIX__ : JSON.stringify(APP_FILE_SERVE_PREFIX),
|
|
__HELPER_PROXY__ : JSON.stringify(HELPER_PROXY),
|
|
__GDRIVE_CLIENT_ID__ : JSON.stringify(GDRIVE_CLIENT_ID)
|
|
}),
|
|
],
|
|
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.svg$/,
|
|
loader: 'svg-inline-loader'
|
|
},
|
|
{
|
|
test: /base.scss$/,
|
|
loaders: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
|
|
},
|
|
{
|
|
test: /main.scss$/,
|
|
loaders: ['to-string-loader', 'css-loader', 'sass-loader']
|
|
},
|
|
{
|
|
test: /wombat.js|wombatWorkers.js|index.html$/i,
|
|
loaders: ['raw-loader'],
|
|
}
|
|
]
|
|
}
|
|
}
|
|
};
|
|
|
|
module.exports = [ browserConfig, electronMainConfig, electronPreloadConfig ];
|
|
|
|
|