Kaloyan DanchevandClaude Opus 4.6
cbea5a322f
Move trampoline files (boot-hook, watcher, overlay) into trampoline/ subdirectory. Add upstream Luma v2.3.1 source at repo root with our additions: - Page::Ha (4th nav tab) with placeholder empty state - HA tab config schema and default entity mapping (ha-home/) - Nav keys renamed: "home" → "start", new "ha" tab between Apps and Settings - All state.rs/view.rs/main.rs/tests.rs updated for 4-tab navigation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
188 lines
8.4 KiB
JavaScript
188 lines
8.4 KiB
JavaScript
import fs from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
import { spawnSync } from 'node:child_process';
|
|
import sharp from 'sharp';
|
|
import { generateVectorAssets } from './vector-assets.mjs';
|
|
|
|
const root = path.resolve(import.meta.dirname, '..');
|
|
const source = path.join(root, 'assets');
|
|
const out = path.join(root, '.build/assets');
|
|
const highResolution = process.argv.includes('--4k');
|
|
// Retire generated dumps from older asset caches as well as the source assets.
|
|
for (const legacy of ['app-icons', 'icons.json', 'colors.json']) {
|
|
await fs.rm(path.join(out, legacy), { recursive: true, force: true });
|
|
}
|
|
for (const directory of ['wallpapers', 'thumbnails', 'logos', 'ui-icons', 'surfaces', 'splash']) {
|
|
await fs.mkdir(path.join(out, directory), { recursive: true });
|
|
}
|
|
|
|
// Decode the existing licensed font, rather than introducing a different font.
|
|
const font = path.join(out, 'font.woff2');
|
|
await fs.copyFile(path.join(source, 'fonts/inter-latin.woff2'), font);
|
|
const decoded = spawnSync('woff2_decompress', [font], { encoding: 'utf8' });
|
|
if (decoded.error || decoded.status !== 0) {
|
|
throw new Error('Font conversion needs woff2_decompress. Run pnpm assets inside nix develop.', {
|
|
cause: decoded.error ?? new Error(decoded.stderr),
|
|
});
|
|
}
|
|
await fs.rm(font);
|
|
const cjk = path.join(source, 'fonts/noto-sans-sc.ttf');
|
|
const hangul = path.join(source, 'fonts/noto-sans-kr.ttf');
|
|
try {
|
|
await fs.access(cjk);
|
|
await fs.access(hangul);
|
|
} catch {
|
|
throw new Error('Prepare the bundled Chinese and Korean fonts with pnpm assets:fonts first.');
|
|
}
|
|
const weights = spawnSync(
|
|
'python3',
|
|
[path.join(import.meta.dirname, 'font-weights.py'), out, cjk, hangul],
|
|
{
|
|
encoding: 'utf8',
|
|
},
|
|
);
|
|
if (weights.error || weights.status !== 0) {
|
|
throw new Error('Font weights need Python/fontTools. Run pnpm assets inside nix develop.', {
|
|
cause: weights.error ?? new Error(weights.stderr),
|
|
});
|
|
}
|
|
await fs.copyFile(path.join(source, 'fonts/ofl.txt'), path.join(out, 'font-license.txt'));
|
|
await fs.copyFile(path.join(source, 'fonts/noto-ofl.txt'), path.join(out, 'font-cjk-license.txt'));
|
|
|
|
for (const file of await fs.readdir(path.join(source, 'wallpapers'))) {
|
|
if (!/\.(jpg|svg)$/.test(file)) continue;
|
|
const id = path.parse(file).name;
|
|
const input = path.join(source, 'wallpapers', file);
|
|
for (const scale of highResolution ? [1, 2] : [1]) {
|
|
const width = 1920 * scale;
|
|
const height = 1080 * scale;
|
|
// Match background-size:cover and each CSS background-position exactly.
|
|
const photo = await sharp(input, { density: 72 * scale })
|
|
.resize(width, height, { fit: 'outside' })
|
|
.png()
|
|
.toBuffer({ resolveWithObject: true });
|
|
const position = id === 'dunes' || id === 'summit' ? 0.4 : id === 'san-francisco' ? 0.42 : 0.45;
|
|
let image = sharp(photo.data).extract({
|
|
left: Math.round((photo.info.width - width) / 2),
|
|
top: Math.round((photo.info.height - height) * position),
|
|
width,
|
|
height,
|
|
});
|
|
const saturation =
|
|
id === 'san-francisco'
|
|
? 0.75
|
|
: id === 'summit'
|
|
? 0.7
|
|
: ['forest', 'yosemite', 'northern-lights'].includes(id)
|
|
? 0.8
|
|
: 1;
|
|
const brightness = id === 'san-francisco' ? 0.82 : id === 'summit' ? 0.8 : 1;
|
|
if (saturation !== 1) {
|
|
const s = saturation;
|
|
image = image.recomb([
|
|
[0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s],
|
|
[0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s],
|
|
[0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s],
|
|
]);
|
|
}
|
|
const data = await image.linear(brightness).png().toBuffer();
|
|
const shaded = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 1920 1080"><defs>
|
|
<linearGradient id="v" x2="0" y2="1"><stop stop-color="#0d1013" stop-opacity=".24"/><stop offset=".19" stop-color="#0e1115" stop-opacity=".08"/><stop offset=".35" stop-color="#0f1114" stop-opacity=".35"/><stop offset=".63" stop-color="#111317" stop-opacity=".86"/><stop offset=".85" stop-color="#17191d" stop-opacity=".92157"/><stop offset="1" stop-color="#17191d" stop-opacity=".96078"/></linearGradient>
|
|
<linearGradient id="h"><stop stop-color="#111417" stop-opacity=".42"/><stop offset=".75" stop-color="#111417" stop-opacity="0"/></linearGradient></defs>
|
|
<path fill="#17191c" d="M0 0h1920v1080H0z"/><image href="data:image/png;base64,${data.toString('base64')}" width="1920" height="1080" opacity=".92"/><path fill="url(#h)" d="M0 0h1920v1080H0z"/><path fill="url(#v)" d="M0 0h1920v1080H0z"/></svg>`;
|
|
// This generated SVG embeds a trusted bundled photograph; its data URL can
|
|
// exceed libxml's default 10 MiB attribute limit at 4K.
|
|
await sharp(Buffer.from(shaded), { unlimited: true })
|
|
.jpeg({ quality: 96 })
|
|
.toFile(path.join(out, 'wallpapers', `${id}${scale === 2 ? '@2x' : ''}.jpg`));
|
|
}
|
|
await sharp(input)
|
|
.resize(480, 270, { fit: 'cover' })
|
|
.jpeg({ quality: 82 })
|
|
.toFile(path.join(out, 'thumbnails', `${id}.jpg`));
|
|
}
|
|
// webOS shows `splashBackground` (a static image, scaled to 1080p) until the window opens. One
|
|
// 1080p PNG per background lets the package start on the user's wallpaper instead of a grey card.
|
|
for (const file of await fs.readdir(path.join(out, 'wallpapers'))) {
|
|
if (!file.endsWith('.jpg') || file.includes('@2x')) continue;
|
|
await sharp(path.join(out, 'wallpapers', file))
|
|
.resize(1920, 1080, { fit: 'cover' })
|
|
.png({ compressionLevel: 9 })
|
|
.toFile(path.join(out, 'splash', file.replace(/\.jpg$/, '.png')));
|
|
}
|
|
await fs.writeFile(
|
|
path.join(out, 'version.txt'),
|
|
JSON.parse(await fs.readFile(path.join(root, 'appinfo.json'), 'utf8')).version,
|
|
);
|
|
|
|
const surfaces = {
|
|
generic: ['#4e5c6b', '#243c4e'],
|
|
'live-tv': ['#192a43', '#0d1628'],
|
|
netflix: ['#141414', '#141414'],
|
|
youtube: ['#0f0f0f', '#0f0f0f'],
|
|
'apple-tv': ['#252525', '#080808'],
|
|
'disney-plus': ['#0b244c', '#091936'],
|
|
'prime-video': ['#0786bd', '#005ba7'],
|
|
arte: ['#242323', '#121212'],
|
|
zdf: ['#121b22', '#121b22'],
|
|
'das-erste': ['#064c84', '#00254e'],
|
|
plex: ['#343434', '#232323'],
|
|
spotify: ['#000000', '#121212'],
|
|
jellyfin: ['#25283f', '#101422'],
|
|
homebrew: ['#7c6042', '#3f392d'],
|
|
kodi: ['#0a749b', '#08445e'],
|
|
moonlight: ['#435d8f', '#252e59'],
|
|
gaming: ['#435d8f', '#252e59'],
|
|
browser: ['#192a43', '#0d1628'],
|
|
'hbo-max': ['#181818', '#080808'],
|
|
'paramount-plus': ['#075bda', '#00298e'],
|
|
peacock: ['#171717', '#080808'],
|
|
hulu: ['#152d23', '#091710'],
|
|
crunchyroll: ['#141414', '#141414'],
|
|
twitch: ['#6330b8', '#32165c'],
|
|
dazn: ['#252623', '#10110e'],
|
|
'rakuten-tv': ['#bf143a', '#620c20'],
|
|
'apple-music': ['#e9415e', '#a91c38'],
|
|
'amazon-music': ['#183c4a', '#102128'],
|
|
'bbc-iplayer': ['#4a162e', '#230b16'],
|
|
itvx: ['#24341b', '#111a0c'],
|
|
'channel-4': ['#20362c', '#0c1a14'],
|
|
'now-tv': ['#064c45', '#001e1a'],
|
|
'rtl-plus': ['#262029', '#121014'],
|
|
joyn: ['#000000', '#000000'],
|
|
'waipu-tv': ['#154e8e', '#0a2544'],
|
|
zattoo: ['#353031', '#151314'],
|
|
skyshowtime: ['#24202e', '#100d17'],
|
|
'coupang-play': ['#143b4a', '#091d25'],
|
|
tving: ['#3f131d', '#1a090e'],
|
|
wavve: ['#10399e', '#0a1e53'],
|
|
watcha: ['#3d1225', '#1e0912'],
|
|
'movistar-plus': ['#163b35', '#091e1a'],
|
|
filmin: ['#10372f', '#091c18'],
|
|
'nrk-tv': ['#073b84', '#04214b'],
|
|
'tv2-play': ['#1d1530', '#0b0812'],
|
|
};
|
|
for (const [brand, [top, bottom]] of Object.entries(surfaces)) {
|
|
const fill =
|
|
brand === 'disney-plus'
|
|
? '<radialGradient id="base" cx="50%" cy="110%" r="110%"><stop stop-color="#16466b"/><stop offset=".6" stop-color="#0b244c"/><stop offset="1" stop-color="#091936"/></radialGradient>'
|
|
: `<linearGradient id="base" x2="1" y2="1"><stop stop-color="${top}"/><stop offset="1" stop-color="${bottom}"/></linearGradient>`;
|
|
await sharp(
|
|
Buffer.from(
|
|
`<svg xmlns="http://www.w3.org/2000/svg" width="540" height="309"><defs>${fill}<linearGradient id="sheen" x2="1" y2="1"><stop stop-color="white" stop-opacity=".04"/><stop offset=".48" stop-color="white" stop-opacity="0"/></linearGradient></defs><path fill="url(#base)" d="M0 0h540v309H0z"/><path fill="url(#sheen)" d="M0 0h540v309H0z"/></svg>`,
|
|
),
|
|
)
|
|
.png()
|
|
.toFile(path.join(out, 'surfaces', `${brand}.png`));
|
|
}
|
|
await generateVectorAssets();
|
|
await sharp(path.join(source, 'app-icon.svg'))
|
|
.resize(80, 80)
|
|
.png()
|
|
.toFile(path.join(out, 'app-icon.png'));
|
|
await sharp(path.join(source, 'app-icon.svg'))
|
|
.resize(130, 130)
|
|
.png()
|
|
.toFile(path.join(out, 'app-icon-large.png'));
|
|
console.log(`Native artwork ready: ${path.relative(root, out)}`);
|