@knime/scripting-editor 0.0.108 → 0.0.110

package/dist/node_modules/@knime/components/src/components/index.d.ts

@@ -29,6 +29,7 @@ import { default as SideDrawer } from './SideDrawer/SideDrawer.vue';
 import { default as SideDrawerControls } from './SideDrawer/SideDrawerControls.vue';
 import { default as SideDrawerHeader } from './SideDrawer/SideDrawerHeader.vue';
 import { default as SkeletonItem } from './SkeletonItem/SkeletonItem.vue';
+import { default as SplitPanel } from './SplitPanel/SplitPanel.vue';
 import { default as StyledListItem } from './StyleListItem/StyledListItem.vue';
 import { default as SubMenu } from './SubMenu/SubMenu.vue';
 import { default as svgWithTitle } from './SvgWithTitle/svgWithTitle';
@@ -54,5 +55,5 @@ export * from './FileExplorer';
 export * from './UploadProgressPanel';
 export * from './DownloadProgressPanel';
 export * from './Progress';
-export { AutoPlayVideo, Avatar, BaseButton, BaseMenuItem, BaseMenuItems, BaseMenuItemText, BaseModal, BaseMessage, Breadcrumb, Button, Carousel, Collapser, CollapsiblePanel, Description, DonutChart, Error, ExpandTransition, FileLink, FileSelector, SideDrawerHeader, FunctionButton, IdleReadyButton, LinkList, LoadingIcon, LocalDateTime, MenuItems, Message, MessageLink, Messages, MessageTitle, InlineMessage, Modal, NodeFeatureList, NodePreview, OpenSourceCredits, Pill, PlusButton, PortIcon, SideDrawer, SkeletonItem, SplitButton, StyledListItem, SubMenu, TabBar, Tag, TagList, Tooltip, svgWithTitle, SideDrawerControls, };
+export { AutoPlayVideo, Avatar, BaseButton, BaseMenuItem, BaseMenuItems, BaseMenuItemText, BaseModal, BaseMessage, Breadcrumb, Button, Carousel, Collapser, CollapsiblePanel, Description, DonutChart, Error, ExpandTransition, FileLink, FileSelector, SideDrawerHeader, FunctionButton, IdleReadyButton, LinkList, LoadingIcon, LocalDateTime, MenuItems, Message, MessageLink, Messages, MessageTitle, InlineMessage, Modal, NodeFeatureList, NodePreview, OpenSourceCredits, Pill, PlusButton, PortIcon, SideDrawer, SkeletonItem, SplitButton, SplitPanel, StyledListItem, SubMenu, TabBar, Tag, TagList, Tooltip, svgWithTitle, SideDrawerControls, };
 export type { InlineMessageVariant, PillVariant };

package/dist/src/components/ScriptingEditor.vue.d.ts

@@ -0,0 +1,78 @@
+import { MenuItem } from '@knime/components';
+import { PaneSizes } from './utils/paneSizes';
+import { GenericNodeSettings } from '../settings-service';
+import { SlottedTab } from './ScriptingEditorBottomPane.vue';
+interface Props {
+    title?: string | null;
+    language: string;
+    fileName?: string | null;
+    menuItems?: MenuItem[];
+    showControlBar?: boolean;
+    /**
+     * In pixels.
+     */
+    initialPaneSizes?: PaneSizes;
+    toSettings?: (settings: GenericNodeSettings) => GenericNodeSettings;
+    additionalBottomPaneTabContent?: SlottedTab[];
+    modelOrView?: "model" | "view";
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [key: `bottomPaneTabSlot:${string}`]: (props: {
+            grabFocus: () => void;
+        }) => any;
+        [key: `bottomPaneTabControlsSlot:${string}`]: () => any;
+        "left-pane": () => any;
+        editor: () => any;
+        "settings-title": () => any;
+        "settings-content": () => any;
+        "right-pane": () => any;
+        "code-editor-controls": (props: {
+            showButtonText: boolean;
+        }) => any;
+        "bottom-pane-status-label": () => any;
+    }> & {
+        [key: `bottomPaneTabSlot:${string}`]: (props: {
+            grabFocus: () => void;
+        }) => any;
+        [key: `bottomPaneTabControlsSlot:${string}`]: () => any;
+        "left-pane": () => any;
+        editor: () => any;
+        "settings-title": () => any;
+        "settings-content": () => any;
+        "right-pane": () => any;
+        "code-editor-controls": (props: {
+            showButtonText: boolean;
+        }) => any;
+        "bottom-pane-status-label": () => any;
+    };
+    refs: {
+        editorSplitPane: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "menu-item-clicked": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onMenu-item-clicked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string | null;
+    menuItems: MenuItem[];
+    showControlBar: boolean;
+    fileName: string | null;
+    toSettings: (settings: GenericNodeSettings) => GenericNodeSettings;
+    modelOrView: "model" | "view";
+    initialPaneSizes: PaneSizes;
+    additionalBottomPaneTabContent: SlottedTab[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    editorSplitPane: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/ScriptingEditorBottomPane.vue.d.ts

@@ -1,5 +1,5 @@
 export type BottomPaneTabSlotName = `bottomPaneTabSlot:${string}`;
-export type BottomPaneTabControlsSlotName = `bottomPaneControlsTabSlot:${string}`;
+export type BottomPaneTabControlsSlotName = `bottomPaneTabControlsSlot:${string}`;
 export type SlottedTab = {
     label: string;
     slotName: BottomPaneTabSlotName;
@@ -14,7 +14,7 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<`bottomPaneControlsTabSlot:${string}`, (_: {}) => any>> & Partial<Record<`bottomPaneTabSlot:${string}`, (_: {
+    slots: Partial<Record<`bottomPaneTabControlsSlot:${string}`, (_: {}) => any>> & Partial<Record<`bottomPaneTabSlot:${string}`, (_: {
         grabFocus: () => void;
     }) => any>> & {
         'status-label'?(_: {}): any;

package/dist/src/components/utils/paneSizes.d.ts

@@ -1,5 +1,3 @@
-export declare const MIN_WIDTH_FOR_DISPLAYING_PANES = 576;
-export declare const MIN_WIDTH_FOR_DISPLAYING_LEFT_PANE = 992;
 export declare const MIN_WIDTH_FOR_SHOWING_BUTTON_TEXT = 400;
 export type PaneSizes = {
     [key in "left" | "right" | "bottom"]: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knime/scripting-editor",
   "type": "module",
-  "version": "0.0.108",
+  "version": "0.0.110",
   "description": "Shared Scripting Editor components for KNIME",
   "author": "KNIME AG, Zurich, Switzerland",
   "license": "See the file license.txt",
@@ -9,6 +9,7 @@
     "build": "run-p type-check build-only",
     "build-only": "vite build",
     "build-watch": "vite build --minify=false --watch",
+    "demo": "vite --config vite.demo.config.ts",
     "test:unit": "vitest",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "format": "prettier --cache --write .",
@@ -27,7 +28,7 @@
     "@knime/kds-components": "0.0.5",
     "@knime/kds-styles": "0.0.5",
     "@knime/styles": "1.10.0",
-    "@knime/ui-extension-renderer": "2.3.8",
+    "@knime/ui-extension-renderer": "2.3.13",
     "@knime/utils": "1.5.5",
     "@vueuse/core": "13.5.0",
     "@xterm/addon-fit": "^0.10.0",
@@ -38,8 +39,9 @@
     "vscode-languageserver-protocol": "3.17.5"
   },
   "devDependencies": {
-    "@knime/components": "1.37.0",
+    "@knime/components": "1.38.0",
     "@knime/eslint-config": "9.1.3",
+    "@knime/ui-extension-service": "2.4.1",
     "@knime/licenses": "1.2.0",
     "@tsconfig/node22": "22.0.2",
     "@types/color-hash": "2.0.0",
@@ -57,6 +59,7 @@
     "eslint": "9.30.1",
     "eslint-plugin-vue": "10.3.0",
     "jsdom": "26.1.0",
+    "monaco-editor": "0.45.x",
     "npm-run-all": "4.1.5",
     "prettier": "3.6.2",
     "stylelint": "16.21.1",
@@ -66,10 +69,11 @@
     "vite-plugin-dts": "4.5.4",
     "vite-svg-loader": "5.1.0",
     "vitest": "2.1.9",
-    "vue-tsc": "3.0.4"
+    "vue-tsc": "3.0.4",
+    "vue": "3.5.17"
   },
   "peerDependencies": {
-    "@knime/components": "1.37.0",
+    "@knime/components": "1.38.0",
     "@knime/ui-extension-service": "2.4.1",
     "monaco-editor": "0.45.x",
     "vue": "3.5.17"

package/dist/src/components/utils/resizeLogic.d.ts

@@ -1,29 +0,0 @@
-import { UseElementBoundingReturn } from '@vueuse/core';
-import { PaneSizes } from './paneSizes';
-export declare const useResizeLogic: ({ initialPaneSizes, rightPaneMinimumWidthInPixel, rightPaneLayout, rootSplitPaneRef, editorSplitPaneRef, }: {
-    initialPaneSizes: PaneSizes;
-    rightPaneMinimumWidthInPixel: number;
-    rightPaneLayout: "fixed" | "relative";
-    rootSplitPaneRef: UseElementBoundingReturn;
-    editorSplitPaneRef: UseElementBoundingReturn;
-}) => {
-    shouldCollapseAllPanes: import('vue').ComputedRef<boolean>;
-    shouldCollapseLeftPane: import('vue').ComputedRef<boolean>;
-    shouldShowButtonText: import('vue').ComputedRef<boolean>;
-    minRatioOfRightPaneInPercent: import('vue').ComputedRef<number>;
-    currentPaneSizes: import('vue').ComputedRef<{
-        left: number;
-        right: number;
-        bottom: number;
-    }>;
-    usedMainPaneSize: import('vue').ComputedRef<number>;
-    usedHorizontalCodeEditorPaneSize: import('vue').ComputedRef<number>;
-    usedVerticalCodeEditorPaneSize: import('vue').ComputedRef<number>;
-    isLeftPaneCollapsed: import('vue').ComputedRef<boolean>;
-    isRightPaneCollapsed: import('vue').ComputedRef<boolean>;
-    isBottomPaneCollapsed: import('vue').ComputedRef<boolean>;
-    doUpdatePreviousPaneSize: (pane: keyof PaneSizes) => void;
-    doResizePane: (size: number, pane: keyof PaneSizes, shouldUpdatePreviousPaneSize?: boolean) => void;
-    doUpdateRightPane: (size: number) => void;
-    doToggleCollapsePane: (pane: keyof PaneSizes) => void;
-};