@backstage/create-app 0.4.35-next.3 → 0.4.35
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 +121 -0
- package/dist/index.cjs.js +47 -47
- package/package.json +3 -3
- package/templates/default-app/app-config.yaml.hbs +5 -3
- package/templates/default-app/examples/template/template.yaml +3 -3
- package/templates/default-app/packages/app/package.json.hbs +0 -1
- package/templates/default-app/packages/app/src/App.tsx +5 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,126 @@
|
|
|
1
1
|
# @backstage/create-app
|
|
2
2
|
|
|
3
|
+
## 0.4.35
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- c4788dbb58: Fix dependency ordering in templated packages.
|
|
8
|
+
- 83d3167594: Bumped create-app version.
|
|
9
|
+
- 2cb6963f9b: Bumped create-app version.
|
|
10
|
+
- 6465ab3686: Bumped create-app version.
|
|
11
|
+
- af1358bb07: added default project name for CI job compatibility
|
|
12
|
+
- 935b66a646: Change step output template examples to use square bracket syntax.
|
|
13
|
+
- dfb269fab2: Updated the template to have the `'/test'` proxy endpoint in `app-config.yaml` be commented out by default.
|
|
14
|
+
- d9b3753f87: Updated the app template to use the new `AppRouter` component instead of `app.getRouter()`, as well as `app.createRoot()` instead of `app.getProvider()`.
|
|
15
|
+
|
|
16
|
+
To apply this change to an existing app, make the following change to `packages/app/src/App.tsx`:
|
|
17
|
+
|
|
18
|
+
```diff
|
|
19
|
+
-import { FlatRoutes } from '@backstage/core-app-api';
|
|
20
|
+
+import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
|
|
21
|
+
|
|
22
|
+
...
|
|
23
|
+
|
|
24
|
+
-const AppProvider = app.getProvider();
|
|
25
|
+
-const AppRouter = app.getRouter();
|
|
26
|
+
|
|
27
|
+
...
|
|
28
|
+
|
|
29
|
+
-const App = () => (
|
|
30
|
+
+export default app.createRoot(
|
|
31
|
+
- <AppProvider>
|
|
32
|
+
+ <>
|
|
33
|
+
<AlertDisplay />
|
|
34
|
+
<OAuthRequestDialog />
|
|
35
|
+
<AppRouter>
|
|
36
|
+
<Root>{routes}</Root>
|
|
37
|
+
</AppRouter>
|
|
38
|
+
- </AppProvider>
|
|
39
|
+
+ </>,
|
|
40
|
+
);
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
The final export step should end up looking something like this:
|
|
44
|
+
|
|
45
|
+
```tsx
|
|
46
|
+
export default app.createRoot(
|
|
47
|
+
<>
|
|
48
|
+
<AlertDisplay />
|
|
49
|
+
<OAuthRequestDialog />
|
|
50
|
+
<AppRouter>
|
|
51
|
+
<Root>{routes}</Root>
|
|
52
|
+
</AppRouter>
|
|
53
|
+
</>,
|
|
54
|
+
);
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
Note that `app.createRoot()` accepts a React element, rather than a component.
|
|
58
|
+
|
|
59
|
+
- 71e75c0b70: Removed the `react-router` dependency from the app package, using only `react-router-dom` instead.
|
|
60
|
+
|
|
61
|
+
This change is just a bit of cleanup and is optional. If you want to apply it to your app, remove the `react-router` dependency from `packages/app/package.json`, and replace any imports from `react-router` with `react-router-dom` instead.
|
|
62
|
+
|
|
63
|
+
- Updated dependencies
|
|
64
|
+
- @backstage/cli-common@0.1.11
|
|
65
|
+
|
|
66
|
+
## 0.4.35-next.4
|
|
67
|
+
|
|
68
|
+
### Patch Changes
|
|
69
|
+
|
|
70
|
+
- 935b66a646: Change step output template examples to use square bracket syntax.
|
|
71
|
+
- dfb269fab2: Updated the template to have the `'/test'` proxy endpoint in `app-config.yaml` be commented out by default.
|
|
72
|
+
- d9b3753f87: Updated the app template to use the new `AppRouter` component instead of `app.getRouter()`, as well as `app.createRoot()` instead of `app.getProvider()`.
|
|
73
|
+
|
|
74
|
+
To apply this change to an existing app, make the following change to `packages/app/src/App.tsx`:
|
|
75
|
+
|
|
76
|
+
```diff
|
|
77
|
+
-import { FlatRoutes } from '@backstage/core-app-api';
|
|
78
|
+
+import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
|
|
79
|
+
|
|
80
|
+
...
|
|
81
|
+
|
|
82
|
+
-const AppProvider = app.getProvider();
|
|
83
|
+
-const AppRouter = app.getRouter();
|
|
84
|
+
|
|
85
|
+
...
|
|
86
|
+
|
|
87
|
+
-const App = () => (
|
|
88
|
+
+export default app.createRoot(
|
|
89
|
+
- <AppProvider>
|
|
90
|
+
+ <>
|
|
91
|
+
<AlertDisplay />
|
|
92
|
+
<OAuthRequestDialog />
|
|
93
|
+
<AppRouter>
|
|
94
|
+
<Root>{routes}</Root>
|
|
95
|
+
</AppRouter>
|
|
96
|
+
- </AppProvider>
|
|
97
|
+
+ </>,
|
|
98
|
+
);
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
The final export step should end up looking something like this:
|
|
102
|
+
|
|
103
|
+
```tsx
|
|
104
|
+
export default app.createRoot(
|
|
105
|
+
<>
|
|
106
|
+
<AlertDisplay />
|
|
107
|
+
<OAuthRequestDialog />
|
|
108
|
+
<AppRouter>
|
|
109
|
+
<Root>{routes}</Root>
|
|
110
|
+
</AppRouter>
|
|
111
|
+
</>,
|
|
112
|
+
);
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
Note that `app.createRoot()` accepts a React element, rather than a component.
|
|
116
|
+
|
|
117
|
+
- 71e75c0b70: Removed the `react-router` dependency from the app package, using only `react-router-dom` instead.
|
|
118
|
+
|
|
119
|
+
This change is just a bit of cleanup and is optional. If you want to apply it to your app, remove the `react-router` dependency from `packages/app/package.json`, and replace any imports from `react-router` with `react-router-dom` instead.
|
|
120
|
+
|
|
121
|
+
- Updated dependencies
|
|
122
|
+
- @backstage/cli-common@0.1.11-next.0
|
|
123
|
+
|
|
3
124
|
## 0.4.35-next.3
|
|
4
125
|
|
|
5
126
|
### Patch Changes
|
package/dist/index.cjs.js
CHANGED
|
@@ -57,101 +57,101 @@ ${chalk__default["default"].red(`${error}`)}
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
var version$L = "1.9.0
|
|
60
|
+
var version$L = "1.9.0";
|
|
61
61
|
|
|
62
|
-
var version$K = "1.0.9
|
|
62
|
+
var version$K = "1.0.9";
|
|
63
63
|
|
|
64
|
-
var version$J = "0.17.0
|
|
64
|
+
var version$J = "0.17.0";
|
|
65
65
|
|
|
66
|
-
var version$I = "0.4.0
|
|
66
|
+
var version$I = "0.4.0";
|
|
67
67
|
|
|
68
|
-
var version$H = "1.2.0
|
|
68
|
+
var version$H = "1.2.0";
|
|
69
69
|
|
|
70
|
-
var version$G = "1.1.4
|
|
70
|
+
var version$G = "1.1.4";
|
|
71
71
|
|
|
72
|
-
var version$F = "0.
|
|
72
|
+
var version$F = "0.22.0";
|
|
73
73
|
|
|
74
|
-
var version$E = "1.0.5
|
|
74
|
+
var version$E = "1.0.5";
|
|
75
75
|
|
|
76
|
-
var version$D = "1.
|
|
76
|
+
var version$D = "1.3.0";
|
|
77
77
|
|
|
78
|
-
var version$C = "0.12.1
|
|
78
|
+
var version$C = "0.12.1";
|
|
79
79
|
|
|
80
|
-
var version$B = "1.2.0
|
|
80
|
+
var version$B = "1.2.0";
|
|
81
81
|
|
|
82
|
-
var version$A = "1.1.4
|
|
82
|
+
var version$A = "1.1.4";
|
|
83
83
|
|
|
84
|
-
var version$z = "1.1.7
|
|
84
|
+
var version$z = "1.1.7";
|
|
85
85
|
|
|
86
|
-
var version$y = "1.2.3
|
|
86
|
+
var version$y = "1.2.3";
|
|
87
87
|
|
|
88
88
|
var version$x = "0.2.16";
|
|
89
89
|
|
|
90
|
-
var version$w = "0.8.12
|
|
90
|
+
var version$w = "0.8.12";
|
|
91
91
|
|
|
92
|
-
var version$v = "0.3.39
|
|
92
|
+
var version$v = "0.3.39";
|
|
93
93
|
|
|
94
|
-
var version$u = "0.17.2
|
|
94
|
+
var version$u = "0.17.2";
|
|
95
95
|
|
|
96
|
-
var version$t = "0.2.8
|
|
96
|
+
var version$t = "0.2.8";
|
|
97
97
|
|
|
98
|
-
var version$s = "1.7.0
|
|
98
|
+
var version$s = "1.7.0";
|
|
99
99
|
|
|
100
|
-
var version$r = "1.0.9
|
|
100
|
+
var version$r = "1.0.9";
|
|
101
101
|
|
|
102
|
-
var version$q = "1.2.2
|
|
102
|
+
var version$q = "1.2.2";
|
|
103
103
|
|
|
104
|
-
var version$p = "1.6.0
|
|
104
|
+
var version$p = "1.6.0";
|
|
105
105
|
|
|
106
|
-
var version$o = "0.2.24
|
|
106
|
+
var version$o = "0.2.24";
|
|
107
107
|
|
|
108
|
-
var version$n = "0.9.2
|
|
108
|
+
var version$n = "0.9.2";
|
|
109
109
|
|
|
110
|
-
var version$m = "0.3.12
|
|
110
|
+
var version$m = "0.3.12";
|
|
111
111
|
|
|
112
|
-
var version$l = "0.3.43
|
|
112
|
+
var version$l = "0.3.43";
|
|
113
113
|
|
|
114
|
-
var version$k = "0.5.12
|
|
114
|
+
var version$k = "0.5.12";
|
|
115
115
|
|
|
116
|
-
var version$j = "0.3.12
|
|
116
|
+
var version$j = "0.3.12";
|
|
117
117
|
|
|
118
|
-
var version$i = "0.6.2
|
|
118
|
+
var version$i = "0.6.2";
|
|
119
119
|
|
|
120
|
-
var version$h = "0.7.2
|
|
120
|
+
var version$h = "0.7.2";
|
|
121
121
|
|
|
122
|
-
var version$g = "0.4.8
|
|
122
|
+
var version$g = "0.4.8";
|
|
123
123
|
|
|
124
|
-
var version$f = "0.7.2
|
|
124
|
+
var version$f = "0.7.2";
|
|
125
125
|
|
|
126
|
-
var version$e = "0.2.33
|
|
126
|
+
var version$e = "0.2.33";
|
|
127
127
|
|
|
128
|
-
var version$d = "0.1.36
|
|
128
|
+
var version$d = "0.1.36";
|
|
129
129
|
|
|
130
|
-
var version$c = "1.9.0
|
|
130
|
+
var version$c = "1.9.0";
|
|
131
131
|
|
|
132
|
-
var version$b = "1.9.0
|
|
132
|
+
var version$b = "1.9.0";
|
|
133
133
|
|
|
134
|
-
var version$a = "1.0.5
|
|
134
|
+
var version$a = "1.0.5";
|
|
135
135
|
|
|
136
|
-
var version$9 = "1.3.0
|
|
136
|
+
var version$9 = "1.3.0";
|
|
137
137
|
|
|
138
|
-
var version$8 = "1.2.0
|
|
138
|
+
var version$8 = "1.2.0";
|
|
139
139
|
|
|
140
|
-
var version$7 = "0.
|
|
140
|
+
var version$7 = "0.5.0";
|
|
141
141
|
|
|
142
|
-
var version$6 = "1.1.0
|
|
142
|
+
var version$6 = "1.1.0";
|
|
143
143
|
|
|
144
|
-
var version$5 = "0.5.19
|
|
144
|
+
var version$5 = "0.5.19";
|
|
145
145
|
|
|
146
|
-
var version$4 = "1.4.1
|
|
146
|
+
var version$4 = "1.4.1";
|
|
147
147
|
|
|
148
|
-
var version$3 = "1.0
|
|
148
|
+
var version$3 = "1.1.0";
|
|
149
149
|
|
|
150
|
-
var version$2 = "1.0.7
|
|
150
|
+
var version$2 = "1.0.7";
|
|
151
151
|
|
|
152
|
-
var version$1 = "1.
|
|
152
|
+
var version$1 = "1.5.0";
|
|
153
153
|
|
|
154
|
-
var version = "0.6.0
|
|
154
|
+
var version = "0.6.0";
|
|
155
155
|
|
|
156
156
|
const packageVersions = {
|
|
157
157
|
root: version$L,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/create-app",
|
|
3
3
|
"description": "A CLI that helps you create your own Backstage app",
|
|
4
|
-
"version": "0.4.35
|
|
4
|
+
"version": "0.4.35",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"start": "yarn nodemon --"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@backstage/cli-common": "^0.1.11
|
|
35
|
+
"@backstage/cli-common": "^0.1.11",
|
|
36
36
|
"chalk": "^4.0.0",
|
|
37
37
|
"commander": "^9.1.0",
|
|
38
38
|
"fs-extra": "10.1.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"recursive-readdir": "^2.2.2"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@backstage/cli": "^0.
|
|
45
|
+
"@backstage/cli": "^0.22.0",
|
|
46
46
|
"@types/command-exists": "^1.2.0",
|
|
47
47
|
"@types/fs-extra": "^9.0.1",
|
|
48
48
|
"@types/inquirer": "^8.1.3",
|
|
@@ -46,9 +46,11 @@ integrations:
|
|
|
46
46
|
# token: ${GHE_TOKEN}
|
|
47
47
|
|
|
48
48
|
proxy:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
### Example for how to add a proxy endpoint for the frontend.
|
|
50
|
+
### A typical reason to do this is to handle HTTPS and CORS for internal services.
|
|
51
|
+
# '/test':
|
|
52
|
+
# target: 'https://example.com'
|
|
53
|
+
# changeOrigin: true
|
|
52
54
|
|
|
53
55
|
# Reference documentation http://backstage.io/docs/features/techdocs/configuration
|
|
54
56
|
# Note: After experimenting with basic setup, use CI/CD to generate docs
|
|
@@ -61,14 +61,14 @@ spec:
|
|
|
61
61
|
name: Register
|
|
62
62
|
action: catalog:register
|
|
63
63
|
input:
|
|
64
|
-
repoContentsUrl: ${{ steps
|
|
64
|
+
repoContentsUrl: ${{ steps['publish'].output.repoContentsUrl }}
|
|
65
65
|
catalogInfoPath: '/catalog-info.yaml'
|
|
66
66
|
|
|
67
67
|
# Outputs are displayed to the user after a successful execution of the template.
|
|
68
68
|
output:
|
|
69
69
|
links:
|
|
70
70
|
- title: Repository
|
|
71
|
-
url: ${{ steps
|
|
71
|
+
url: ${{ steps['publish'].output.remoteUrl }}
|
|
72
72
|
- title: Open in catalog
|
|
73
73
|
icon: catalog
|
|
74
|
-
entityRef: ${{ steps
|
|
74
|
+
entityRef: ${{ steps['register'].output.entityRef }}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Navigate, Route } from 'react-router';
|
|
2
|
+
import { Navigate, Route } from 'react-router-dom';
|
|
3
3
|
import { apiDocsPlugin, ApiExplorerPage } from '@backstage/plugin-api-docs';
|
|
4
4
|
import {
|
|
5
5
|
CatalogEntityPage,
|
|
@@ -29,7 +29,7 @@ import { Root } from './components/Root';
|
|
|
29
29
|
|
|
30
30
|
import { AlertDisplay, OAuthRequestDialog } from '@backstage/core-components';
|
|
31
31
|
import { createApp } from '@backstage/app-defaults';
|
|
32
|
-
import { FlatRoutes } from '@backstage/core-app-api';
|
|
32
|
+
import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
|
|
33
33
|
import { CatalogGraphPage } from '@backstage/plugin-catalog-graph';
|
|
34
34
|
import { RequirePermission } from '@backstage/plugin-permission-react';
|
|
35
35
|
import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common/alpha';
|
|
@@ -53,9 +53,6 @@ const app = createApp({
|
|
|
53
53
|
},
|
|
54
54
|
});
|
|
55
55
|
|
|
56
|
-
const AppProvider = app.getProvider();
|
|
57
|
-
const AppRouter = app.getRouter();
|
|
58
|
-
|
|
59
56
|
const routes = (
|
|
60
57
|
<FlatRoutes>
|
|
61
58
|
<Route path="/" element={<Navigate to="catalog" />} />
|
|
@@ -97,14 +94,12 @@ const routes = (
|
|
|
97
94
|
</FlatRoutes>
|
|
98
95
|
);
|
|
99
96
|
|
|
100
|
-
|
|
101
|
-
|
|
97
|
+
export default app.createRoot(
|
|
98
|
+
<>
|
|
102
99
|
<AlertDisplay />
|
|
103
100
|
<OAuthRequestDialog />
|
|
104
101
|
<AppRouter>
|
|
105
102
|
<Root>{routes}</Root>
|
|
106
103
|
</AppRouter>
|
|
107
|
-
|
|
104
|
+
</>,
|
|
108
105
|
);
|
|
109
|
-
|
|
110
|
-
export default App;
|