🚚 chore: Make files organized

src/scripts/content_script.ts

@@ -1,4 +1,4 @@
-import { addButton, recordShortcut, waitForElement } from './utils/inject_btns'
+import { addButton, recordShortcut, waitForElement } from './utils/inject/inject_btns'
 
 async function main (): Promise<void> {
   const btn = await waitForElement('.pzp-pc__bottom-buttons-right')

src/scripts/record_result.ts

@@ -1,5 +1,5 @@
 import type { StreamInfo } from './types/record'
-import { transcode } from './utils/transcode'
+import { transcode } from './utils/record/transcode'
 
 async function main (): Promise<void> {
   const { recorderBlob } = await chrome.storage.local.get('recorderBlob')

src/scripts/utils/inject_btns.ts → src/scripts/utils/inject/inject_btns.ts

@@ -1,5 +1,5 @@
-import type { Option } from '../types/option'
-import { startRecordListener } from './record_events'
+import type { Option } from '../../types/option'
+import { startRecordListener } from '../record/record_events'
 
 const pipIcon = `
 <svg viewBox="-6.4 -6.4 28.80 28.80" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" class="bi bi-pip" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"></path> <path d="M8 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3z"></path> </g></svg>

src/scripts/utils/record_events.ts → src/scripts/utils/record/record_events.ts

@@ -1,6 +1,6 @@
-import { injectOverlay, removeOverlay, updateOverlay } from './overlay'
+import { injectOverlay, removeOverlay, updateOverlay } from '../inject/overlay'
 import { startRecord, stopRecord } from './record_stream'
-import type { Video } from '../types/record'
+import type { Video } from '../../types/record'
 
 export function startRecordListener (e: Event): void {
   (async (): Promise<void> => {

src/scripts/utils/record_stream.ts → src/scripts/utils/record/record_stream.ts

@@ -1,5 +1,5 @@
-import type { Video, StreamInfo } from '../types/record'
-import type { Option } from '../types/option'
+import type { Video, StreamInfo } from '../../types/record'
+import type { Option } from '../../types/option'
 
 const checkIsMuted = (video: Video): boolean => {
   return video.muted || video.volume === 0