chore: ignore frontend and remove from repository tracking
This commit is contained in:
@@ -4,3 +4,5 @@ __pycache__/
|
|||||||
*.pyc
|
*.pyc
|
||||||
data/pyload_settings.json
|
data/pyload_settings.json
|
||||||
data/pyload_secret.key
|
data/pyload_secret.key
|
||||||
|
|
||||||
|
frontend/
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Klangkiste Control Panel</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="root"></div>
|
|
||||||
<script type="module" src="/src/main.jsx"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Generated
-2860
File diff suppressed because it is too large
Load Diff
@@ -1,22 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "klangkiste-frontend",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vite",
|
|
||||||
"build": "vite build",
|
|
||||||
"preview": "vite preview --host 0.0.0.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@phosphor-icons/react": "2.1.7",
|
|
||||||
"primeicons": "^7.0.0",
|
|
||||||
"primereact": "^10.7.0",
|
|
||||||
"react": "18.3.1",
|
|
||||||
"react-dom": "18.3.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@vitejs/plugin-react": "4.3.1",
|
|
||||||
"vite": "5.4.3"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,249 +0,0 @@
|
|||||||
const defaultHost =
|
|
||||||
typeof window !== 'undefined' && window.location ? window.location.hostname : '127.0.0.1';
|
|
||||||
const API_BASE = '/api';
|
|
||||||
|
|
||||||
async function readJson(response) {
|
|
||||||
const text = await response.text();
|
|
||||||
try {
|
|
||||||
return { ok: response.ok, status: response.status, data: JSON.parse(text) };
|
|
||||||
} catch (error) {
|
|
||||||
return { ok: response.ok, status: response.status, data: { detail: text } };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getBoxes() {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function pairBox(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/pair`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ box_id: boxId }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getStatus(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/status`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getBoxDetails(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/details`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getMediaTree() {
|
|
||||||
const response = await fetch(`${API_BASE}/media-tree`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function createMediaFolder(parentPath, name) {
|
|
||||||
const response = await fetch(`${API_BASE}/media/folder`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ parent_path: parentPath, name }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function renameMedia(path, name) {
|
|
||||||
const response = await fetch(`${API_BASE}/media/rename`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ path, name }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function moveMedia(path, targetParent) {
|
|
||||||
const response = await fetch(`${API_BASE}/media/move`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ path, target_parent: targetParent }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function deleteMedia(path) {
|
|
||||||
const response = await fetch(`${API_BASE}/media/delete`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ path }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function uploadMedia(targetPath, files, onProgress) {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('target_path', targetPath);
|
|
||||||
files.forEach((file) => {
|
|
||||||
formData.append('files', file);
|
|
||||||
});
|
|
||||||
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
const request = new XMLHttpRequest();
|
|
||||||
request.open('POST', `${API_BASE}/media/upload`);
|
|
||||||
request.upload.onprogress = (event) => {
|
|
||||||
if (!event.lengthComputable || !onProgress) return;
|
|
||||||
const percent = Math.round((event.loaded / event.total) * 100);
|
|
||||||
onProgress(percent);
|
|
||||||
};
|
|
||||||
request.onload = () => {
|
|
||||||
try {
|
|
||||||
const data = JSON.parse(request.responseText || '{}');
|
|
||||||
resolve({ ok: request.status >= 200 && request.status < 300, status: request.status, data });
|
|
||||||
} catch (error) {
|
|
||||||
resolve({
|
|
||||||
ok: request.status >= 200 && request.status < 300,
|
|
||||||
status: request.status,
|
|
||||||
data: { detail: request.responseText || '' },
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
request.onerror = () => {
|
|
||||||
resolve({ ok: false, status: 0, data: { detail: 'network error' } });
|
|
||||||
};
|
|
||||||
request.send(formData);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getTags() {
|
|
||||||
const response = await fetch(`${API_BASE}/tags`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function generateTag(label) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/generate`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ label }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function claimTag(uid, label) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/claim`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ uid, label }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function markTagWritten(uid) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}/write`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getBoxTags(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/tags`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getBoxLocalTags(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/local-tags`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getBoxStorage(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/storage`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getTagBlocks(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/tag-blocks`);
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function setTagBlock(boxId, uid, blocked) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/tag-blocks`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ uid, blocked }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function setBoxAlias(boxId, alias) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/alias`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ alias }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function setTagAlias(uid, alias) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}/alias`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ alias }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function assignTag(uid, boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}/assign`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ box_id: boxId }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function unassignTag(uid, boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}/unassign`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ box_id: boxId }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function deleteTag(uid) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}`, {
|
|
||||||
method: 'DELETE',
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function setTagMedia(uid, mediaPath) {
|
|
||||||
const response = await fetch(`${API_BASE}/tags/${uid}/media`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ media_path: mediaPath }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function pullTagFromBox(boxId, uid, targetFolder) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/pull-tag`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ uid, target_folder: targetFolder }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function sendCommand(boxId, command, payload = {}) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/command`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ command, payload }),
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function unpairBox(boxId) {
|
|
||||||
const response = await fetch(`${API_BASE}/boxes/${boxId}/unpair`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
});
|
|
||||||
return readJson(response);
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import ReactDOM from 'react-dom/client';
|
|
||||||
import { PrimeReactProvider } from 'primereact/api';
|
|
||||||
import 'primereact/resources/themes/lara-dark-teal/theme.css';
|
|
||||||
import 'primereact/resources/primereact.min.css';
|
|
||||||
import 'primeicons/primeicons.css';
|
|
||||||
import App from './App.jsx';
|
|
||||||
import './styles.css';
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById('root')).render(
|
|
||||||
<React.StrictMode>
|
|
||||||
<PrimeReactProvider>
|
|
||||||
<App />
|
|
||||||
</PrimeReactProvider>
|
|
||||||
</React.StrictMode>
|
|
||||||
);
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,23 +0,0 @@
|
|||||||
import { defineConfig, loadEnv } from 'vite';
|
|
||||||
import react from '@vitejs/plugin-react';
|
|
||||||
|
|
||||||
export default defineConfig(({ mode }) => {
|
|
||||||
const env = loadEnv(mode, process.cwd(), '');
|
|
||||||
const rawTarget = env.VITE_BACKEND_URL || 'http://127.0.0.1:5001';
|
|
||||||
const apiTarget = rawTarget.replace(/\/api\/?$/, '');
|
|
||||||
|
|
||||||
return {
|
|
||||||
plugins: [react()],
|
|
||||||
server: {
|
|
||||||
host: true,
|
|
||||||
port: 5174,
|
|
||||||
strictPort: true,
|
|
||||||
proxy: {
|
|
||||||
'/api': {
|
|
||||||
target: apiTarget,
|
|
||||||
changeOrigin: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
Reference in New Issue
Block a user