feat(playlists): add isMissing and isPresent operators to Navidrome smart playlist form (#2149)

src/i18n/locales/en.json

@@ -314,6 +314,8 @@
         "inTheRangeDate": "Is in the range (date)",
         "is": "Is",
         "isNot": "Is not",
+        "isMissing": "Is missing",
+        "isPresent": "Is present",
         "isGreaterThan": "Is greater than",
         "isLessThan": "Is less than",
         "matchesRegex": "Matches regex",

src/renderer/components/query-builder/query-builder-option.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 import { Filters } from '/@/renderer/components/query-builder';
 import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
@@ -102,19 +102,28 @@ const QueryValueInput = ({
     const isDatePickerOperator =
         operator === 'beforeDate' || operator === 'afterDate' || operator === 'inTheRangeDate';
 
+    const BooleanSelectComponent = useMemo(
+        () => (
+            <Select
+                data={[
+                    { label: 'true', value: 'true' },
+                    { label: 'false', value: 'false' },
+                ]}
+                onChange={onChange}
+                value={value}
+                {...props}
+            />
+        ),
+        [onChange, props, value],
+    );
+
+    if (operator === 'isMissing' || operator === 'isPresent') {
+        return BooleanSelectComponent;
+    }
+
     switch (type) {
         case 'boolean':
-            return (
+            return BooleanSelectComponent;
-                <Select
-                    data={[
-                        { label: 'true', value: 'true' },
-                        { label: 'false', value: 'false' },
-                    ]}
-                    onChange={onChange}
-                    value={value}
-                    {...props}
-                />
-            );
         case 'date':
             if (isDatePickerOperator && operator !== 'inTheRangeDate') {
                 const dateValue = value ? parseDateValue(value) : null;

src/shared/api/navidrome/navidrome-types.ts

@@ -216,6 +216,17 @@ export const NDSongQueryPlaylistOperators = [
     },
 ];
 
+const NDPresenceOperators = [
+    {
+        label: i18n.t('filterOperator.isMissing'),
+        value: 'isMissing',
+    },
+    {
+        label: i18n.t('filterOperator.isPresent'),
+        value: 'isPresent',
+    },
+];
+
 export const NDSongQueryDateOperators = [
     {
         label: i18n.t('filterOperator.is'),
@@ -225,6 +236,7 @@ export const NDSongQueryDateOperators = [
         label: i18n.t('filterOperator.isNot'),
         value: 'isNot',
     },
+    ...NDPresenceOperators,
     {
         label: i18n.t('filterOperator.before'),
         value: 'before',
@@ -268,6 +280,7 @@ export const NDSongQueryStringOperators = [
         label: i18n.t('filterOperator.isNot'),
         value: 'isNot',
     },
+    ...NDPresenceOperators,
     {
         label: i18n.t('filterOperator.contains'),
         value: 'contains',
@@ -295,6 +308,7 @@ export const NDSongQueryBooleanOperators = [
         label: i18n.t('filterOperator.isNot'),
         value: 'isNot',
     },
+    ...NDPresenceOperators,
 ];
 
 export const NDSongQueryNumberOperators = [
@@ -306,6 +320,7 @@ export const NDSongQueryNumberOperators = [
         label: i18n.t('filterOperator.isNot'),
         value: 'isNot',
     },
+    ...NDPresenceOperators,
     {
         label: i18n.t('filterOperator.contains'),
         value: 'contains',