use universial scan settings

src/components/canvas-scan/canvas-scan-settings/ScanSettingsCard.vue → src/components/scan-settings/ScanSettingsCard.vue

@@ -48,7 +48,7 @@ import ScaleSetting from "./settings/ScaleSetting.vue";
 import BrightnessSetting from "./settings/BrightnessSetting.vue";
 import ContrastSetting from "./settings/ContrastSetting.vue";
 
-import type { ScanConfig } from "@/utils/scan-renderer/canvas-scan";
+import type { ScanConfig } from "@/utils/scan-renderer";
 import { useI18n } from "vue-i18n";
 import { useVModel } from "@vueuse/core";
 

src/utils/scan-renderer/config.types.ts

@@ -0,0 +1,14 @@
+export const colorspaces = ["gray", "sRGB"] as const;
+
+export interface ScanConfig {
+  rotate: number;
+  rotate_var: number;
+  colorspace: typeof colorspaces[number];
+  blur: number;
+  noise: number;
+  border: boolean;
+  scale: number;
+  brightness: number;
+  contrast: number;
+  output_format: "image/png" | "image/jpeg";
+}

src/utils/scan-renderer/index.ts

@@ -1 +1,2 @@
 export type { ScanRenderer } from "./types";
+export type { ScanConfig } from "./config.types";

src/views/CanvasScanView.vue

@@ -39,8 +39,12 @@
 <script lang="ts" setup>
 import { NGrid, NGridItem, NSpace } from "naive-ui";
 import MainContainer from "@/components/MainContainer.vue";
-import { type ScanConfig, defaultConfig } from "@/utils/scan-renderer/canvas-scan";
-import ScanSettingsCard from "@/components/canvas-scan/canvas-scan-settings/ScanSettingsCard.vue";
+import {
+  type ScanConfig,
+  defaultConfig,
+  CanvasScanner,
+} from "@/utils/scan-renderer/canvas-scan";
+import ScanSettingsCard from "@/components/scan-settings/ScanSettingsCard.vue";
 import PDFUpload from "@/components/pdf-upload/PDFUpload.vue";
 import { ref, computed, onMounted, watch } from "vue";
 import PDFURL from "@/assets/examples/pdfs/test.pdf";
@@ -49,7 +53,6 @@ import { useHead } from "@vueuse/head";
 import { useI18n } from "vue-i18n";
 import { PDF } from "@/utils/pdf-renderer/pdfjs";
 import PreviewCompare from "@/components/page-preview/PreviewCompare.vue";
-import { CanvasScanner } from "@/utils/scan-renderer/canvas-scan";
 import SaveButtonCard from "@/components/save-button/SaveButtonCard.vue";
 import { useSaveScannedPDF } from "@/composables/save-scanned-pdf";
 import PDFInfo from "@/components/pdf-upload/PDFInfo.vue";

src/views/MagicaScanView.vue

@@ -44,7 +44,7 @@ import {
   defaultConfig,
   MagicaScanner,
 } from "@/utils/scan-renderer/magica-scan";
-import ScanSettingsCard from "@/components/canvas-scan/canvas-scan-settings/ScanSettingsCard.vue";
+import ScanSettingsCard from "@/components/scan-settings/ScanSettingsCard.vue";
 import PDFUpload from "@/components/pdf-upload/PDFUpload.vue";
 import { ref, computed, onMounted, watch } from "vue";
 import PDFURL from "@/assets/examples/pdfs/test.pdf";