chore: ignore frontend and remove from repository tracking

This commit is contained in:
2026-02-25 10:44:16 +00:00
parent 194fe675c8
commit 3ae9224e4d
9 changed files with 2 additions and 8630 deletions
+2
View File
@@ -4,3 +4,5 @@ __pycache__/
*.pyc
data/pyload_settings.json
data/pyload_secret.key
frontend/
-12
View File
@@ -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>
-2860
View File
File diff suppressed because it is too large Load Diff
-22
View File
@@ -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"
}
}
-3515
View File
File diff suppressed because it is too large Load Diff
-249
View File
@@ -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);
}
-16
View File
@@ -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
-23
View File
@@ -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,
},
},
},
};
});