@kwirthmagnify/kwirth-common-front 0.5.3 → 0.5.7

package/dist/MarkdownViewer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IMarkdownViewerProps {
+    content: string;
+    style?: React.CSSProperties;
+}
+declare const MarkdownViewer: React.FC<IMarkdownViewerProps>;
+export { MarkdownViewer };

package/dist/MarkdownViewer.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownViewer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const MarkdownViewer = ({ content, style }) => {
+    return (react_1.default.createElement("div", { style: Object.assign({ fontSize: 14, lineHeight: 1.6 }, style) },
+        react_1.default.createElement(react_markdown_1.default, null, content)));
+};
+exports.MarkdownViewer = MarkdownViewer;

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 import { FC, ReactNode } from 'react';
 import { EInstanceConfigView, EChannelRefreshAction, ENotifyLevel, IChannelMessageAction, IChannelSettings, IChannelRequirements } from '@kwirthmagnify/kwirth-common';
+type CloseWithId = (id: string) => void;
+type CloseNoId = () => void;
+export declare const useKeyboard: (onEscape?: CloseWithId | CloseNoId, id?: string) => void;
 export { EChannelRefreshAction, ENotifyLevel };
 export type { EInstanceConfigView, IChannelMessageAction, IChannelSettings, IChannelRequirements };
 export type TChannelConstructor = (new () => IChannel) | undefined;
@@ -15,7 +18,7 @@ export interface IChannelObject {
     config: any;
     data: any;
     accessString?: string;
-    isElectron: boolean;
+    isDesktop: boolean;
     channelId: string;
     frontChannels?: Map<string, TChannelConstructor>;
     notifications?: any[];
@@ -30,6 +33,7 @@ export interface IChannelObject {
     setPalette?: (palette: string) => void;
     notify?: (channelId: string | undefined, level: ENotifyLevel, message: string) => void;
     exit?: () => void;
+    stopChannel?: () => void;
 }
 export interface ISetupProps {
     onChannelSetupClosed: (channel: IChannel, channelSettings: IChannelSettings, start: boolean, defaultValues: boolean) => void;
@@ -67,3 +71,5 @@ export interface IChannel {
     getExternalHelpContent?: () => ReactNode;
     onExternalConfigApply?: (channelObject: IChannelObject, values: any) => boolean;
 }
+export declare const cleanANSI: (text: string) => string;
+export { MarkdownViewer } from './MarkdownViewer';

package/dist/index.js

@@ -1,6 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ENotifyLevel = exports.EChannelRefreshAction = void 0;
+exports.MarkdownViewer = exports.cleanANSI = exports.ENotifyLevel = exports.EChannelRefreshAction = exports.useKeyboard = void 0;
+const react_1 = require("react");
 const kwirth_common_1 = require("@kwirthmagnify/kwirth-common");
 Object.defineProperty(exports, "EChannelRefreshAction", { enumerable: true, get: function () { return kwirth_common_1.EChannelRefreshAction; } });
 Object.defineProperty(exports, "ENotifyLevel", { enumerable: true, get: function () { return kwirth_common_1.ENotifyLevel; } });
+const useKeyboard = (onEscape, id) => {
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            event.stopPropagation();
+            if (event.key === 'Escape' && onEscape) {
+                if (id)
+                    onEscape(id);
+                else
+                    onEscape();
+            }
+        };
+        const handleKeyUp = (event) => {
+            event.stopPropagation();
+        };
+        window.addEventListener('keydown', handleKeyDown, true);
+        window.addEventListener('keyup', handleKeyUp, true);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown, true);
+            window.removeEventListener('keyup', handleKeyUp, true);
+        };
+    }, [onEscape, id]);
+};
+exports.useKeyboard = useKeyboard;
+const cleanANSI = (text) => text.replace(/\x1b\[[0-9;]*[mKHVfJrcegH]|\x1b\[\d*n/g, '');
+exports.cleanANSI = cleanANSI;
+var MarkdownViewer_1 = require("./MarkdownViewer");
+Object.defineProperty(exports, "MarkdownViewer", { enumerable: true, get: function () { return MarkdownViewer_1.MarkdownViewer; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwirthmagnify/kwirth-common-front",
-  "version": "0.5.3",
+  "version": "0.5.7",
   "description": "Frontend channel interfaces for Kwirth plugins and channels",
   "scripts": {
     "build": "del .\\dist\\* /s /q && tsc"
@@ -18,7 +18,8 @@
   "author": "Julio Fernandez",
   "license": "ISC",
   "dependencies": {
-    "@kwirthmagnify/kwirth-common": "^0.5.1"
+    "@kwirthmagnify/kwirth-common": "^0.5.1",
+    "react-markdown": "^10.1.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0"