Prepare for ver 1.2.0 release

.codespellignore

@@ -3,3 +3,6 @@ afterAll
 xdescribe
 optinist
 Optinist
+nnumber
+nNumber
+NNUMBER

.pre-commit-config.yaml

@@ -28,5 +28,6 @@ repos:
     rev: v2.2.4
     hooks:
     -   id: codespell
+        args: [-I, .codespellignore]
         additional_dependencies:
         -   tomli

docker-compose.build.yml

@@ -0,0 +1,13 @@
+version: "3"
+
+services:
+  studio-build-fe:
+    image: node:20.8.0-alpine3.18
+    working_dir: /app/frontend
+    volumes:
+      - ./frontend/:/app/frontend/:cached
+    command: ash -c 'yarn install && yarn build'
+    environment:
+      TZ: Asia/Tokyo
+      GENERATE_SOURCEMAP: false
+      NODE_OPTIONS: --max-old-space-size=1024

docker-compose.dev.yml

@@ -21,7 +21,7 @@ services:
     image: node:20.8.0-alpine3.18
     working_dir: /app/frontend
     volumes:
-      - ./frontend/:/app/frontend/
+      - ./frontend/:/app/frontend/:cached
     ports:
       - "127.0.0.1:3000:3000"
     command: ash -c 'yarn install && yarn start'

docker-compose.test.yml

@@ -10,7 +10,7 @@ services:
     environment:
       PYTHONPATH: .
       TZ: Asia/Tokyo
-    command: bash -c "poetry install --no-root --with test && poetry run python3 -m pytest -s ."
+    command: bash -c "poetry install --no-root --with test && poetry run python3 -m pytest -s"
     volumes:
       - .:/app
 
@@ -23,14 +23,3 @@ services:
     environment:
       TZ: Asia/Tokyo
     command: yarn test:ci
-
-  build_studio_frontend:
-    image: build_studio_frontend
-    container_name: build_studio_frontend
-    build:
-      context: ./frontend
-      dockerfile: Dockerfile.build
-    environment:
-      TZ: Asia/Tokyo
-    volumes:
-      - ./frontend/build:/app/build:cached

frontend/src/App.tsx

@@ -33,9 +33,7 @@ const App: FC = () => {
     dispatch(getModeStandalone())
       .unwrap()
       .catch(() => {
-        new Promise((resolve) =>
-          setTimeout(resolve, RETRY_WAIT),
-        ).then(() => {
+        new Promise((resolve) => setTimeout(resolve, RETRY_WAIT)).then(() => {
           getMode()
         })
       })

frontend/src/api/files/Files.ts

@@ -9,6 +9,8 @@ export const FILE_TREE_TYPE_SET = {
   HDF5: "hdf5",
   FLUO: "fluo",
   BEHAVIOR: "behavior",
+  MATLAB: "matlab",
+  MICROSCOPE: "microscope",
   ALL: "all",
 } as const
 
@@ -21,6 +23,7 @@ export interface NodeBaseDTO {
   path: string
   name: string
   isdir: boolean
+  shape: []
 }
 
 export interface DirNodeDTO extends NodeBaseDTO {
@@ -32,6 +35,12 @@ export interface FileNodeDTO extends NodeBaseDTO {
   isdir: false
 }
 
+export type GetStatusViaUrl = {
+  total: number
+  current: number
+  error: string | null
+}
+
 export async function getFilesTreeApi(
   workspaceId: number,
   fileType: FILE_TREE_TYPE,
@@ -59,3 +68,35 @@ export async function uploadFileApi(
   )
   return response.data
 }
+
+export async function updateShapeApi(
+  workspaceId: number,
+  fileName: string,
+): Promise<boolean> {
+  const response = await axios.post(
+    `${BASE_URL}/files/${workspaceId}/shape/${fileName}`,
+  )
+  return response.data
+}
+
+export const uploadViaUrlApi = async (
+  workspaceId: number,
+  url: string,
+): Promise<{ file_name: string }> => {
+  const res = await axios.post(
+    `${BASE_URL}/files/${workspaceId}/download`,
+    { url },
+    // config,
+  )
+  return res.data
+}
+
+export const getStatusLoadViaUrlApi = async (
+  workspaceId: number,
+  file_name: string,
+): Promise<GetStatusViaUrl> => {
+  const res = await axios.get(
+    `${BASE_URL}/files/${workspaceId}/download/status?file_name=${file_name}`,
+  )
+  return res.data
+}

frontend/src/api/matlab/Matlab.ts

@@ -0,0 +1,31 @@
+import { BASE_URL } from "const/API"
+import axios from "utils/axios"
+
+export type MatlabTreeDTO = MatlabDirDTO | MatlabFileDTO
+
+export interface MatlabDirDTO {
+  isDir: true
+  name: string
+  nodes: MatlabTreeDTO[]
+  path: string
+  dataType: string | null
+}
+
+export interface MatlabFileDTO {
+  isDir: false
+  name: string
+  shape: [number]
+  path: string
+  nbytes: string
+  dataType: string | null
+}
+
+export async function getMatlabTreeApi(
+  path: string,
+  workspaceId: number,
+): Promise<MatlabTreeDTO[]> {
+  const response = await axios.get(
+    `${BASE_URL}/mat/${path}?workspace_id=${workspaceId}`,
+  )
+  return response.data
+}

frontend/src/api/outputs/Outputs.ts

@@ -1,3 +1,4 @@
+import { StatusROI } from "components/Workspace/Visualize/Plot/ImagePlot"
 import { BASE_URL } from "const/API"
 import { PlotMetaData } from "store/slice/DisplayData/DisplayDataType"
 import axios from "utils/axios"
@@ -90,6 +91,19 @@ export async function getCsvDataApi(
   return response.data
 }
 
+export type MatlabData = number[][]
+
+export async function getMatlabDataApi(
+  path: string,
+  params: { workspaceId: number },
+): Promise<{ data: MatlabData; meta?: PlotMetaData }> {
+  const response = await axios.get(`${BASE_URL}/outputs/matlab/${path}`, {
+    params: { workspace_id: params.workspaceId },
+  })
+
+  return response.data
+}
+
 export type RoiData = number[][][]
 
 export async function getRoiDataApi(
@@ -142,37 +156,70 @@ export async function getHTMLDataApi(
 
 export async function addRoiApi(
   path: string,
+  workspaceId: number,
   data: { posx: number; posy: number; sizex: number; sizey: number },
 ): Promise<{ data: HTMLData; meta?: PlotMetaData }> {
   const response = await axios.post(
-    `${BASE_URL}/outputs/image/${path}/add_roi`,
+    `${BASE_URL}/outputs/image/${path}/add_roi?workspace_id=${workspaceId}`,
     data,
   )
   return response.data
 }
 
 export async function mergeRoiApi(
   path: string,
+  workspaceId: number,
   data: { ids: number[] },
 ): Promise<{ data: HTMLData; meta?: PlotMetaData }> {
   const response = await axios.post(
-    `${BASE_URL}/outputs/image/${path}/merge_roi`,
+    `${BASE_URL}/outputs/image/${path}/merge_roi?workspace_id=${workspaceId}`,
     data,
   )
   return response.data
 }
 
 export async function deleteRoiApi(
   path: string,
+  workspaceId: number,
   data: { ids: number[] },
 ): Promise<{ data: HTMLData; meta?: PlotMetaData }> {
   const response = await axios.post(
-    `${BASE_URL}/outputs/image/${path}/delete_roi`,
+    `${BASE_URL}/outputs/image/${path}/delete_roi?workspace_id=${workspaceId}`,
     data,
   )
   return response.data
 }
 
+export async function commitRoiApi(
+  path: string,
+  workspace_id: number,
+): Promise<boolean> {
+  const response = await axios.post(
+    `${BASE_URL}/outputs/image/${path}/commit_edit?workspace_id=${workspace_id}`,
+  )
+  return response.data
+}
+
+export async function cancelRoiApi(
+  path: string | string[],
+  workspace_id: number,
+): Promise<{ data: HTMLData; meta?: PlotMetaData }> {
+  const response = await axios.post(
+    `${BASE_URL}/outputs/image/${path}/cancel_edit?workspace_id=${workspace_id}`,
+  )
+  return response.data
+}
+
+export async function getStatusRoi(
+  path: string,
+  workspace_id: number,
+): Promise<StatusROI> {
+  const response = await axios.post(
+    `${BASE_URL}/outputs/image/${path}/status?workspace_id=${workspace_id}`,
+  )
+  return response.data
+}
+
 export type LineData = number[][]
 
 export async function getLineDataApi(

frontend/src/api/run/Run.ts

@@ -35,6 +35,7 @@ export interface InputNodePostData extends InputNodeData {
     [key: string]: unknown
   }
   hdf5Path?: string
+  matPath?: string
 }
 
 export interface AlgorithmNodePostData extends AlgorithmNodeData {