presetup: add 'add everything else' log channel button

presetup-configurator/src/LogChannels.tsx

@@ -85,12 +85,13 @@ interface Props {
 }
 
 export function LogChannels({ logChannels, setLogChannels }: Props) {
-  function addLogChannel() {
+  function addLogChannel(props: Partial<LogChannel> = {}) {
     setLogChannels(_logChannels => {
       return [..._logChannels, {
         id: "",
         includeExclude: "include",
         logTypes: new Set(),
+        ...props,
       }];
     });
   }
@@ -103,6 +104,14 @@ export function LogChannels({ logChannels, setLogChannels }: Props) {
     });
   }
 
+  function addReverseLogChannel() {
+    const includedLogTypesInOtherLogChannels = new Set(logChannels.map(l => Array.from(l.logTypes)).flat());
+    addLogChannel({
+      includeExclude: "exclude",
+      logTypes: includedLogTypesInOtherLogChannels,
+    });
+  }
+
   function setId(index: number, id: string) {
     setLogChannels(_logChannels => {
       _logChannels[index].id = id;
@@ -157,7 +166,8 @@ export function LogChannels({ logChannels, setLogChannels }: Props) {
           </div>
         </div>
       ))}
-      <button onClick={addLogChannel}>Add</button>
+      <button onClick={() => addLogChannel()}>Add</button>
+      <button onClick={() => addReverseLogChannel()}>Add "everything else"</button>
     </div>
   );
 }