@mmlogic/components 0.1.7 → 0.1.9

package/dist/collection/dev/api.js

@@ -0,0 +1,198 @@
+/* =====================================================================
+   API HELPERS
+   ===================================================================== */
+
+const API_BASE = 'http://localhost:8080';
+
+/**
+ * Generic fetch wrapper. Accepts both absolute URLs (from _links.self.href)
+ * and relative paths (prefixed with API_BASE).
+ */
+async function apiRequest(method, path, token, body) {
+  const opts = {
+    method,
+    headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+  };
+  if (body !== undefined) opts.body = JSON.stringify(body);
+  const url  = path.startsWith('http') ? path : API_BASE + path;
+  const resp = await fetch(url, opts);
+  const text = await resp.text();
+  let json;
+  try { json = JSON.parse(text); } catch (_) { json = text; }
+  return { status: resp.status, ok: resp.ok, body: json };
+}
+
+async function apiFetchTenants(token) {
+  const { ok, status, body } = await apiRequest('GET', '/tenants', token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  return body; // array of { tenantCode, name, description, logo }
+}
+
+async function apiFetchTypes(token, tenantCode) {
+  const { ok, status, body } = await apiRequest('GET', `/metadata/${tenantCode}/types?type=BASIC`, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  return body; // array of { name, pluralName, type, ... }
+}
+
+async function apiFetchForm(token, tenantCode, pluralName, formHref = null) {
+  const path = formHref || `/metadata/${tenantCode}/form?types=${pluralName}`;
+  const { ok, status, body } = await apiRequest('GET', path, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  const raw = (body && body.layouts && body.layouts.length > 0) ? body.layouts[0]
+            : (Array.isArray(body) && body.length > 0)          ? body[0]
+            : body;
+  return mapApiLayoutToMrdForm(raw);
+}
+
+async function apiFetchDashboard(token, tenantCode, pluralName) {
+  const language = navigator.language;
+  const { ok, status, body } = await apiRequest('GET', `/metadata/${tenantCode}/dashboard/${pluralName}?language=${language}`, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  return body; // { layouts, views, _links }
+}
+
+async function apiFetchPage(token, baseHref, pageNumber, sort = '') {
+  const sep = baseHref.includes('?') ? '&' : '?';
+  let url = `${baseHref}${sep}page=${pageNumber}`;
+  if (sort) url += `&sort=${encodeURIComponent(sort)}`;
+  const { ok, status, body } = await apiRequest('GET', url, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  return body; // { _embedded, _links, page }
+}
+
+async function apiSubmitForm(token, tenantCode, pluralName, values) {
+  const { status, ok, body } = await apiRequest('POST', `/data/${tenantCode}/${pluralName}`, token, values);
+  return { status, ok, body };
+}
+
+async function apiUploadFile(token, tenantCode, file) {
+  // Step 1: obtain a one-time upload URL
+  const { ok, status, body } = await apiRequest('GET', `/data/${tenantCode}/upload`, token);
+  if (!ok) throw new Error(`Upload-URL ophalen mislukt (${status})`);
+  const uploadUrl = typeof body === 'string' ? body : String(body);
+
+  // Step 2: upload the file as multipart (no auth required)
+  const formData = new FormData();
+  formData.append('file', file);
+  const resp = await fetch(uploadUrl, { method: 'POST', body: formData });
+  if (!resp.ok) throw new Error(`Bestand uploaden mislukt (${resp.status})`);
+  const uris = await resp.json();
+  if (!Array.isArray(uris) || uris.length === 0) throw new Error('Geen binary URI ontvangen na upload');
+  return uris[0];
+}
+
+async function apiSearchRelation(token, tenantCode, mostSignificantClass, query) {
+  const q = encodeURIComponent(query);
+  const { ok, status, body } = await apiRequest('GET', `/data/${tenantCode}/${mostSignificantClass}?q=${q}`, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  const items = (body._embedded && body._embedded[mostSignificantClass]) || [];
+  return items.map(item => ({
+    id:    item._links.self.href,
+    label: item.name || item.label || '?',
+  }));
+}
+
+/* =====================================================================
+   LAYOUT MAPPERS
+   Translate flat API layout responses to nested ClientLayoutItem format
+   expected by mrd-form.
+   ===================================================================== */
+
+/**
+ * Map a single flat API item to the nested ClientLayoutItem structure.
+ * Used by both mapApiLayoutToMrdForm (form) and mapApiColumns (table).
+ */
+function mapApiItem(item) {
+  if (item.type === 'FIELD') {
+    if (item.field) return item; // already nested — pass through
+    return {
+      type: 'FIELD',
+      field: {
+        name:         item.name,
+        label:        item.label,
+        dataType:     item.dataType,
+        required:     !!item.required,
+        multiple:     !!item.multiple,
+        header:       !!item.header,
+        defaultValue: item.defaultValue ?? null,
+        listItems:    item.listItems ?? null,
+      },
+    };
+  }
+  if (item.type === 'RELATION') {
+    if (item.relation) return item; // already nested — pass through
+    return {
+      type: 'RELATION',
+      relation: {
+        name:                 item.name,
+        label:                item.label,
+        relatedClass:         item.relatedClass,
+        mostSignificantClass: item.mostSignificantClass ?? null,
+        displayType:          item.editBehavior ?? 'SEARCH',
+        editBehavior:         item.editBehavior ?? null,
+        commonRelation:       item.commonRelation ?? null,
+        required:             !!item.required,
+        multiple:             !!item.multiple,
+        defaultValue:         item.defaultValue ?? null,
+      },
+    };
+  }
+  if (Array.isArray(item.items)) {
+    return { ...item, items: item.items.map(mapApiItem) };
+  }
+  return item;
+}
+
+/**
+ * Map API layout (OBJECT_FORM_DASHBOARD shape) → ClientLayout for mrd-form.
+ *
+ * IMPORTANT: always map editBehavior and commonRelation from the API response —
+ * omitting them causes relation fields to fall back to SEARCH mode.
+ * _relationMeta must be keyed by BOTH relatedClass AND mostSignificantClass
+ * because mrdSearch sends mostSignificantClass as the lookup key.
+ */
+function mapApiLayoutToMrdForm(raw) {
+  if (!raw || !Array.isArray(raw.items)) return raw;
+
+  function mapItem(item) {
+    if (item.type === 'FIELD') {
+      return {
+        type: 'FIELD',
+        field: {
+          name:         item.name,
+          label:        item.label,
+          dataType:     item.dataType,
+          required:     !!item.required,
+          multiple:     !!item.multiple,
+          header:       !!item.header,
+          defaultValue: item.defaultValue ?? null,
+          listItems:    item.listItems ?? null,
+        },
+      };
+    }
+    if (item.type === 'RELATION') {
+      return {
+        type: 'RELATION',
+        relation: {
+          name:                 item.name,
+          label:                item.label,
+          relatedClass:         item.relatedClass,
+          mostSignificantClass: item.mostSignificantClass ?? null,
+          displayType:          item.editBehavior ?? 'SEARCH',
+          editBehavior:         item.editBehavior ?? null,
+          commonRelation:       item.commonRelation ?? null,
+          required:             !!item.required,
+          multiple:             !!item.multiple,
+          defaultValue:         item.defaultValue ?? null,
+        },
+      };
+    }
+    // SECTION / GROUP — recurse into children
+    if (Array.isArray(item.items)) {
+      return { ...item, items: item.items.map(mapItem) };
+    }
+    return item;
+  }
+
+  return { items: raw.items.map(mapItem) };
+}