npm - @tduniec/plugin-template-designer - Versions diffs - 0.3.6 → 0.4.0 - Mend

@tduniec/plugin-template-designer 0.3.6 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,124 +1,126 @@
-## [0.3.6](https://github.com/tduniec/template-designer-plugin/compare/v0.3.5...v0.3.6) (2025-12-01)
+# [0.4.0](https://github.com/tduniec/template-designer-plugin/compare/template-designer-v0.3.7...template-designer-v0.4.0) (2025-12-20)
 ### Bug Fixes
-* making the templateDesigner icon outlined ([#53](https://github.com/tduniec/template-designer-plugin/issues/53)) ([6488a74](https://github.com/tduniec/template-designer-plugin/commit/6488a74ca1e4874febce8f178c41773a78a6a1f9))
+* **template-designer-foundation:** initial release ([1ddc9d7](https://github.com/tduniec/template-designer-plugin/commit/1ddc9d72f343ab944e706919788e244b8efcdb39))
-## [0.3.5](https://github.com/tduniec/template-designer-plugin/compare/v0.3.4...v0.3.5) (2025-12-01)
+### Features
+* bulk refactor to commons ([#55](https://github.com/tduniec/template-designer-plugin/issues/55)) optimized rendering - redesigned rendering logic ([99aa586](https://github.com/tduniec/template-designer-plugin/commit/99aa5862ffb3bac254f1bb0e69b0e94a5ed96c16))
+## [0.3.7](https://github.com/tduniec/template-designer-plugin/compare/v0.3.6...v0.3.7) (2025-12-04)
 ### Bug Fixes
-* adjust npm release ([#52](https://github.com/tduniec/template-designer-plugin/issues/52)) ([924ae88](https://github.com/tduniec/template-designer-plugin/commit/924ae881c47488b636b37053c8141d4bee4c10b8))
+- bump the version for readme update ([93b676b](https://github.com/tduniec/template-designer-plugin/commit/93b676bfdb0a23a88bddb2b732852a5cecbc28a9))
-## [0.3.4](https://github.com/tduniec/template-designer-plugin/compare/v0.3.3...v0.3.4) (2025-12-01)
+## [0.3.6](https://github.com/tduniec/template-designer-plugin/compare/v0.3.5...v0.3.6) (2025-12-01)
+### Bug Fixes
+- making the templateDesigner icon outlined ([#53](https://github.com/tduniec/template-designer-plugin/issues/53)) ([6488a74](https://github.com/tduniec/template-designer-plugin/commit/6488a74ca1e4874febce8f178c41773a78a6a1f9))
+## [0.3.5](https://github.com/tduniec/template-designer-plugin/compare/v0.3.4...v0.3.5) (2025-12-01)
 ### Bug Fixes
-* backstage pattern resolution during publishing ([#51](https://github.com/tduniec/template-designer-plugin/issues/51)) ([57328b7](https://github.com/tduniec/template-designer-plugin/commit/57328b7b7b5ea3328bf4fb03c1c7f6cb879204ae))
+- adjust npm release ([#52](https://github.com/tduniec/template-designer-plugin/issues/52)) ([924ae88](https://github.com/tduniec/template-designer-plugin/commit/924ae881c47488b636b37053c8141d4bee4c10b8))
-## [0.3.3](https://github.com/tduniec/template-designer-plugin/compare/v0.3.2...v0.3.3) (2025-11-28)
+## [0.3.4](https://github.com/tduniec/template-designer-plugin/compare/v0.3.3...v0.3.4) (2025-12-01)
+### Bug Fixes
+- backstage pattern resolution during publishing ([#51](https://github.com/tduniec/template-designer-plugin/issues/51)) ([57328b7](https://github.com/tduniec/template-designer-plugin/commit/57328b7b7b5ea3328bf4fb03c1c7f6cb879204ae))
+## [0.3.3](https://github.com/tduniec/template-designer-plugin/compare/v0.3.2...v0.3.3) (2025-11-28)
 ### Bug Fixes
-* export icon ([#50](https://github.com/tduniec/template-designer-plugin/issues/50)) ([73afac4](https://github.com/tduniec/template-designer-plugin/commit/73afac487f2112a17d19f877eaea845f68370df1))
+- export icon ([#50](https://github.com/tduniec/template-designer-plugin/issues/50)) ([73afac4](https://github.com/tduniec/template-designer-plugin/commit/73afac487f2112a17d19f877eaea845f68370df1))
 ## [0.3.2](https://github.com/tduniec/template-designer-plugin/compare/v0.3.1...v0.3.2) (2025-11-28)
 ### Bug Fixes
-* visual improvements and logo ([6da7314](https://github.com/tduniec/template-designer-plugin/commit/6da73148c1b066272d760c4b49587cc7f02dad07))
+- visual improvements and logo ([6da7314](https://github.com/tduniec/template-designer-plugin/commit/6da73148c1b066272d760c4b49587cc7f02dad07))
 ## [0.3.1](https://github.com/tduniec/template-designer-plugin/compare/v0.3.0...v0.3.1) (2025-11-28)
 ### Bug Fixes
-* Performance imporvements ([#48](https://github.com/tduniec/template-designer-plugin/issues/48)) ([510dec7](https://github.com/tduniec/template-designer-plugin/commit/510dec7c9c1eaebf688c170800b3c93f3d9f5411))
+- Performance imporvements ([#48](https://github.com/tduniec/template-designer-plugin/issues/48)) ([510dec7](https://github.com/tduniec/template-designer-plugin/commit/510dec7c9c1eaebf688c170800b3c93f3d9f5411))
 # [0.3.0](https://github.com/tduniec/template-designer-plugin/compare/v0.2.3...v0.3.0) (2025-11-28)
 ### Features
-* add support to select existing template ([#40](https://github.com/tduniec/template-designer-plugin/issues/40)) ([6100138](https://github.com/tduniec/template-designer-plugin/commit/610013862d7264d2631018c0188341e8302e86f0))
-* add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
+- add support to select existing template ([#40](https://github.com/tduniec/template-designer-plugin/issues/40)) ([6100138](https://github.com/tduniec/template-designer-plugin/commit/610013862d7264d2631018c0188341e8302e86f0))
+- add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
 ## [0.2.5](https://github.com/tduniec/template-designer-plugin/compare/v0.2.3...v0.2.5) (2025-11-28)
 ### Bug Fixes
-* add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
+- add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
 ## [0.2.4](https://github.com/tduniec/template-designer-plugin/compare/v0.2.3...v0.2.4) (2025-11-28)
 ### Bug Fixes
-* add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
+- add support for nfs ([#36](https://github.com/tduniec/template-designer-plugin/issues/36)) ([8fa3464](https://github.com/tduniec/template-designer-plugin/commit/8fa34648c0e0b85b7bb553b562eb8cb63404258a)), closes [#38](https://github.com/tduniec/template-designer-plugin/issues/38)
 ## [0.2.3](https://github.com/tduniec/template-designer-plugin/compare/v0.2.2...v0.2.3) (2025-11-20)
 ### Bug Fixes
-* actionNode automcomplete options ([f94e905](https://github.com/tduniec/template-designer-plugin/commit/f94e9053e9e9041034b7b02bd4f348eca0ca8d4f))
-* adding delete actioNode option ([b23f3d3](https://github.com/tduniec/template-designer-plugin/commit/b23f3d34158c7ff6f1fd5e43a1384530dbf97e78))
-* adding required fields validation on the actionNode ([b0eb801](https://github.com/tduniec/template-designer-plugin/commit/b0eb8010cb62285822c70fbed44dcd31545f71c5))
-* improved yaml renders in codemirror ([7ea98a4](https://github.com/tduniec/template-designer-plugin/commit/7ea98a4ffada1156e81aab8134abf08d8ac78f65))
+- actionNode automcomplete options ([f94e905](https://github.com/tduniec/template-designer-plugin/commit/f94e9053e9e9041034b7b02bd4f348eca0ca8d4f))
+- adding delete actioNode option ([b23f3d3](https://github.com/tduniec/template-designer-plugin/commit/b23f3d34158c7ff6f1fd5e43a1384530dbf97e78))
+- adding required fields validation on the actionNode ([b0eb801](https://github.com/tduniec/template-designer-plugin/commit/b0eb8010cb62285822c70fbed44dcd31545f71c5))
+- improved yaml renders in codemirror ([7ea98a4](https://github.com/tduniec/template-designer-plugin/commit/7ea98a4ffada1156e81aab8134abf08d8ac78f65))
 ## [0.2.2](https://github.com/tduniec/template-designer-plugin/compare/v0.2.1...v0.2.2) (2025-11-20)
 ### Bug Fixes
-* codemirror-lang missing dependency ([4b1375e](https://github.com/tduniec/template-designer-plugin/commit/4b1375eee9527a73ddbfaae83106894259e3f7b4))
+- codemirror-lang missing dependency ([4b1375e](https://github.com/tduniec/template-designer-plugin/commit/4b1375eee9527a73ddbfaae83106894259e3f7b4))
 ## [0.2.1](https://github.com/tduniec/template-designer-plugin/compare/v0.2.0...v0.2.1) (2025-11-19)
 ### Bug Fixes
-* peerDependencies for react and codemirror ([bcb20f0](https://github.com/tduniec/template-designer-plugin/commit/bcb20f002eca7ebf8f9fb15a419c220c851035ff))
+- peerDependencies for react and codemirror ([bcb20f0](https://github.com/tduniec/template-designer-plugin/commit/bcb20f002eca7ebf8f9fb15a419c220c851035ff))
 # [0.2.0](https://github.com/tduniec/template-designer-plugin/compare/v0.1.7...v0.2.0) (2025-11-19)
 ### Features
-* initial public release ([72f9a9c](https://github.com/tduniec/template-designer-plugin/commit/72f9a9c9b976721560fb025362ae6d2bd2ad8f1c))
+- initial public release ([72f9a9c](https://github.com/tduniec/template-designer-plugin/commit/72f9a9c9b976721560fb025362ae6d2bd2ad8f1c))
 ## [0.1.7](https://github.com/tduniec/template-designer-plugin/compare/v0.1.6...v0.1.7) (2025-11-17)
 ### Bug Fixes
-* node layout fixes ([e011101](https://github.com/tduniec/template-designer-plugin/commit/e01110143a254e1c0ad9a270fb348298f0774920))
+- node layout fixes ([e011101](https://github.com/tduniec/template-designer-plugin/commit/e01110143a254e1c0ad9a270fb348298f0774920))
 ## [0.1.6](https://github.com/tduniec/template-designer-plugin/compare/v0.1.5...v0.1.6) (2025-11-13)
 ### Bug Fixes
-* major refactor of core components for readability and maintainability ([024d15e](https://github.com/tduniec/template-designer-plugin/commit/024d15e5d09820689504b6a3415457df32781cc7))
+- major refactor of core components for readability and maintainability ([024d15e](https://github.com/tduniec/template-designer-plugin/commit/024d15e5d09820689504b6a3415457df32781cc7))
 ## [0.1.5](https://github.com/tduniec/template-designer-plugin/compare/v0.1.4...v0.1.5) (2025-11-08)
 ### Bug Fixes
-* adding text field editor ([#15](https://github.com/tduniec/template-designer-plugin/issues/15)) ([1e8d2c1](https://github.com/tduniec/template-designer-plugin/commit/1e8d2c1b7be8129c500bb849d21a2bd0064c251d))
+- adding text field editor ([#15](https://github.com/tduniec/template-designer-plugin/issues/15)) ([1e8d2c1](https://github.com/tduniec/template-designer-plugin/commit/1e8d2c1b7be8129c500bb849d21a2bd0064c251d))
 ## [0.1.4](https://github.com/tduniec/template-designer-plugin/compare/v0.1.3...v0.1.4) (2025-11-08)
 ### Bug Fixes
-* initializing parameters as subflows ([#14](https://github.com/tduniec/template-designer-plugin/issues/14)) ([59db1bb](https://github.com/tduniec/template-designer-plugin/commit/59db1bb7cc3e313c9a53f9c03f9905eb37aa8247))
+- initializing parameters as subflows ([#14](https://github.com/tduniec/template-designer-plugin/issues/14)) ([59db1bb](https://github.com/tduniec/template-designer-plugin/commit/59db1bb7cc3e313c9a53f9c03f9905eb37aa8247))
 ## [0.1.3](https://github.com/tduniec/template-designer-plugin/compare/v0.1.2...v0.1.3) (2025-11-05)

package/README.md CHANGED Viewed

@@ -1,120 +1,13 @@
-# Backstage Template Designer Plugin
+# template-designer
-**From YAML to Canvas — simplifying Backstage scaffolding**
+Welcome to the template-designer plugin!
-Empowering the **Democratization of Templates** in Backstage 🚀
-Visually **design, connect, and manage** your Backstage scaffolder templates through an **intuitive drag-and-drop interface** — all inside your Backstage instance.
-No YAML complexity. No coding required. Just creativity. **We are breaking the glass!** templating in Backstage made easy! 🚀
+_This plugin was created through the Backstage CLI_
----
+## Getting started
-## 🌟 Why “Democratization of Templates”?
+Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/template-designer](http://localhost:3000/template-designer).
-Backstage templates shouldn’t be just for developers.
-The Template Designer makes **template creation accessible to everyone** — from DevOps engineers to product teams — enabling true **collaboration and transparency** in how your software templates are built and evolve.
----
-## 🚀 Features
-- ⚡ **Drag & Drop Editing** — visually compose your Backstage scaffolder workflows.
-- 🧩 **Three Node Types**
-  - **Action Node** – represents a single scaffolder action.
-  - **Template Node** – groups multiple actions into a reusable unit.
-  - **Output Node** – defines exported values or pipeline results.
-- 💾 **Work with Files** — open existing template definitions or save your flow as a JSON file directly from the UI.
-- 🔄 **Live Flow Connections** — connect nodes with arrows to define execution order.
-- 💡 **Frontend-Only Plugin** — zero backend setup required.
----
-## 🖼️ Preview
-Checkout the video!
-[▶ Watch the PREVIEW on YouTube](https://youtu.be/Pwzlzvig4-c)
-## ⚙️ Installation
-From your Backstage root directory
-```bash
-yarn --cwd packages/app add @tduniec/plugin-template-designer
-```
-In packages/app/src/App.tsx:
-```tsx
-import { TemplateDesignerPage } from "@tduniec/plugin-template-designer";
-const routes = (
-  <FlatRoutes>
-    {/* other routes */}
-    <Route path="/template-designer" element={<TemplateDesignerPage />} />
-  </FlatRoutes>
-);
-```
-In `packages/app/src/components/Root/Root.tsx`:
-```tsx
-import { SidebarItem } from "@backstage/core-components";
-import { TemplateDesignerIcon } from "@tduniec/plugin-template-designer";
-<SidebarItem
-  icon={TemplateDesignerIcon}
-  to="template-designer"
-  text="Template Designer"
-/>;
-```
-## ⚙️ Usage
-Visit your local Backstage instance:
-http://localhost:3000/template-designer
-Create and connect nodes, adjust properties, and export your flow as a JSON file.
-You can also open an existing template file, modify it visually, and save your changes.
-## 💾 File Management
-Template Designer allows you to easily work with your Backstage scaffolder definitions:
-Open a template file (.json) – load an existing flow directly into the canvas.
-Edit visually – move nodes, adjust connections, rename actions.
-Save – export your template back to a .json file ready for scaffolder integration.
-_Template Designer can read your registered actions!_
-## 🧠 Tech Stack
-- React + TypeScript
-- React Flow
-- Backstage Core Components
-## 🛠️ Development
-To run locally during development:
-```bash
-yarn start
-```
-This runs a local Backstage app with hot reload support for your plugin.
-## ❤️ Contributing
-Template Designer is still fresh out of the oven, so rough edges and open questions are expected—and that’s part of the fun.
-If you spot a bug, have an idea, or simply want to riff on better tooling for templates, please open an issue or PR.
-Help us push forward the Democratization of Templates in Backstage!
-Ideas, feedback, and PRs are all welcome.
-## 📄 License
-Apache-2.0 © 2025 — Created by [tduniec](https://github.com/tduniec)
-## 🌐 Roadmap
-TODO -> please help me gather your **[feedback](https://forms.gle/wqBtpNA3SrDoofgM8)** first!
-Take 2 minutes to fill up the **[survey](https://forms.gle/wqBtpNA3SrDoofgM8)**!
+You can also serve the plugin in isolation by running `yarn start` in the plugin directory.
+This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
+It is only meant for local development, and the setup for it can be found inside the [/dev](./dev) directory.

package/dist/alpha.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { NavItemBlueprint, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { rootRouteRef } from './routes.esm.js';
-import { TemplateDesignerIcon } from './components/TemplateDesignerIcon.esm.js';
+import { TemplateDesignerIcon } from '@tduniec/plugin-template-designer-foundation';
 const templateDesignerNavItem = NavItemBlueprint.make({
   params: {

package/dist/alpha.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import {\n createFrontendPlugin,\n NavItemBlueprint,\n PageBlueprint,\n} from \"@backstage/frontend-plugin-api\";\nimport { rootRouteRef } from \"./routes\";\nimport { TemplateDesignerIcon } from \"~~./components~~/~~TemplateDesignerIcon~~\";\n\nconst templateDesignerNavItem = NavItemBlueprint.make({\n params: {\n title: \"Template designer\",\n routeRef: rootRouteRef,\n icon: TemplateDesignerIcon,\n },\n});\n\nconst templateDesignerPage = PageBlueprint.make({\n params: {\n path: \"/template-designer\",\n routeRef: rootRouteRef,\n loader: () =>\n import(\"./components/TemplateDesigner\").then((m) => (\n <m.TemplateDesigner />\n )),\n },\n});\n\n/*\n Backstage frontend plugin.\n \n @alpha\n */\nexport default createFrontendPlugin({\n pluginId: \"template-designer\",\n info: { packageJson: () => import(\"../package.json\") },\n routes: {\n root: rootRouteRef,\n },\n extensions: [templateDesignerPage, templateDesignerNavItem],\n});\n"],"names":[],"mappings":";;;;;AAQA,MAAM,uBAAA,GAA0B,iBAAiB,IAAA,CAAK;AAAA,EACpD,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,oBAAA,GAAuB,cAAc,IAAA,CAAK;AAAA,EAC9C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,oBAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,MACN,OAAO,4CAA+B,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,qBAC5C,GAAA,CAAC,CAAA,CAAE,gBAAA,EAAF,EAAmB,CACrB;AAAA;AAEP,CAAC,CAAA;AAOD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,mBAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY,CAAC,oBAAA,EAAsB,uBAAuB;AAC5D,CAAC,CAAA;;;;"}
1	+ {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import {\n createFrontendPlugin,\n NavItemBlueprint,\n PageBlueprint,\n} from \"@backstage/frontend-plugin-api\";\nimport { rootRouteRef } from \"./routes\";\nimport { TemplateDesignerIcon } from \"@tduniec/plugin-template-designer-foundation\";\n\nconst templateDesignerNavItem = NavItemBlueprint.make({\n params: {\n title: \"Template designer\",\n routeRef: rootRouteRef,\n icon: TemplateDesignerIcon,\n },\n});\n\nconst templateDesignerPage = PageBlueprint.make({\n params: {\n path: \"/template-designer\",\n routeRef: rootRouteRef,\n loader: () =>\n import(\"./components/TemplateDesigner\").then((m) => (\n <m.TemplateDesigner />\n )),\n },\n});\n\n/*\n Backstage frontend plugin.\n \n @alpha\n */\nexport default createFrontendPlugin({\n pluginId: \"template-designer\",\n info: { packageJson: () => import(\"../package.json\") },\n routes: {\n root: rootRouteRef,\n },\n extensions: [templateDesignerPage, templateDesignerNavItem],\n});\n"],"names":[],"mappings":";;;;;AAQA,MAAM,uBAAA,GAA0B,iBAAiB,IAAA,CAAK;AAAA,EACpD,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,oBAAA,GAAuB,cAAc,IAAA,CAAK;AAAA,EAC9C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,oBAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,MACN,OAAO,4CAA+B,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,qBAC5C,GAAA,CAAC,CAAA,CAAE,gBAAA,EAAF,EAAmB,CACrB;AAAA;AAEP,CAAC,CAAA;AAOD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,mBAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY,CAAC,oBAAA,EAAsB,uBAAuB;AAC5D,CAAC,CAAA;;;;"}

package/dist/components/TemplateDesigner/TemplateDesigner.esm.js CHANGED Viewed

@@ -1,13 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback, useMemo } from 'react';
 import { Page, Content, ContentHeader, SupportButton } from '@backstage/core-components';
-import { FieldEditorDialog } from './components/FieldEditorDialog.esm.js';
-import { TemplateLanding } from './components/TemplateLanding.esm.js';
-import { TemplateWorkspace } from './components/TemplateWorkspace.esm.js';
-import { useFieldEditor } from './useFieldEditor.esm.js';
-import { useTemplateState } from './useTemplateState.esm.js';
+import { useTemplateState, useFieldEditor, TemplateWorkspace, ParametersNode, TemplateLanding, FieldEditorDialog } from '@tduniec/plugin-template-designer-foundation';
-const TemplateDesigner = () => {
+const TemplateDesigner = ({
+  FieldEditorComponent
+}) => {
   const [showYaml, setShowYaml] = useState(true);
   const {
     templateObject,
@@ -73,7 +71,10 @@ const TemplateDesigner = () => {
         saveButtonLabel,
         isReloading,
         isSaving,
-        isSyncing
+        isSyncing,
+        headerActionsSlot: null,
+        flowTopSlot: null,
+        parametersNodeComponent: ParametersNode
       }
     ) : /* @__PURE__ */ jsx(
       TemplateLanding,
@@ -113,8 +114,9 @@ const TemplateDesigner = () => {
       selectCatalogTemplate
     ]
   );
-  return /* @__PURE__ */ jsxs("div", { ref: interactionRootRef, style: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsxs(Content, { children: [
+  const ResolvedFieldEditor = FieldEditorComponent ?? FieldEditorDialog;
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsxs(Content, { children: [
       /* @__PURE__ */ jsx(ContentHeader, { title: "Template Designer", children: /* @__PURE__ */ jsx(SupportButton, { children: "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." }) }),
       /* @__PURE__ */ jsx(
         "input",
@@ -126,10 +128,10 @@ const TemplateDesigner = () => {
           onChange: handleTemplateFileSelected
         }
       ),
-      workspace
-    ] }) }),
+      /* @__PURE__ */ jsx("div", { ref: interactionRootRef, children: workspace })
+    ] }),
     /* @__PURE__ */ jsx(
-      FieldEditorDialog,
+      ResolvedFieldEditor,
       {
         open: Boolean(editorState),
         label: editorState?.label,

package/dist/components/TemplateDesigner/TemplateDesigner.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateDesigner.esm.js","sources":["../../../src/components/TemplateDesigner/TemplateDesigner.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport {\n Content,\n ContentHeader,\n Page,\n SupportButton,\n} from \"@backstage/core-components\";\nimport { ~~FieldEditorDialog~~ } from \"~~./components/FieldEditorDialog~~\";\nimport { TemplateLanding } from \"~~./components~~/~~TemplateLanding~~\";\nimport { ~~TemplateWorkspace~~ } from \"~~./components~~/~~TemplateWorkspace~~\";\~~nimport~~ { ~~useFieldEditor~~ } ~~from~~ \~~"./useFieldEditor\";\nimport~~ ~~{ useTemplateState~~ } ~~from \"./useTemplateState\"~~;\n\nexport const TemplateDesigner = () => {\n const [showYaml, setShowYaml] = useState(true);\n const {\n templateObject,\n templateYaml,\n yamlError,\n loadError,\n templateSteps,\n templateParameters,\n templateOutput,\n templateSource,\n isReloading,\n isSaving,\n isSyncing,\n fileInputRef,\n handleStartSampleTemplate,\n handleTemplateFileSelected,\n handleOpenTemplatePicker,\n handleYamlChange,\n handleStepsChange,\n handleParametersChange,\n handleOutputChange,\n handleReloadFromFile,\n handleSaveTemplate,\n availableTemplates,\n selectCatalogTemplate,\n } = useTemplateState();\n const { editorState, interactionRootRef, closeEditor, applyEditorValue } =\n useFieldEditor();\n\n const handleToggleYaml = useCallback(() => {\n setShowYaml((prev) => !prev);\n }, []);\n\n const activeTemplateLabel = templateSource?.label;\n\n let reloadButtonLabel = \"Reset sample\";\n if (templateSource?.type === \"file\") {\n reloadButtonLabel = isReloading ? \"Reloading...\" : \"Reload file\";\n } else if (templateSource?.type === \"catalog\") {\n reloadButtonLabel = \"Reload template\";\n }\n\n let saveButtonLabel =\n templateSource?.type === \"file\" ? \"Save\" : \"Save as file\";\n if (isSaving) {\n saveButtonLabel = \"Saving...\";\n }\n\n const workspace = useMemo(\n () =>\n templateObject ? (\n <TemplateWorkspace\n templateSteps={templateSteps}\n templateParameters={templateParameters}\n templateOutput={templateOutput}\n templateYaml={templateYaml}\n yamlError={yamlError}\n loadError={loadError}\n showYaml={showYaml}\n onToggleYaml={handleToggleYaml}\n onYamlChange={handleYamlChange}\n onStepsChange={handleStepsChange}\n onParametersChange={handleParametersChange}\n onOutputChange={handleOutputChange}\n onReload={handleReloadFromFile}\n onSave={handleSaveTemplate}\n onOpenTemplatePicker={handleOpenTemplatePicker}\n activeTemplateLabel={activeTemplateLabel}\n reloadButtonLabel={reloadButtonLabel}\n saveButtonLabel={saveButtonLabel}\n isReloading={isReloading}\n isSaving={isSaving}\n isSyncing={isSyncing}\n />\n ) : (\n <TemplateLanding\n loadError={loadError}\n onStartSampleTemplate={handleStartSampleTemplate}\n onOpenTemplatePicker={handleOpenTemplatePicker}\n availableTemplates={availableTemplates}\n selectCatalogTemplate={selectCatalogTemplate}\n />\n ),\n [\n templateObject,\n templateSteps,\n templateParameters,\n templateOutput,\n templateYaml,\n yamlError,\n loadError,\n showYaml,\n handleToggleYaml,\n handleYamlChange,\n handleStepsChange,\n handleParametersChange,\n handleOutputChange,\n handleReloadFromFile,\n handleSaveTemplate,\n handleOpenTemplatePicker,\n activeTemplateLabel,\n reloadButtonLabel,\n saveButtonLabel,\n isReloading,\n isSaving,\n isSyncing,\n handleStartSampleTemplate,\n availableTemplates,\n selectCatalogTemplate,\n ]\n );\n\n ~~return~~ ~~(\n <div~~ ~~ref~~=~~{interactionRootRef}~~ ~~style={{~~ ~~height:~~ \~~"100%\"~~ ~~}}>\~~n <Page themeId=\"tool\">\n <Content>\n <ContentHeader title=\"Template Designer\">\n <SupportButton>\n Template Designer turns blank Backstage YAML into a\n storyboard-like canvas, guiding anyone through drag-and-drop\n scaffolder authoring before ever touching code. Rally non-experts~~,\n~~ broadcast best practices, and accelerate template launches\n directly inside Backstage.\n </SupportButton>\n </ContentHeader>\n\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".yaml,.yml,.json\"\n style={{ display: \"none\" }}\n onChange={handleTemplateFileSelected}\n />\n\n {workspace}\n </~~Content~~>\n </~~Page~~>\n <~~FieldEditorDialog~~\n open={Boolean(editorState)}\n label={editorState?.label}\n value={editorState?.initialValue ?? \"\"}\n onClose={closeEditor}\n onApply={applyEditorValue}\n />\n </~~div~~>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;AAaO~~,MAAM,mBAAmB,~~MAAM~~;~~AACpC~~,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,IAAI,CAAA;AAC7C,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,yBAAA;AAAA,IACA,0BAAA;AAAA,IACA,wBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,kBAAA;AAAA,IACA,oBAAA;AAAA,IACA,kBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACE,gBAAA,EAAiB;AACrB,EAAA,MAAM,EAAE,WAAA,EAAa,kBAAA,EAAoB,WAAA,EAAa,gBAAA,KACpD,cAAA,EAAe;AAEjB,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,WAAA,CAAY,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,EAC7B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,sBAAsB,cAAA,EAAgB,KAAA;AAE5C,EAAA,IAAI,iBAAA,GAAoB,cAAA;AACxB,EAAA,IAAI,cAAA,EAAgB,SAAS,MAAA,EAAQ;AACnC,IAAA,iBAAA,GAAoB,cAAc,cAAA,GAAiB,aAAA;AAAA,EACrD,CAAA,MAAA,IAAW,cAAA,EAAgB,IAAA,KAAS,SAAA,EAAW;AAC7C,IAAA,iBAAA,GAAoB,iBAAA;AAAA,EACtB;AAEA,EAAA,IAAI,eAAA,GACF,cAAA,EAAgB,IAAA,KAAS,MAAA,GAAS,MAAA,GAAS,cAAA;AAC7C,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,eAAA,GAAkB,WAAA;AAAA,EACpB;AAEA,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,cAAA,mBACE,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,kBAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA,EAAc,gBAAA;AAAA,QACd,YAAA,EAAc,gBAAA;AAAA,QACd,aAAA,EAAe,iBAAA;AAAA,QACf,kBAAA,EAAoB,sBAAA;AAAA,QACpB,cAAA,EAAgB,kBAAA;AAAA,QAChB,QAAA,EAAU,oBAAA;AAAA,QACV,MAAA,EAAQ,kBAAA;AAAA,QACR,oBAAA,EAAsB,wBAAA;AAAA,QACtB,mBAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,WAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA;AAAA,~~KACF~~,mBAEA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,qBAAA,EAAuB,yBAAA;AAAA,QACvB,oBAAA,EAAsB,wBAAA;AAAA,QACtB,kBAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEJ;AAAA,MACE,cAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,sBAAA;AAAA,MACA,kBAAA;AAAA,MACA,oBAAA;AAAA,MACA,kBAAA;AAAA,MACA,wBAAA;AAAA,MACA,mBAAA;AAAA,MACA,iBAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,yBAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,~~uBACE~~,~~IAAA~~,~~CAAC~~,~~SAAI~~,~~GAAA~~,~~EAAK,kBAAA,EAAoB,OAAO,EAAE,MAAA,EAAQ,QAAO,EACpD,QAAA,~~EAAA~~;AAAA~~,~~oBAAA~~,~~GAAA~~,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EACZ,QAAA,~~kBAAA~~,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,KAAA,EAAM,mBAAA,EACnB,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,uRAMf,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,YAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAO,kBAAA;AAAA,UACP,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAO;AAAA,UACzB,QAAA,EAAU;AAAA;AAAA,OACZ;AAAA,~~MAEC~~;AAAA,KAAA,~~EACH~~,CAAA~~,EACF,CAAA~~;AAAA,oBACA,GAAA;AAAA,MAAC,~~iBAAA~~;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,QAAQ,WAAW,CAAA;AAAA,QACzB,OAAO,WAAA,EAAa,KAAA;AAAA,QACpB,KAAA,EAAO,aAAa,YAAA,IAAgB,EAAA;AAAA,QACpC,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TemplateDesigner.esm.js","sources":["../../../src/components/TemplateDesigner/TemplateDesigner.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport {\n Content,\n ContentHeader,\n Page,\n SupportButton,\n} from \"@backstage/core-components\";\nimport type { ComponentType } from \"react\";\nimport {\n FieldEditorDialog,\n FieldEditorDialogProps,\n TemplateLanding,\n TemplateWorkspace,\n type DesignerFlowProps,\n ParametersNode,\n useFieldEditor,\n} from \"@tduniec/plugin-template-designer-foundation\";\nimport { useTemplateState } from \"@tduniec/plugin-template-designer-foundation\";\n\nexport type TemplateDesignerProps = {\n FieldEditorComponent?: ComponentType<FieldEditorDialogProps>;\n};\n\nexport const TemplateDesigner = ({\n FieldEditorComponent,\n}: TemplateDesignerProps) => {\n const [showYaml, setShowYaml] = useState(true);\n const {\n templateObject,\n templateYaml,\n yamlError,\n loadError,\n templateSteps,\n templateParameters,\n templateOutput,\n templateSource,\n isReloading,\n isSaving,\n isSyncing,\n fileInputRef,\n handleStartSampleTemplate,\n handleTemplateFileSelected,\n handleOpenTemplatePicker,\n handleYamlChange,\n handleStepsChange,\n handleParametersChange,\n handleOutputChange,\n handleReloadFromFile,\n handleSaveTemplate,\n availableTemplates,\n selectCatalogTemplate,\n } = useTemplateState();\n const { editorState, interactionRootRef, closeEditor, applyEditorValue } =\n useFieldEditor();\n\n const handleToggleYaml = useCallback(() => {\n setShowYaml((prev) => !prev);\n }, []);\n\n const activeTemplateLabel = templateSource?.label;\n\n let reloadButtonLabel = \"Reset sample\";\n if (templateSource?.type === \"file\") {\n reloadButtonLabel = isReloading ? \"Reloading...\" : \"Reload file\";\n } else if (templateSource?.type === \"catalog\") {\n reloadButtonLabel = \"Reload template\";\n }\n\n let saveButtonLabel =\n templateSource?.type === \"file\" ? \"Save\" : \"Save as file\";\n if (isSaving) {\n saveButtonLabel = \"Saving...\";\n }\n\n const workspace = useMemo(\n () =>\n templateObject ? (\n <TemplateWorkspace\n templateSteps={templateSteps}\n templateParameters={templateParameters}\n templateOutput={templateOutput}\n templateYaml={templateYaml}\n yamlError={yamlError}\n loadError={loadError}\n showYaml={showYaml}\n onToggleYaml={handleToggleYaml}\n onYamlChange={handleYamlChange}\n onStepsChange={handleStepsChange}\n onParametersChange={handleParametersChange}\n onOutputChange={handleOutputChange}\n onReload={handleReloadFromFile}\n onSave={handleSaveTemplate}\n onOpenTemplatePicker={handleOpenTemplatePicker}\n activeTemplateLabel={activeTemplateLabel}\n reloadButtonLabel={reloadButtonLabel}\n saveButtonLabel={saveButtonLabel}\n isReloading={isReloading}\n isSaving={isSaving}\n isSyncing={isSyncing}\n headerActionsSlot={null}\n flowTopSlot={null}\n parametersNodeComponent={\n ParametersNode as DesignerFlowProps[\"parametersNodeComponent\"]\n }\n />\n ) : (\n <TemplateLanding\n loadError={loadError}\n onStartSampleTemplate={handleStartSampleTemplate}\n onOpenTemplatePicker={handleOpenTemplatePicker}\n availableTemplates={availableTemplates}\n selectCatalogTemplate={selectCatalogTemplate}\n />\n ),\n [\n templateObject,\n templateSteps,\n templateParameters,\n templateOutput,\n templateYaml,\n yamlError,\n loadError,\n showYaml,\n handleToggleYaml,\n handleYamlChange,\n handleStepsChange,\n handleParametersChange,\n handleOutputChange,\n handleReloadFromFile,\n handleSaveTemplate,\n handleOpenTemplatePicker,\n activeTemplateLabel,\n reloadButtonLabel,\n saveButtonLabel,\n isReloading,\n isSaving,\n isSyncing,\n handleStartSampleTemplate,\n availableTemplates,\n selectCatalogTemplate,\n ]\n );\n\n const ResolvedFieldEditor = FieldEditorComponent ?? FieldEditorDialog;\n\n return (\n <Page themeId=\"tool\">\n <Content>\n <ContentHeader title=\"Template Designer\">\n <SupportButton>\n Template Designer turns blank Backstage YAML into a storyboard-like\n canvas, guiding anyone through drag-and-drop scaffolder authoring\n before ever touching code. Rally non-experts, broadcast best\n practices, and accelerate template launches directly inside\n Backstage.\n </SupportButton>\n </ContentHeader>\n\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\".yaml,.yml,.json\"\n style={{ display: \"none\" }}\n onChange={handleTemplateFileSelected}\n />\n\n <div ref={interactionRootRef}>{workspace}</div>\n </Content>\n <ResolvedFieldEditor\n open={Boolean(editorState)}\n label={editorState?.label}\n value={editorState?.initialValue ?? \"\"}\n onClose={closeEditor}\n onApply={applyEditorValue}\n />\n </Page>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts CHANGED Viewed

@@ -1,12 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType } from 'react';
+import { FieldEditorDialogProps } from '@tduniec/plugin-template-designer-foundation';
+export * from '@tduniec/plugin-template-designer-foundation';
+export { DesignerFlow, DesignerFlowProps, ParametersNode, TemplateDesignerIcon, TemplateLanding, TemplateWorkspace, useFieldEditor } from '@tduniec/plugin-template-designer-foundation';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { SvgIconProps } from '@material-ui/core/SvgIcon';
-declare const TemplateDesignerIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+type TemplateDesignerProps = {
+    FieldEditorComponent?: ComponentType<FieldEditorDialogProps>;
+};
+declare const TemplateDesigner: ({ FieldEditorComponent, }: TemplateDesignerProps) => react_jsx_runtime.JSX.Element;
 declare const templateDesignerPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}, {}>;
-declare const TemplateDesignerPage: () => react_jsx_runtime.JSX.Element;
+declare const TemplateDesignerPage: ({ FieldEditorComponent, }: TemplateDesignerProps) => react_jsx_runtime.JSX.Element;
-export { TemplateDesignerIcon, TemplateDesignerPage, templateDesignerPlugin };
+export { TemplateDesigner, TemplateDesignerPage, templateDesignerPlugin };

package/dist/index.esm.js CHANGED Viewed

@@ -1,3 +1,5 @@
 export { TemplateDesignerPage, templateDesignerPlugin } from './plugin.esm.js';
-export { TemplateDesignerIcon } from './components/TemplateDesignerIcon.esm.js';
+export * from '@tduniec/plugin-template-designer-foundation';
+export { DesignerFlow, ParametersNode, TemplateDesignerIcon, TemplateLanding, TemplateWorkspace, useFieldEditor } from '@tduniec/plugin-template-designer-foundation';
+export { TemplateDesigner } from './components/TemplateDesigner/TemplateDesigner.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map CHANGED Viewed

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