export annotation json

.eslintrc.js

@@ -20,6 +20,7 @@ module.exports = {
       { accessibility: 'no-public' }
     ],
     '@typescript-eslint/camelcase': 'off',
-    '@typescript-eslint/ban-ts-ignore': 'off'
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/member-delimiter-style': 'off'
   }
 }

src/utils/export/bbox.ts

@@ -22,7 +22,7 @@ export const processExportBBox = (datasets: Dataset[]) => {
     }
   })
 
-  return exportData
+  return JSON.stringify(exportData)
 }
 
 export const serializeBBoxDataset = ({ annotations, path }: Dataset) => {

src/utils/file/index.ts

@@ -1,6 +1,6 @@
 import path from 'path'
 import { remote } from 'electron'
-import { readdir } from 'mz/fs'
+import { readdir, writeFile } from 'mz/fs'
 
 export const showFolderDialog = async () => {
   const { filePaths, canceled } = await remote.dialog.showOpenDialog({
@@ -26,3 +26,30 @@ export const readImagePaths = async (dirPath: string) => {
 
   return imagePaths
 }
+
+interface SaveFileInterface {
+  defaultPath: string
+  file: string
+}
+
+export const saveFile = async ({ defaultPath, file }: SaveFileInterface) => {
+  const win = remote.getCurrentWindow()
+  try {
+    const dialogOptions = {
+      title: 'Save Annotation json',
+      defaultPath: `${defaultPath}/output.json`,
+      filters: [{ name: 'JSON', extensions: ['json'] }]
+    }
+
+    const { canceled, filePath } = await remote.dialog.showSaveDialog(
+      win,
+      dialogOptions
+    )
+
+    if (canceled || !filePath) return
+
+    await writeFile(filePath, file)
+  } catch (e) {
+    remote.dialog.showErrorBox('Failed to save annotation file', e.toString())
+  }
+}

src/utils/index.ts

@@ -6,6 +6,7 @@ export * from '@/utils/import'
 export * from '@/utils/show'
 export * from '@/utils/draw'
 export * from '@/utils/edit'
+export * from '@/utils/file'
 
 export enum Tool {
   Draw,

src/views/annotator/BBox.vue

@@ -35,6 +35,7 @@ import { UserAction, MultipleDrawAction } from '@/models/user/actions'
 import {
   Tool,
   toDataUrl,
+  saveFile,
   BBoxEditTool,
   createBBoxDrawTool,
   createBBoxFromDetector,
@@ -98,8 +99,11 @@ export default class BBox extends Annotator {
   }
 
   exportAnnotation() {
+    if (!this.project) return
+
     const exportData = processExportBBox(this.datasets)
-    console.log(exportData)
+
+    saveFile({ defaultPath: this.project.info.path, file: exportData })
   }
 
   attachAnnotationInteraction(bbox: Annotation) {