create-rspack-canary 1.6.1-canary-46a54daf-20251103113814 → 1.6.1-canary-a0be7ea2-20251104174026

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 (10) hide show
  1. package/package.json +1 -1
  2. package/template-react-js/package.json +1 -1
  3. package/template-react-js/src/App.css +20 -20
  4. package/template-react-js/src/index.css +44 -44
  5. package/template-react-ts/src/App.css +20 -20
  6. package/template-react-ts/src/index.css +44 -44
  7. package/template-vanilla-js/src/index.css +15 -15
  8. package/template-vanilla-ts/src/index.css +15 -15
  9. package/template-vue-js/src/style.css +53 -53
  10. package/template-vue-ts/src/style.css +53 -53
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-rspack-canary",
3
- "version": "1.6.1-canary-46a54daf-20251103113814",
3
+ "version": "1.6.1-canary-a0be7ea2-20251104174026",
4
4
  "homepage": "https://rspack.rs",
5
5
  "bugs": "https://github.com/web-infra-dev/rspack/issues",
6
6
  "repository": {
package/template-react-js/package.json CHANGED
@@ -19,4 +19,4 @@
19
19
  "@types/react-dom": "^19.1.9",
20
20
  "react-refresh": "^0.18.0"
21
21
  }
22
- }
22
+ }
package/template-react-js/src/App.css CHANGED
@@ -1,41 +1,41 @@
1
1
  #root {
2
- max-width: 1280px;
3
- margin: 0 auto;
4
- padding: 2rem;
5
- text-align: center;
2
+ max-width: 1280px;
3
+ margin: 0 auto;
4
+ padding: 2rem;
5
+ text-align: center;
6
6
  }
7
7
 
8
8
  .logo {
9
- height: 6em;
10
- padding: 1.5em;
11
- will-change: filter;
9
+ height: 6em;
10
+ padding: 1.5em;
11
+ will-change: filter;
12
12
  }
13
13
  .logo:hover {
14
- filter: drop-shadow(0 0 2em #646cffaa);
14
+ filter: drop-shadow(0 0 2em #646cffaa);
15
15
  }
16
16
  .logo.react:hover {
17
- filter: drop-shadow(0 0 2em #61dafbaa);
17
+ filter: drop-shadow(0 0 2em #61dafbaa);
18
18
  }
19
19
 
20
20
  @keyframes logo-spin {
21
- from {
22
- transform: rotate(0deg);
23
- }
24
- to {
25
- transform: rotate(360deg);
26
- }
21
+ from {
22
+ transform: rotate(0deg);
23
+ }
24
+ to {
25
+ transform: rotate(360deg);
26
+ }
27
27
  }
28
28
 
29
29
  @media (prefers-reduced-motion: no-preference) {
30
- a > .logo {
31
- animation: logo-spin infinite 20s linear;
32
- }
30
+ a > .logo {
31
+ animation: logo-spin infinite 20s linear;
32
+ }
33
33
  }
34
34
 
35
35
  .card {
36
- padding: 2em;
36
+ padding: 2em;
37
37
  }
38
38
 
39
39
  .read-the-docs {
40
- color: #888;
40
+ color: #888;
41
41
  }
package/template-react-js/src/index.css CHANGED
@@ -1,70 +1,70 @@
1
1
  :root {
2
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
- font-size: 16px;
4
- line-height: 24px;
5
- font-weight: 400;
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
6
 
7
- color-scheme: light dark;
8
- color: rgba(255, 255, 255, 0.87);
9
- background-color: #242424;
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
10
 
11
- font-synthesis: none;
12
- text-rendering: optimizeLegibility;
13
- -webkit-font-smoothing: antialiased;
14
- -moz-osx-font-smoothing: grayscale;
15
- -webkit-text-size-adjust: 100%;
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
16
  }
17
17
 
18
18
  a {
19
- font-weight: 500;
20
- color: #646cff;
21
- text-decoration: inherit;
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
22
  }
23
23
  a:hover {
24
- color: #535bf2;
24
+ color: #535bf2;
25
25
  }
26
26
 
27
27
  body {
28
- margin: 0;
29
- display: flex;
30
- place-items: center;
31
- min-width: 320px;
32
- min-height: 100vh;
28
+ margin: 0;
29
+ display: flex;
30
+ place-items: center;
31
+ min-width: 320px;
32
+ min-height: 100vh;
33
33
  }
34
34
 
35
35
  h1 {
36
- font-size: 3.2em;
37
- line-height: 1.1;
36
+ font-size: 3.2em;
37
+ line-height: 1.1;
38
38
  }
39
39
 
40
40
  button {
41
- border-radius: 8px;
42
- border: 1px solid transparent;
43
- padding: 0.6em 1.2em;
44
- font-size: 1em;
45
- font-weight: 500;
46
- font-family: inherit;
47
- background-color: #1a1a1a;
48
- cursor: pointer;
49
- transition: border-color 0.25s;
41
+ border-radius: 8px;
42
+ border: 1px solid transparent;
43
+ padding: 0.6em 1.2em;
44
+ font-size: 1em;
45
+ font-weight: 500;
46
+ font-family: inherit;
47
+ background-color: #1a1a1a;
48
+ cursor: pointer;
49
+ transition: border-color 0.25s;
50
50
  }
51
51
  button:hover {
52
- border-color: #646cff;
52
+ border-color: #646cff;
53
53
  }
54
54
  button:focus,
55
55
  button:focus-visible {
56
- outline: 4px auto -webkit-focus-ring-color;
56
+ outline: 4px auto -webkit-focus-ring-color;
57
57
  }
58
58
 
59
59
  @media (prefers-color-scheme: light) {
60
- :root {
61
- color: #213547;
62
- background-color: #ffffff;
63
- }
64
- a:hover {
65
- color: #747bff;
66
- }
67
- button {
68
- background-color: #f9f9f9;
69
- }
60
+ :root {
61
+ color: #213547;
62
+ background-color: #ffffff;
63
+ }
64
+ a:hover {
65
+ color: #747bff;
66
+ }
67
+ button {
68
+ background-color: #f9f9f9;
69
+ }
70
70
  }
package/template-react-ts/src/App.css CHANGED
@@ -1,41 +1,41 @@
1
1
  #root {
2
- max-width: 1280px;
3
- margin: 0 auto;
4
- padding: 2rem;
5
- text-align: center;
2
+ max-width: 1280px;
3
+ margin: 0 auto;
4
+ padding: 2rem;
5
+ text-align: center;
6
6
  }
7
7
 
8
8
  .logo {
9
- height: 6em;
10
- padding: 1.5em;
11
- will-change: filter;
9
+ height: 6em;
10
+ padding: 1.5em;
11
+ will-change: filter;
12
12
  }
13
13
  .logo:hover {
14
- filter: drop-shadow(0 0 2em #646cffaa);
14
+ filter: drop-shadow(0 0 2em #646cffaa);
15
15
  }
16
16
  .logo.react:hover {
17
- filter: drop-shadow(0 0 2em #61dafbaa);
17
+ filter: drop-shadow(0 0 2em #61dafbaa);
18
18
  }
19
19
 
20
20
  @keyframes logo-spin {
21
- from {
22
- transform: rotate(0deg);
23
- }
24
- to {
25
- transform: rotate(360deg);
26
- }
21
+ from {
22
+ transform: rotate(0deg);
23
+ }
24
+ to {
25
+ transform: rotate(360deg);
26
+ }
27
27
  }
28
28
 
29
29
  @media (prefers-reduced-motion: no-preference) {
30
- a > .logo {
31
- animation: logo-spin infinite 20s linear;
32
- }
30
+ a > .logo {
31
+ animation: logo-spin infinite 20s linear;
32
+ }
33
33
  }
34
34
 
35
35
  .card {
36
- padding: 2em;
36
+ padding: 2em;
37
37
  }
38
38
 
39
39
  .read-the-docs {
40
- color: #888;
40
+ color: #888;
41
41
  }
package/template-react-ts/src/index.css CHANGED
@@ -1,70 +1,70 @@
1
1
  :root {
2
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
- font-size: 16px;
4
- line-height: 24px;
5
- font-weight: 400;
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
6
 
7
- color-scheme: light dark;
8
- color: rgba(255, 255, 255, 0.87);
9
- background-color: #242424;
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
10
 
11
- font-synthesis: none;
12
- text-rendering: optimizeLegibility;
13
- -webkit-font-smoothing: antialiased;
14
- -moz-osx-font-smoothing: grayscale;
15
- -webkit-text-size-adjust: 100%;
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
16
  }
17
17
 
18
18
  a {
19
- font-weight: 500;
20
- color: #646cff;
21
- text-decoration: inherit;
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
22
  }
23
23
  a:hover {
24
- color: #535bf2;
24
+ color: #535bf2;
25
25
  }
26
26
 
27
27
  body {
28
- margin: 0;
29
- display: flex;
30
- place-items: center;
31
- min-width: 320px;
32
- min-height: 100vh;
28
+ margin: 0;
29
+ display: flex;
30
+ place-items: center;
31
+ min-width: 320px;
32
+ min-height: 100vh;
33
33
  }
34
34
 
35
35
  h1 {
36
- font-size: 3.2em;
37
- line-height: 1.1;
36
+ font-size: 3.2em;
37
+ line-height: 1.1;
38
38
  }
39
39
 
40
40
  button {
41
- border-radius: 8px;
42
- border: 1px solid transparent;
43
- padding: 0.6em 1.2em;
44
- font-size: 1em;
45
- font-weight: 500;
46
- font-family: inherit;
47
- background-color: #1a1a1a;
48
- cursor: pointer;
49
- transition: border-color 0.25s;
41
+ border-radius: 8px;
42
+ border: 1px solid transparent;
43
+ padding: 0.6em 1.2em;
44
+ font-size: 1em;
45
+ font-weight: 500;
46
+ font-family: inherit;
47
+ background-color: #1a1a1a;
48
+ cursor: pointer;
49
+ transition: border-color 0.25s;
50
50
  }
51
51
  button:hover {
52
- border-color: #646cff;
52
+ border-color: #646cff;
53
53
  }
54
54
  button:focus,
55
55
  button:focus-visible {
56
- outline: 4px auto -webkit-focus-ring-color;
56
+ outline: 4px auto -webkit-focus-ring-color;
57
57
  }
58
58
 
59
59
  @media (prefers-color-scheme: light) {
60
- :root {
61
- color: #213547;
62
- background-color: #ffffff;
63
- }
64
- a:hover {
65
- color: #747bff;
66
- }
67
- button {
68
- background-color: #f9f9f9;
69
- }
60
+ :root {
61
+ color: #213547;
62
+ background-color: #ffffff;
63
+ }
64
+ a:hover {
65
+ color: #747bff;
66
+ }
67
+ button {
68
+ background-color: #f9f9f9;
69
+ }
70
70
  }
package/template-vanilla-js/src/index.css CHANGED
@@ -1,26 +1,26 @@
1
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);
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
6
  }
7
7
 
8
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;
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
15
  }
16
16
 
17
17
  .content h1 {
18
- font-size: 3.6rem;
19
- font-weight: 700;
18
+ font-size: 3.6rem;
19
+ font-weight: 700;
20
20
  }
21
21
 
22
22
  .content p {
23
- font-size: 1.2rem;
24
- font-weight: 400;
25
- opacity: 0.5;
23
+ font-size: 1.2rem;
24
+ font-weight: 400;
25
+ opacity: 0.5;
26
26
  }
package/template-vanilla-ts/src/index.css CHANGED
@@ -1,26 +1,26 @@
1
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);
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
6
  }
7
7
 
8
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;
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
15
  }
16
16
 
17
17
  .content h1 {
18
- font-size: 3.6rem;
19
- font-weight: 700;
18
+ font-size: 3.6rem;
19
+ font-weight: 700;
20
20
  }
21
21
 
22
22
  .content p {
23
- font-size: 1.2rem;
24
- font-weight: 400;
25
- opacity: 0.5;
23
+ font-size: 1.2rem;
24
+ font-weight: 400;
25
+ opacity: 0.5;
26
26
  }
package/template-vue-js/src/style.css CHANGED
@@ -1,90 +1,90 @@
1
1
  :root {
2
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
- font-size: 16px;
4
- line-height: 24px;
5
- font-weight: 400;
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
6
 
7
- color-scheme: light dark;
8
- color: rgba(255, 255, 255, 0.87);
9
- background-color: #242424;
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
10
 
11
- font-synthesis: none;
12
- text-rendering: optimizeLegibility;
13
- -webkit-font-smoothing: antialiased;
14
- -moz-osx-font-smoothing: grayscale;
15
- -webkit-text-size-adjust: 100%;
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
16
  }
17
17
 
18
18
  a {
19
- font-weight: 500;
20
- color: #646cff;
21
- text-decoration: inherit;
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
22
  }
23
23
  a:hover {
24
- color: #535bf2;
24
+ color: #535bf2;
25
25
  }
26
26
 
27
27
  a {
28
- font-weight: 500;
29
- color: #646cff;
30
- text-decoration: inherit;
28
+ font-weight: 500;
29
+ color: #646cff;
30
+ text-decoration: inherit;
31
31
  }
32
32
  a:hover {
33
- color: #535bf2;
33
+ color: #535bf2;
34
34
  }
35
35
 
36
36
  body {
37
- margin: 0;
38
- display: flex;
39
- place-items: center;
40
- min-width: 320px;
41
- min-height: 100vh;
37
+ margin: 0;
38
+ display: flex;
39
+ place-items: center;
40
+ min-width: 320px;
41
+ min-height: 100vh;
42
42
  }
43
43
 
44
44
  h1 {
45
- font-size: 3.2em;
46
- line-height: 1.1;
45
+ font-size: 3.2em;
46
+ line-height: 1.1;
47
47
  }
48
48
 
49
49
  button {
50
- border-radius: 8px;
51
- border: 1px solid transparent;
52
- padding: 0.6em 1.2em;
53
- font-size: 1em;
54
- font-weight: 500;
55
- font-family: inherit;
56
- background-color: #1a1a1a;
57
- cursor: pointer;
58
- transition: border-color 0.25s;
50
+ border-radius: 8px;
51
+ border: 1px solid transparent;
52
+ padding: 0.6em 1.2em;
53
+ font-size: 1em;
54
+ font-weight: 500;
55
+ font-family: inherit;
56
+ background-color: #1a1a1a;
57
+ cursor: pointer;
58
+ transition: border-color 0.25s;
59
59
  }
60
60
  button:hover {
61
- border-color: #646cff;
61
+ border-color: #646cff;
62
62
  }
63
63
  button:focus,
64
64
  button:focus-visible {
65
- outline: 4px auto -webkit-focus-ring-color;
65
+ outline: 4px auto -webkit-focus-ring-color;
66
66
  }
67
67
 
68
68
  .card {
69
- padding: 2em;
69
+ padding: 2em;
70
70
  }
71
71
 
72
72
  #app {
73
- max-width: 1280px;
74
- margin: 0 auto;
75
- padding: 2rem;
76
- text-align: center;
73
+ max-width: 1280px;
74
+ margin: 0 auto;
75
+ padding: 2rem;
76
+ text-align: center;
77
77
  }
78
78
 
79
79
  @media (prefers-color-scheme: light) {
80
- :root {
81
- color: #213547;
82
- background-color: #ffffff;
83
- }
84
- a:hover {
85
- color: #747bff;
86
- }
87
- button {
88
- background-color: #f9f9f9;
89
- }
80
+ :root {
81
+ color: #213547;
82
+ background-color: #ffffff;
83
+ }
84
+ a:hover {
85
+ color: #747bff;
86
+ }
87
+ button {
88
+ background-color: #f9f9f9;
89
+ }
90
90
  }
package/template-vue-ts/src/style.css CHANGED
@@ -1,90 +1,90 @@
1
1
  :root {
2
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
- font-size: 16px;
4
- line-height: 24px;
5
- font-weight: 400;
2
+ font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
+ font-size: 16px;
4
+ line-height: 24px;
5
+ font-weight: 400;
6
6
 
7
- color-scheme: light dark;
8
- color: rgba(255, 255, 255, 0.87);
9
- background-color: #242424;
7
+ color-scheme: light dark;
8
+ color: rgba(255, 255, 255, 0.87);
9
+ background-color: #242424;
10
10
 
11
- font-synthesis: none;
12
- text-rendering: optimizeLegibility;
13
- -webkit-font-smoothing: antialiased;
14
- -moz-osx-font-smoothing: grayscale;
15
- -webkit-text-size-adjust: 100%;
11
+ font-synthesis: none;
12
+ text-rendering: optimizeLegibility;
13
+ -webkit-font-smoothing: antialiased;
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-text-size-adjust: 100%;
16
16
  }
17
17
 
18
18
  a {
19
- font-weight: 500;
20
- color: #646cff;
21
- text-decoration: inherit;
19
+ font-weight: 500;
20
+ color: #646cff;
21
+ text-decoration: inherit;
22
22
  }
23
23
  a:hover {
24
- color: #535bf2;
24
+ color: #535bf2;
25
25
  }
26
26
 
27
27
  a {
28
- font-weight: 500;
29
- color: #646cff;
30
- text-decoration: inherit;
28
+ font-weight: 500;
29
+ color: #646cff;
30
+ text-decoration: inherit;
31
31
  }
32
32
  a:hover {
33
- color: #535bf2;
33
+ color: #535bf2;
34
34
  }
35
35
 
36
36
  body {
37
- margin: 0;
38
- display: flex;
39
- place-items: center;
40
- min-width: 320px;
41
- min-height: 100vh;
37
+ margin: 0;
38
+ display: flex;
39
+ place-items: center;
40
+ min-width: 320px;
41
+ min-height: 100vh;
42
42
  }
43
43
 
44
44
  h1 {
45
- font-size: 3.2em;
46
- line-height: 1.1;
45
+ font-size: 3.2em;
46
+ line-height: 1.1;
47
47
  }
48
48
 
49
49
  button {
50
- border-radius: 8px;
51
- border: 1px solid transparent;
52
- padding: 0.6em 1.2em;
53
- font-size: 1em;
54
- font-weight: 500;
55
- font-family: inherit;
56
- background-color: #1a1a1a;
57
- cursor: pointer;
58
- transition: border-color 0.25s;
50
+ border-radius: 8px;
51
+ border: 1px solid transparent;
52
+ padding: 0.6em 1.2em;
53
+ font-size: 1em;
54
+ font-weight: 500;
55
+ font-family: inherit;
56
+ background-color: #1a1a1a;
57
+ cursor: pointer;
58
+ transition: border-color 0.25s;
59
59
  }
60
60
  button:hover {
61
- border-color: #646cff;
61
+ border-color: #646cff;
62
62
  }
63
63
  button:focus,
64
64
  button:focus-visible {
65
- outline: 4px auto -webkit-focus-ring-color;
65
+ outline: 4px auto -webkit-focus-ring-color;
66
66
  }
67
67
 
68
68
  .card {
69
- padding: 2em;
69
+ padding: 2em;
70
70
  }
71
71
 
72
72
  #app {
73
- max-width: 1280px;
74
- margin: 0 auto;
75
- padding: 2rem;
76
- text-align: center;
73
+ max-width: 1280px;
74
+ margin: 0 auto;
75
+ padding: 2rem;
76
+ text-align: center;
77
77
  }
78
78
 
79
79
  @media (prefers-color-scheme: light) {
80
- :root {
81
- color: #213547;
82
- background-color: #ffffff;
83
- }
84
- a:hover {
85
- color: #747bff;
86
- }
87
- button {
88
- background-color: #f9f9f9;
89
- }
80
+ :root {
81
+ color: #213547;
82
+ background-color: #ffffff;
83
+ }
84
+ a:hover {
85
+ color: #747bff;
86
+ }
87
+ button {
88
+ background-color: #f9f9f9;
89
+ }
90
90
  }