nico/kobopatch-webui
1
0
Fork 0
Code Activity

Separate configuration step
All checks were successful
Build and test project / build-and-test (push) Successful in 1m37s

Browse Source
This commit is contained in:
Nico Verbruggen
2026-03-22 11:39:30 +01:00
parent 17fcbf4d93
commit aebfe59a01
8 changed files with 125 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
tests/e2e/integration.spec.js
View File

@@ -37,7 +37,10 @@ test.describe('NickelMenu', () => {
// Select "Install NickelMenu and configure" // Select "Install NickelMenu and configure"
await page.click('input[name="nm-option"][value="preset"]'); await page.click('input[name="nm-option"][value="preset"]');
await expect(page.locator('#nm-config-options')).not.toBeHidden(); await page.click('#btn-nm-next');
// Feature selection step
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// Verify default checkbox states // Verify default checkbox states
await expect(page.locator('input[name="nm-cfg-readerly-fonts"]')).toBeChecked(); await expect(page.locator('input[name="nm-cfg-readerly-fonts"]')).toBeChecked();
@@ -51,8 +54,7 @@ test.describe('NickelMenu', () => {
await page.check('input[name="nm-cfg-hide-recommendations"]'); await page.check('input[name="nm-cfg-hide-recommendations"]');
await page.check('input[name="nm-cfg-hide-notices"]'); await page.check('input[name="nm-cfg-hide-notices"]');
await expect(page.locator('#btn-nm-next')).toBeEnabled(); await page.click('#btn-nm-features-next');
await page.click('#btn-nm-next');
// Review step // Review step
await expect(page.locator('#step-nm-review')).not.toBeHidden(); await expect(page.locator('#step-nm-review')).not.toBeHidden();
@@ -112,7 +114,10 @@ test.describe('NickelMenu', () => {
// NickelMenu configure step — select "Install NickelMenu with preset" // NickelMenu configure step — select "Install NickelMenu with preset"
await expect(page.locator('#step-nickelmenu')).not.toBeHidden(); await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
await page.click('input[name="nm-option"][value="preset"]'); await page.click('input[name="nm-option"][value="preset"]');
await expect(page.locator('#nm-config-options')).not.toBeHidden(); await page.click('#btn-nm-next');
// Feature selection step
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// KOReader checkbox should be visible and unchecked by default // KOReader checkbox should be visible and unchecked by default
await expect(page.locator('input[name="nm-cfg-koreader"]')).not.toBeChecked(); await expect(page.locator('input[name="nm-cfg-koreader"]')).not.toBeChecked();
@@ -120,7 +125,7 @@ test.describe('NickelMenu', () => {
// Enable KOReader // Enable KOReader
await page.check('input[name="nm-cfg-koreader"]'); await page.check('input[name="nm-cfg-koreader"]');
await page.click('#btn-nm-next'); await page.click('#btn-nm-features-next');
// Review step — should list KOReader // Review step — should list KOReader
await expect(page.locator('#step-nm-review')).not.toBeHidden(); await expect(page.locator('#step-nm-review')).not.toBeHidden();
@@ -160,11 +165,15 @@ test.describe('NickelMenu', () => {
// Select "Install NickelMenu with preset" // Select "Install NickelMenu with preset"
await page.click('input[name="nm-option"][value="preset"]'); await page.click('input[name="nm-option"][value="preset"]');
await page.click('#btn-nm-next');
// Feature selection step
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// Enable KOReader // Enable KOReader
await page.check('input[name="nm-cfg-koreader"]'); await page.check('input[name="nm-cfg-koreader"]');
await page.click('#btn-nm-next'); await page.click('#btn-nm-features-next');
// Review step // Review step
await expect(page.locator('#nm-review-list')).toContainText('KOReader'); await expect(page.locator('#nm-review-list')).toContainText('KOReader');
@@ -190,10 +199,8 @@ test.describe('NickelMenu', () => {
await page.click('#btn-mode-next'); await page.click('#btn-mode-next');
await expect(page.locator('#step-nickelmenu')).not.toBeHidden(); await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
// Select "Install NickelMenu only" // Select "Install NickelMenu only" — goes directly to review (no features step)
await page.click('input[name="nm-option"][value="nickelmenu-only"]'); await page.click('input[name="nm-option"][value="nickelmenu-only"]');
await expect(page.locator('#nm-config-options')).toBeHidden();
await page.click('#btn-nm-next'); await page.click('#btn-nm-next');
// Review step // Review step
@@ -254,20 +261,23 @@ test.describe('NickelMenu', () => {
// Select "Install NickelMenu and configure" // Select "Install NickelMenu and configure"
await page.click('input[name="nm-option"][value="preset"]'); await page.click('input[name="nm-option"][value="preset"]');
await expect(page.locator('#nm-config-options')).not.toBeHidden(); await page.click('#btn-nm-next');
// Feature selection step
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// Enable all options for testing // Enable all options for testing
await page.check('input[name="nm-cfg-simplify-tabs"]'); await page.check('input[name="nm-cfg-simplify-tabs"]');
await page.check('input[name="nm-cfg-hide-recommendations"]'); await page.check('input[name="nm-cfg-hide-recommendations"]');
await page.check('input[name="nm-cfg-hide-notices"]'); await page.check('input[name="nm-cfg-hide-notices"]');
await page.click('#btn-nm-next'); await page.click('#btn-nm-features-next');
// Review step // Review step
await expect(page.locator('#step-nm-review')).not.toBeHidden(); await expect(page.locator('#step-nm-review')).not.toBeHidden();
await expect(page.locator('#nm-review-list')).toContainText('NickelMenu'); await expect(page.locator('#nm-review-list')).toContainText('NickelMenu');
await expect(page.locator('#nm-review-list')).toContainText('Readerly fonts'); await expect(page.locator('#nm-review-list')).toContainText('Readerly fonts');
await expect(page.locator('#nm-review-list')).toContainText('Hide certain navigation tabs'); await expect(page.locator('#nm-review-list')).toContainText('Simplify navigation tabs');
await expect(page.locator('#nm-review-list')).toContainText('Hide home screen recommendations'); await expect(page.locator('#nm-review-list')).toContainText('Hide home screen recommendations');
await expect(page.locator('#nm-review-list')).toContainText('Hide home screen notices'); await expect(page.locator('#nm-review-list')).toContainText('Hide home screen notices');
@@ -315,10 +325,8 @@ test.describe('NickelMenu', () => {
// NickelMenu configure step // NickelMenu configure step
await expect(page.locator('#step-nickelmenu')).not.toBeHidden(); await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
// Select "Install NickelMenu only" // Select "Install NickelMenu only" — goes directly to review (no features step)
await page.click('input[name="nm-option"][value="nickelmenu-only"]'); await page.click('input[name="nm-option"][value="nickelmenu-only"]');
await expect(page.locator('#nm-config-options')).toBeHidden();
await page.click('#btn-nm-next'); await page.click('#btn-nm-next');
// Review step // Review step
@@ -917,7 +925,7 @@ test.describe('Custom patches', () => {
await page.click('#btn-nm-back'); await page.click('#btn-nm-back');
await expect(page.locator('#step-mode')).not.toBeHidden(); await expect(page.locator('#step-mode')).not.toBeHidden();
// Mode → NM config → Continue → NM review // Mode → NM config → Continue (nickelmenu-only) → NM review
await page.click('input[name="mode"][value="nickelmenu"]'); await page.click('input[name="mode"][value="nickelmenu"]');
await page.click('#btn-mode-next'); await page.click('#btn-mode-next');
await expect(page.locator('#step-nickelmenu')).not.toBeHidden(); await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
@@ -925,10 +933,27 @@ test.describe('Custom patches', () => {
await page.click('#btn-nm-next'); await page.click('#btn-nm-next');
await expect(page.locator('#step-nm-review')).not.toBeHidden(); await expect(page.locator('#step-nm-review')).not.toBeHidden();
// NM review → Back → NM config // NM review → Back → NM config (skips features for nickelmenu-only)
await page.click('#btn-nm-review-back'); await page.click('#btn-nm-review-back');
await expect(page.locator('#step-nickelmenu')).not.toBeHidden(); await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
// NM config → select preset → Continue → Features step
await page.click('input[value="preset"]');
await page.click('#btn-nm-next');
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// Features → Continue → NM review
await page.click('#btn-nm-features-next');
await expect(page.locator('#step-nm-review')).not.toBeHidden();
// NM review → Back → Features (for preset)
await page.click('#btn-nm-review-back');
await expect(page.locator('#step-nm-features')).not.toBeHidden();
// Features → Back → NM config
await page.click('#btn-nm-features-back');
await expect(page.locator('#step-nickelmenu')).not.toBeHidden();
// NM config → Back → Mode // NM config → Back → Mode
await page.click('#btn-nm-back'); await page.click('#btn-nm-back');
await expect(page.locator('#step-mode')).not.toBeHidden(); await expect(page.locator('#step-mode')).not.toBeHidden();

63
web/src/css/style.css
View File

@@ -184,6 +184,13 @@ h2 {
gap: 0.75rem; gap: 0.75rem;
} }
.mode-card-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
color: var(--text-secondary);
}
.mode-card { .mode-card {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@@ -278,14 +285,14 @@ h2 {
.nm-options { .nm-options {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.6rem; gap: 0.75rem;
} }
.nm-option { .nm-option {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 0.75rem; gap: 0.75rem;
padding: 0.85rem 1rem; padding: 1rem 1.25rem;
background: var(--card-bg); background: var(--card-bg);
border: 2px solid var(--border-light); border: 2px solid var(--border-light);
border-radius: 10px; border-radius: 10px;
@@ -330,7 +337,9 @@ h2 {
} }
#nm-uninstall-options { #nm-uninstall-options {
padding: 0 0.25rem; display: flex;
flex-direction: column;
margin-top: 0.5rem;
margin-left: 1.5rem; margin-left: 1.5rem;
} }
@@ -338,18 +347,17 @@ h2 {
accent-color: var(--error-text) !important; accent-color: var(--error-text) !important;
} }
/* NickelMenu config checkboxes */ /* NickelMenu feature checkboxes */
.nm-config-options { .nm-config-options {
padding: 0 0.25rem; display: flex;
margin-left: 1.5rem; flex-direction: column;
} }
.nm-config-item { .nm-config-item {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 0.6rem; gap: 0.75rem;
padding: 0.5rem 0; padding: 0.6rem 0;
font-size: 0.88rem;
color: var(--text); color: var(--text);
cursor: pointer; cursor: pointer;
} }
@@ -360,7 +368,7 @@ h2 {
.nm-config-item input[type="checkbox"] { .nm-config-item input[type="checkbox"] {
flex-shrink: 0; flex-shrink: 0;
margin-top: 0.15rem; margin-top: 0.2rem;
accent-color: var(--primary); accent-color: var(--primary);
} }
@@ -370,32 +378,23 @@ h2 {
.nm-config-text { .nm-config-text {
user-select: none; user-select: none;
margin-top: -2px; }
.nm-config-title {
display: block;
font-weight: 600;
font-size: 0.93rem;
color: var(--text);
} }
.nm-config-desc { .nm-config-desc {
display: block; display: block;
font-size: 0.75rem; font-size: 0.83rem;
color: var(--text-secondary); color: var(--text-secondary);
line-height: 1.4; line-height: 1.5;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.nm-config-link {
display: block;
margin-top: 0.75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-top: 1px solid var(--border-light);
font-size: 0.8rem;
color: var(--primary);
text-decoration: none;
}
.nm-config-link:hover {
text-decoration: underline;
}
.nm-option input[type="radio"] { .nm-option input[type="radio"] {
margin-top: 0.2rem; margin-top: 0.2rem;
flex-shrink: 0; flex-shrink: 0;
@@ -403,14 +402,14 @@ h2 {
} }
.nm-option-title { .nm-option-title {
font-weight: 500; font-weight: 600;
font-size: 0.88rem; font-size: 0.93rem;
color: var(--text); color: var(--text);
margin-bottom: 0.15rem; margin-bottom: 0.25rem;
} }
.nm-option-desc { .nm-option-desc {
font-size: 0.78rem; font-size: 0.83rem;
color: var(--text-secondary); color: var(--text-secondary);
line-height: 1.5; line-height: 1.5;
} }

17
web/src/index.html
View File

@@ -60,7 +60,7 @@
<p>How would you like to set up your Kobo?</p> <p>How would you like to set up your Kobo?</p>
<div class="mode-cards"> <div class="mode-cards">
<button id="btn-connect" class="mode-card mode-card-btn"> <button id="btn-connect" class="mode-card mode-card-btn">
<svg class="mode-card-icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 16 16" fill="currentColor"><path d="m7.792.312-1.533 2.3A.25.25 0 0 0 6.467 3H7.5v7.319a2.5 2.5 0 0 0-.515-.298L5.909 9.56A1.5 1.5 0 0 1 5 8.18v-.266a1.5 1.5 0 1 0-1 0v.266a2.5 2.5 0 0 0 1.515 2.298l1.076.461a1.5 1.5 0 0 1 .888 1.129 2.001 2.001 0 1 0 1.021-.006v-.902a1.5 1.5 0 0 1 .756-1.303l1.484-.848A2.5 2.5 0 0 0 11.995 7h.755a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h.741a1.5 1.5 0 0 1-.747 1.142L8.76 8.99a2.584 2.584 0 0 0-.26.17V3h1.033a.25.25 0 0 0 .208-.389L8.208.312a.25.25 0 0 0-.416 0Z"/></svg> <svg class="mode-card-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M15,7V11H16V13H13V5H15L12,1L9,5H11V13H8V10.93C8.66,10.59 9.1,9.87 9.1,9A2.1,2.1 0 0,0 7,6.9C5.84,6.9 4.9,7.84 4.9,9C4.9,9.87 5.34,10.59 6,10.93V13A2,2 0 0,0 8,15H11V18.05C10.29,18.32 9.75,18.93 9.75,19.75A1.75,1.75 0 0,0 11.5,21.5C12.47,21.5 13.25,20.72 13.25,19.75C13.25,18.93 12.71,18.32 12,18.05V15H16A2,2 0 0,0 18,13V11H19V7H15Z"/></svg>
<div class="mode-card-body"> <div class="mode-card-body">
<div class="mode-card-title"> <div class="mode-card-title">
Connect my Kobo Connect my Kobo
@@ -70,7 +70,7 @@
</div> </div>
</button> </button>
<button id="btn-manual" class="mode-card mode-card-btn"> <button id="btn-manual" class="mode-card mode-card-btn">
<svg class="mode-card-icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg> <svg class="mode-card-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/></svg>
<div class="mode-card-body"> <div class="mode-card-body">
<div class="mode-card-title"> <div class="mode-card-title">
Build downloadable archive Build downloadable archive
@@ -176,9 +176,6 @@
<div class="nm-option-desc">Installs NickelMenu with a curated set of menu options. You get to decide which optional features you'd like to enable.</div> <div class="nm-option-desc">Installs NickelMenu with a curated set of menu options. You get to decide which optional features you'd like to enable.</div>
</div> </div>
</label> </label>
<div id="nm-config-options" class="nm-config-options" hidden>
<!-- Populated dynamically from feature modules by app.js -->
</div>
<label class="nm-option"> <label class="nm-option">
<input type="radio" name="nm-option" value="nickelmenu-only"> <input type="radio" name="nm-option" value="nickelmenu-only">
<div class="nm-option-body"> <div class="nm-option-body">
@@ -201,6 +198,16 @@
</div> </div>
</section> </section>
<!-- Step 2b-2: NickelMenu feature selection (preset only) -->
<section id="step-nm-features" class="step" hidden>
<p>Select which features you'd like to enable.</p>
<div id="nm-config-options" class="nm-config-options"></div>
<div class="step-actions">
<button id="btn-nm-features-back" class="secondary">&#x2039; Back</button>
<button id="btn-nm-features-next" class="primary">Continue &#x203A;</button>
</div>
</section>
<!-- Step 2c: NickelMenu review --> <!-- Step 2c: NickelMenu review -->
<section id="step-nm-review" class="step" hidden> <section id="step-nm-review" class="step" hidden>
<p id="nm-review-summary"></p> <p id="nm-review-summary"></p>

41
web/src/js/app.js
View File

@@ -86,6 +86,7 @@ import JSZip from 'jszip';
const stepDevice = $('step-device'); const stepDevice = $('step-device');
const stepMode = $('step-mode'); const stepMode = $('step-mode');
const stepNickelMenu = $('step-nickelmenu'); const stepNickelMenu = $('step-nickelmenu');
const stepNmFeatures = $('step-nm-features');
const stepNmInstalling = $('step-nm-installing'); const stepNmInstalling = $('step-nm-installing');
const stepNmDone = $('step-nm-done'); const stepNmDone = $('step-nm-done');
const stepPatches = $('step-patches'); const stepPatches = $('step-patches');
@@ -106,6 +107,8 @@ import JSZip from 'jszip';
const btnModeNext = $('btn-mode-next'); const btnModeNext = $('btn-mode-next');
const btnNmBack = $('btn-nm-back'); const btnNmBack = $('btn-nm-back');
const btnNmNext = $('btn-nm-next'); const btnNmNext = $('btn-nm-next');
const btnNmFeaturesBack = $('btn-nm-features-back');
const btnNmFeaturesNext = $('btn-nm-features-next');
const btnNmReviewBack = $('btn-nm-review-back'); const btnNmReviewBack = $('btn-nm-review-back');
const btnNmWrite = $('btn-nm-write'); const btnNmWrite = $('btn-nm-write');
const btnNmDownload = $('btn-nm-download'); const btnNmDownload = $('btn-nm-download');
@@ -138,7 +141,7 @@ import JSZip from 'jszip';
const allSteps = [ const allSteps = [
stepConnect, stepManualVersion, stepDevice, stepConnect, stepManualVersion, stepDevice,
stepMode, stepNickelMenu, stepNmReview, stepNmInstalling, stepNmDone, stepMode, stepNickelMenu, stepNmFeatures, stepNmReview, stepNmInstalling, stepNmDone,
stepPatches, stepFirmware, stepBuilding, stepDone, stepPatches, stepFirmware, stepBuilding, stepDone,
stepError, stepError,
]; ];
@@ -501,6 +504,7 @@ import JSZip from 'jszip';
textDiv.className = 'nm-config-text'; textDiv.className = 'nm-config-text';
const titleSpan = document.createElement('span'); const titleSpan = document.createElement('span');
titleSpan.className = 'nm-config-title';
let titleText = feature.title; let titleText = feature.title;
if (feature.required) titleText += ' (required)'; if (feature.required) titleText += ' (required)';
if (feature.version) titleText += ' ' + feature.version; if (feature.version) titleText += ' ' + feature.version;
@@ -518,10 +522,9 @@ import JSZip from 'jszip';
} }
} }
// Show/hide config checkboxes based on radio selection, enable Continue // Show/hide uninstall options based on radio selection, enable Continue
for (const radio of $qa('input[name="nm-option"]', stepNickelMenu)) { for (const radio of $qa('input[name="nm-option"]', stepNickelMenu)) {
radio.addEventListener('change', () => { radio.addEventListener('change', () => {
nmConfigOptions.hidden = radio.value !== 'preset' || !radio.checked;
nmUninstallOptions.hidden = radio.value !== 'remove' || !radio.checked || detectedUninstallFeatures.length === 0; nmUninstallOptions.hidden = radio.value !== 'remove' || !radio.checked || detectedUninstallFeatures.length === 0;
btnNmNext.disabled = false; btnNmNext.disabled = false;
}); });
@@ -587,6 +590,7 @@ import JSZip from 'jszip';
textDiv.className = 'nm-config-text'; textDiv.className = 'nm-config-text';
const titleSpan = document.createElement('span'); const titleSpan = document.createElement('span');
titleSpan.className = 'nm-config-title';
titleSpan.textContent = 'Also remove ' + feature.uninstall.title; titleSpan.textContent = 'Also remove ' + feature.uninstall.title;
const descSpan = document.createElement('span'); const descSpan = document.createElement('span');
@@ -625,9 +629,7 @@ import JSZip from 'jszip';
async function goToNickelMenuConfig() { async function goToNickelMenuConfig() {
await checkNickelMenuInstalled(); await checkNickelMenuInstalled();
renderFeatureCheckboxes();
const currentOption = $q('input[name="nm-option"]:checked', stepNickelMenu); const currentOption = $q('input[name="nm-option"]:checked', stepNickelMenu);
nmConfigOptions.hidden = !currentOption || currentOption.value !== 'preset';
nmUninstallOptions.hidden = !currentOption || currentOption.value !== 'remove' || detectedUninstallFeatures.length === 0; nmUninstallOptions.hidden = !currentOption || currentOption.value !== 'remove' || detectedUninstallFeatures.length === 0;
btnNmNext.disabled = !currentOption; btnNmNext.disabled = !currentOption;
setNavStep(3); setNavStep(3);
@@ -638,13 +640,34 @@ import JSZip from 'jszip';
goToModeSelection(); goToModeSelection();
}); });
// Continue from configure to review // Continue from NM option selection
btnNmNext.addEventListener('click', () => { btnNmNext.addEventListener('click', () => {
const selected = $q('input[name="nm-option"]:checked', stepNickelMenu); const selected = $q('input[name="nm-option"]:checked', stepNickelMenu);
if (!selected) return; if (!selected) return;
nickelMenuOption = selected.value; nickelMenuOption = selected.value;
track('nm-option', { option: nickelMenuOption }); track('nm-option', { option: nickelMenuOption });
if (nickelMenuOption === 'preset') {
goToNmFeatures();
} else {
goToNmReview();
}
});
function goToNmFeatures() {
// Only render checkboxes if they haven't been created yet
if (!nmConfigOptions.children.length) {
renderFeatureCheckboxes();
}
setNavStep(3);
showStep(stepNmFeatures);
}
btnNmFeaturesBack.addEventListener('click', async () => {
await goToNickelMenuConfig();
});
btnNmFeaturesNext.addEventListener('click', () => {
goToNmReview(); goToNmReview();
}); });
@@ -702,7 +725,11 @@ import JSZip from 'jszip';
} }
btnNmReviewBack.addEventListener('click', async () => { btnNmReviewBack.addEventListener('click', async () => {
await goToNickelMenuConfig(); if (nickelMenuOption === 'preset') {
goToNmFeatures();
} else {
await goToNickelMenuConfig();
}
}); });
async function executeNmInstall(writeToDevice) { async function executeNmInstall(writeToDevice) {

4
web/src/nickelmenu/features/custom-menu/index.js
View File

@@ -1,7 +1,7 @@
export default { export default {
id: 'custom-menu', id: 'custom-menu',
title: 'Set up custom menu', title: 'Set up NickelMenu preset',
description: 'Adds menu items for dark mode, screenshots, and more. A new tab will be added in the bottom navigation that is labelled "Tweak".', description: 'Adds menu items for dark mode, screenshots, and more. A new tab will be added in the bottom navigation that is labelled "Tweak". (Preset made by the author of this website.)',
default: true, default: true,
required: true, required: true,

2
web/src/nickelmenu/features/hide-recommendations/index.js
View File

@@ -1,7 +1,7 @@
export default { export default {
id: 'hide-recommendations', id: 'hide-recommendations',
title: 'Hide home screen recommendations', title: 'Hide home screen recommendations',
description: 'Hides the recommendations column next to your current read on the home screen. Useful if you are only reading one book at a time.', description: 'Hides the recommendations next to your current read on the home screen.',
default: false, default: false,
postProcess(files) { postProcess(files) {

2
web/src/nickelmenu/features/koreader/index.js
View File

@@ -3,7 +3,7 @@ import JSZip from 'jszip';
export default { export default {
id: 'koreader', id: 'koreader',
title: 'Install KOReader', title: 'Install KOReader',
description: 'Installs KOReader, an alternative e-book reader with advanced features like PDF reflow, customizable fonts, and more. Installing this requires many files to be copied and that can take a bit, so please be patient when transferring this to your Kobo.', description: 'Installs KOReader, an alternative e-book reader with advanced features like PDF reflow, customizable fonts, and more. Installing this requires many files to be copied and that can take a bit, so please be patient when transferring this to your Kobo. You can start KOReader via the Tweak menu, it does not replace the built-in reader functionality.',
default: false, default: false,
available: false, // set to true at runtime if KOReader assets exist available: false, // set to true at runtime if KOReader assets exist

4
web/src/nickelmenu/features/simplify-tabs/index.js
View File

@@ -13,8 +13,8 @@ const TAB_CONFIG = [
export default { export default {
id: 'simplify-tabs', id: 'simplify-tabs',
title: 'Hide certain navigation tabs', title: 'Simplify navigation tabs',
description: 'This will hide the Notebook and Discover tabs from the bottom navigation. For minimalists who want fewer distractions.', description: 'Hides the "My Notebooks" and "Discover" tabs from the bottom navigation tab bar.',
default: false, default: false,
postProcess(files) { postProcess(files) {