@tduniec/plugin-template-designer-foundation 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,382 @@
+import * as react from 'react';
+import { ComponentType, RefObject, ChangeEvent, ReactNode } from 'react';
+import { NodeProps, Node, Edge, Position } from '@xyflow/react';
+import * as _backstage_plugin_scaffolder_common from '@backstage/plugin-scaffolder-common';
+import { TemplateEntityV1beta3, TaskStep, TemplateParametersV1beta3, TemplateParameterSchema, ScaffolderTaskOutput, ListActionsResponse } from '@backstage/plugin-scaffolder-common';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_catalog_client from '@backstage/catalog-client';
+
+type RegisteredActionNode = {
+    id: string;
+    component: ComponentType<NodeProps>;
+    locked: boolean;
+};
+type FeatureFlagClient = {
+    isEnabled: (flag: string) => boolean;
+};
+type TemplateSourceProvider = {
+    id: string;
+    label: string;
+    selectTemplate: () => Promise<TemplateEntityV1beta3 | null>;
+};
+
+declare class ActionNodeRegistry {
+    private readonly nodes;
+    /**
+     * Register a new action node renderer. Locked nodes cannot be overridden.
+     */
+    register(id: string, component: ComponentType<NodeProps>, options?: {
+        locked?: boolean;
+    }): void;
+    get(id: string): ComponentType<NodeProps> | undefined;
+    list(): RegisteredActionNode[];
+}
+/**
+ * Shared registry instance to keep the common action nodes "final".
+ * PRO can append new nodes by registering under a different id.
+ */
+declare const actionNodeRegistry: ActionNodeRegistry;
+
+declare class TemplateSourceRegistry {
+    private readonly providers;
+    register(provider: TemplateSourceProvider): void;
+    list(): TemplateSourceProvider[];
+}
+/**
+ * Registry that lets OSS and PRO expose additional template pickers
+ * (catalog, git, SaaS, etc.) without changing the core UI.
+ */
+declare const templateSourceRegistry: TemplateSourceRegistry;
+
+/**
+ * Default flag client used by OSS; PRO can swap for a richer provider.
+ */
+declare const noopFeatureFlags: FeatureFlagClient;
+
+type JsonSchemaProperty = Record<string, unknown>;
+type ActionSchemaDecorator = (options: {
+    actionId: string;
+    step: TaskStep;
+    schema: Record<string, JsonSchemaProperty>;
+}) => Record<string, JsonSchemaProperty>;
+type ActionFieldsRendererProps = {
+    actionId: string;
+    step: TaskStep;
+    input?: Record<string, unknown>;
+    schema: Record<string, JsonSchemaProperty>;
+    onUpdateInput: (key: string, value: unknown) => void;
+};
+type ActionFieldsRenderer = ComponentType<ActionFieldsRendererProps>;
+/**
+ * Simple singleton registry used by the Action node to apply schema tweaks
+ * and render optional custom UI from downstream packages (e.g. PRO).
+ */
+declare class ActionNodeCustomizationRegistry {
+    private schemaDecorators;
+    private fieldsRenderer;
+    registerSchemaDecorator(decorator: ActionSchemaDecorator): void;
+    registerFieldsRenderer(renderer: ActionFieldsRenderer): void;
+    getSchemaDecorators(): ActionSchemaDecorator[];
+    getFieldsRenderer(): ActionFieldsRenderer | undefined;
+}
+declare const actionNodeCustomizationRegistry: ActionNodeCustomizationRegistry;
+
+declare const FILE_PICKER_ACCEPT: {
+    "application/yaml": string[];
+    "application/json": string[];
+};
+declare const FILE_PICKER_TYPES: {
+    description: string;
+    accept: {
+        "application/yaml": string[];
+        "application/json": string[];
+    };
+}[];
+declare const DEFAULT_FILE_NAME = "template.yaml";
+declare const isTaskStep: (candidate: unknown) => candidate is TaskStep;
+declare const cloneDeep: <T>(value: T) => T;
+declare const cloneSteps: (steps: TaskStep[]) => TaskStep[];
+declare const asRecord: (candidate: unknown) => Record<string, unknown> | undefined;
+declare const downloadString: (value: string, fileName: string) => void;
+type FileSystemFileHandleLike = {
+    name?: string;
+    getFile: () => Promise<File>;
+    createWritable?: () => Promise<{
+        write: (data: Blob | string) => Promise<void>;
+        close: () => Promise<void>;
+    }>;
+    queryPermission?: (options?: {
+        mode?: "read" | "readwrite";
+    }) => Promise<PermissionState>;
+    requestPermission?: (options?: {
+        mode?: "read" | "readwrite";
+    }) => Promise<PermissionState>;
+};
+type TemplateSource = {
+    type: "sample";
+    label: string;
+} | {
+    type: "file";
+    label: string;
+    handle?: FileSystemFileHandleLike;
+} | {
+    type: "catalog";
+    label: string;
+};
+type FileSystemWindow = Window & Partial<{
+    showOpenFilePicker: (options?: unknown) => Promise<FileSystemFileHandleLike[]>;
+    showSaveFilePicker: (options?: unknown) => Promise<FileSystemFileHandleLike>;
+}>;
+
+type TemplateParametersValue = TemplateParametersV1beta3 | TemplateParametersV1beta3[] | TemplateParameterSchema | TemplateParameterSchema[] | undefined;
+
+type TemplateState = {
+    templateObject: Record<string, unknown> | null;
+    templateYaml: string;
+    yamlError?: string;
+    loadError?: string;
+    isDirty: boolean;
+    templateSource?: TemplateSource;
+    isReloading: boolean;
+    isSaving: boolean;
+    isSyncing: boolean;
+    templateSteps: TaskStep[];
+    templateParameters: TemplateParametersValue;
+    templateOutput?: ScaffolderTaskOutput;
+    fileInputRef: RefObject<HTMLInputElement>;
+    handleStartSampleTemplate: () => void;
+    handleTemplateFileSelected: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleOpenTemplatePicker: () => void;
+    handleYamlChange: (value: string) => void;
+    handleStepsChange: (steps: TaskStep[]) => void;
+    handleParametersChange: (parameters: TemplateParametersValue) => void;
+    handleOutputChange: (output?: ScaffolderTaskOutput) => void;
+    handleReloadFromFile: () => void;
+    handleSaveTemplate: () => void;
+    availableTemplates: TemplateEntityV1beta3[];
+    selectCatalogTemplate: (selected: TemplateEntityV1beta3) => void;
+};
+/**
+ * Encapsulates the template designer data model including YAML parsing,
+ * scaffolder spec updates, and file-system interactions.
+ */
+declare const useTemplateState: () => TemplateState;
+
+type DesignerNodeType = "parametersNode" | "actionNode" | "outputNode";
+type AddNodeConfig = {
+    afterRfId: string;
+    type?: DesignerNodeType;
+    stepTemplate?: Partial<TaskStep>;
+    outputTemplate?: ScaffolderTaskOutput;
+    parametersTemplate?: TemplateParametersValue;
+};
+type BaseNodeData = {
+    /** Stable ReactFlow node id */
+    rfId: string;
+    /** Cached scaffolder action ids for dropdown options */
+    scaffolderActionIds?: string[];
+    /** Cached action input schemas keyed by action id */
+    scaffolderActionInputsById?: Record<string, Record<string, unknown>>;
+    /** Cached action required input keys keyed by action id */
+    scaffolderActionInputRequiredById?: Record<string, string[]>;
+    /** Cached action output schemas keyed by action id */
+    scaffolderActionOutputsById?: Record<string, Record<string, unknown>>;
+    /** Suggestions for referencing previous step outputs */
+    stepOutputReferences?: string[];
+    onAddNode?: (config: AddNodeConfig) => void;
+    onRemoveNode?: (rfId: string) => void;
+};
+type ActionNodeData = BaseNodeData & {
+    /** User payload; id is editable string (reserved by your template) */
+    step: TaskStep & {
+        input?: Record<string, unknown>;
+    };
+    onUpdateField?: (rfId: string, field: keyof TaskStep, value: string) => void;
+    onUpdateInput?: (rfId: string, key: string, value: unknown) => void;
+    onRemoveInputKey?: (rfId: string, key: string) => void;
+};
+type OutputNodeData = BaseNodeData & {
+    output: ScaffolderTaskOutput;
+    onUpdateOutput?: (rfId: string, updater: (prev: ScaffolderTaskOutput) => ScaffolderTaskOutput) => void;
+};
+type ParameterFieldDisplay = {
+    id: string;
+    fieldName: string;
+    sectionId: string;
+    sectionTitle?: string;
+    required: boolean;
+    schema?: Record<string, unknown>;
+};
+type ParameterSectionDisplay = {
+    id: string;
+    title?: string;
+    description?: string;
+    required?: string[];
+    properties?: Record<string, Record<string, unknown>>;
+    fields: ParameterFieldDisplay[];
+};
+type ParametersNodeData = BaseNodeData & {
+    parameters: TemplateParametersValue;
+    sections?: ParameterSectionDisplay[];
+    onUpdateSections?: (rfId: string, updater: (prev: ParameterSectionDisplay[]) => ParameterSectionDisplay[]) => void;
+};
+declare const NODE_VERTICAL_SPACING: Record<DesignerNodeType, number>;
+
+declare const useParameterSectionsController: (data: ParametersNodeData) => {
+    sections: ParameterSectionDisplay[];
+    handleSectionUpdate: (sectionId: string, updater: (section: ParameterSectionDisplay) => ParameterSectionDisplay) => void;
+    handleFieldUpdate: (sectionId: string, fieldId: string, updater: (field: ParameterFieldDisplay) => ParameterFieldDisplay) => void;
+    handleAddSection: (afterSectionId?: string) => void;
+    handleMoveSection: (sectionId: string, direction: "up" | "down") => void;
+    handleAddField: (sectionId: string, afterFieldId?: string) => void;
+    handleMoveField: (sectionId: string, fieldId: string, direction: "up" | "down") => void;
+};
+
+declare const convertJsonToYaml: (value: unknown) => string;
+declare const convertYamlToJson: (value: unknown) => string;
+
+declare const SAMPLE_TEMPLATE_BLUEPRINT: Record<string, unknown>;
+
+declare function createSequentialEdges(nodes: Node[]): Edge[];
+
+type ScaffolderActionsCache = {
+    ids: string[];
+    inputsById: Record<string, Record<string, unknown>>;
+    outputsById: Record<string, Record<string, unknown>>;
+    inputRequiredById: Record<string, string[]>;
+};
+declare const useScaffolderActions: () => ScaffolderActionsCache;
+
+type FieldEditorDialogProps = {
+    open: boolean;
+    label?: string;
+    value: string;
+    onClose: () => void;
+    onApply: (value: string) => void;
+};
+declare const FieldEditorDialog: ({ open, label, value, onClose, onApply, }: FieldEditorDialogProps) => react_jsx_runtime.JSX.Element;
+
+declare const TemplateDesignerIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+type TemplateLandingProps = {
+    loadError?: string;
+    onStartSampleTemplate: () => void;
+    onOpenTemplatePicker: () => void;
+    availableTemplates: TemplateEntityV1beta3[];
+    selectCatalogTemplate: (selected: TemplateEntityV1beta3) => void;
+};
+declare const TemplateLanding: ({ loadError, onStartSampleTemplate, onOpenTemplatePicker, availableTemplates, selectCatalogTemplate, }: TemplateLandingProps) => react_jsx_runtime.JSX.Element;
+
+type DesignerFlowProps = {
+    steps?: TaskStep[];
+    parameters?: TemplateParametersValue;
+    output?: ScaffolderTaskOutput | null;
+    onStepsChange?: (steps: TaskStep[]) => void;
+    onParametersChange?: (parameters: TemplateParametersValue) => void;
+    onOutputChange?: (output: ScaffolderTaskOutput | undefined) => void;
+    actionNodeComponent: ComponentType<{
+        data: ActionNodeData;
+    }>;
+    parametersNodeComponent: ComponentType<{
+        data: ParametersNodeData;
+    }>;
+    outputNodeComponent: ComponentType<{
+        data: OutputNodeData;
+    }>;
+    decorateNodes?: (nodes: Node[]) => Node[];
+    decorateEdges?: (edges: Edge[], nodes: Node[]) => Edge[];
+    nodeDefaults?: Partial<Node>;
+};
+declare function DesignerFlow({ steps, parameters, output, onStepsChange, onParametersChange, onOutputChange, actionNodeComponent, parametersNodeComponent, outputNodeComponent, decorateNodes, decorateEdges, nodeDefaults, }: DesignerFlowProps): react_jsx_runtime.JSX.Element;
+
+type TemplateWorkspaceProps = {
+    templateSteps: TaskStep[];
+    templateParameters: TemplateParametersValue;
+    templateOutput?: ScaffolderTaskOutput;
+    templateYaml: string;
+    yamlError?: string;
+    loadError?: string;
+    showYaml: boolean;
+    onToggleYaml: () => void;
+    onYamlChange: (value: string) => void;
+    onStepsChange: (steps: TaskStep[]) => void;
+    onParametersChange: (parameters: TemplateParametersValue) => void;
+    onOutputChange: (output?: ScaffolderTaskOutput) => void;
+    onReload: () => void;
+    onSave: () => void;
+    onOpenTemplatePicker: () => void;
+    activeTemplateLabel?: string;
+    reloadButtonLabel: string;
+    saveButtonLabel: string;
+    isReloading: boolean;
+    isSaving: boolean;
+    isSyncing?: boolean;
+    parametersNodeComponent: DesignerFlowProps["parametersNodeComponent"];
+    actionNodeComponent?: DesignerFlowProps["actionNodeComponent"];
+    outputNodeComponent?: DesignerFlowProps["outputNodeComponent"];
+    headerActionsSlot?: ReactNode;
+    flowTopSlot?: ReactNode;
+    rightPanelSlot?: ReactNode;
+};
+declare const TemplateWorkspace: ({ templateSteps, templateParameters, templateOutput, templateYaml, yamlError, loadError, showYaml, onToggleYaml, onYamlChange, onStepsChange, onParametersChange, onOutputChange, onReload, onSave, onOpenTemplatePicker, activeTemplateLabel, reloadButtonLabel, saveButtonLabel, isReloading, isSaving, isSyncing, parametersNodeComponent, actionNodeComponent, outputNodeComponent, headerActionsSlot, flowTopSlot, rightPanelSlot, }: TemplateWorkspaceProps) => react_jsx_runtime.JSX.Element;
+
+type EditorState = null | {
+    target: HTMLInputElement | HTMLTextAreaElement;
+    label: string;
+    initialValue: string;
+};
+/**
+ * Provides a modal-friendly editing experience for readonly-looking inputs
+ * by letting users double-click any text field and edit its value centrally.
+ */
+declare const useFieldEditor: () => {
+    editorState: EditorState;
+    interactionRootRef: react.MutableRefObject<HTMLDivElement | null>;
+    closeEditor: () => void;
+    applyEditorValue: (value: string) => void;
+};
+
+declare const FLOW_LAYOUT: {
+    readonly verticalSpacing: 200;
+    readonly fixedXPosition: 100;
+};
+declare const nodeDefaults: {
+    sourcePosition: Position;
+    targetPosition: Position;
+};
+
+declare const ActionNode: react.NamedExoticComponent<{
+    data: ActionNodeData;
+}>;
+
+declare const OutputNode: react.NamedExoticComponent<{
+    data: OutputNodeData;
+}>;
+
+declare const ParametersNode: react.NamedExoticComponent<{
+    data: ParametersNodeData;
+}>;
+
+declare const createStopNodeInteraction: () => {
+    onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    className: string;
+    inputProps: {
+        onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+        onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+    };
+};
+
+declare const MOCK_CATALOG_TEMPLATES: TemplateEntityV1beta3[];
+declare const MOCK_SCAFFOLDER_ACTIONS: ListActionsResponse;
+declare const mockCatalogApiFactory: _backstage_core_plugin_api.ApiFactory<_backstage_catalog_client.CatalogApi, any, {
+    [x: string]: unknown;
+}>;
+declare const mockScaffolderApiFactory: _backstage_core_plugin_api.ApiFactory<_backstage_plugin_scaffolder_common.ScaffolderApi, any, {
+    [x: string]: unknown;
+}>;
+
+export { ActionNode, ActionNodeRegistry, DEFAULT_FILE_NAME, DesignerFlow, FILE_PICKER_ACCEPT, FILE_PICKER_TYPES, FLOW_LAYOUT, FieldEditorDialog, MOCK_CATALOG_TEMPLATES, MOCK_SCAFFOLDER_ACTIONS, NODE_VERTICAL_SPACING, OutputNode, ParametersNode, SAMPLE_TEMPLATE_BLUEPRINT, TemplateDesignerIcon, TemplateLanding, TemplateWorkspace, actionNodeCustomizationRegistry, actionNodeRegistry, asRecord, cloneDeep, cloneSteps, convertJsonToYaml, convertYamlToJson, createSequentialEdges, createStopNodeInteraction, downloadString, isTaskStep, mockCatalogApiFactory, mockScaffolderApiFactory, nodeDefaults, noopFeatureFlags, templateSourceRegistry, useFieldEditor, useParameterSectionsController, useScaffolderActions, useTemplateState };
+export type { ActionFieldsRenderer, ActionFieldsRendererProps, ActionNodeData, ActionSchemaDecorator, AddNodeConfig, DesignerFlowProps, DesignerNodeType, FeatureFlagClient, FieldEditorDialogProps, FileSystemFileHandleLike, FileSystemWindow, OutputNodeData, ParameterFieldDisplay, ParameterSectionDisplay, ParametersNodeData, RegisteredActionNode, ScaffolderActionsCache, TemplateParametersValue, TemplateSource, TemplateSourceProvider, TemplateState };

package/dist/index.esm.js

@@ -0,0 +1,25 @@
+export { ActionNodeRegistry, actionNodeRegistry } from './foundation/actionNodeRegistry.esm.js';
+export { templateSourceRegistry } from './foundation/templateSources.esm.js';
+export { noopFeatureFlags } from './foundation/featureFlags.esm.js';
+export { actionNodeCustomizationRegistry } from './foundation/actionNodeCustomization.esm.js';
+export { DEFAULT_FILE_NAME, FILE_PICKER_ACCEPT, FILE_PICKER_TYPES, asRecord, cloneDeep, cloneSteps, downloadString, isTaskStep } from './state/templateUtils.esm.js';
+export { useTemplateState } from './state/useTemplateState.esm.js';
+export { useParameterSectionsController } from './state/useParameterSections.esm.js';
+export { convertJsonToYaml, convertYamlToJson } from './utils/yamlJsonConversion.esm.js';
+export { SAMPLE_TEMPLATE_BLUEPRINT } from './utils/sampleTemplate.esm.js';
+export { createSequentialEdges } from './utils/createSequentialEdges.esm.js';
+export { NODE_VERTICAL_SPACING } from './types/flowNodes.esm.js';
+export { useScaffolderActions } from './api/useScaffolderActions.esm.js';
+export { FieldEditorDialog } from './components/FieldEditorDialog.esm.js';
+export { TemplateDesignerIcon } from './components/TemplateDesignerIcon.esm.js';
+export { TemplateLanding } from './components/TemplateDesigner/TemplateLanding.esm.js';
+export { TemplateWorkspace } from './components/TemplateDesigner/TemplateWorkspace.esm.js';
+export { useFieldEditor } from './components/TemplateDesigner/useFieldEditor.esm.js';
+export { FLOW_LAYOUT, nodeDefaults } from './components/designerFlowConfig.esm.js';
+export { default as DesignerFlow } from './designerFlow/DesignerFlow.esm.js';
+export { ActionNode } from './components/Nodes/ActionNode.esm.js';
+export { OutputNode } from './components/Nodes/OutputNode.esm.js';
+export { ParametersNode } from './components/Nodes/ParametersNode.esm.js';
+export { createStopNodeInteraction } from './components/Nodes/common/nodeInteraction.esm.js';
+export { MOCK_CATALOG_TEMPLATES, MOCK_SCAFFOLDER_ACTIONS, mockCatalogApiFactory, mockScaffolderApiFactory } from './utils/mocks/mocks.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/state/templateUtils.esm.js

@@ -0,0 +1,46 @@
+const FILE_PICKER_ACCEPT = {
+  "application/yaml": [".yaml", ".yml"],
+  "application/json": [".json"]
+};
+const FILE_PICKER_TYPES = [
+  {
+    description: "Scaffolder template",
+    accept: FILE_PICKER_ACCEPT
+  }
+];
+const DEFAULT_FILE_NAME = "template.yaml";
+const isTaskStep = (candidate) => {
+  if (!candidate || typeof candidate !== "object") {
+    return false;
+  }
+  const step = candidate;
+  return typeof step.id === "string" && typeof step.name === "string" && typeof step.action === "string";
+};
+const cloneDeep = (value) => {
+  if (value === void 0 || value === null) {
+    return value;
+  }
+  return JSON.parse(JSON.stringify(value));
+};
+const cloneSteps = (steps) => steps.map((step) => cloneDeep(step));
+const asRecord = (candidate) => {
+  if (!candidate || typeof candidate !== "object") {
+    return void 0;
+  }
+  return candidate;
+};
+const downloadString = (value, fileName) => {
+  const blob = new Blob([value], { type: "text/yaml" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = fileName;
+  anchor.style.display = "none";
+  document.body.appendChild(anchor);
+  anchor.click();
+  document.body.removeChild(anchor);
+  URL.revokeObjectURL(url);
+};
+
+export { DEFAULT_FILE_NAME, FILE_PICKER_ACCEPT, FILE_PICKER_TYPES, asRecord, cloneDeep, cloneSteps, downloadString, isTaskStep };
+//# sourceMappingURL=templateUtils.esm.js.map

package/dist/state/templateUtils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateUtils.esm.js","sources":["../../src/state/templateUtils.ts"],"sourcesContent":["import type { TaskStep } from \"@backstage/plugin-scaffolder-common\";\n\nexport const FILE_PICKER_ACCEPT = {\n  \"application/yaml\": [\".yaml\", \".yml\"],\n  \"application/json\": [\".json\"],\n};\n\nexport const FILE_PICKER_TYPES = [\n  {\n    description: \"Scaffolder template\",\n    accept: FILE_PICKER_ACCEPT,\n  },\n];\n\nexport const DEFAULT_FILE_NAME = \"template.yaml\";\n\nexport const isTaskStep = (candidate: unknown): candidate is TaskStep => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return false;\n  }\n  const step = candidate as Record<string, unknown>;\n  return (\n    typeof step.id === \"string\" &&\n    typeof step.name === \"string\" &&\n    typeof step.action === \"string\"\n  );\n};\n\nexport const cloneDeep = <T>(value: T): T => {\n  if (value === undefined || value === null) {\n    return value;\n  }\n  return JSON.parse(JSON.stringify(value)) as T;\n};\n\nexport const cloneSteps = (steps: TaskStep[]): TaskStep[] =>\n  steps.map((step) => cloneDeep(step));\n\nexport const asRecord = (\n  candidate: unknown\n): Record<string, unknown> | undefined => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return undefined;\n  }\n  return candidate as Record<string, unknown>;\n};\n\nexport const downloadString = (value: string, fileName: string) => {\n  const blob = new Blob([value], { type: \"text/yaml\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = fileName;\n  anchor.style.display = \"none\";\n  document.body.appendChild(anchor);\n  anchor.click();\n  document.body.removeChild(anchor);\n  URL.revokeObjectURL(url);\n};\n\nexport type FileSystemFileHandleLike = {\n  name?: string;\n  getFile: () => Promise<File>;\n  createWritable?: () => Promise<{\n    write: (data: Blob | string) => Promise<void>;\n    close: () => Promise<void>;\n  }>;\n  queryPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n  requestPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n};\n\nexport type TemplateSource =\n  | { type: \"sample\"; label: string }\n  | { type: \"file\"; label: string; handle?: FileSystemFileHandleLike }\n  | { type: \"catalog\"; label: string };\n\nexport type FileSystemWindow = Window &\n  Partial<{\n    showOpenFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike[]>;\n    showSaveFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike>;\n  }>;\n"],"names":[],"mappings":"AAEO,MAAM,kBAAA,GAAqB;AAAA,EAChC,kBAAA,EAAoB,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,EACpC,kBAAA,EAAoB,CAAC,OAAO;AAC9B;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B;AAAA,IACE,WAAA,EAAa,qBAAA;AAAA,IACb,MAAA,EAAQ;AAAA;AAEZ;AAEO,MAAM,iBAAA,GAAoB;AAE1B,MAAM,UAAA,GAAa,CAAC,SAAA,KAA8C;AACvE,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,SAAA;AACb,EAAA,OACE,OAAO,IAAA,CAAK,EAAA,KAAO,QAAA,IACnB,OAAO,KAAK,IAAA,KAAS,QAAA,IACrB,OAAO,IAAA,CAAK,MAAA,KAAW,QAAA;AAE3B;AAEO,MAAM,SAAA,GAAY,CAAI,KAAA,KAAgB;AAC3C,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AACzC;AAEO,MAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,CAAM,IAAI,CAAC,IAAA,KAAS,SAAA,CAAU,IAAI,CAAC;AAE9B,MAAM,QAAA,GAAW,CACtB,SAAA,KACwC;AACxC,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,SAAA;AACT;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,QAAA,KAAqB;AACjE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAC,KAAK,CAAA,EAAG,EAAE,IAAA,EAAM,WAAA,EAAa,CAAA;AACpD,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA;AACzC,EAAA,MAAA,CAAO,IAAA,GAAO,GAAA;AACd,EAAA,MAAA,CAAO,QAAA,GAAW,QAAA;AAClB,EAAA,MAAA,CAAO,MAAM,OAAA,GAAU,MAAA;AACvB,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,MAAA,CAAO,KAAA,EAAM;AACb,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,GAAA,CAAI,gBAAgB,GAAG,CAAA;AACzB;;;;"}

package/dist/state/useParameterSections.esm.js

@@ -0,0 +1,162 @@
+import { useCallback } from 'react';
+
+const buildUniqueId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
+const createSectionTemplate = () => {
+  const unique = buildUniqueId();
+  return {
+    id: `section-${unique}`,
+    title: "New Section",
+    description: "",
+    fields: [],
+    properties: {},
+    required: []
+  };
+};
+const createFieldTemplate = (section) => {
+  const unique = buildUniqueId();
+  const nextIndex = (section.fields?.length ?? 0) + 1;
+  const fallbackName = `field_${nextIndex}`;
+  return {
+    id: `${section.id}-field-${unique}`,
+    fieldName: fallbackName,
+    sectionId: section.id,
+    sectionTitle: section.title,
+    required: false,
+    schema: {
+      title: `Field ${nextIndex}`,
+      type: "string"
+    }
+  };
+};
+const useParameterSectionsController = (data) => {
+  const applySectionsUpdate = useCallback(
+    (updater) => {
+      if (!data.onUpdateSections) {
+        return;
+      }
+      data.onUpdateSections(data.rfId, (prev) => updater(prev ?? []));
+    },
+    [data]
+  );
+  const handleSectionUpdate = useCallback(
+    (sectionId, updater) => {
+      applySectionsUpdate(
+        (prev) => (prev ?? []).map(
+          (section) => section.id === sectionId ? updater(section) : section
+        )
+      );
+    },
+    [applySectionsUpdate]
+  );
+  const handleFieldUpdate = useCallback(
+    (sectionId, fieldId, updater) => {
+      handleSectionUpdate(sectionId, (section) => ({
+        ...section,
+        fields: section.fields?.map(
+          (field) => field.id === fieldId ? updater(field) : field
+        ) ?? []
+      }));
+    },
+    [handleSectionUpdate]
+  );
+  const handleAddSection = useCallback(
+    (afterSectionId) => {
+      applySectionsUpdate((prev) => {
+        const list = [...prev ?? []];
+        const insertIndex = afterSectionId ? Math.max(
+          list.findIndex((section) => section.id === afterSectionId) + 1,
+          0
+        ) : list.length;
+        const nextSection = createSectionTemplate();
+        list.splice(insertIndex, 0, nextSection);
+        return list;
+      });
+    },
+    [applySectionsUpdate]
+  );
+  const handleMoveSection = useCallback(
+    (sectionId, direction) => {
+      applySectionsUpdate((prev) => {
+        const list = [...prev ?? []];
+        const currentIndex = list.findIndex(
+          (section) => section.id === sectionId
+        );
+        if (currentIndex < 0) {
+          return list;
+        }
+        const targetIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
+        if (targetIndex < 0 || targetIndex >= list.length) {
+          return list;
+        }
+        const [item] = list.splice(currentIndex, 1);
+        list.splice(targetIndex, 0, item);
+        return list;
+      });
+    },
+    [applySectionsUpdate]
+  );
+  const handleAddField = useCallback(
+    (sectionId, afterFieldId) => {
+      applySectionsUpdate(
+        (prev) => (prev ?? []).map((section) => {
+          if (section.id !== sectionId) {
+            return section;
+          }
+          const fields = [...section.fields ?? []];
+          const insertIndex = afterFieldId && fields.length ? Math.max(
+            fields.findIndex((field) => field.id === afterFieldId) + 1,
+            0
+          ) : fields.length;
+          const newField = createFieldTemplate(section);
+          fields.splice(insertIndex, 0, newField);
+          return {
+            ...section,
+            fields
+          };
+        })
+      );
+    },
+    [applySectionsUpdate]
+  );
+  const handleMoveField = useCallback(
+    (sectionId, fieldId, direction) => {
+      applySectionsUpdate(
+        (prev) => (prev ?? []).map((section) => {
+          if (section.id !== sectionId) {
+            return section;
+          }
+          const fields = [...section.fields ?? []];
+          const currentIndex = fields.findIndex(
+            (field) => field.id === fieldId
+          );
+          if (currentIndex < 0) {
+            return section;
+          }
+          const targetIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
+          if (targetIndex < 0 || targetIndex >= fields.length) {
+            return section;
+          }
+          const [item] = fields.splice(currentIndex, 1);
+          fields.splice(targetIndex, 0, item);
+          return {
+            ...section,
+            fields
+          };
+        })
+      );
+    },
+    [applySectionsUpdate]
+  );
+  return {
+    sections: data.sections ?? [],
+    handleSectionUpdate,
+    handleFieldUpdate,
+    handleAddSection,
+    handleMoveSection,
+    handleAddField,
+    handleMoveField
+  };
+};
+
+export { useParameterSectionsController };
+//# sourceMappingURL=useParameterSections.esm.js.map

package/dist/state/useParameterSections.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParameterSections.esm.js","sources":["../../src/state/useParameterSections.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type {\n  ParameterFieldDisplay,\n  ParameterSectionDisplay,\n  ParametersNodeData,\n} from \"../types/flowNodes\";\n\nconst buildUniqueId = () =>\n  `${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;\n\nconst createSectionTemplate = (): ParameterSectionDisplay => {\n  const unique = buildUniqueId();\n  return {\n    id: `section-${unique}`,\n    title: \"New Section\",\n    description: \"\",\n    fields: [],\n    properties: {},\n    required: [],\n  };\n};\n\nconst createFieldTemplate = (\n  section: ParameterSectionDisplay\n): ParameterFieldDisplay => {\n  const unique = buildUniqueId();\n  const nextIndex = (section.fields?.length ?? 0) + 1;\n  const fallbackName = `field_${nextIndex}`;\n  return {\n    id: `${section.id}-field-${unique}`,\n    fieldName: fallbackName,\n    sectionId: section.id,\n    sectionTitle: section.title,\n    required: false,\n    schema: {\n      title: `Field ${nextIndex}`,\n      type: \"string\",\n    },\n  };\n};\n\nexport const useParameterSectionsController = (data: ParametersNodeData) => {\n  const applySectionsUpdate = useCallback(\n    (\n      updater: (\n        prevSections: ParameterSectionDisplay[]\n      ) => ParameterSectionDisplay[]\n    ) => {\n      if (!data.onUpdateSections) {\n        return;\n      }\n      data.onUpdateSections(data.rfId, (prev) => updater(prev ?? []));\n    },\n    [data]\n  );\n\n  const handleSectionUpdate = useCallback(\n    (\n      sectionId: string,\n      updater: (section: ParameterSectionDisplay) => ParameterSectionDisplay\n    ) => {\n      applySectionsUpdate((prev) =>\n        (prev ?? []).map((section) =>\n          section.id === sectionId ? updater(section) : section\n        )\n      );\n    },\n    [applySectionsUpdate]\n  );\n\n  const handleFieldUpdate = useCallback(\n    (\n      sectionId: string,\n      fieldId: string,\n      updater: (field: ParameterFieldDisplay) => ParameterFieldDisplay\n    ) => {\n      handleSectionUpdate(sectionId, (section) => ({\n        ...section,\n        fields:\n          section.fields?.map((field) =>\n            field.id === fieldId ? updater(field) : field\n          ) ?? [],\n      }));\n    },\n    [handleSectionUpdate]\n  );\n\n  const handleAddSection = useCallback(\n    (afterSectionId?: string) => {\n      applySectionsUpdate((prev) => {\n        const list = [...(prev ?? [])];\n        const insertIndex = afterSectionId\n          ? Math.max(\n              list.findIndex((section) => section.id === afterSectionId) + 1,\n              0\n            )\n          : list.length;\n        const nextSection = createSectionTemplate();\n        list.splice(insertIndex, 0, nextSection);\n        return list;\n      });\n    },\n    [applySectionsUpdate]\n  );\n\n  const handleMoveSection = useCallback(\n    (sectionId: string, direction: \"up\" | \"down\") => {\n      applySectionsUpdate((prev) => {\n        const list = [...(prev ?? [])];\n        const currentIndex = list.findIndex(\n          (section) => section.id === sectionId\n        );\n        if (currentIndex < 0) {\n          return list;\n        }\n        const targetIndex =\n          direction === \"up\" ? currentIndex - 1 : currentIndex + 1;\n        if (targetIndex < 0 || targetIndex >= list.length) {\n          return list;\n        }\n        const [item] = list.splice(currentIndex, 1);\n        list.splice(targetIndex, 0, item);\n        return list;\n      });\n    },\n    [applySectionsUpdate]\n  );\n\n  const handleAddField = useCallback(\n    (sectionId: string, afterFieldId?: string) => {\n      applySectionsUpdate((prev) =>\n        (prev ?? []).map((section) => {\n          if (section.id !== sectionId) {\n            return section;\n          }\n          const fields = [...(section.fields ?? [])];\n          const insertIndex =\n            afterFieldId && fields.length\n              ? Math.max(\n                  fields.findIndex((field) => field.id === afterFieldId) + 1,\n                  0\n                )\n              : fields.length;\n          const newField = createFieldTemplate(section);\n          fields.splice(insertIndex, 0, newField);\n          return {\n            ...section,\n            fields,\n          };\n        })\n      );\n    },\n    [applySectionsUpdate]\n  );\n\n  const handleMoveField = useCallback(\n    (sectionId: string, fieldId: string, direction: \"up\" | \"down\") => {\n      applySectionsUpdate((prev) =>\n        (prev ?? []).map((section) => {\n          if (section.id !== sectionId) {\n            return section;\n          }\n          const fields = [...(section.fields ?? [])];\n          const currentIndex = fields.findIndex(\n            (field) => field.id === fieldId\n          );\n          if (currentIndex < 0) {\n            return section;\n          }\n          const targetIndex =\n            direction === \"up\" ? currentIndex - 1 : currentIndex + 1;\n          if (targetIndex < 0 || targetIndex >= fields.length) {\n            return section;\n          }\n          const [item] = fields.splice(currentIndex, 1);\n          fields.splice(targetIndex, 0, item);\n          return {\n            ...section,\n            fields,\n          };\n        })\n      );\n    },\n    [applySectionsUpdate]\n  );\n\n  return {\n    sections: data.sections ?? [],\n    handleSectionUpdate,\n    handleFieldUpdate,\n    handleAddSection,\n    handleMoveSection,\n    handleAddField,\n    handleMoveField,\n  };\n};\n"],"names":[],"mappings":"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"}