create-rsbuild 0.0.20 → 0.0.22
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 +15 -0
- package/dist/index.js +16 -2
- package/package.json +1 -1
- package/template-lit-js/package.json +14 -0
- package/template-lit-js/rsbuild.config.mjs +7 -0
- package/template-lit-js/src/index.css +6 -0
- package/template-lit-js/src/index.html +5 -0
- package/template-lit-js/src/index.js +4 -0
- package/template-lit-js/src/my-element.js +34 -0
- package/template-lit-ts/package.json +15 -0
- package/template-lit-ts/rsbuild.config.ts +7 -0
- package/template-lit-ts/src/env.d.ts +1 -0
- package/template-lit-ts/src/index.css +6 -0
- package/template-lit-ts/src/index.html +5 -0
- package/template-lit-ts/src/index.ts +4 -0
- package/template-lit-ts/src/my-element.ts +34 -0
- package/template-lit-ts/tsconfig.json +13 -0
- package/template-vanilla-js/package.json +13 -0
- package/template-vanilla-js/rsbuild.config.mjs +3 -0
- package/template-vanilla-js/src/index.css +26 -0
- package/template-vanilla-js/src/index.js +8 -0
- package/template-vanilla-ts/package.json +14 -0
- package/template-vanilla-ts/rsbuild.config.ts +3 -0
- package/template-vanilla-ts/src/index.css +26 -0
- package/template-vanilla-ts/src/index.ts +8 -0
- package/template-vanilla-ts/tsconfig.json +13 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# create-rsbuild
|
|
2
2
|
|
|
3
|
+
## 0.0.22
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 73cac183: feat(create-rsbuild): add new lit template
|
|
8
|
+
- 6c00e30: fix(create-rsbuild): missing tsconfig.json in vanilla template
|
|
9
|
+
- 6c00e30: feat(create-rsbuild): improve next steps message
|
|
10
|
+
- 82e7c249: fix(create-rsbuild): incorrect title in sample code
|
|
11
|
+
|
|
12
|
+
## 0.0.21
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- a782b44: feat(create-rsbuild): add new vanilla template
|
|
17
|
+
|
|
3
18
|
## 0.0.20
|
|
4
19
|
|
|
5
20
|
## 0.0.19
|
package/dist/index.js
CHANGED
|
@@ -35,10 +35,22 @@ function checkCancel(value) {
|
|
|
35
35
|
function formatTargetDir(targetDir) {
|
|
36
36
|
return targetDir.trim().replace(/\/+$/g, "");
|
|
37
37
|
}
|
|
38
|
+
function pkgFromUserAgent(userAgent) {
|
|
39
|
+
if (!userAgent)
|
|
40
|
+
return void 0;
|
|
41
|
+
const pkgSpec = userAgent.split(" ")[0];
|
|
42
|
+
const pkgSpecArr = pkgSpec.split("/");
|
|
43
|
+
return {
|
|
44
|
+
name: pkgSpecArr[0],
|
|
45
|
+
version: pkgSpecArr[1]
|
|
46
|
+
};
|
|
47
|
+
}
|
|
38
48
|
async function main() {
|
|
39
49
|
console.log("");
|
|
40
50
|
import_rslog.logger.greet("◆ Create Rsbuild Project");
|
|
41
51
|
const cwd = process.cwd();
|
|
52
|
+
const pkgInfo = pkgFromUserAgent(process.env._config_user_agent);
|
|
53
|
+
const pkgManager = pkgInfo ? pkgInfo.name : "npm";
|
|
42
54
|
const packageRoot = import_path.default.resolve(__dirname, "..");
|
|
43
55
|
const packageJsonPath = import_path.default.join(packageRoot, "package.json");
|
|
44
56
|
const { version } = require(packageJsonPath);
|
|
@@ -62,7 +74,9 @@ async function main() {
|
|
|
62
74
|
{ value: "react", label: "React" },
|
|
63
75
|
{ value: "vue3", label: "Vue 3" },
|
|
64
76
|
{ value: "vue2", label: "Vue 2" },
|
|
65
|
-
{ value: "
|
|
77
|
+
{ value: "lit", label: "Lit" },
|
|
78
|
+
{ value: "svelte", label: "Svelte" },
|
|
79
|
+
{ value: "vanilla", label: "Vanilla" }
|
|
66
80
|
]
|
|
67
81
|
});
|
|
68
82
|
checkCancel(framework);
|
|
@@ -79,7 +93,7 @@ async function main() {
|
|
|
79
93
|
const distFolder = import_path.default.join(cwd, targetDir);
|
|
80
94
|
copyFolder(commonFolder, distFolder, version);
|
|
81
95
|
copyFolder(srcFolder, distFolder, version);
|
|
82
|
-
const nextSteps = [`cd ${targetDir}`,
|
|
96
|
+
const nextSteps = [`cd ${targetDir}`, `${pkgManager} i`, `${pkgManager} run dev`];
|
|
83
97
|
(0, import_prompts.note)(nextSteps.join("\n"), "Next steps");
|
|
84
98
|
(0, import_prompts.outro)("Done.");
|
|
85
99
|
}
|
package/package.json
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "rsbuild-lit-js",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "rsbuild dev --open",
|
|
7
|
+
"build": "rsbuild build",
|
|
8
|
+
"preview": "rsbuild preview"
|
|
9
|
+
},
|
|
10
|
+
"devDependencies": {
|
|
11
|
+
"@rsbuild/core": "workspace:*",
|
|
12
|
+
"lit": "^3.0.2"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { html, css, LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
export class MyElement extends LitElement {
|
|
4
|
+
static styles = css`
|
|
5
|
+
.content {
|
|
6
|
+
display: flex;
|
|
7
|
+
min-height: 100vh;
|
|
8
|
+
line-height: 1.1;
|
|
9
|
+
text-align: center;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.content h1 {
|
|
15
|
+
font-size: 3.6rem;
|
|
16
|
+
font-weight: 700;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.content p {
|
|
20
|
+
font-size: 1.2rem;
|
|
21
|
+
font-weight: 400;
|
|
22
|
+
opacity: 0.5;
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
|
|
26
|
+
render() {
|
|
27
|
+
return html`
|
|
28
|
+
<div class="content">
|
|
29
|
+
<h1>Rsbuild with Lit</h1>
|
|
30
|
+
<p>Start building amazing things with Rsbuild.</p>
|
|
31
|
+
</div>
|
|
32
|
+
`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "rsbuild-lit-ts",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "rsbuild dev --open",
|
|
7
|
+
"build": "rsbuild build",
|
|
8
|
+
"preview": "rsbuild preview"
|
|
9
|
+
},
|
|
10
|
+
"devDependencies": {
|
|
11
|
+
"@rsbuild/core": "workspace:*",
|
|
12
|
+
"lit": "^3.0.2",
|
|
13
|
+
"typescript": "^5.2.2"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="@rsbuild/core/types" />
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { html, css, LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
export class MyElement extends LitElement {
|
|
4
|
+
static styles = css`
|
|
5
|
+
.content {
|
|
6
|
+
display: flex;
|
|
7
|
+
min-height: 100vh;
|
|
8
|
+
line-height: 1.1;
|
|
9
|
+
text-align: center;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.content h1 {
|
|
15
|
+
font-size: 3.6rem;
|
|
16
|
+
font-weight: 700;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.content p {
|
|
20
|
+
font-size: 1.2rem;
|
|
21
|
+
font-weight: 400;
|
|
22
|
+
opacity: 0.5;
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
|
|
26
|
+
render() {
|
|
27
|
+
return html`
|
|
28
|
+
<div class="content">
|
|
29
|
+
<h1>Rsbuild with Lit</h1>
|
|
30
|
+
<p>Start building amazing things with Rsbuild.</p>
|
|
31
|
+
</div>
|
|
32
|
+
`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2020",
|
|
4
|
+
"lib": ["DOM", "ES2020"],
|
|
5
|
+
"module": "ESNext",
|
|
6
|
+
"strict": true,
|
|
7
|
+
"skipLibCheck": true,
|
|
8
|
+
"isolatedModules": true,
|
|
9
|
+
"resolveJsonModule": true,
|
|
10
|
+
"moduleResolution": "bundler"
|
|
11
|
+
},
|
|
12
|
+
"include": ["src"]
|
|
13
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
body {
|
|
2
|
+
margin: 0;
|
|
3
|
+
color: #fff;
|
|
4
|
+
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
|
|
5
|
+
background-image: linear-gradient(to bottom, #020917, #101725);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.content {
|
|
9
|
+
display: flex;
|
|
10
|
+
min-height: 100vh;
|
|
11
|
+
line-height: 1.1;
|
|
12
|
+
text-align: center;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.content h1 {
|
|
18
|
+
font-size: 3.6rem;
|
|
19
|
+
font-weight: 700;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.content p {
|
|
23
|
+
font-size: 1.2rem;
|
|
24
|
+
font-weight: 400;
|
|
25
|
+
opacity: 0.5;
|
|
26
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "rsbuild-vanilla-ts",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"dev": "rsbuild dev --open",
|
|
7
|
+
"build": "rsbuild build",
|
|
8
|
+
"preview": "rsbuild preview"
|
|
9
|
+
},
|
|
10
|
+
"devDependencies": {
|
|
11
|
+
"@rsbuild/core": "workspace:*",
|
|
12
|
+
"typescript": "^5.2.2"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
body {
|
|
2
|
+
margin: 0;
|
|
3
|
+
color: #fff;
|
|
4
|
+
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
|
|
5
|
+
background-image: linear-gradient(to bottom, #020917, #101725);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.content {
|
|
9
|
+
display: flex;
|
|
10
|
+
min-height: 100vh;
|
|
11
|
+
line-height: 1.1;
|
|
12
|
+
text-align: center;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.content h1 {
|
|
18
|
+
font-size: 3.6rem;
|
|
19
|
+
font-weight: 700;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.content p {
|
|
23
|
+
font-size: 1.2rem;
|
|
24
|
+
font-weight: 400;
|
|
25
|
+
opacity: 0.5;
|
|
26
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2020",
|
|
4
|
+
"lib": ["DOM", "ES2020"],
|
|
5
|
+
"module": "ESNext",
|
|
6
|
+
"strict": true,
|
|
7
|
+
"skipLibCheck": true,
|
|
8
|
+
"isolatedModules": true,
|
|
9
|
+
"resolveJsonModule": true,
|
|
10
|
+
"moduleResolution": "bundler"
|
|
11
|
+
},
|
|
12
|
+
"include": ["src"]
|
|
13
|
+
}
|