Clean up import

Author: govizlora

src/app.tsx

@@ -5,7 +5,6 @@ import { Result } from './result'
 import { processMatrix, processTargets, threshold } from './utils'
 import { UAParser } from 'ua-parser-js'
 import { Upload } from './upload'
-import appBorder from '../assets/app-border.svg'
 
 const defaultOcrProgress = { matrixProgress: 0, targetsProgress: 0, status: '' }
 const defaultOcrResult: {
@@ -127,12 +126,8 @@ export default function App() {
           flexDirection: 'column',
           marginBottom: 2,
           height: 'calc(100% - 14px)',
-          borderImageSource: `url(${appBorder})`,
-          borderImageSlice: 69,
-          borderImageWidth: 'auto',
-          boxSizing: 'border-box',
         }}
-        className="border"
+        className="app-border"
       >
         {showInputPage ? (
           isMobile ? (

src/camera.tsx

@@ -1,5 +1,4 @@
 import { PointerEvent, useCallback, useEffect, useRef, useState } from 'react'
-// @ts-ignore
 import exampleImg from '../assets/example.jpg'
 import { threshold, useStorage } from './utils'
 

src/main.css

@@ -35,8 +35,13 @@ body {
 }
 
 /* For unknown reason, inlining border will overwrite borderImage */
-.border {
-  border: solid 1px;
+.app-border {
+  border-width: 1px;
+  border-style: solid;
+  border-image-source: url(../assets/app-border.svg);
+  border-image-slice: 69;
+  border-image-width: auto;
+  box-sizing: border-box;
 }
 
 button {

src/ocr.ts

@@ -7,9 +7,7 @@ import {
   WorkerParams,
   Worker,
 } from 'tesseract.js'
-// @ts-ignore
 import workerPath from '../lib/worker.min.js'
-// @ts-ignore
 import corePath from '../lib/tesseract-core.wasm.js'
 
 export type Logger = (packet: {

src/types/file.d.ts

@@ -1,4 +1,14 @@
-declare module '*.svg' {
-  const content: string
-  export default content
+declare module '*.jpg' {
+  const path: string
+  export default path
+}
+
+declare module '*/worker.min.js' {
+  const path: string
+  export default path
+}
+
+declare module '*/tesseract-core.wasm.js' {
+  const path: string
+  export default path
 }

src/upload.tsx

@@ -1,5 +1,4 @@
 import { useState } from 'react'
-// @ts-ignore
 import exampleImg from '../assets/crop-example.jpg'
 
 export const Upload = ({