Restructure frontend code to allow for extensions (#4721)

# Description of Changes Move frontend code into `core` folder and add infrastructure for `proprietary` folder to include premium, non-OSS features
2026-07-15 19:10:47 +02:00 · 2025-10-28 10:29:36 +00:00
parent 960d48f80c
commit d2b38ef4b8
725 changed files with 2485 additions and 2226 deletions
@@ -0,0 +1,75 @@
+import { Stack, Text, Checkbox, Slider, NumberInput, Group } from "@mantine/core";
+import { useTranslation } from "react-i18next";
+import NumberInputWithUnit from "@app/components/tools/shared/NumberInputWithUnit";
+import { RemoveBlanksParameters } from "@app/hooks/tools/removeBlanks/useRemoveBlanksParameters";
+
+interface RemoveBlanksSettingsProps {
+  parameters: RemoveBlanksParameters;
+  onParameterChange: <K extends keyof RemoveBlanksParameters>(key: K, value: RemoveBlanksParameters[K]) => void;
+  disabled?: boolean;
+}
+
+const RemoveBlanksSettings = ({ parameters, onParameterChange, disabled = false }: RemoveBlanksSettingsProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <Stack gap="lg" mt="md">
+      <Stack gap="xs">
+        <NumberInputWithUnit
+          label={t('removeBlanks.threshold.label', 'Pixel Whiteness Threshold')}
+          value={parameters.threshold}
+          onChange={(v) => onParameterChange('threshold', typeof v === 'string' ? Number(v) : v)}
+          unit=''
+          min={0}
+          max={255}
+          disabled={disabled}
+        />
+      </Stack>
+
+      <Stack gap="xs">
+        <Text size="sm" fw={500}>
+          {t('removeBlanks.whitePercent.label', 'White Percent')}
+        </Text>
+        <Group align="center">
+          <NumberInput
+            value={parameters.whitePercent}
+            onChange={(v) => onParameterChange('whitePercent', typeof v === 'number' ? v : 0.1)}
+            min={0.1}
+            max={100}
+            step={0.1}
+            size="sm"
+            rightSection="%"
+            style={{ width: '80px' }}
+            disabled={disabled}
+          />
+          <Slider
+            value={parameters.whitePercent}
+            onChange={(value) => onParameterChange('whitePercent', value)}
+            min={0.1}
+            max={100}
+            step={0.1}
+            style={{ flex: 1 }}
+            disabled={disabled}
+          />
+        </Group>
+      </Stack>
+
+      <Stack gap="xs">
+        <Checkbox
+          checked={parameters.includeBlankPages}
+          onChange={(event) => onParameterChange('includeBlankPages', event.currentTarget.checked)}
+          disabled={disabled}
+          label={
+            <div>
+              <Text size="sm">{t('removeBlanks.includeBlankPages.label', 'Include detected blank pages')}</Text>
+            </div>
+          }
+        />
+      </Stack>
+    </Stack>
+  );
+};
+
+export default RemoveBlanksSettings;
+
+