@xpert-ai/plugin-drawio 0.1.1 → 0.2.0

package/dist/lib/remote-components/drawio-workbench/src/runtime.js

@@ -0,0 +1,198 @@
+const CHANNEL = 'xpertai.remote_component';
+const VERSION = 1;
+const pending = new Map();
+let instanceId = null;
+let requestSequence = 0;
+let runtimeText = {
+    requestTimeout: 'Request timed out',
+    remoteRequestFailed: 'Remote request failed',
+    unknownError: 'Unknown error'
+};
+export function isObject(value) {
+    return Boolean(value && typeof value === 'object' && !Array.isArray(value));
+}
+export function post(type, body, transfer) {
+    if (!instanceId && type !== 'ready') {
+        return;
+    }
+    parent.postMessage(Object.assign({
+        channel: CHANNEL,
+        protocolVersion: VERSION,
+        instanceId,
+        type
+    }, body || {}), '*', transfer || []);
+}
+export function request(type, body, transfer) {
+    const requestId = String(++requestSequence);
+    return new Promise((resolve, reject) => {
+        pending.set(requestId, { resolve, reject });
+        try {
+            post(type, Object.assign({ requestId }, body || {}), transfer);
+        }
+        catch (error) {
+            pending.delete(requestId);
+            reject(error instanceof Error ? error : new Error(runtimeText.remoteRequestFailed));
+            return;
+        }
+        setTimeout(() => {
+            if (!pending.has(requestId)) {
+                return;
+            }
+            pending.delete(requestId);
+            reject(new Error(runtimeText.requestTimeout));
+        }, 30000);
+    });
+}
+export function requestData(query) {
+    return request('requestData', { query: query || {} });
+}
+export function executeAction(actionKey, targetId, input, parameters) {
+    return request('executeAction', {
+        actionKey,
+        targetId,
+        input,
+        parameters
+    });
+}
+export async function executeFileAction(actionKey, targetId, input, parameters, file) {
+    const buffer = await file.arrayBuffer();
+    return request('executeFileAction', {
+        actionKey,
+        targetId,
+        input,
+        parameters,
+        file: {
+            name: file.name,
+            type: file.type,
+            size: file.size,
+            buffer
+        }
+    }, [buffer]);
+}
+export function invokeClientCommand(commandKey, payload) {
+    return request('invokeClientCommand', {
+        commandKey,
+        payload
+    });
+}
+export function notify(level, message) {
+    post('notify', { level, message });
+}
+export function reportResize() {
+    const height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, window.innerHeight || 0, 720);
+    post('resize', { height, viewportBound: true });
+}
+export function getResponsePayload(response) {
+    if (!response) {
+        return null;
+    }
+    if (response.payload !== undefined) {
+        return response.payload;
+    }
+    if (response.data !== undefined) {
+        return response.data;
+    }
+    if (response.result !== undefined) {
+        return response.result;
+    }
+    return response;
+}
+export function resolveMessage(message, locale) {
+    if (!message) {
+        return '';
+    }
+    if (typeof message === 'string') {
+        return message;
+    }
+    if (String(locale || '').toLowerCase().startsWith('en')) {
+        return message.en_US || message.en || message.zh_Hans || message.zh_CN || '';
+    }
+    return message.zh_Hans || message.zh_CN || message.en_US || message.en || '';
+}
+export function getErrorMessage(error) {
+    return error?.message ? error.message : String(error || runtimeText.unknownError);
+}
+export function setRuntimeText(nextText) {
+    runtimeText = {
+        ...runtimeText,
+        ...nextText
+    };
+}
+export function startRemoteBridge(setContext, handleHostEvent) {
+    let currentContext = null;
+    function applyHostTheme(theme) {
+        if (window.XpertRemoteUI && typeof window.XpertRemoteUI.applyTheme === 'function') {
+            ;
+            window.XpertRemoteUI.applyTheme(theme);
+        }
+        currentContext = {
+            ...(currentContext || {}),
+            theme
+        };
+        setContext(currentContext);
+        setTimeout(reportResize, 0);
+    }
+    window.addEventListener('message', (event) => {
+        const message = event.data;
+        if (!isObject(message) || message.channel !== CHANNEL || message.protocolVersion !== VERSION) {
+            return;
+        }
+        if (message.type === 'init') {
+            instanceId = typeof message.instanceId === 'string' ? message.instanceId : null;
+            currentContext = {
+                manifest: message.manifest,
+                payload: message.payload,
+                initialQuery: message.initialQuery || {},
+                locale: message.locale,
+                theme: message.theme
+            };
+            if (window.XpertRemoteUI && typeof window.XpertRemoteUI.applyTheme === 'function') {
+                ;
+                window.XpertRemoteUI.applyTheme(message.theme);
+            }
+            setContext(currentContext);
+            setTimeout(reportResize, 0);
+            return;
+        }
+        if (message.instanceId !== instanceId) {
+            return;
+        }
+        if (isThemeMessage(message)) {
+            applyHostTheme(extractThemeFromMessage(message));
+            return;
+        }
+        if (message.type === 'hostEvent') {
+            handleHostEvent(message.event);
+            return;
+        }
+        if (message.requestId && pending.has(String(message.requestId))) {
+            const item = pending.get(String(message.requestId));
+            pending.delete(String(message.requestId));
+            if (!item) {
+                return;
+            }
+            if (message.type === 'error') {
+                item.reject(new Error(String(message.message || runtimeText.remoteRequestFailed)));
+            }
+            else {
+                item.resolve(message);
+            }
+        }
+    });
+}
+function isThemeMessage(message) {
+    return ['theme', 'themeChanged', 'theme-change', 'hostThemeChanged', 'host-theme-changed'].includes(String(message.type || ''));
+}
+function extractThemeFromMessage(message) {
+    if (message.theme !== undefined) {
+        return message.theme;
+    }
+    if (isObject(message.payload) && message.payload.theme !== undefined) {
+        return message.payload.theme;
+    }
+    if (isObject(message.data) && message.data.theme !== undefined) {
+        return message.data.theme;
+    }
+    return message.payload ?? message.data ?? null;
+}
+//# sourceMappingURL=runtime.js.map

package/dist/lib/remote-components/drawio-workbench/src/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/drawio-workbench/src/runtime.ts"],"names":[],"mappings":"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"}

package/dist/lib/remote-components/drawio-workbench/src/styles.js

@@ -0,0 +1,290 @@
+export function injectStyles() {
+    if (document.getElementById('drawio-workbench-styles')) {
+        return;
+    }
+    const style = document.createElement('style');
+    style.id = 'drawio-workbench-styles';
+    style.textContent = `
+    html, body, #root {
+      width: 100%;
+      height: 100%;
+      min-height: 100%;
+      margin: 0;
+      overflow: hidden;
+      background: var(--xps-background);
+      color: var(--xps-foreground);
+      font-family: var(--xps-font-sans);
+    }
+    * { box-sizing: border-box; }
+    button, input, textarea { font: inherit; }
+    .dw-shell {
+      --dw-rail-width: var(--xps-sidebar-rail-width, 44px);
+      --dw-panel-header-height: 2.5rem;
+      --dw-left-width: minmax(var(--dw-rail-width), clamp(240px, 20vw, 300px));
+      --dw-right-width: var(--dw-rail-width);
+      --dw-right-panel-width: min(340px, calc(100vw - var(--dw-rail-width) - 96px));
+      width: 100%;
+      height: 100vh;
+      min-height: 720px;
+      display: grid;
+      grid-template-columns: var(--dw-left-width) minmax(0, 1fr) var(--dw-right-width);
+      background: var(--xps-background);
+      overflow: hidden;
+    }
+    .dw-shell.left-collapsed { --dw-left-width: var(--dw-rail-width); }
+    .dw-shell.right-collapsed { --dw-right-width: var(--dw-rail-width); }
+    .dw-sidebar, .dw-inspector {
+      min-width: 0;
+      height: 100vh;
+      min-height: 720px;
+    }
+    .dw-inspector.xps-sidebar {
+      position: relative;
+      z-index: 30;
+      overflow: visible;
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-header,
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-content {
+      position: absolute;
+      right: 0;
+      width: var(--dw-right-panel-width);
+      max-width: calc(100vw - 16px);
+      z-index: 31;
+      background: var(--xps-card);
+      border-left: 1px solid var(--xps-border);
+      border-right: 1px solid var(--xps-border);
+      box-shadow: -12px 0 28px color-mix(in srgb, var(--xps-foreground) 14%, transparent);
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-header {
+      top: 0;
+      min-height: var(--dw-panel-header-height);
+      border-bottom: 1px solid var(--xps-border);
+    }
+    .dw-inspector[aria-expanded="true"] > .xps-sidebar-content {
+      top: var(--dw-panel-header-height);
+      bottom: 0;
+      min-height: 0;
+      overflow: hidden;
+    }
+    .dw-sidebar-title-truncate {
+      flex: 1 1 auto;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-sidebar-trigger-right { margin-left: auto; }
+    .dw-inspector-actions {
+      min-width: 0;
+      flex: 0 0 auto;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .dw-inspector-actions .xps-button,
+    .dw-inspector-actions .xps-badge {
+      flex: 0 0 auto;
+      white-space: nowrap;
+    }
+    .dw-sidebar-controls {
+      padding: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      border-bottom: 1px solid var(--xps-border);
+    }
+    .dw-main {
+      min-width: 0;
+      height: 100vh;
+      min-height: 720px;
+      display: grid;
+      grid-template-rows: auto minmax(0, 1fr);
+      background: var(--xps-background);
+    }
+    .dw-toolbar {
+      display: grid;
+      grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
+      align-items: center;
+      gap: 8px 10px;
+      min-height: 48px;
+      padding: 8px 12px;
+      background: var(--xps-card);
+      border-bottom: 1px solid var(--xps-border);
+      min-width: 0;
+      overflow: visible;
+    }
+    .dw-toolbar-title { min-width: 0; }
+    .dw-toolbar-actions {
+      min-width: 0;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+    }
+    .dw-toolbar-actions .xps-button,
+    .dw-toolbar-actions .xps-badge { flex: 0 0 auto; }
+    .dw-title-input { width: 100%; }
+    .dw-button-icon {
+      width: 1rem;
+      height: 1rem;
+      flex: 0 0 auto;
+      stroke-width: 2;
+    }
+    .dw-editor {
+      min-height: 0;
+      height: 100%;
+      background: var(--xps-background);
+      position: relative;
+      overflow: hidden;
+    }
+    .dw-editor iframe {
+      width: 100%;
+      height: 100%;
+      border: 0;
+      display: block;
+      background: #fff;
+    }
+    .dw-editor-placeholder {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--xps-muted-foreground);
+      pointer-events: none;
+      background: color-mix(in srgb, var(--xps-background) 88%, transparent);
+    }
+    .dw-list {
+      flex: 1 1 auto;
+      min-height: 0;
+      padding: 6px;
+    }
+    .dw-item-title {
+      display: block;
+      width: 100%;
+      color: var(--xps-foreground);
+      font-weight: 650;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-item-meta, .dw-muted {
+      color: var(--xps-muted-foreground);
+      font-size: 12px;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-status {
+      margin-left: auto;
+      flex: 0 0 auto;
+    }
+    .dw-inspector-scroll {
+      min-height: 0;
+      height: 100%;
+      flex: 1 1 auto;
+    }
+    .dw-inspector-stack {
+      padding: 10px 12px 10px 10px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-section-title {
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--xps-foreground);
+    }
+    .dw-inline-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    .dw-version {
+      border: 1px solid var(--xps-border);
+      border-radius: var(--xps-radius);
+      background: color-mix(in srgb, var(--xps-card) 94%, var(--xps-muted) 6%);
+      padding: 8px;
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) var(--xps-control-height);
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+      min-width: 0;
+      overflow: hidden;
+    }
+    .dw-version > div {
+      min-width: 0;
+      overflow: hidden;
+    }
+    .dw-version > div > div {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .dw-version-action.xps-button {
+      width: var(--xps-control-height);
+      height: var(--xps-control-height);
+      padding: 0;
+      justify-self: end;
+    }
+    .dw-inspector .xps-input,
+    .dw-inspector .xps-textarea,
+    .dw-inspector .xps-scroll-area,
+    .dw-inspector .xps-scroll-area-viewport {
+      min-width: 0;
+      max-width: 100%;
+    }
+    .dw-inspector .xps-textarea {
+      overflow-x: hidden;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
+    .dw-inspector .dw-muted {
+      overflow: visible;
+      text-overflow: clip;
+      white-space: normal;
+      overflow-wrap: anywhere;
+    }
+    .dw-empty {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--xps-muted-foreground);
+    }
+    .dw-hidden-file { display: none; }
+    @media (max-width: 1040px) {
+      .dw-shell,
+      .dw-shell.left-collapsed,
+      .dw-shell.right-collapsed {
+        --dw-left-width: var(--dw-rail-width);
+        --dw-right-width: var(--dw-rail-width);
+        --dw-right-panel-width: min(320px, calc(100vw - var(--dw-rail-width) - 32px));
+        grid-template-columns: var(--dw-left-width) minmax(0, 1fr) var(--dw-right-width);
+      }
+      .dw-sidebar .xps-sidebar-content,
+      .dw-inspector-scroll { display: none; }
+      .dw-inspector[aria-expanded="true"] .dw-inspector-scroll { display: block; }
+      .xps-sidebar-rail { display: flex; }
+    }
+    @media (max-width: 920px) {
+      .dw-toolbar {
+        grid-template-columns: minmax(0, 1fr);
+      }
+      .dw-status { margin-left: 0; }
+    }
+  `;
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=styles.js.map

package/dist/lib/remote-components/drawio-workbench/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/drawio-workbench/src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,CAAC;QACvD,OAAM;IACR,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,GAAG,yBAAyB,CAAA;IACpC,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwRnB,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC"}

package/dist/lib/remote-components/drawio-workbench/src/vendor.js

@@ -0,0 +1,4 @@
+export const React = window.React;
+export const ReactDOM = window.ReactDOM;
+export const h = React.createElement;
+//# sourceMappingURL=vendor.js.map

package/dist/lib/remote-components/drawio-workbench/src/vendor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor.js","sourceRoot":"","sources":["../../../../../src/lib/remote-components/drawio-workbench/src/vendor.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAI,MAAc,CAAC,KAAK,CAAA;AAC1C,MAAM,CAAC,MAAM,QAAQ,GAAI,MAAc,CAAC,QAAQ,CAAA;AAChD,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAA"}

package/dist/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/plugin-drawio",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "draw.io/diagrams.net app plugin for agent-created diagrams, reviewable XML versions, Mermaid drafts, and an embedded editor workbench.",
   "author": {
     "name": "XpertAI",