@tduniec/plugin-template-designer 0.2.2 → 0.2.4

package/dist/components/TemplateDesigner/components/TemplateWorkspace.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
+import { useRef, useMemo, useCallback, useEffect } from 'react';
 import { Grid, Typography, Button, Paper } from '@material-ui/core';
 import { useTheme } from '@material-ui/core/styles';
 import CodeMirror from '@uiw/react-codemirror';
@@ -30,170 +30,222 @@ const TemplateWorkspace = ({
 }) => {
   const theme = useTheme();
   const paletteMode = theme.palette.mode ?? theme.palette.type ?? "light";
+  const yamlDraftRef = useRef(templateYaml);
+  const templateYamlRef = useRef(templateYaml);
+  const debounceRef = useRef(null);
   const yamlExtensions = useMemo(() => [yaml()], []);
   const codeMirrorTheme = useMemo(
     () => paletteMode === "dark" ? "dark" : "light",
     [paletteMode]
   );
-  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", children: /* @__PURE__ */ jsx(Grid, { item: true, style: { height: 800 }, children: /* @__PURE__ */ jsxs(
-    "div",
+  const flushYamlDraft = useCallback(() => {
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    }
+    if (yamlDraftRef.current !== templateYamlRef.current) {
+      onYamlChange(yamlDraftRef.current);
+    }
+  }, [onYamlChange]);
+  const handleYamlChange = useCallback(
+    (value) => {
+      yamlDraftRef.current = value;
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+      debounceRef.current = setTimeout(() => {
+        if (yamlDraftRef.current !== templateYamlRef.current) {
+          onYamlChange(yamlDraftRef.current);
+        }
+        debounceRef.current = null;
+      }, 600);
+    },
+    [onYamlChange]
+  );
+  const handleYamlBlur = useCallback(() => {
+    flushYamlDraft();
+  }, [flushYamlDraft]);
+  useEffect(() => {
+    yamlDraftRef.current = templateYaml;
+    templateYamlRef.current = templateYaml;
+  }, [templateYaml]);
+  useEffect(
+    () => () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    Grid,
     {
-      style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        gap: 16
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center",
-              flexWrap: "wrap",
-              gap: 12
-            },
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 12,
-                    flexWrap: "wrap"
-                  },
-                  children: [
-                    activeTemplateLabel && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
-                      "Active template: ",
-                      activeTemplateLabel
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        color: "primary",
-                        variant: "contained",
-                        size: "small",
-                        onClick: onReload,
-                        disabled: isReloading,
-                        children: reloadButtonLabel
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        color: "primary",
-                        variant: "outlined",
-                        size: "small",
-                        onClick: onSave,
-                        disabled: isSaving,
-                        children: saveButtonLabel
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        color: "primary",
-                        variant: "outlined",
-                        size: "small",
-                        onClick: onOpenTemplatePicker,
-                        children: "Load different file"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", onClick: onToggleYaml, children: showYaml ? "Hide YAML" : "Show YAML" })
-            ]
-          }
-        ),
-        loadError && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "body2",
-            style: { color: theme.palette.error.main },
-            children: loadError
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              flex: 1,
-              display: "flex",
-              gap: 16,
-              minHeight: 0
-            },
-            children: [
-              /* @__PURE__ */ jsx("div", { style: { flex: showYaml ? 1.6 : 1, minWidth: 0 }, children: /* @__PURE__ */ jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx(
-                App,
-                {
-                  steps: templateSteps,
-                  parameters: templateParameters,
-                  output: templateOutput,
-                  onStepsChange,
-                  onParametersChange,
-                  onOutputChange
-                }
-              ) }) }),
-              showYaml && /* @__PURE__ */ jsxs(
-                Paper,
-                {
-                  elevation: 2,
-                  style: {
-                    flex: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    minWidth: 0,
-                    overflow: "hidden"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        style: {
-                          padding: "12px 16px",
-                          borderBottom: "1px solid rgba(0,0,0,0.12)",
-                          fontWeight: 600,
-                          fontSize: "0.875rem"
-                        },
-                        children: "YAML Preview"
-                      }
-                    ),
-                    yamlError && /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        style: {
-                          padding: "8px 16px",
-                          borderBottom: "1px solid rgba(0,0,0,0.08)",
-                          color: theme.palette.error.main,
-                          fontSize: "0.75rem",
-                          background: paletteMode === "dark" ? "rgba(255, 82, 82, 0.1)" : "rgba(244, 67, 54, 0.08)"
-                        },
-                        children: yamlError
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflow: "auto" }, children: /* @__PURE__ */ jsx(
-                      CodeMirror,
-                      {
-                        value: templateYaml,
-                        extensions: yamlExtensions,
-                        theme: codeMirrorTheme,
-                        height: "100%",
-                        onChange: (value) => onYamlChange(value)
-                      }
-                    ) })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
+      container: true,
+      spacing: 3,
+      direction: "column",
+      style: { height: "calc(100% - 15px)" },
+      children: /* @__PURE__ */ jsx(Grid, { item: true, style: { height: "100%" }, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            gap: 16
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  flexWrap: "wrap",
+                  gap: 12
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 12,
+                        flexWrap: "wrap"
+                      },
+                      children: [
+                        activeTemplateLabel && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+                          "Active template: ",
+                          activeTemplateLabel
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            color: "primary",
+                            variant: "contained",
+                            size: "small",
+                            onClick: onReload,
+                            disabled: isReloading,
+                            children: reloadButtonLabel
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            color: "primary",
+                            variant: "outlined",
+                            size: "small",
+                            onClick: onSave,
+                            disabled: isSaving,
+                            children: saveButtonLabel
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            color: "primary",
+                            variant: "outlined",
+                            size: "small",
+                            onClick: onOpenTemplatePicker,
+                            children: "Load different file"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", onClick: onToggleYaml, children: showYaml ? "Hide YAML" : "Show YAML" })
+                ]
+              }
+            ),
+            loadError && /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                style: { color: theme.palette.error.main },
+                children: loadError
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  display: "flex",
+                  gap: 16,
+                  minHeight: 0
+                },
+                children: [
+                  /* @__PURE__ */ jsx("div", { style: { flex: showYaml ? 1.6 : 1, minWidth: 0 }, children: /* @__PURE__ */ jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx(
+                    App,
+                    {
+                      steps: templateSteps,
+                      parameters: templateParameters,
+                      output: templateOutput,
+                      onStepsChange,
+                      onParametersChange,
+                      onOutputChange
+                    }
+                  ) }) }),
+                  showYaml && /* @__PURE__ */ jsxs(
+                    Paper,
+                    {
+                      elevation: 2,
+                      style: {
+                        flex: 1,
+                        display: "flex",
+                        flexDirection: "column",
+                        minWidth: 0,
+                        overflow: "hidden"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            style: {
+                              padding: "12px 16px",
+                              borderBottom: "1px solid rgba(0,0,0,0.12)",
+                              fontWeight: 600,
+                              fontSize: "0.875rem"
+                            },
+                            children: "YAML Preview"
+                          }
+                        ),
+                        yamlError && /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            style: {
+                              padding: "8px 16px",
+                              borderBottom: "1px solid rgba(0,0,0,0.08)",
+                              color: theme.palette.error.main,
+                              fontSize: "0.75rem",
+                              background: paletteMode === "dark" ? "rgba(255, 82, 82, 0.1)" : "rgba(244, 67, 54, 0.08)"
+                            },
+                            children: yamlError
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflow: "auto" }, children: /* @__PURE__ */ jsx(
+                          CodeMirror,
+                          {
+                            value: templateYaml,
+                            extensions: yamlExtensions,
+                            theme: codeMirrorTheme,
+                            height: "100%",
+                            onChange: handleYamlChange,
+                            onBlur: handleYamlBlur
+                          }
+                        ) })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ) })
     }
-  ) }) });
+  );
 };
 
 export { TemplateWorkspace };

package/dist/components/TemplateDesigner/components/TemplateWorkspace.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateWorkspace.esm.js","sources":["../../../../src/components/TemplateDesigner/components/TemplateWorkspace.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Button, Grid, Paper, Typography } from \"@material-ui/core\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport { yaml } from \"@codemirror/lang-yaml\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type { TemplateParametersValue } from \"../../Nodes/types\";\nimport App from \"../../DesignerFlow/DesignerFlow\";\n\ntype TemplateWorkspaceProps = {\n  templateSteps: TaskStep[];\n  templateParameters: TemplateParametersValue;\n  templateOutput?: ScaffolderTaskOutput;\n  templateYaml: string;\n  yamlError?: string;\n  loadError?: string;\n  showYaml: boolean;\n  onToggleYaml: () => void;\n  onYamlChange: (value: string) => void;\n  onStepsChange: (steps: TaskStep[]) => void;\n  onParametersChange: (parameters: TemplateParametersValue) => void;\n  onOutputChange: (output?: ScaffolderTaskOutput) => void;\n  onReload: () => void;\n  onSave: () => void;\n  onOpenTemplatePicker: () => void;\n  activeTemplateLabel?: string;\n  reloadButtonLabel: string;\n  saveButtonLabel: string;\n  isReloading: boolean;\n  isSaving: boolean;\n};\n\nexport const TemplateWorkspace = ({\n  templateSteps,\n  templateParameters,\n  templateOutput,\n  templateYaml,\n  yamlError,\n  loadError,\n  showYaml,\n  onToggleYaml,\n  onYamlChange,\n  onStepsChange,\n  onParametersChange,\n  onOutputChange,\n  onReload,\n  onSave,\n  onOpenTemplatePicker,\n  activeTemplateLabel,\n  reloadButtonLabel,\n  saveButtonLabel,\n  isReloading,\n  isSaving,\n}: TemplateWorkspaceProps) => {\n  const theme = useTheme();\n  const paletteMode =\n    (theme.palette as { mode?: \"light\" | \"dark\" }).mode ??\n    theme.palette.type ??\n    \"light\";\n  const yamlExtensions = useMemo(() => [yaml()], []);\n  const codeMirrorTheme = useMemo(\n    () => (paletteMode === \"dark\" ? \"dark\" : \"light\"),\n    [paletteMode]\n  );\n\n  return (\n    <Grid container spacing={3} direction=\"column\">\n      <Grid item style={{ height: 800 }}>\n        <div\n          style={{\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: 16,\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              flexWrap: \"wrap\",\n              gap: 12,\n            }}\n          >\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 12,\n                flexWrap: \"wrap\",\n              }}\n            >\n              {activeTemplateLabel && (\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Active template: {activeTemplateLabel}\n                </Typography>\n              )}\n              <Button\n                color=\"primary\"\n                variant=\"contained\"\n                size=\"small\"\n                onClick={onReload}\n                disabled={isReloading}\n              >\n                {reloadButtonLabel}\n              </Button>\n              <Button\n                color=\"primary\"\n                variant=\"outlined\"\n                size=\"small\"\n                onClick={onSave}\n                disabled={isSaving}\n              >\n                {saveButtonLabel}\n              </Button>\n              <Button\n                color=\"primary\"\n                variant=\"outlined\"\n                size=\"small\"\n                onClick={onOpenTemplatePicker}\n              >\n                Load different file\n              </Button>\n            </div>\n            <Button variant=\"outlined\" size=\"small\" onClick={onToggleYaml}>\n              {showYaml ? \"Hide YAML\" : \"Show YAML\"}\n            </Button>\n          </div>\n          {loadError && (\n            <Typography\n              variant=\"body2\"\n              style={{ color: theme.palette.error.main }}\n            >\n              {loadError}\n            </Typography>\n          )}\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              gap: 16,\n              minHeight: 0,\n            }}\n          >\n            <div style={{ flex: showYaml ? 1.6 : 1, minWidth: 0 }}>\n              <div style={{ height: \"100%\" }}>\n                <App\n                  steps={templateSteps}\n                  parameters={templateParameters}\n                  output={templateOutput}\n                  onStepsChange={onStepsChange}\n                  onParametersChange={onParametersChange}\n                  onOutputChange={onOutputChange}\n                />\n              </div>\n            </div>\n            {showYaml && (\n              <Paper\n                elevation={2}\n                style={{\n                  flex: 1,\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  minWidth: 0,\n                  overflow: \"hidden\",\n                }}\n              >\n                <div\n                  style={{\n                    padding: \"12px 16px\",\n                    borderBottom: \"1px solid rgba(0,0,0,0.12)\",\n                    fontWeight: 600,\n                    fontSize: \"0.875rem\",\n                  }}\n                >\n                  YAML Preview\n                </div>\n                {yamlError && (\n                  <div\n                    style={{\n                      padding: \"8px 16px\",\n                      borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n                      color: theme.palette.error.main,\n                      fontSize: \"0.75rem\",\n                      background:\n                        paletteMode === \"dark\"\n                          ? \"rgba(255, 82, 82, 0.1)\"\n                          : \"rgba(244, 67, 54, 0.08)\",\n                    }}\n                  >\n                    {yamlError}\n                  </div>\n                )}\n                <div style={{ flex: 1, minHeight: 0, overflow: \"auto\" }}>\n                  <CodeMirror\n                    value={templateYaml}\n                    extensions={yamlExtensions}\n                    theme={codeMirrorTheme}\n                    height=\"100%\"\n                    onChange={(value) => onYamlChange(value)}\n                  />\n                </div>\n              </Paper>\n            )}\n          </div>\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemplateWorkspace.esm.js","sources":["../../../../src/components/TemplateDesigner/components/TemplateWorkspace.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Button, Grid, Paper, Typography } from \"@material-ui/core\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport CodeMirror from \"@uiw/react-codemirror\";\nimport { yaml } from \"@codemirror/lang-yaml\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type { TemplateParametersValue } from \"../../Nodes/types\";\nimport App from \"../../DesignerFlow/DesignerFlow\";\n\ntype TemplateWorkspaceProps = {\n  templateSteps: TaskStep[];\n  templateParameters: TemplateParametersValue;\n  templateOutput?: ScaffolderTaskOutput;\n  templateYaml: string;\n  yamlError?: string;\n  loadError?: string;\n  showYaml: boolean;\n  onToggleYaml: () => void;\n  onYamlChange: (value: string) => void;\n  onStepsChange: (steps: TaskStep[]) => void;\n  onParametersChange: (parameters: TemplateParametersValue) => void;\n  onOutputChange: (output?: ScaffolderTaskOutput) => void;\n  onReload: () => void;\n  onSave: () => void;\n  onOpenTemplatePicker: () => void;\n  activeTemplateLabel?: string;\n  reloadButtonLabel: string;\n  saveButtonLabel: string;\n  isReloading: boolean;\n  isSaving: boolean;\n};\n\nexport const TemplateWorkspace = ({\n  templateSteps,\n  templateParameters,\n  templateOutput,\n  templateYaml,\n  yamlError,\n  loadError,\n  showYaml,\n  onToggleYaml,\n  onYamlChange,\n  onStepsChange,\n  onParametersChange,\n  onOutputChange,\n  onReload,\n  onSave,\n  onOpenTemplatePicker,\n  activeTemplateLabel,\n  reloadButtonLabel,\n  saveButtonLabel,\n  isReloading,\n  isSaving,\n}: TemplateWorkspaceProps) => {\n  const theme = useTheme();\n  const paletteMode =\n    (theme.palette as { mode?: \"light\" | \"dark\" }).mode ??\n    theme.palette.type ??\n    \"light\";\n  const yamlDraftRef = useRef(templateYaml);\n  const templateYamlRef = useRef(templateYaml);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const yamlExtensions = useMemo(() => [yaml()], []);\n  const codeMirrorTheme = useMemo(\n    () => (paletteMode === \"dark\" ? \"dark\" : \"light\"),\n    [paletteMode]\n  );\n\n  // implementation releated to yaml rendering -> onBlue and onDebounce\n  const flushYamlDraft = useCallback(() => {\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n      debounceRef.current = null;\n    }\n    if (yamlDraftRef.current !== templateYamlRef.current) {\n      onYamlChange(yamlDraftRef.current);\n    }\n  }, [onYamlChange]);\n  const handleYamlChange = useCallback(\n    (value: string) => {\n      yamlDraftRef.current = value;\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n      }\n      debounceRef.current = setTimeout(() => {\n        if (yamlDraftRef.current !== templateYamlRef.current) {\n          onYamlChange(yamlDraftRef.current);\n        }\n        debounceRef.current = null;\n      }, 600);\n    },\n    [onYamlChange]\n  );\n  const handleYamlBlur = useCallback(() => {\n    flushYamlDraft();\n  }, [flushYamlDraft]);\n\n  useEffect(() => {\n    yamlDraftRef.current = templateYaml;\n    templateYamlRef.current = templateYaml;\n  }, [templateYaml]);\n  useEffect(\n    () => () => {\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n      }\n    },\n    []\n  );\n\n  return (\n    <Grid\n      container\n      spacing={3}\n      direction=\"column\"\n      style={{ height: \"calc(100% - 15px)\" }}\n    >\n      <Grid item style={{ height: \"100%\" }}>\n        <div\n          style={{\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: 16,\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              flexWrap: \"wrap\",\n              gap: 12,\n            }}\n          >\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 12,\n                flexWrap: \"wrap\",\n              }}\n            >\n              {activeTemplateLabel && (\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Active template: {activeTemplateLabel}\n                </Typography>\n              )}\n              <Button\n                color=\"primary\"\n                variant=\"contained\"\n                size=\"small\"\n                onClick={onReload}\n                disabled={isReloading}\n              >\n                {reloadButtonLabel}\n              </Button>\n              <Button\n                color=\"primary\"\n                variant=\"outlined\"\n                size=\"small\"\n                onClick={onSave}\n                disabled={isSaving}\n              >\n                {saveButtonLabel}\n              </Button>\n              <Button\n                color=\"primary\"\n                variant=\"outlined\"\n                size=\"small\"\n                onClick={onOpenTemplatePicker}\n              >\n                Load different file\n              </Button>\n            </div>\n            <Button variant=\"outlined\" size=\"small\" onClick={onToggleYaml}>\n              {showYaml ? \"Hide YAML\" : \"Show YAML\"}\n            </Button>\n          </div>\n          {loadError && (\n            <Typography\n              variant=\"body2\"\n              style={{ color: theme.palette.error.main }}\n            >\n              {loadError}\n            </Typography>\n          )}\n          <div\n            style={{\n              flex: 1,\n              display: \"flex\",\n              gap: 16,\n              minHeight: 0,\n            }}\n          >\n            <div style={{ flex: showYaml ? 1.6 : 1, minWidth: 0 }}>\n              <div style={{ height: \"100%\" }}>\n                <App\n                  steps={templateSteps}\n                  parameters={templateParameters}\n                  output={templateOutput}\n                  onStepsChange={onStepsChange}\n                  onParametersChange={onParametersChange}\n                  onOutputChange={onOutputChange}\n                />\n              </div>\n            </div>\n            {showYaml && (\n              <Paper\n                elevation={2}\n                style={{\n                  flex: 1,\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  minWidth: 0,\n                  overflow: \"hidden\",\n                }}\n              >\n                <div\n                  style={{\n                    padding: \"12px 16px\",\n                    borderBottom: \"1px solid rgba(0,0,0,0.12)\",\n                    fontWeight: 600,\n                    fontSize: \"0.875rem\",\n                  }}\n                >\n                  YAML Preview\n                </div>\n                {yamlError && (\n                  <div\n                    style={{\n                      padding: \"8px 16px\",\n                      borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n                      color: theme.palette.error.main,\n                      fontSize: \"0.75rem\",\n                      background:\n                        paletteMode === \"dark\"\n                          ? \"rgba(255, 82, 82, 0.1)\"\n                          : \"rgba(244, 67, 54, 0.08)\",\n                    }}\n                  >\n                    {yamlError}\n                  </div>\n                )}\n                <div style={{ flex: 1, minHeight: 0, overflow: \"auto\" }}>\n                  <CodeMirror\n                    value={templateYaml}\n                    extensions={yamlExtensions}\n                    theme={codeMirrorTheme}\n                    height=\"100%\"\n                    onChange={handleYamlChange}\n                    onBlur={handleYamlBlur}\n                  />\n                </div>\n              </Paper>\n            )}\n          </div>\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/package.json.esm.js

@@ -0,0 +1,160 @@
+var name = "@tduniec/plugin-template-designer";
+var description = "Template Designer turns blank Backstage YAML into a storyboard-like canvas, guiding anyone through drag-and-drop scaffolder authoring before ever touching code. Rally non-experts, broadcast best practices, and accelerate template launches directly inside Backstage.";
+var version = "0.2.4";
+var license = "Apache-2.0";
+var keywords = [
+	"backstage",
+	"scaffolder",
+	"template-designer",
+	"no-code",
+	"yaml",
+	"canvas"
+];
+var repository = {
+	type: "git",
+	url: "git+https://github.com/tduniec/template-designer-plugin.git",
+	directory: "."
+};
+var exports = {
+	".": "./src/index.ts",
+	"./alpha": "./src/alpha.tsx",
+	"./package.json": "./package.json"
+};
+var main = "dist/index.esm.js";
+var types = "dist/index.d.ts";
+var publishConfig = {
+	access: "public",
+	main: "dist/index.esm.js",
+	types: "dist/index.d.ts"
+};
+var backstage = {
+	role: "frontend-plugin",
+	pluginId: "template-designer",
+	pluginPackages: [
+		"@tduniec/plugin-template-designer"
+	],
+	features: {
+		"./alpha": "@backstage/FrontendPlugin"
+	}
+};
+var sideEffects = false;
+var scripts = {
+	start: "backstage-cli package start",
+	build: "backstage-cli package build",
+	lint: "backstage-cli package lint",
+	test: "backstage-cli package test",
+	clean: "backstage-cli package clean",
+	tsc: "tsc",
+	"tsc:full": "tsc --skipLibCheck false --incremental false",
+	"lint:all": "backstage-cli repo lint",
+	"prettier:check": "prettier --check .",
+	prepack: "backstage-cli package prepack",
+	postpack: "backstage-cli package postpack",
+	validate: "tsc && backstage-cli package lint && prettier --check .",
+	"validate:fix": "tsc && backstage-cli package lint --fix && prettier -w .",
+	"validate:full": "tsc --skipLibCheck false --incremental false && backstage-cli repo lint && prettier --check .",
+	prepare: "husky"
+};
+var dependencies = {
+	"@backstage/core-compat-api": "backstage:^",
+	"@backstage/core-components": "backstage:^",
+	"@backstage/core-plugin-api": "backstage:^",
+	"@backstage/frontend-plugin-api": "backstage:^",
+	"@backstage/plugin-scaffolder-common": "backstage:^",
+	"@backstage/plugin-scaffolder-react": "backstage:^",
+	"@backstage/theme": "backstage:^",
+	"@codemirror/lang-yaml": "^6.1.2",
+	"@material-ui/core": "^4.12.4",
+	"@material-ui/icons": "^4.11.3",
+	"@material-ui/lab": "^4.0.0-alpha.61",
+	"@xyflow/react": "^12.8.6",
+	yaml: "^2.8.1"
+};
+var peerDependencies = {
+	"@codemirror/lang-yaml": "^6.0.0",
+	"@codemirror/state": "^6.0.0",
+	"@codemirror/view": "^6.0.0",
+	"@uiw/react-codemirror": "^4.25.2",
+	react: "^18.0.0",
+	"react-router-dom": "^6.23.0",
+	"react-use": "^17.2.4"
+};
+var devDependencies = {
+	"@backstage/cli": "backstage:^",
+	"@backstage/core-app-api": "backstage:^",
+	"@backstage/dev-utils": "backstage:^",
+	"@backstage/test-utils": "backstage:^",
+	"@codemirror/lang-yaml": "6.1.2",
+	"@codemirror/state": "6.5.2",
+	"@codemirror/view": "6.26.3",
+	"@commitlint/cli": "^20.1.0",
+	"@commitlint/config-conventional": "^20.0.0",
+	"@semantic-release/changelog": "^6.0.3",
+	"@semantic-release/commit-analyzer": "^13.0.1",
+	"@semantic-release/git": "^10.0.1",
+	"@semantic-release/github": "^12.0.1",
+	"@semantic-release/npm": "^13.1.1",
+	"@semantic-release/release-notes-generator": "^14.1.0",
+	"@testing-library/dom": "^10.0.0",
+	"@testing-library/jest-dom": "^6.0.0",
+	"@testing-library/react": "^16.0.0",
+	"@testing-library/user-event": "^14.0.0",
+	"@types/react": "^18",
+	"@types/react-dom": "^18",
+	"@uiw/react-codemirror": "4.25.2",
+	husky: "^9.1.7",
+	"lint-staged": "^16.2.6",
+	msw: "^1.0.0",
+	prettier: "^2.3.2",
+	react: "^18.3.1",
+	"react-dom": "^18.3.1",
+	"react-router-dom": "^6.23.0",
+	"react-use": "^17.2.4",
+	"semantic-release": "^25.0.1",
+	typescript: "~5.8.0",
+	webpack: "~5.96.0"
+};
+var files = [
+	"dist"
+];
+var packageManager = "yarn@4.10.3";
+var typesVersions = {
+	"*": {
+		alpha: [
+			"dist/alpha.d.ts"
+		],
+		"package.json": [
+			"package.json"
+		]
+	}
+};
+var module = "./dist/index.esm.js";
+var _package = {
+	name: name,
+	description: description,
+	version: version,
+	license: license,
+	keywords: keywords,
+	repository: repository,
+	exports: exports,
+	main: main,
+	types: types,
+	publishConfig: publishConfig,
+	backstage: backstage,
+	sideEffects: sideEffects,
+	scripts: scripts,
+	"lint-staged": {
+	"*.{js,ts,jsx,tsx}": "backstage-cli package lint",
+	"*.{json,md}": "prettier --write"
+},
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies,
+	files: files,
+	packageManager: packageManager,
+	typesVersions: typesVersions,
+	module: module
+};
+
+export { backstage, _package as default, dependencies, description, devDependencies, exports, files, keywords, license, main, module, name, packageManager, peerDependencies, publishConfig, repository, scripts, sideEffects, types, typesVersions, version };
+//# sourceMappingURL=package.json.esm.js.map

package/dist/package.json.esm.js.map

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