Reasonably Scoped Branding Update (#299)
- Adds TsconfigPathsPlugin - Custom icons, branding assets, and favicons now all live under `/src/assets` in organized folders (Mirrors Browsertrix folder organization and naming) - Assets can now be referenced with `import: varName from ~assets/assetpath` app wide! - SVGs continue to use `svg-inline-loader`, favicons are copied to `/site/favicons` on app build - Adds favicons to the main `index.html` page for ReplayWeb.page and `embed.html` example page - Replace README header with new branding - Lives under /assets because it's not app related - Adds new webmanifest app icons - Adds new Electron app .icns (macOS ) and .png (Windows & Linux) app icons - Replaces globe icon in the embed receipt with ReplayWebpage icon! - Adds lockup to the footer section - Removes logo animation - Removes logo values from `renderErrorReport()` in swmanager.ts in favour of additional import statements --------- Co-authored-by: Ilya Kreymer <ikreymer@gmail.com>
This commit is contained in:
co-authored by
Ilya Kreymer
parent
ef6c748170
commit
cbe98c4fa1
+8
-5
@@ -8,6 +8,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
||||
const CopyPlugin = require("copy-webpack-plugin");
|
||||
const TerserPlugin = require("terser-webpack-plugin");
|
||||
const package_json = require("./package.json");
|
||||
const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
|
||||
|
||||
// helper proxy URL, run locally for app
|
||||
const HELPER_PROXY = "https://helper-proxy.webrecorder.workers.dev";
|
||||
@@ -32,6 +33,7 @@ const optimization = {
|
||||
const tsConfig = {
|
||||
resolve: {
|
||||
extensions: [".ts", ".js"],
|
||||
plugins: [new TsconfigPathsPlugin()],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
@@ -73,6 +75,10 @@ const electronMainConfig = (/*env, argv*/) => {
|
||||
patterns: [
|
||||
// { from: "node_modules/classic-level/prebuilds/", to: "prebuilds" },
|
||||
{ from: "build/extra_prebuilds/", to: "prebuilds" },
|
||||
{
|
||||
from: path.resolve(__dirname, "src/assets/favicons"),
|
||||
to: path.resolve(__dirname, "dist"),
|
||||
},
|
||||
],
|
||||
}),
|
||||
],
|
||||
@@ -105,11 +111,8 @@ const browserConfig = (/*env, argv*/) => {
|
||||
|
||||
//const patterns = [{ from: "package.json", to: "_data/package.json" }];
|
||||
let patterns = [{
|
||||
from: "build/icon.png",
|
||||
to: "site/assets/favicon.png",
|
||||
}, {
|
||||
from: "assets/logo.svg",
|
||||
to: "site/assets/logo.svg"
|
||||
from: "src/assets/favicons",
|
||||
to: "site/favicons",
|
||||
}];
|
||||
|
||||
if (isDevServer) {
|
||||
|
||||
Reference in New Issue
Block a user