Update

klang/api.js

@@ -1,244 +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 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);
-}

klang/main.jsx

@@ -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>
-);