parent
bb9a1bdfa6
commit
35cd904a63
32 changed files with 1512 additions and 1243 deletions
@ -0,0 +1,44 @@ |
|||||||
|
|
||||||
|
// This interface describes a JSON format in which the "interesting part"
|
||||||
|
// of the entire database for a user can be imported/exported.
|
||||||
|
// Worth noting is that the IDs used in this format only exist for cross-
|
||||||
|
// referencing between objects. They do not correspond to IDs in the actual
|
||||||
|
// database.
|
||||||
|
// Upon import, they might be replaced, and upon export, they might be randomly
|
||||||
|
|
||||||
|
import { AlbumWithRefsWithId, ArtistWithRefsWithId, isAlbumWithRefs, isArtistWithRefs, isTagWithRefs, isTrackBaseWithRefs, isTrackWithRefs, TagWithRefsWithId, TrackWithRefsWithId } from "../types/resources"; |
||||||
|
|
||||||
|
// generated.
|
||||||
|
export interface DBImportExportFormat { |
||||||
|
tracks: TrackWithRefsWithId[], |
||||||
|
albums: AlbumWithRefsWithId[], |
||||||
|
artists: ArtistWithRefsWithId[], |
||||||
|
tags: TagWithRefsWithId[], |
||||||
|
} |
||||||
|
|
||||||
|
// Get a full export of a user's database (GET).
|
||||||
|
export const DBExportEndpoint = "/export"; |
||||||
|
export type DBExportResponse = DBImportExportFormat; |
||||||
|
|
||||||
|
// Fully replace the user's database by an import (POST).
|
||||||
|
export const DBImportEndpoint = "/import"; |
||||||
|
export type DBImportRequest = DBImportExportFormat; |
||||||
|
export type DBImportResponse = void; |
||||||
|
export const checkDBImportRequest: (v: any) => boolean = (v: any) => { |
||||||
|
return 'tracks' in v && |
||||||
|
'albums' in v && |
||||||
|
'artists' in v && |
||||||
|
'tags' in v && |
||||||
|
v.tracks.reduce((prev: boolean, cur: any) => { |
||||||
|
return prev && isTrackWithRefs(cur); |
||||||
|
}, true) && |
||||||
|
v.albums.reduce((prev: boolean, cur: any) => { |
||||||
|
return prev && isAlbumWithRefs(cur); |
||||||
|
}, true) && |
||||||
|
v.artists.reduce((prev: boolean, cur: any) => { |
||||||
|
return prev && isArtistWithRefs(cur); |
||||||
|
}, true) && |
||||||
|
v.tags.reduce((prev: boolean, cur: any) => { |
||||||
|
return prev && isTagWithRefs(cur); |
||||||
|
}, true); |
||||||
|
} |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
import React, { useReducer, useState } from 'react'; |
||||||
|
import { WindowState } from "../Windows"; |
||||||
|
import { Box, Paper, Typography, TextField, Button } from "@material-ui/core"; |
||||||
|
import SaveIcon from '@material-ui/icons/Save'; |
||||||
|
import { Alert } from '@material-ui/lab'; |
||||||
|
import * as serverApi from '../../../api/api'; |
||||||
|
|
||||||
|
export interface ManageImportExportWindowState extends WindowState { |
||||||
|
dummy: boolean |
||||||
|
} |
||||||
|
export enum ManageImportExportWindowActions { |
||||||
|
SetDummy = "SetDummy", |
||||||
|
} |
||||||
|
export function ManageImportExportWindowReducer(state: ManageImportExportWindowState, action: any) { |
||||||
|
switch (action.type) { |
||||||
|
case ManageImportExportWindowActions.SetDummy: { |
||||||
|
return state; |
||||||
|
} |
||||||
|
default: |
||||||
|
throw new Error("Unimplemented ManageImportExportWindow state update.") |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
export default function ManageImportExportWindow(props: {}) { |
||||||
|
const [state, dispatch] = useReducer(ManageImportExportWindowReducer, { |
||||||
|
dummy: true, |
||||||
|
}); |
||||||
|
|
||||||
|
return <ManageImportExportWindowControlled state={state} dispatch={dispatch} /> |
||||||
|
} |
||||||
|
|
||||||
|
export function ManageImportExportWindowControlled(props: { |
||||||
|
state: ManageImportExportWindowState, |
||||||
|
dispatch: (action: any) => void, |
||||||
|
}) { |
||||||
|
return <> |
||||||
|
<Box width="100%" justifyContent="center" display="flex" flexWrap="wrap"> |
||||||
|
<Box |
||||||
|
m={1} |
||||||
|
mt={4} |
||||||
|
width="80%" |
||||||
|
> |
||||||
|
<SaveIcon style={{ fontSize: 80 }} /> |
||||||
|
</Box> |
||||||
|
<Box |
||||||
|
m={1} |
||||||
|
mt={4} |
||||||
|
width="80%" |
||||||
|
> |
||||||
|
<Typography variant="h4">Import / Export</Typography> |
||||||
|
<Box mt={2} /> |
||||||
|
<Typography> |
||||||
|
An exported database contains all your artists, albums, tracks and tags.<br /> |
||||||
|
It is represented as a JSON structure. |
||||||
|
</Typography> |
||||||
|
<Box mt={2} /> |
||||||
|
<Alert severity="warning">Upon importing a previously exported database, your database will be completely replaced!</Alert> |
||||||
|
<Box mt={2} /> |
||||||
|
<a href={(process.env.REACT_APP_BACKEND || "") + serverApi.DBExportEndpoint}> |
||||||
|
<Button variant="outlined">Export</Button> |
||||||
|
</a> |
||||||
|
</Box> |
||||||
|
</Box> |
||||||
|
</> |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
const { createProxyMiddleware } = require('http-proxy-middleware'); |
||||||
|
|
||||||
|
module.exports = function(app) { |
||||||
|
app.use( |
||||||
|
process.env.REACT_APP_BACKEND, |
||||||
|
createProxyMiddleware({ |
||||||
|
target: 'http://localhost:5000', |
||||||
|
changeOrigin: true, |
||||||
|
}) |
||||||
|
); |
||||||
|
}; |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
import Knex from "knex"; |
||||||
|
import { exportDB, importDB } from "../db/ImportExport"; |
||||||
|
import { EndpointError, EndpointHandler, handleErrorsInEndpoint } from "./types"; |
||||||
|
import * as api from '../../client/src/api/api'; |
||||||
|
import { DBExportEndpoint } from "../../client/src/api/api"; |
||||||
|
|
||||||
|
export const DBExport: EndpointHandler = async (req: any, res: any, knex: Knex) => { |
||||||
|
try { |
||||||
|
let db = await exportDB(req.user.id, knex); |
||||||
|
res.status(200); |
||||||
|
res.setHeader('Content-disposition', 'attachment; filename= mudbase.json'); |
||||||
|
res.setHeader('Content-type', 'application/json'); |
||||||
|
res.send( JSON.stringify(db, null, 2) ); |
||||||
|
} catch (e) { |
||||||
|
handleErrorsInEndpoint(e) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
export const DBImport: EndpointHandler = async (req: any, res: any, knex: Knex) => { |
||||||
|
if (!api.checkDBImportRequest(req.body)) { |
||||||
|
const e: EndpointError = { |
||||||
|
name: "EndpointError", |
||||||
|
message: 'Invalid DBImport request', |
||||||
|
httpStatus: 400 |
||||||
|
}; |
||||||
|
throw e; |
||||||
|
} |
||||||
|
const reqObject: api.DBImportRequest = req.body; |
||||||
|
const { id: userId } = req.user; |
||||||
|
|
||||||
|
console.log("User ", userId, ": Import DB "); |
||||||
|
|
||||||
|
try { |
||||||
|
await importDB(userId, reqObject, knex) |
||||||
|
res.status(200).send(); |
||||||
|
|
||||||
|
} catch (e) { |
||||||
|
handleErrorsInEndpoint(e); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
export const importExportEndpoints: [ string, string, boolean, EndpointHandler ][] = [ |
||||||
|
[ api.DBExportEndpoint, 'get', true, DBExport ], |
||||||
|
[ api.DBImportEndpoint, 'post', true, DBImport ], |
||||||
|
]; |
||||||
Loading…
Reference in new issue