@coding-script/script-engine 0.0.8 → 0.0.9

package/dist/autocomplete/completion-source.js

@@ -1,6 +1,6 @@
 import { syntaxTree } from "@codemirror/language";
 import { resolveChainType } from "./resolve.js";
-import { groovyConfig } from "../languages/groovy";
+import { groovyConfig } from "../languages/groovy.js";
 function formatFunctionSignature(fn) {
     const params = fn.parameters.map((p)=>`${p.name}: ${p.dataType}`).join(', ');
     return `(${params})`;

package/dist/components/data-types-section.js

@@ -2,6 +2,7 @@ import react from "react";
 import { SectionHeader } from "./section-header.js";
 import { TypeSection } from "./type-section.js";
 const DataTypesSection = ({ allTypes, expanded, onToggle, colors })=>/*#__PURE__*/ react.createElement("div", {
+        className: "data-types-section",
         style: {
             marginTop: 4
         }

package/dist/components/drag-handle.js

@@ -2,6 +2,7 @@ import react from "react";
 const DragHandle = ({ colors, dragging, handleHovered, onMouseDown, onHoverChange })=>{
     const handleActiveColor = dragging || handleHovered ? colors.accent : colors.border;
     return /*#__PURE__*/ react.createElement("div", {
+        className: "se-drag-handle",
         onMouseDown: onMouseDown,
         onMouseEnter: ()=>onHoverChange(true),
         onMouseLeave: ()=>onHoverChange(false),

package/dist/components/main-function-section.js

@@ -1,6 +1,8 @@
 import react from "react";
 import { SectionHeader } from "./section-header.js";
-const MainFunctionSection = ({ metadata, colors })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(SectionHeader, {
+const MainFunctionSection = ({ metadata, colors })=>/*#__PURE__*/ react.createElement("div", {
+        className: "main-function-section"
+    }, /*#__PURE__*/ react.createElement(SectionHeader, {
         colors: colors,
         label: "主函数"
     }), /*#__PURE__*/ react.createElement("div", {

package/dist/components/panel-header.js

@@ -2,6 +2,7 @@ import react, { useState } from "react";
 const PanelHeader = ({ colors, onCollapse })=>{
     const [collapseHovered, setCollapseHovered] = useState(false);
     return /*#__PURE__*/ react.createElement("div", {
+        className: "panel-header",
         style: {
             padding: '8px 12px',
             display: 'flex',

package/dist/components/toolbar.js

@@ -121,6 +121,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
         onThemeChange?.(next);
     };
     return /*#__PURE__*/ react.createElement("div", {
+        className: "script-editor-toolbar",
         style: {
             display: 'flex',
             alignItems: 'center',
@@ -133,6 +134,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             fontSize: 13
         }
     }, title && /*#__PURE__*/ react.createElement("span", {
+        className: "script-editor-toolbar-title",
         style: {
             color: toolbarText,
             fontWeight: 600,
@@ -142,6 +144,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             textOverflow: 'ellipsis'
         }
     }, title), !title && /*#__PURE__*/ react.createElement("span", {
+        className: "script-editor-toolbar-title",
         style: {
             marginRight: 'auto'
         }

package/dist/components/variables-section.js

@@ -3,7 +3,9 @@ import { SectionHeader } from "./section-header.js";
 import { VariableRow } from "./variable-row.js";
 const VariablesSection = ({ sortedBinds, sortedRequests, colors })=>{
     if (0 === sortedBinds.length && 0 === sortedRequests.length) return null;
-    return /*#__PURE__*/ react.createElement("div", null, sortedRequests.length > 0 && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SectionHeader, {
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "variables-section"
+    }, sortedRequests.length > 0 && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SectionHeader, {
         colors: colors,
         label: "函数入参"
     }), sortedRequests.map((req)=>/*#__PURE__*/ react.createElement(VariableRow, {

package/dist/index.js

@@ -1,4 +1,4 @@
 export * from "./script-code.js";
 export * from "./types/index.js";
 export { GroovyFormatter, GroovyScriptConvertorUtil } from "./utils/groovy-formatter.js";
-export { BUILTIN_LANGUAGES, groovyConfig, javascriptConfig, resolveLanguageConfig } from "./languages";
+export { BUILTIN_LANGUAGES, groovyConfig, javascriptConfig, resolveLanguageConfig } from "./languages/index.js";

package/dist/script-code.js

@@ -7,7 +7,7 @@ import { oneDark } from "@codemirror/theme-one-dark";
 import { tags } from "@lezer/highlight";
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 import { createCompletionSource } from "./autocomplete/index.js";
-import { resolveLanguageConfig } from "./languages";
+import { resolveLanguageConfig } from "./languages/index.js";
 import { TypePanel } from "./type-panel/index.js";
 import { Toolbar } from "./components/toolbar.js";
 import { ExpandSidebarButton } from "./components/expand-sidebar-button.js";
@@ -350,6 +350,7 @@ const ScriptCodeEditor = (props)=>{
         });
     };
     return /*#__PURE__*/ react.createElement("div", {
+        className: "script-editor",
         style: isFullscreen ? {
             position: 'fixed',
             top: 0,
@@ -383,6 +384,7 @@ const ScriptCodeEditor = (props)=>{
         toolbarExtra: toolbarExtra,
         description: metadata?.description
     }), /*#__PURE__*/ react.createElement("div", {
+        className: "script-editor-body",
         style: {
             display: 'flex',
             border: `1px solid ${borderColor}`,
@@ -393,6 +395,7 @@ const ScriptCodeEditor = (props)=>{
             minHeight: isFullscreen ? 0 : void 0
         }
     }, /*#__PURE__*/ react.createElement("div", {
+        className: "script-editor-code",
         style: {
             flex: 1,
             minWidth: 0,
@@ -405,6 +408,7 @@ const ScriptCodeEditor = (props)=>{
         onClick: ()=>setSidebarOpen(true)
     }), /*#__PURE__*/ react.createElement("div", {
         ref: editorContainerRef,
+        className: "script-editor-codemirror",
         style: isFullscreen ? {
             height: '100%'
         } : void 0

package/dist/type-panel/type-panel.js

@@ -72,6 +72,7 @@ const TypePanel = ({ metadata, theme, minHeight, maxHeight, width, onWidthChange
     ]);
     return /*#__PURE__*/ react.createElement("div", {
         ref: panelRef,
+        className: "type-panel",
         style: {
             width,
             flexShrink: 0,
@@ -89,6 +90,7 @@ const TypePanel = ({ metadata, theme, minHeight, maxHeight, width, onWidthChange
         onMouseDown: onHandleMouseDown,
         onHoverChange: setHandleHovered
     }), /*#__PURE__*/ react.createElement("div", {
+        className: "type-panel-body",
         style: {
             flex: 1,
             minWidth: 0,
@@ -105,7 +107,7 @@ const TypePanel = ({ metadata, theme, minHeight, maxHeight, width, onWidthChange
         colors: colors,
         onCollapse: onCollapse
     }), /*#__PURE__*/ react.createElement("div", {
-        className: SCROLL_CLASS,
+        className: `type-panel-content ${SCROLL_CLASS}`,
         style: {
             flex: 1,
             overflowY: 'auto',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-script/script-engine",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "script-engine components",
   "keywords": [
     "coding-script",
@@ -35,7 +35,8 @@
     "@codemirror/language": "^6.12.2",
     "@codemirror/state": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.39.16"
+    "@codemirror/view": "^6.39.16",
+    "@lezer/highlight": "^1.2.3"
   },
   "peerDependencies": {
     "react": ">=18",