@revenexx/studio-shared 0.4.0 → 0.4.2

package/dist/runtime/lib/tableExport.js

@@ -0,0 +1,143 @@
+function csvField(value, sep) {
+  if (value === null || value === void 0) return "";
+  const s = typeof value === "number" ? String(value).replace(".", sep === ";" ? "," : ".") : String(value);
+  return /["\r\n]/.test(s) || s.includes(sep) ? `"${s.replace(/"/g, '""')}"` : s;
+}
+export function toCsv(sheet, sep = ";") {
+  const lines = [sheet.headers, ...sheet.rows].map((r) => r.map((v) => csvField(v, sep)).join(sep));
+  return `\uFEFF${lines.join("\r\n")}\r
+`;
+}
+const INVALID_XML = /[\u0000-\u0008\u000B\u000C\u000E-\u001F￾￿]/g;
+function xml(s) {
+  return s.replace(INVALID_XML, "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+export function columnLetter(index) {
+  let n = index + 1;
+  let out = "";
+  while (n > 0) {
+    const m = (n - 1) % 26;
+    out = String.fromCharCode(65 + m) + out;
+    n = Math.floor((n - 1) / 26);
+  }
+  return out;
+}
+function cellXml(value, ref, style) {
+  if (value === null || value === void 0 || value === "") return "";
+  const s = style ? ` s="${style}"` : "";
+  if (typeof value === "number" && Number.isFinite(value)) return `<c r="${ref}"${s}><v>${value}</v></c>`;
+  return `<c r="${ref}"${s} t="inlineStr"><is><t xml:space="preserve">${xml(String(value))}</t></is></c>`;
+}
+function sheetXml(sheet) {
+  const rows = [sheet.headers, ...sheet.rows].map((r, ri) => {
+    const cells = r.map((v, ci) => cellXml(v, `${columnLetter(ci)}${ri + 1}`, ri === 0 ? 1 : 0)).join("");
+    return `<row r="${ri + 1}">${cells}</row>`;
+  }).join("");
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><sheetViews><sheetView workbookViewId="0"><pane ySplit="1" topLeftCell="A2" activePane="bottomLeft" state="frozen"/></sheetView></sheetViews><sheetData>${rows}</sheetData></worksheet>`;
+}
+function sheetTitle(name) {
+  const clean = (name ?? "Export").replace(/[[\]:*?/\\]/g, " ").trim() || "Export";
+  return clean.slice(0, 31);
+}
+function xlsxFiles(sheet) {
+  return [
+    ["[Content_Types].xml", '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/></Types>'],
+    ["_rels/.rels", '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>'],
+    ["xl/workbook.xml", `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets><sheet name="${xml(sheetTitle(sheet.sheetName))}" sheetId="1" r:id="rId1"/></sheets></workbook>`],
+    ["xl/_rels/workbook.xml.rels", '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/></Relationships>'],
+    ["xl/styles.xml", '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><fonts count="2"><font><sz val="11"/><name val="Calibri"/></font><font><b/><sz val="11"/><name val="Calibri"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="2"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/><xf numFmtId="0" fontId="1" fillId="0" borderId="0" xfId="0" applyFont="1"/></cellXfs></styleSheet>'],
+    ["xl/worksheets/sheet1.xml", sheetXml(sheet)]
+  ];
+}
+let crcTable = null;
+export function crc32(bytes) {
+  if (!crcTable) {
+    crcTable = new Uint32Array(256);
+    for (let n = 0; n < 256; n++) {
+      let c = n;
+      for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+      crcTable[n] = c >>> 0;
+    }
+  }
+  let crc = 4294967295;
+  for (let i = 0; i < bytes.length; i++) crc = crcTable[(crc ^ bytes[i]) & 255] ^ crc >>> 8;
+  return (crc ^ 4294967295) >>> 0;
+}
+function zipStored(files) {
+  const enc = new TextEncoder();
+  const locals = [];
+  const centrals = [];
+  let offset = 0;
+  for (const [name, data] of files) {
+    const nameBytes = enc.encode(name);
+    const crc = crc32(data);
+    const local = new Uint8Array(30 + nameBytes.length);
+    const lv = new DataView(local.buffer);
+    lv.setUint32(0, 67324752, true);
+    lv.setUint16(4, 20, true);
+    lv.setUint16(6, 2048, true);
+    lv.setUint16(8, 0, true);
+    lv.setUint16(10, 0, true);
+    lv.setUint16(12, 33, true);
+    lv.setUint32(14, crc, true);
+    lv.setUint32(18, data.length, true);
+    lv.setUint32(22, data.length, true);
+    lv.setUint16(26, nameBytes.length, true);
+    lv.setUint16(28, 0, true);
+    local.set(nameBytes, 30);
+    locals.push(local, data);
+    const central = new Uint8Array(46 + nameBytes.length);
+    const cv = new DataView(central.buffer);
+    cv.setUint32(0, 33639248, true);
+    cv.setUint16(4, 20, true);
+    cv.setUint16(6, 20, true);
+    cv.setUint16(8, 2048, true);
+    cv.setUint16(10, 0, true);
+    cv.setUint16(12, 0, true);
+    cv.setUint16(14, 33, true);
+    cv.setUint32(16, crc, true);
+    cv.setUint32(20, data.length, true);
+    cv.setUint32(24, data.length, true);
+    cv.setUint16(28, nameBytes.length, true);
+    cv.setUint32(42, offset, true);
+    central.set(nameBytes, 46);
+    centrals.push(central);
+    offset += local.length + data.length;
+  }
+  const cdSize = centrals.reduce((n, c) => n + c.length, 0);
+  const end = new Uint8Array(22);
+  const ev = new DataView(end.buffer);
+  ev.setUint32(0, 101010256, true);
+  ev.setUint16(8, files.length, true);
+  ev.setUint16(10, files.length, true);
+  ev.setUint32(12, cdSize, true);
+  ev.setUint32(16, offset, true);
+  const parts = [...locals, ...centrals, end];
+  const out = new Uint8Array(parts.reduce((n, p) => n + p.length, 0));
+  let at = 0;
+  for (const p of parts) {
+    out.set(p, at);
+    at += p.length;
+  }
+  return out;
+}
+export function toXlsx(sheet) {
+  const enc = new TextEncoder();
+  return zipStored(xlsxFiles(sheet).map(([name, text]) => [name, enc.encode(text)]));
+}
+export function exportFileName(base, ext, now = /* @__PURE__ */ new Date()) {
+  const day = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+  const clean = base.replace(/[\\/:*?"<>|]+/g, " ").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") || "export";
+  return `${clean}-${day}.${ext}`;
+}
+export function downloadExport(sheet, format, fileBase) {
+  const blob = format === "csv" ? new Blob([toCsv(sheet)], { type: "text/csv;charset=utf-8" }) : new Blob([toXlsx(sheet)], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = exportFileName(fileBase, format);
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}

package/dist/runtime/lib/talkback.d.ts

@@ -29,6 +29,11 @@ export interface PlatformTalkbackConfig {
      * `@revenexx/talkback-js/testing` satisfies it.
      */
     client?: TalkbackOptions['client'];
+    /**
+     * The fetch the mints go out through, under the subscription-token batching
+     * (`lib/talkbackTokenBatch.ts`). Left unset outside tests.
+     */
+    fetch?: typeof globalThis.fetch;
     debug?: boolean;
 }
 /**

package/dist/runtime/lib/talkback.js

@@ -1,4 +1,5 @@
 import { shallowRef } from "vue";
+import { createSubscriptionTokenBatchFetch } from "./talkbackTokenBatch.js";
 export function decodeJwtSub(jwt) {
   if (!jwt) return null;
   try {
@@ -33,6 +34,13 @@ export async function createPlatformTalkback(config) {
     tokenEndpoint: config.tokenEndpoint,
     subscriptionTokenEndpoint: config.subscriptionTokenEndpoint,
     accessToken,
+    // The subscription tokens a page asks for in the same few milliseconds go out
+    // as one batch request where the facade offers it, and one by one where it
+    // does not (PE-990) — eleven mints on a cockpit boot become one.
+    fetch: createSubscriptionTokenBatchFetch({
+      endpoint: config.subscriptionTokenEndpoint,
+      ...config.fetch ? { fetch: config.fetch } : {}
+    }),
     ...config.client ? { client: config.client } : {},
     ...config.debug === void 0 ? {} : { debug: config.debug }
   });

package/dist/runtime/lib/talkbackTokenBatch.d.ts

@@ -0,0 +1,35 @@
+/**
+ * One request for the subscription tokens a page asks for at once (PE-990).
+ *
+ * `@revenexx/talkback-js` mints a subscription token per channel, each its own
+ * `POST /v1/subscription-tokens` — eleven of them on a cockpit boot, one per
+ * channel the shell and the studios open. The facade answers several at once at
+ * `POST /v1/subscription-tokens/batch`. The package has no batch hook, but it does
+ * take a `fetch`, so this is a `fetch` that recognises the single mint, holds it
+ * for a few milliseconds, and sends whatever arrived in that window as one batch —
+ * then hands each caller the single answer it asked for.
+ *
+ * WHAT IT NEVER CHANGES IS THE ANSWER A CHANNEL GETS. Every fallback ends in the
+ * single request the package would have sent itself:
+ *
+ * - A facade without the batch route (404/405) is remembered for the life of the
+ *   client, and from then on every mint goes straight through as before. That is
+ *   what lets this ship ahead of the facade.
+ * - Any other refusal of the batch — one foreign channel refuses the whole batch,
+ *   a 429, a 5xx — or a network failure sends each channel on its own, so the good
+ *   channels still get their tokens and the bad one gets its own error, exactly as
+ *   without batching.
+ * - A request that is not a plain `{ channel }` mint (a body with `info` or
+ *   `override`, another endpoint, another method) is never touched.
+ */
+export interface SubscriptionTokenBatchOptions {
+    /** The single-mint URL; the batch lives at `${endpoint}/batch`. */
+    endpoint: string;
+    /** The fetch every request finally goes out through. */
+    fetch?: typeof globalThis.fetch;
+    /** How long a mint waits for company, in ms. A page's boot subscribes over a few ticks. */
+    windowMs?: number;
+    /** The facade's per-request cap (`TALKBACK_MAX_SUBS_PER_TOKEN`, 32 by default). */
+    maxPerBatch?: number;
+}
+export declare function createSubscriptionTokenBatchFetch(opts: SubscriptionTokenBatchOptions): typeof globalThis.fetch;

package/dist/runtime/lib/talkbackTokenBatch.js

@@ -0,0 +1,101 @@
+function plainMintChannel(init) {
+  if (!init || typeof init.body !== "string") return null;
+  try {
+    const body = JSON.parse(init.body);
+    if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+    const keys = Object.keys(body);
+    const channel = body.channel;
+    if (keys.length !== 1 || typeof channel !== "string" || !channel) return null;
+    return channel;
+  } catch {
+    return null;
+  }
+}
+function urlOf(input) {
+  if (typeof input === "string") return input;
+  if (input instanceof URL) return input.href;
+  return input.url;
+}
+function headerKey(init) {
+  const h = new Headers(init.headers);
+  return JSON.stringify([h.get("authorization"), h.get("x-revenexx-tenant"), init.credentials ?? null]);
+}
+function jsonResponse(body, status = 200) {
+  return new Response(JSON.stringify(body), { status, headers: { "Content-Type": "application/json" } });
+}
+export function createSubscriptionTokenBatchFetch(opts) {
+  const baseFetch = opts.fetch ?? ((input, init) => globalThis.fetch(input, init));
+  const endpoint = opts.endpoint;
+  const batchEndpoint = `${endpoint.replace(/\/+$/, "")}/batch`;
+  const windowMs = opts.windowMs ?? 10;
+  const maxPerBatch = Math.max(1, opts.maxPerBatch ?? 32);
+  let supported;
+  const groups = /* @__PURE__ */ new Map();
+  function sendSingle(p) {
+    baseFetch(p.input, p.init).then(p.resolve, p.reject);
+  }
+  async function flush(key) {
+    const group = groups.get(key);
+    if (!group) return;
+    groups.delete(key);
+    if (group.timer) clearTimeout(group.timer);
+    const members = group.members;
+    if (members.length === 1 || supported === false) {
+      members.forEach(sendSingle);
+      return;
+    }
+    let res;
+    try {
+      res = await baseFetch(batchEndpoint, {
+        ...group.init,
+        body: JSON.stringify({ channels: members.map((m) => m.channel) })
+      });
+    } catch {
+      members.forEach(sendSingle);
+      return;
+    }
+    if (res.status === 404 || res.status === 405) {
+      supported = false;
+      members.forEach(sendSingle);
+      return;
+    }
+    if (!res.ok) {
+      members.forEach(sendSingle);
+      return;
+    }
+    let tokens = null;
+    try {
+      const body = await res.json();
+      tokens = Array.isArray(body.tokens) ? body.tokens : null;
+    } catch {
+      tokens = null;
+    }
+    if (!tokens) {
+      members.forEach(sendSingle);
+      return;
+    }
+    supported = true;
+    const byChannel = new Map(tokens.map((t) => [t.channel, t]));
+    for (const m of members) {
+      const t = byChannel.get(m.channel);
+      if (t?.token) m.resolve(jsonResponse({ token: t.token, expires_at: t.expires_at, channel: t.channel }));
+      else sendSingle(m);
+    }
+  }
+  return function batchingFetch(input, init) {
+    const method = (init?.method ?? "GET").toUpperCase();
+    const channel = method === "POST" && urlOf(input) === endpoint ? plainMintChannel(init) : null;
+    if (channel === null || supported === false) return baseFetch(input, init);
+    const key = headerKey(init);
+    return new Promise((resolve, reject) => {
+      let group = groups.get(key);
+      if (!group) {
+        group = { init, members: [], timer: null };
+        groups.set(key, group);
+        group.timer = setTimeout(() => void flush(key), windowMs);
+      }
+      group.members.push({ channel, input, init, resolve, reject });
+      if (group.members.length >= maxPerBatch) void flush(key);
+    });
+  };
+}

package/dist/runtime/types/nav.d.ts

@@ -28,10 +28,19 @@ export type SidebarNavItem = {
     children?: SidebarNavItem[];
     /** Stable `v-for` key. Defaults to `to ?? label`. */
     key?: string;
+    /**
+     * A sub-heading drawn above this row, inside its section. A long section
+     * reads in bands (Marketing: Planen, Ausspielen, Gewinnen, Anreize); the
+     * first row of each band carries the band's name. A heading is a label, not
+     * a row: it links nowhere and is skipped by the keyboard.
+     */
+    heading?: string;
 };
 export type SidebarNavSection = {
     key: string;
     /** Empty/omitted → no group label (pinned items at the top). */
     label?: string;
+    /** Area mode: the section's icon, drawn in a tile. */
+    icon?: Component;
     items: SidebarNavItem[];
 };

package/dist/types.d.mts

@@ -26,6 +26,10 @@ export { type DetailSheetBinding } from '../dist/runtime/composables/useDetailSh
 
 export { type FloatingPanelDock, type FloatingPanelMode, type FloatingPanelOptions } from '../dist/runtime/composables/useFloatingPanel.js'
 
+export { type WidgetHeaderStatus } from '../dist/runtime/composables/useWidgetHeader.js'
+
+export { type WidgetFigure } from '../dist/runtime/composables/useWidgetFigures.js'
+
 export { type IsoOption } from '../dist/runtime/lib/isoLists.js'
 
 export { type Translate, type TranslateNamed, type Translator } from '../dist/runtime/lib/i18nBridge.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-shared",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "description": "Shared revenexx Studio shell primitives (PageHeader, SidebarNav, StateCard, DataTable, …) + the platform provider contract (usePlatformAuth/usePlatformTenant). A Nuxt module — add it to `modules`.",
   "main": "./dist/module.mjs",
@@ -29,7 +29,7 @@
     "grid-layout-plus": "^1.1.1"
   },
   "peerDependencies": {
-    "@revenexx/studio": "^0.2.3",
+    "@revenexx/studio": "^0.2.10",
     "@revenexx/talkback-js": "^0.3.0",
     "@solar-icons/nuxt": "^1.2.0",
     "centrifuge": ">=5.2.0",
@@ -46,8 +46,9 @@
     }
   },
   "devDependencies": {
-    "@nuxt/module-builder": "^1.0.2",
     "@nuxt/kit": "^4.0.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.6.3",
     "@revenexx/talkback-js": "^0.3.0",
     "centrifuge": "^5.4.0",
     "nuxt": "^4.2.2",