cope with outdated option values

Author: NiklasGollenstede

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tst-search",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"title": "TST Tab Search",
 	"description": "Filter Tree Style Tab's sidebar by search terms.",
 	"author": "Niklas Gollenstede",

src/background/index.esm.js

@@ -29,10 +29,10 @@ const TST = tstApi({
 		name: manifest.name,
 		icons: manifest.icons,
 		style: [ 'miss', 'child', 'hit', 'active', 'custom', ].map(
-			name => options.result.children[name].children.styles.children.map(style => {
+			name => options.result.children[name].children.styles.children.map(style => { try {
 				const values = Array.isArray(style.value) ? style.value : [ style.value, ];
 				return typeof style.model.extra.get === 'function' ? style.model.extra.get(...values) : values[0] ? style.model.extra.value : '';
-			}).join('\n')
+			} catch (error) { console.error(error); return ''; } }).join('\n')
 		).join('\n')
 		+'\n'+ options.advanced.children.hideHeader.value
 		+'\n'+ String.raw`.tab.tst-search\:searching:not(.pinned)::after { content: attr(data-tab-id); padding: 0 0 0 .5em; }`,

src/common/options.esm.js

@@ -68,7 +68,7 @@ const isBeta = manifest.applications.gecko.id.endsWith('-dev');
 						[ 'bold', true, 'Bold Text', String.raw`
 							.tab:not(.pinned).tst-search\:matching .label { font-weight: bold; }
 						`, ],
-						[ 'fgColor', [ false, '#ff4300', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color) => active ? String.raw`
+						[ 'fgColor', [ false, '#ff4300', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color = '#ff4300') => active ? String.raw`
 							.tab:not(.pinned).tst-search\:matching .label { color: ${globalThis.CSS.escape(color).replace('\\#', '#')}; }
 						` : '', ],
 					]),
@@ -79,7 +79,7 @@ const isBeta = manifest.applications.gecko.id.endsWith('-dev');
 				description: `The active search result, which can be scrolled through with <code>Enter</code> and <code>Shift</code>+<code>Enter</code>.`,
 				default: true, children: {
 					styles: styles([
-						[ 'fgColor', [ true, '#0085ff', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color) => active ? String.raw`
+						[ 'fgColor', [ true, '#0085ff', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color = '#0085ff') => active ? String.raw`
 							.tab:not(.pinned).tst-search\:active .label { color: ${globalThis.CSS.escape(color).replace('\\#', '#')}; }
 						` : '', ],
 						[ 'bold', false, 'Bold Text', String.raw`
@@ -93,7 +93,7 @@ const isBeta = manifest.applications.gecko.id.endsWith('-dev');
 				description: `Any tabs with children that match the search.`,
 				default: true, children: {
 					styles: styles([
-						[ 'fgColor', [ false, '#0aff00', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color) => active ? String.raw`
+						[ 'fgColor', [ false, '#0aff00', ], [ { type: 'boolean', }, { prefix: 'Text Color', type: 'color', }, ], (active, color = '#0aff00') => active ? String.raw`
 							.tab:not(.pinned).tst-search\:child-matching .label { color: ${globalThis.CSS.escape(color).replace('\\#', '#')}; }
 						` : '', ],
 						[ 'hide', false, 'Hide Completely', String.raw`
@@ -107,7 +107,7 @@ const isBeta = manifest.applications.gecko.id.endsWith('-dev');
 				description: `Any tab that neither matches not has matching children.`,
 				default: true, children: {
 					styles: styles([
-						[ 'shrink', [ true, 50, ], [ { type: 'boolean', }, { prefix: 'Shrink Height to', type: 'integer', suffix: '%', }, ], (active, shrink) => active ? String.raw`
+						[ 'shrink', [ true, 50, ], [ { type: 'boolean', }, { prefix: 'Shrink Height to', type: 'integer', suffix: '%', }, ], (active, shrink = 50) => active ? String.raw`
 							.tab:not(.pinned).collapsed:where(.tst-search\:matching, .tst-search\:child-matches, .tst-search\:not-matching) {
 								margin-top: 0; display: none;
 							}
@@ -117,7 +117,7 @@ const isBeta = manifest.applications.gecko.id.endsWith('-dev');
 								transform: scaleY(${shrink.toFixed(6)}%); transform-origin: top;
 							}
 						` : '', [ { }, { from: 25, to: 80, }, ], ],
-						[ 'opacity', [ false, 60, ], [ { type: 'boolean', }, { prefix: 'Reduce Opacity to', type: 'integer', suffix: '%', }, ], (active, opacity) => active ? String.raw`
+						[ 'opacity', [ false, 60, ], [ { type: 'boolean', }, { prefix: 'Reduce Opacity to', type: 'integer', suffix: '%', }, ], (active, opacity = 60) => active ? String.raw`
 							.tab:not(.pinned).tst-search\:not-matching { opacity: ${(opacity/100).toFixed(6)}; }
 						` : '', [ { }, { from: 0, to: 100, }, ], ],
 						[ 'hide', false, 'Hide Completely', String.raw`

src/views/options.js

@@ -2,7 +2,7 @@
 	'module!node_modules/web-ext-utils/browser/': { manifest, },
 	'node_modules/web-ext-utils/options/editor/inline': Inline,
 	'module!node_modules/web-ext-utils/utils/notify': notify,
-	'module!../background/': { register, },
+	'module!../background/': { TST, },
 }) => async (/**@type{Window}*/window, location) => { const { document, } = window;
 
 document.head.insertAdjacentHTML('beforeend', String.raw`<style>
@@ -20,7 +20,7 @@ document.head.insertAdjacentHTML('beforeend', String.raw`<style>
 
 async function onCommand({ name, }, _buttonId) { try { switch (name) {
 	case 'register': { try {
-		(await register()); notify.info('Registered', `${manifest.name} should now work!`);
+		(await TST.register()); notify.info('Registered', `${manifest.name} should now work!`);
 	} catch (error) {
 		notify.error('TST Registration Failed', `Are you sure Tree Style Tabs is installed and enabled?\nThis extension won't do anything without that.`);
 	} } break;