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:
Henry Wilkinson
2024-04-08 18:47:17 -07:00
committed by GitHub
co-authored by Ilya Kreymer
parent ef6c748170
commit cbe98c4fa1
33 changed files with 137 additions and 321 deletions
+8 -5
View File
@@ -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) {