@tduniec/plugin-template-designer 0.3.5 → 0.3.7

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [0.3.7](https://github.com/tduniec/template-designer-plugin/compare/v0.3.6...v0.3.7) (2025-12-04)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * bump the version for readme update ([93b676b](https://github.com/tduniec/template-designer-plugin/commit/93b676bfdb0a23a88bddb2b732852a5cecbc28a9))
7
+
8
+ ## [0.3.6](https://github.com/tduniec/template-designer-plugin/compare/v0.3.5...v0.3.6) (2025-12-01)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * 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))
14
+
1
15
  ## [0.3.5](https://github.com/tduniec/template-designer-plugin/compare/v0.3.4...v0.3.5) (2025-12-01)
2
16
 
3
17
 
package/README.md CHANGED
@@ -6,6 +6,27 @@ Empowering the **Democratization of Templates** in Backstage 🚀
6
6
  Visually **design, connect, and manage** your Backstage scaffolder templates through an **intuitive drag-and-drop interface** — all inside your Backstage instance.
7
7
  No YAML complexity. No coding required. Just creativity. **We are breaking the glass!** templating in Backstage made easy! 🚀
8
8
 
9
+ ## 🖼️ Preview
10
+
11
+ Checkout the video!
12
+
13
+ [▶ Watch the PREVIEW on YouTube](https://youtu.be/Pwzlzvig4-c)
14
+
15
+ ## 🚀 Template Designer PRO (Early Access)
16
+
17
+ A PRO version of this plugin is in development with an advanced editor, built-in actions documentation, validation rules and more.
18
+
19
+ [<img src="./docs/templateDesignerProBadge.png" alt="Template Designer PRO Early Access" />](https://forms.gle/F3HrtyVm4tiuC8Zo7)
20
+
21
+ Get early access to:
22
+ - preview builds
23
+ - direct influence on the roadmap
24
+
25
+ 👉 **Join Early Access:** **[here](https://forms.gle/F3HrtyVm4tiuC8Zo7)**
26
+ (quick & free)
27
+
28
+ You'll be notified as soon as the first preview is ready.
29
+
9
30
  ---
10
31
 
11
32
  ## 🌟 Why “Democratization of Templates”?
@@ -28,12 +49,6 @@ The Template Designer makes **template creation accessible to everyone** — fro
28
49
 
29
50
  ---
30
51
 
31
- ## 🖼️ Preview
32
-
33
- Checkout the video!
34
-
35
- [▶ Watch the PREVIEW on YouTube](https://youtu.be/Pwzlzvig4-c)
36
-
37
52
  ## ⚙️ Installation
38
53
 
39
54
  From your Backstage root directory
@@ -7,16 +7,16 @@ const TemplateDesignerIcon = (props) => /* @__PURE__ */ jsxs(
7
7
  ...props,
8
8
  viewBox: "0 0 96 96",
9
9
  stroke: "currentColor",
10
- fill: "none",
10
+ style: { ...props.style, fill: "none" },
11
11
  strokeWidth: 3.4,
12
12
  strokeLinecap: "round",
13
13
  strokeLinejoin: "round",
14
14
  children: [
15
- /* @__PURE__ */ jsx("rect", { x: 6, y: 6, width: 84, height: 84, rx: 22 }),
16
- /* @__PURE__ */ jsx("polygon", { points: "28,18 42,32 28,46 14,32" }),
17
- /* @__PURE__ */ jsx("rect", { x: 58, y: 24, width: 24, height: 16, rx: 3 }),
18
- /* @__PURE__ */ jsx("rect", { x: 16, y: 60, width: 24, height: 16, rx: 3 }),
19
- /* @__PURE__ */ jsx("rect", { x: 58, y: 60, width: 24, height: 16, rx: 3 }),
15
+ /* @__PURE__ */ jsx("rect", { x: 6, y: 6, width: 84, height: 84, rx: 22, fill: "none" }),
16
+ /* @__PURE__ */ jsx("polygon", { points: "28,18 42,32 28,46 14,32", fill: "none" }),
17
+ /* @__PURE__ */ jsx("rect", { x: 58, y: 24, width: 24, height: 16, rx: 3, fill: "none" }),
18
+ /* @__PURE__ */ jsx("rect", { x: 16, y: 60, width: 24, height: 16, rx: 3, fill: "none" }),
19
+ /* @__PURE__ */ jsx("rect", { x: 58, y: 60, width: 24, height: 16, rx: 3, fill: "none" }),
20
20
  /* @__PURE__ */ jsx("path", { d: "M42 32 H58" }),
21
21
  /* @__PURE__ */ jsx("path", { d: "M58 32 l-4 -3.5 M58 32 l-4 3.5" }),
22
22
  /* @__PURE__ */ jsx("path", { d: "M28 46 V60" }),
@@ -1 +1 @@
1
- {"version":3,"file":"TemplateDesignerIcon.esm.js","sources":["../../src/components/TemplateDesignerIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from \"@material-ui/core/SvgIcon\";\n\nexport const TemplateDesignerIcon = (props: SvgIconProps) => (\n <SvgIcon\n {...props}\n viewBox=\"0 0 96 96\"\n stroke=\"currentColor\"\n fill=\"none\"\n strokeWidth={3.4}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x={6} y={6} width={84} height={84} rx={22} />\n <polygon points=\"28,18 42,32 28,46 14,32\" />\n <rect x={58} y={24} width={24} height={16} rx={3} />\n <rect x={16} y={60} width={24} height={16} rx={3} />\n <rect x={58} y={60} width={24} height={16} rx={3} />\n <path d=\"M42 32 H58\" />\n <path d=\"M58 32 l-4 -3.5 M58 32 l-4 3.5\" />\n <path d=\"M28 46 V60\" />\n <path d=\"M28 60 l-4 -4 M28 60 l4 -4\" />\n <path d=\"M40 68 H58\" />\n <path d=\"M58 68 l-4 -3.5 M58 68 l-4 3.5\" />\n <path d=\"M70 40 V60\" />\n <path d=\"M70 60 l-4 -4 M70 60 l4 -4\" />\n </SvgIcon>\n);\n\nexport default TemplateDesignerIcon;\n"],"names":[],"mappings":";;;AAEO,MAAM,oBAAA,GAAuB,CAAC,KAAA,qBACnC,IAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,OAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAO,cAAA;AAAA,IACP,IAAA,EAAK,MAAA;AAAA,IACL,WAAA,EAAa,GAAA;AAAA,IACb,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IAEf,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA;AAAA,sBACjD,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yBAAA,EAA0B,CAAA;AAAA,sBAC1C,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,CAAA;AAAA,sBAClD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,CAAA;AAAA,sBAClD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,CAAA;AAAA,sBAClD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,sBACzC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B,CAAA;AAAA,sBACrC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,sBACzC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B;AAAA;AAAA;AACvC;;;;"}
1
+ {"version":3,"file":"TemplateDesignerIcon.esm.js","sources":["../../src/components/TemplateDesignerIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from \"@material-ui/core/SvgIcon\";\n\nexport const TemplateDesignerIcon = (props: SvgIconProps) => (\n <SvgIcon\n {...props}\n viewBox=\"0 0 96 96\"\n stroke=\"currentColor\"\n // Explicitly clear the default Material-UI fill so the icon renders as an outline in Backstage.\n style={{ ...props.style, fill: \"none\" }}\n strokeWidth={3.4}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x={6} y={6} width={84} height={84} rx={22} fill=\"none\" />\n <polygon points=\"28,18 42,32 28,46 14,32\" fill=\"none\" />\n <rect x={58} y={24} width={24} height={16} rx={3} fill=\"none\" />\n <rect x={16} y={60} width={24} height={16} rx={3} fill=\"none\" />\n <rect x={58} y={60} width={24} height={16} rx={3} fill=\"none\" />\n <path d=\"M42 32 H58\" />\n <path d=\"M58 32 l-4 -3.5 M58 32 l-4 3.5\" />\n <path d=\"M28 46 V60\" />\n <path d=\"M28 60 l-4 -4 M28 60 l4 -4\" />\n <path d=\"M40 68 H58\" />\n <path d=\"M58 68 l-4 -3.5 M58 68 l-4 3.5\" />\n <path d=\"M70 40 V60\" />\n <path d=\"M70 60 l-4 -4 M70 60 l4 -4\" />\n </SvgIcon>\n);\n\nexport default TemplateDesignerIcon;\n"],"names":[],"mappings":";;;AAEO,MAAM,oBAAA,GAAuB,CAAC,KAAA,qBACnC,IAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,OAAA,EAAQ,WAAA;AAAA,IACR,MAAA,EAAO,cAAA;AAAA,IAEP,OAAO,EAAE,GAAG,KAAA,CAAM,KAAA,EAAO,MAAM,MAAA,EAAO;AAAA,IACtC,WAAA,EAAa,GAAA;AAAA,IACb,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IAEf,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAA,EAAK,MAAA,EAAO,CAAA;AAAA,sBAC7D,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,yBAAA,EAA0B,MAAK,MAAA,EAAO,CAAA;AAAA,sBACtD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,MAAK,MAAA,EAAO,CAAA;AAAA,sBAC9D,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,MAAK,MAAA,EAAO,CAAA;AAAA,sBAC9D,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,MAAK,MAAA,EAAO,CAAA;AAAA,sBAC9D,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,sBACzC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B,CAAA;AAAA,sBACrC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,sBACzC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa,CAAA;AAAA,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B;AAAA;AAAA;AACvC;;;;"}
@@ -1,6 +1,6 @@
1
1
  var name = "@tduniec/plugin-template-designer";
2
2
  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.";
3
- var version = "0.3.4";
3
+ var version = "0.3.6";
4
4
  var license = "Apache-2.0";
5
5
  var keywords = [
6
6
  "backstage",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tduniec/plugin-template-designer",
3
3
  "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.",
4
- "version": "0.3.5",
4
+ "version": "0.3.7",
5
5
  "license": "Apache-2.0",
6
6
  "keywords": [
7
7
  "backstage",