@coding-script/script-engine 0.0.5 → 0.0.6

package/dist/components/toolbar.js

@@ -51,17 +51,6 @@ function calcTooltipPos(anchorRect, el) {
         maxHeight: Math.max(maxHeight, 80)
     };
 }
-const KV_RE = /^([^:]+):\s*([\s\S]+)$/;
-function renderDescLine(line, accent) {
-    const m = line.match(KV_RE);
-    if (m) return /*#__PURE__*/ react.createElement("span", null, /*#__PURE__*/ react.createElement("span", {
-        style: {
-            color: accent,
-            fontWeight: 600
-        }
-    }, m[1]), /*#__PURE__*/ react.createElement("span", null, ": ", m[2]));
-    return line;
-}
 const QuestionIcon = ({ color })=>/*#__PURE__*/ react.createElement("svg", {
         width: "13",
         height: "13",
@@ -125,7 +114,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
     }, [
         description
     ]);
-    const descLines = description ? description.replace(/\\n/g, '\n').split('\n').filter((l)=>l.trim()) : [];
+    const descHtml = description ? description.replace(/\\n/g, '\n').replace(/\n/g, '<br>') : '';
     const handleThemeToggle = ()=>{
         const next = isDark ? 'light' : 'dark';
         onThemeChange?.(next);
@@ -155,7 +144,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
         style: {
             marginRight: 'auto'
         }
-    }), descLines.length > 0 && /*#__PURE__*/ react.createElement(ToolbarButton, {
+    }), descHtml && /*#__PURE__*/ react.createElement(ToolbarButton, {
         ref: descBtnRef,
         label: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(QuestionIcon, {
             color: "currentColor"
@@ -216,7 +205,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             textColor: item.textColor,
             borderColor: item.borderColor,
             onClick: item.onClick
-        })), toolbarExtra, showDesc && tipPos && descLines.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        })), toolbarExtra, showDesc && tipPos && descHtml && /*#__PURE__*/ react.createElement("div", {
         ref: tipRef,
         style: {
             position: 'fixed',
@@ -236,12 +225,10 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             zIndex: 9999,
             boxShadow: '0 4px 16px rgba(0,0,0,0.3)',
             pointerEvents: 'auto'
+        },
+        dangerouslySetInnerHTML: {
+            __html: descHtml
         }
-    }, descLines.map((line, i)=>/*#__PURE__*/ react.createElement("div", {
-            key: i,
-            style: {
-                marginBottom: i < descLines.length - 1 ? 4 : 0
-            }
-        }, renderDescLine(line, colors.accent)))));
+    }));
 };
 export { Toolbar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-script/script-engine",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "script-engine components",
   "keywords": [
     "coding-script",