create-lumiose 0.1.0 → 0.2.0
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/package.json +4 -4
- package/templates/minimal/src/routes/index.stsx +10 -9
- package/templates/spa/src/components/Counter.stsx +10 -9
- package/templates/spa/src/routes/_layout.stsx +20 -19
- package/templates/ssr/src/routes/_layout.stsx +24 -23
- package/templates/ssr/src/routes/guestbook.stsx +19 -19
- package/templates/ssr/src/routes/index.stsx +6 -6
- package/templates/static/src/routes/_layout.stsx +31 -30
- package/templates/static/src/routes/blog/[slug].stsx +6 -6
- package/templates/static/src/routes/index.stsx +11 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-lumiose",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Create a Lumiose app: `pnpm create lumiose my-app --template ssr`. Every project starts agent-ready (AGENTS.md, CLAUDE.md, the lumiose skill).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
],
|
|
18
18
|
"type": "module",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@lumiose/cli": "0.
|
|
21
|
-
"lumiose": "0.
|
|
20
|
+
"@lumiose/cli": "0.2.0",
|
|
21
|
+
"lumiose": "0.2.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@lumiose/adapter-node": "0.
|
|
24
|
+
"@lumiose/adapter-node": "0.2.0",
|
|
25
25
|
"typescript": "^7.0.2",
|
|
26
26
|
"vite": "^8.3.4"
|
|
27
27
|
},
|
|
@@ -8,15 +8,16 @@ export default function Home() {
|
|
|
8
8
|
<p>
|
|
9
9
|
Edit <code>src/routes/index.stsx</code>: pages are files in <code>src/routes</code>.
|
|
10
10
|
</p>
|
|
11
|
-
|
|
12
|
-
<style>
|
|
13
|
-
main {
|
|
14
|
-
max-width: 40rem;
|
|
15
|
-
margin: 4rem auto;
|
|
16
|
-
padding: 0 1rem;
|
|
17
|
-
font-family: system-ui, sans-serif;
|
|
18
|
-
}
|
|
19
|
-
</style>
|
|
20
11
|
</main>
|
|
21
12
|
);
|
|
22
13
|
}
|
|
14
|
+
|
|
15
|
+
// One <style> block at the end of the file styles every component in this file.
|
|
16
|
+
<style>
|
|
17
|
+
main {
|
|
18
|
+
max-width: 40rem;
|
|
19
|
+
margin: 4rem auto;
|
|
20
|
+
padding: 0 1rem;
|
|
21
|
+
font-family: system-ui, sans-serif;
|
|
22
|
+
}
|
|
23
|
+
</style>
|
|
@@ -6,15 +6,16 @@ export function Counter(props: { start?: number }) {
|
|
|
6
6
|
return (
|
|
7
7
|
<button class={{ counter: true, hot: count() >= 5 }} onClick={() => count.update((n) => n + 1)}>
|
|
8
8
|
Clicked {count()} times
|
|
9
|
-
<style>
|
|
10
|
-
.counter {
|
|
11
|
-
font: inherit;
|
|
12
|
-
padding: 0.5rem 1rem;
|
|
13
|
-
}
|
|
14
|
-
.hot {
|
|
15
|
-
color: crimson;
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
18
9
|
</button>
|
|
19
10
|
);
|
|
20
11
|
}
|
|
12
|
+
|
|
13
|
+
<style>
|
|
14
|
+
.counter {
|
|
15
|
+
font: inherit;
|
|
16
|
+
padding: 0.5rem 1rem;
|
|
17
|
+
}
|
|
18
|
+
.hot {
|
|
19
|
+
color: crimson;
|
|
20
|
+
}
|
|
21
|
+
</style>
|
|
@@ -9,25 +9,26 @@ export default function Layout(props: LayoutProps<"/">) {
|
|
|
9
9
|
<a href={href("/about")}>About</a>
|
|
10
10
|
</nav>
|
|
11
11
|
{props.children}
|
|
12
|
-
|
|
13
|
-
<style>
|
|
14
|
-
.app {
|
|
15
|
-
max-width: 42rem;
|
|
16
|
-
margin: 0 auto;
|
|
17
|
-
padding: 1.5rem 1rem;
|
|
18
|
-
}
|
|
19
|
-
nav {
|
|
20
|
-
display: flex;
|
|
21
|
-
gap: 1rem;
|
|
22
|
-
margin-bottom: 2rem;
|
|
23
|
-
}
|
|
24
|
-
</style>
|
|
25
|
-
<style global>
|
|
26
|
-
body {
|
|
27
|
-
margin: 0;
|
|
28
|
-
font-family: system-ui, sans-serif;
|
|
29
|
-
}
|
|
30
|
-
</style>
|
|
31
12
|
</div>
|
|
32
13
|
);
|
|
33
14
|
}
|
|
15
|
+
|
|
16
|
+
<style>
|
|
17
|
+
.app {
|
|
18
|
+
max-width: 42rem;
|
|
19
|
+
margin: 0 auto;
|
|
20
|
+
padding: 1.5rem 1rem;
|
|
21
|
+
}
|
|
22
|
+
nav {
|
|
23
|
+
display: flex;
|
|
24
|
+
gap: 1rem;
|
|
25
|
+
margin-bottom: 2rem;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
28
|
+
|
|
29
|
+
<style global>
|
|
30
|
+
body {
|
|
31
|
+
margin: 0;
|
|
32
|
+
font-family: system-ui, sans-serif;
|
|
33
|
+
}
|
|
34
|
+
</style>
|
|
@@ -13,29 +13,30 @@ export default function Layout(props: LayoutProps<"/">) {
|
|
|
13
13
|
</nav>
|
|
14
14
|
</header>
|
|
15
15
|
{props.children}
|
|
16
|
-
|
|
17
|
-
<style>
|
|
18
|
-
.app {
|
|
19
|
-
max-width: 42rem;
|
|
20
|
-
margin: 0 auto;
|
|
21
|
-
padding: 1.5rem 1rem;
|
|
22
|
-
}
|
|
23
|
-
header {
|
|
24
|
-
display: flex;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
margin-bottom: 2rem;
|
|
27
|
-
}
|
|
28
|
-
.brand {
|
|
29
|
-
font-weight: 700;
|
|
30
|
-
}
|
|
31
|
-
</style>
|
|
32
|
-
<style global>
|
|
33
|
-
body {
|
|
34
|
-
margin: 0;
|
|
35
|
-
font-family: system-ui, sans-serif;
|
|
36
|
-
line-height: 1.6;
|
|
37
|
-
}
|
|
38
|
-
</style>
|
|
39
16
|
</div>
|
|
40
17
|
);
|
|
41
18
|
}
|
|
19
|
+
|
|
20
|
+
<style>
|
|
21
|
+
.app {
|
|
22
|
+
max-width: 42rem;
|
|
23
|
+
margin: 0 auto;
|
|
24
|
+
padding: 1.5rem 1rem;
|
|
25
|
+
}
|
|
26
|
+
header {
|
|
27
|
+
display: flex;
|
|
28
|
+
justify-content: space-between;
|
|
29
|
+
margin-bottom: 2rem;
|
|
30
|
+
}
|
|
31
|
+
.brand {
|
|
32
|
+
font-weight: 700;
|
|
33
|
+
}
|
|
34
|
+
</style>
|
|
35
|
+
|
|
36
|
+
<style global>
|
|
37
|
+
body {
|
|
38
|
+
margin: 0;
|
|
39
|
+
font-family: system-ui, sans-serif;
|
|
40
|
+
line-height: 1.6;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
@@ -47,25 +47,25 @@ export default function Guestbook() {
|
|
|
47
47
|
</li>
|
|
48
48
|
))}
|
|
49
49
|
</ul>
|
|
50
|
-
|
|
51
|
-
<style>
|
|
52
|
-
form {
|
|
53
|
-
display: grid;
|
|
54
|
-
gap: 0.25rem;
|
|
55
|
-
max-width: 24rem;
|
|
56
|
-
}
|
|
57
|
-
label {
|
|
58
|
-
display: grid;
|
|
59
|
-
}
|
|
60
|
-
.error {
|
|
61
|
-
margin: 0;
|
|
62
|
-
color: crimson;
|
|
63
|
-
}
|
|
64
|
-
.entries {
|
|
65
|
-
padding: 0;
|
|
66
|
-
list-style: none;
|
|
67
|
-
}
|
|
68
|
-
</style>
|
|
69
50
|
</main>
|
|
70
51
|
);
|
|
71
52
|
}
|
|
53
|
+
|
|
54
|
+
<style>
|
|
55
|
+
form {
|
|
56
|
+
display: grid;
|
|
57
|
+
gap: 0.25rem;
|
|
58
|
+
max-width: 24rem;
|
|
59
|
+
}
|
|
60
|
+
label {
|
|
61
|
+
display: grid;
|
|
62
|
+
}
|
|
63
|
+
.error {
|
|
64
|
+
margin: 0;
|
|
65
|
+
color: crimson;
|
|
66
|
+
}
|
|
67
|
+
.entries {
|
|
68
|
+
padding: 0;
|
|
69
|
+
list-style: none;
|
|
70
|
+
}
|
|
71
|
+
</style>
|
|
@@ -16,12 +16,12 @@ export default function Home() {
|
|
|
16
16
|
<Suspense fallback={<p class="count">Counting entries…</p>}>
|
|
17
17
|
<GuestCount />
|
|
18
18
|
</Suspense>
|
|
19
|
-
|
|
20
|
-
<style>
|
|
21
|
-
.count {
|
|
22
|
-
color: #555;
|
|
23
|
-
}
|
|
24
|
-
</style>
|
|
25
19
|
</main>
|
|
26
20
|
);
|
|
27
21
|
}
|
|
22
|
+
|
|
23
|
+
<style>
|
|
24
|
+
.count {
|
|
25
|
+
color: #555;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
@@ -14,36 +14,37 @@ export default function Layout(props: LayoutProps<"/">) {
|
|
|
14
14
|
</header>
|
|
15
15
|
{props.children}
|
|
16
16
|
<footer>Built with Lumiose.</footer>
|
|
17
|
-
|
|
18
|
-
<style>
|
|
19
|
-
.site {
|
|
20
|
-
max-width: 42rem;
|
|
21
|
-
margin: 0 auto;
|
|
22
|
-
padding: 1.5rem 1rem;
|
|
23
|
-
}
|
|
24
|
-
header {
|
|
25
|
-
display: flex;
|
|
26
|
-
justify-content: space-between;
|
|
27
|
-
margin-bottom: 2rem;
|
|
28
|
-
}
|
|
29
|
-
.brand {
|
|
30
|
-
font-weight: 700;
|
|
31
|
-
}
|
|
32
|
-
footer {
|
|
33
|
-
margin-top: 3rem;
|
|
34
|
-
color: #666;
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
37
|
-
<style global>
|
|
38
|
-
body {
|
|
39
|
-
margin: 0;
|
|
40
|
-
font-family: system-ui, sans-serif;
|
|
41
|
-
line-height: 1.6;
|
|
42
|
-
}
|
|
43
|
-
a {
|
|
44
|
-
color: #4338ca;
|
|
45
|
-
}
|
|
46
|
-
</style>
|
|
47
17
|
</div>
|
|
48
18
|
);
|
|
49
19
|
}
|
|
20
|
+
|
|
21
|
+
<style>
|
|
22
|
+
.site {
|
|
23
|
+
max-width: 42rem;
|
|
24
|
+
margin: 0 auto;
|
|
25
|
+
padding: 1.5rem 1rem;
|
|
26
|
+
}
|
|
27
|
+
header {
|
|
28
|
+
display: flex;
|
|
29
|
+
justify-content: space-between;
|
|
30
|
+
margin-bottom: 2rem;
|
|
31
|
+
}
|
|
32
|
+
.brand {
|
|
33
|
+
font-weight: 700;
|
|
34
|
+
}
|
|
35
|
+
footer {
|
|
36
|
+
margin-top: 3rem;
|
|
37
|
+
color: #666;
|
|
38
|
+
}
|
|
39
|
+
</style>
|
|
40
|
+
|
|
41
|
+
<style global>
|
|
42
|
+
body {
|
|
43
|
+
margin: 0;
|
|
44
|
+
font-family: system-ui, sans-serif;
|
|
45
|
+
line-height: 1.6;
|
|
46
|
+
}
|
|
47
|
+
a {
|
|
48
|
+
color: #4338ca;
|
|
49
|
+
}
|
|
50
|
+
</style>
|
|
@@ -16,12 +16,12 @@ export default function BlogPost() {
|
|
|
16
16
|
<h1>{post.title}</h1>
|
|
17
17
|
<time>{post.date}</time>
|
|
18
18
|
<p>{post.body}</p>
|
|
19
|
-
|
|
20
|
-
<style>
|
|
21
|
-
time {
|
|
22
|
-
color: #666;
|
|
23
|
-
}
|
|
24
|
-
</style>
|
|
25
19
|
</article>
|
|
26
20
|
);
|
|
27
21
|
}
|
|
22
|
+
|
|
23
|
+
<style>
|
|
24
|
+
time {
|
|
25
|
+
color: #666;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
@@ -14,17 +14,17 @@ export default function Home() {
|
|
|
14
14
|
</li>
|
|
15
15
|
))}
|
|
16
16
|
</ul>
|
|
17
|
-
|
|
18
|
-
<style>
|
|
19
|
-
.posts {
|
|
20
|
-
padding: 0;
|
|
21
|
-
list-style: none;
|
|
22
|
-
}
|
|
23
|
-
time {
|
|
24
|
-
margin-left: 0.5rem;
|
|
25
|
-
color: #666;
|
|
26
|
-
}
|
|
27
|
-
</style>
|
|
28
17
|
</main>
|
|
29
18
|
);
|
|
30
19
|
}
|
|
20
|
+
|
|
21
|
+
<style>
|
|
22
|
+
.posts {
|
|
23
|
+
padding: 0;
|
|
24
|
+
list-style: none;
|
|
25
|
+
}
|
|
26
|
+
time {
|
|
27
|
+
margin-left: 0.5rem;
|
|
28
|
+
color: #666;
|
|
29
|
+
}
|
|
30
|
+
</style>
|