From 537bd6dbd97512926a112cd7ce5b758af1f76fe5 Mon Sep 17 00:00:00 2001
From: Bilawal Hameed <bil@spotify.com>
Date: Mon, 3 Feb 2020 15:02:48 +0100
Subject: [PATCH] Use cookiecutter variables in template + add component

---
 .../{{ cookiecutter.plugin_name }}/README.md     |  2 +-
 .../ExampleComponent/ExampleComponent.test.tsx   | 10 ++++++++++
 .../ExampleComponent/ExampleComponent.tsx        | 16 ++++++++++++++++
 .../components/ExampleComponent/index.ts         |  1 +
 .../{{ cookiecutter.plugin_name }}/package.json  |  2 +-
 .../src/plugin.test.ts                           |  4 ++--
 .../{{ cookiecutter.plugin_name }}/src/plugin.ts |  2 +-
 7 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.test.tsx
 create mode 100644 frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.tsx
 create mode 100644 frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/index.ts

diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/README.md b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/README.md
index 9e15988df6..86e39457da 100644
--- a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/README.md	
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/README.md	
@@ -1 +1 @@
-{{cookiecutter.plugin_name}}
+Welcome to your {{cookiecutter.plugin_name}} plugin!
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.test.tsx b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.test.tsx
new file mode 100644
index 0000000000..c231eea700
--- /dev/null
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.test.tsx	
@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ExampleComponent from './ExampleComponent';
+
+describe('ExampleComponent', () => {
+  it('should render', () => {
+    const rendered = render(<ExampleComponent />);
+    expect(rendered.getByText('Hello!')).toBeInTheDocument();
+  });
+});
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.tsx b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.tsx
new file mode 100644
index 0000000000..bd7c9235ae
--- /dev/null
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/ExampleComponent.tsx	
@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import Button from '@material-ui/core/Button';
+
+const ExampleComponent: FC<{}> = () => {
+  return (
+    <Button
+      variant="contained"
+      color="primary"
+      onClick={() => window.location.reload()}
+    >
+      Hello!
+    </Button>
+  );
+};
+
+export default ExampleComponent;
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/index.ts b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/index.ts
new file mode 100644
index 0000000000..520a3bf553
--- /dev/null
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/components/ExampleComponent/index.ts	
@@ -0,0 +1 @@
+export { default } from './ExampleComponent';
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/package.json b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/package.json
index 1039d0a49b..54d37219c0 100644
--- a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/package.json	
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/package.json	
@@ -1,5 +1,5 @@
 {
-  "name": "@backstage/__CHANGE_ME__",
+  "name": "@backstage/{{ cookiecutter.plugin_name }}",
   "version": "0.0.0",
   "main": "src/index.ts",
   "main:src": "src/index.ts",
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.test.ts b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.test.ts
index eda9eeb72a..869fa6f67f 100644
--- a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.test.ts	
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.test.ts	
@@ -1,7 +1,7 @@
 import plugin from './plugin';
 
-describe('plugin-1', () => {
+describe('{{ cookiecutter.plugin_name }}', () => {
   it('should export plugin', () => {
-    expect(plugin.id).toBe('change-me-id');
+    expect(plugin.id).toBe('{{ cookiecutter.plugin_name }}');
   });
 });
diff --git a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.ts b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.ts
index a20c7ccd89..0424b5d999 100644
--- a/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.ts	
+++ b/frontend/packages/plugins/_template/{{ cookiecutter.plugin_name }}/src/plugin.ts	
@@ -1,5 +1,5 @@
 import { createPlugin } from '@backstage/core';
 
 export default createPlugin({
-  id: 'change-me-id',
+  id: '{{ cookiecutter.plugin_name }}',
 });