Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: PWA manifest

Browse source
This commit is contained in:
Tim 2023-12-07 21:19:19 +01:00
parent b66534241c
commit 9893bb8897
4 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
favicons/icon-96.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7.1 KiB

BIN
images/maskable_icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 13 KiB

3
src/index.html
View file

@ -6,8 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Stremio">
<link rel="icon" type="image/png" sizes="96x96" href="<%= htmlWebpackPlugin.options.faviconsPath %>/icon-96.png">
<meta name="theme-color" content="<%= htmlWebpackPlugin.options.themeColor %>">
<link rel="icon" type="image/x-icon" href="<%= htmlWebpackPlugin.options.faviconsPath %>/favicon.ico">
<title>Stremio - Freedom to Stream</title>
<%= htmlWebpackPlugin.tags.headTags %>
</head>

17
webpack.config.js
View file

@ -10,7 +10,6 @@ const WorkboxPlugin = require('workbox-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const WebpackPwaManifest = require('webpack-pwa-manifest');
const colors = require('@stremio/stremio-colors');
const pachageJson = require('./package.json');
const COMMIT_HASH = execSync('git rev-parse HEAD').toString().trim();
@ -200,6 +199,7 @@ module.exports = (env, argv) => ({
patterns: [
{ from: 'favicons', to: `${COMMIT_HASH}/favicons` },
{ from: 'images', to: `${COMMIT_HASH}/images` },
{ from: 'screenshots/*.webp', to: `${COMMIT_HASH}` },
]
}),
new MiniCssExtractPlugin({
@ -209,7 +209,6 @@ module.exports = (env, argv) => ({
template: './src/index.html',
inject: false,
scriptLoading: 'blocking',
themeColor: colors.background,
faviconsPath: `${COMMIT_HASH}/favicons`,
imagesPath: `${COMMIT_HASH}/images`,
}),
@ -221,26 +220,30 @@ module.exports = (env, argv) => ({
theme_color: '#2a2843',
orientation: 'any',
display: 'standalone',
start_url: './',
display_override: ['standalone'],
scope: './',
start_url: './',
publicPath: './',
icons: [
{
src: 'images/icon.png',
destination: `${COMMIT_HASH}/images`,
sizes: [196, 512],
ios: true
purpose: 'any',
ios: true,
},
{
src: 'images/maskable_icon.png',
destination: `${COMMIT_HASH}/images`,
sizes: [196, 512],
purpose: 'maskable',
destination: path.join(COMMIT_HASH, 'images', 'maskable')
},
{
src: 'favicons/favicon.ico',
sizes: [64, 32, 24, 16]
destination: `${COMMIT_HASH}/favicons`,
sizes: [256],
}
].map(icon => ({ ...icon, destination: icon.destination ?? path.join(COMMIT_HASH, 'images') })),
],
fingerprints: false,
ios: true
}),