@sigx/cli 0.1.2 → 0.1.3
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.
|
@@ -4,59 +4,74 @@ const App = component(() => {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return () => (
|
|
7
|
-
<scroll-view scroll-orientation="vertical" style={{ height: '100vh' }}>
|
|
7
|
+
<scroll-view scroll-orientation="vertical" style={{ height: '100vh', backgroundColor: '#0f172a' }}>
|
|
8
8
|
<view style={{
|
|
9
9
|
display: 'flex',
|
|
10
10
|
flexDirection: 'column',
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
justifyContent: 'center',
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
minHeight: '100vh',
|
|
14
|
+
paddingLeft: '24px',
|
|
15
|
+
paddingRight: '24px',
|
|
16
|
+
paddingTop: '48px',
|
|
17
|
+
paddingBottom: '48px',
|
|
15
18
|
backgroundColor: '#0f172a',
|
|
16
19
|
}}>
|
|
17
|
-
{/*
|
|
20
|
+
{/* Header group */}
|
|
18
21
|
<view style={{
|
|
19
|
-
width: '80px',
|
|
20
|
-
height: '80px',
|
|
21
|
-
borderRadius: '20px',
|
|
22
|
-
backgroundColor: '#3b82f6',
|
|
23
22
|
display: 'flex',
|
|
23
|
+
flexDirection: 'column',
|
|
24
24
|
alignItems: 'center',
|
|
25
|
-
|
|
25
|
+
gap: '16px',
|
|
26
26
|
}}>
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
{/* Logo */}
|
|
28
|
+
<view style={{
|
|
29
|
+
width: '80px',
|
|
30
|
+
height: '80px',
|
|
31
|
+
borderRadius: '20px',
|
|
32
|
+
backgroundColor: '#3b82f6',
|
|
33
|
+
display: 'flex',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
}}>
|
|
37
|
+
<text style={{ fontSize: '36px', color: '#fff' }}>⚡</text>
|
|
38
|
+
</view>
|
|
29
39
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
40
|
+
<text style={{
|
|
41
|
+
fontSize: '28px',
|
|
42
|
+
fontWeight: 'bold',
|
|
43
|
+
color: '#f1f5f9',
|
|
44
|
+
textAlign: 'center',
|
|
45
|
+
}}>
|
|
46
|
+
{{projectName}}
|
|
47
|
+
</text>
|
|
37
48
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
<text style={{
|
|
50
|
+
fontSize: '14px',
|
|
51
|
+
color: '#94a3b8',
|
|
52
|
+
textAlign: 'center',
|
|
53
|
+
maxWidth: '280px',
|
|
54
|
+
}}>
|
|
55
|
+
Built with sigx-lynx — signal-based native apps
|
|
56
|
+
</text>
|
|
57
|
+
</view>
|
|
46
58
|
|
|
47
59
|
{/* Counter card */}
|
|
48
60
|
<view style={{
|
|
49
61
|
display: 'flex',
|
|
50
62
|
flexDirection: 'column',
|
|
51
|
-
marginTop: '
|
|
63
|
+
marginTop: '40px',
|
|
52
64
|
padding: '24px',
|
|
53
65
|
backgroundColor: '#1e293b',
|
|
54
66
|
borderRadius: '16px',
|
|
67
|
+
borderWidth: '1px',
|
|
68
|
+
borderStyle: 'solid',
|
|
69
|
+
borderColor: '#334155',
|
|
55
70
|
alignItems: 'center',
|
|
56
|
-
gap: '
|
|
71
|
+
gap: '20px',
|
|
57
72
|
width: '280px',
|
|
58
73
|
}}>
|
|
59
|
-
<text style={{ fontSize: '
|
|
74
|
+
<text style={{ fontSize: '56px', fontWeight: 'bold', color: '#f1f5f9' }}>
|
|
60
75
|
{count.value}
|
|
61
76
|
</text>
|
|
62
77
|
|
|
@@ -68,22 +83,28 @@ const App = component(() => {
|
|
|
68
83
|
<view
|
|
69
84
|
bindtap={() => count.value > 0 && count.value--}
|
|
70
85
|
style={{
|
|
71
|
-
|
|
86
|
+
paddingLeft: '28px',
|
|
87
|
+
paddingRight: '28px',
|
|
88
|
+
paddingTop: '12px',
|
|
89
|
+
paddingBottom: '12px',
|
|
72
90
|
backgroundColor: '#334155',
|
|
73
|
-
borderRadius: '
|
|
91
|
+
borderRadius: '12px',
|
|
74
92
|
}}
|
|
75
93
|
>
|
|
76
|
-
<text style={{ color: '#
|
|
94
|
+
<text style={{ color: '#f1f5f9', fontSize: '20px' }}>−</text>
|
|
77
95
|
</view>
|
|
78
96
|
<view
|
|
79
97
|
bindtap={() => count.value++}
|
|
80
98
|
style={{
|
|
81
|
-
|
|
99
|
+
paddingLeft: '28px',
|
|
100
|
+
paddingRight: '28px',
|
|
101
|
+
paddingTop: '12px',
|
|
102
|
+
paddingBottom: '12px',
|
|
82
103
|
backgroundColor: '#3b82f6',
|
|
83
|
-
borderRadius: '
|
|
104
|
+
borderRadius: '12px',
|
|
84
105
|
}}
|
|
85
106
|
>
|
|
86
|
-
<text style={{ color: '#fff', fontSize: '
|
|
107
|
+
<text style={{ color: '#fff', fontSize: '20px' }}>+</text>
|
|
87
108
|
</view>
|
|
88
109
|
</view>
|
|
89
110
|
</view>
|
|
@@ -91,7 +112,8 @@ const App = component(() => {
|
|
|
91
112
|
<text style={{
|
|
92
113
|
fontSize: '12px',
|
|
93
114
|
color: '#64748b',
|
|
94
|
-
marginTop: '
|
|
115
|
+
marginTop: '40px',
|
|
116
|
+
textAlign: 'center',
|
|
95
117
|
}}>
|
|
96
118
|
Edit src/App.tsx to get started
|
|
97
119
|
</text>
|
|
@@ -4,44 +4,47 @@ const App = component(() => {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return () => (
|
|
7
|
-
<scroll-view scroll-orientation="vertical" class="h-screen">
|
|
8
|
-
<view class="flex items-center justify-center h-screen
|
|
9
|
-
{/*
|
|
10
|
-
<view class="
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
<scroll-view scroll-orientation="vertical" class="h-screen bg-slate-900">
|
|
8
|
+
<view class="flex flex-col items-center justify-center min-h-screen px-6 py-12 bg-slate-900">
|
|
9
|
+
{/* Header group */}
|
|
10
|
+
<view class="flex flex-col items-center gap-4">
|
|
11
|
+
{/* Logo */}
|
|
12
|
+
<view class="w-20 h-20 rounded-2xl bg-blue-500 flex items-center justify-center">
|
|
13
|
+
<text class="text-4xl text-white">⚡</text>
|
|
14
|
+
</view>
|
|
13
15
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
<text class="text-3xl font-bold text-slate-100 text-center">
|
|
17
|
+
{{projectName}}
|
|
18
|
+
</text>
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
20
|
+
<text class="text-sm text-slate-400 text-center max-w-[280px]">
|
|
21
|
+
Built with sigx-lynx + Tailwind CSS
|
|
22
|
+
</text>
|
|
23
|
+
</view>
|
|
21
24
|
|
|
22
25
|
{/* Counter card */}
|
|
23
|
-
<view class="mt-
|
|
24
|
-
<text class="text-
|
|
26
|
+
<view class="flex flex-col mt-10 p-6 bg-slate-800 rounded-2xl border border-slate-700 items-center gap-5 w-[280px]">
|
|
27
|
+
<text class="text-6xl font-bold text-slate-100">
|
|
25
28
|
{count.value}
|
|
26
29
|
</text>
|
|
27
30
|
|
|
28
31
|
<view class="flex flex-row gap-3">
|
|
29
32
|
<view
|
|
30
33
|
bindtap={() => count.value > 0 && count.value--}
|
|
31
|
-
class="px-
|
|
34
|
+
class="px-7 py-3 bg-slate-700 rounded-xl"
|
|
32
35
|
>
|
|
33
|
-
<text class="text-slate-
|
|
36
|
+
<text class="text-slate-100 text-xl">−</text>
|
|
34
37
|
</view>
|
|
35
38
|
<view
|
|
36
39
|
bindtap={() => count.value++}
|
|
37
|
-
class="px-
|
|
40
|
+
class="px-7 py-3 bg-blue-500 rounded-xl"
|
|
38
41
|
>
|
|
39
|
-
<text class="text-white text-
|
|
42
|
+
<text class="text-white text-xl">+</text>
|
|
40
43
|
</view>
|
|
41
44
|
</view>
|
|
42
45
|
</view>
|
|
43
46
|
|
|
44
|
-
<text class="text-xs text-slate-
|
|
47
|
+
<text class="text-xs text-slate-500 mt-10 text-center">
|
|
45
48
|
Edit src/App.tsx to get started
|
|
46
49
|
</text>
|
|
47
50
|
</view>
|
package/package.json
CHANGED
|
@@ -4,59 +4,74 @@ const App = component(() => {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return () => (
|
|
7
|
-
<scroll-view scroll-orientation="vertical" style={{ height: '100vh' }}>
|
|
7
|
+
<scroll-view scroll-orientation="vertical" style={{ height: '100vh', backgroundColor: '#0f172a' }}>
|
|
8
8
|
<view style={{
|
|
9
9
|
display: 'flex',
|
|
10
10
|
flexDirection: 'column',
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
justifyContent: 'center',
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
minHeight: '100vh',
|
|
14
|
+
paddingLeft: '24px',
|
|
15
|
+
paddingRight: '24px',
|
|
16
|
+
paddingTop: '48px',
|
|
17
|
+
paddingBottom: '48px',
|
|
15
18
|
backgroundColor: '#0f172a',
|
|
16
19
|
}}>
|
|
17
|
-
{/*
|
|
20
|
+
{/* Header group */}
|
|
18
21
|
<view style={{
|
|
19
|
-
width: '80px',
|
|
20
|
-
height: '80px',
|
|
21
|
-
borderRadius: '20px',
|
|
22
|
-
backgroundColor: '#3b82f6',
|
|
23
22
|
display: 'flex',
|
|
23
|
+
flexDirection: 'column',
|
|
24
24
|
alignItems: 'center',
|
|
25
|
-
|
|
25
|
+
gap: '16px',
|
|
26
26
|
}}>
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
{/* Logo */}
|
|
28
|
+
<view style={{
|
|
29
|
+
width: '80px',
|
|
30
|
+
height: '80px',
|
|
31
|
+
borderRadius: '20px',
|
|
32
|
+
backgroundColor: '#3b82f6',
|
|
33
|
+
display: 'flex',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
}}>
|
|
37
|
+
<text style={{ fontSize: '36px', color: '#fff' }}>⚡</text>
|
|
38
|
+
</view>
|
|
29
39
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
40
|
+
<text style={{
|
|
41
|
+
fontSize: '28px',
|
|
42
|
+
fontWeight: 'bold',
|
|
43
|
+
color: '#f1f5f9',
|
|
44
|
+
textAlign: 'center',
|
|
45
|
+
}}>
|
|
46
|
+
{{projectName}}
|
|
47
|
+
</text>
|
|
37
48
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
<text style={{
|
|
50
|
+
fontSize: '14px',
|
|
51
|
+
color: '#94a3b8',
|
|
52
|
+
textAlign: 'center',
|
|
53
|
+
maxWidth: '280px',
|
|
54
|
+
}}>
|
|
55
|
+
Built with sigx-lynx — signal-based native apps
|
|
56
|
+
</text>
|
|
57
|
+
</view>
|
|
46
58
|
|
|
47
59
|
{/* Counter card */}
|
|
48
60
|
<view style={{
|
|
49
61
|
display: 'flex',
|
|
50
62
|
flexDirection: 'column',
|
|
51
|
-
marginTop: '
|
|
63
|
+
marginTop: '40px',
|
|
52
64
|
padding: '24px',
|
|
53
65
|
backgroundColor: '#1e293b',
|
|
54
66
|
borderRadius: '16px',
|
|
67
|
+
borderWidth: '1px',
|
|
68
|
+
borderStyle: 'solid',
|
|
69
|
+
borderColor: '#334155',
|
|
55
70
|
alignItems: 'center',
|
|
56
|
-
gap: '
|
|
71
|
+
gap: '20px',
|
|
57
72
|
width: '280px',
|
|
58
73
|
}}>
|
|
59
|
-
<text style={{ fontSize: '
|
|
74
|
+
<text style={{ fontSize: '56px', fontWeight: 'bold', color: '#f1f5f9' }}>
|
|
60
75
|
{count.value}
|
|
61
76
|
</text>
|
|
62
77
|
|
|
@@ -68,22 +83,28 @@ const App = component(() => {
|
|
|
68
83
|
<view
|
|
69
84
|
bindtap={() => count.value > 0 && count.value--}
|
|
70
85
|
style={{
|
|
71
|
-
|
|
86
|
+
paddingLeft: '28px',
|
|
87
|
+
paddingRight: '28px',
|
|
88
|
+
paddingTop: '12px',
|
|
89
|
+
paddingBottom: '12px',
|
|
72
90
|
backgroundColor: '#334155',
|
|
73
|
-
borderRadius: '
|
|
91
|
+
borderRadius: '12px',
|
|
74
92
|
}}
|
|
75
93
|
>
|
|
76
|
-
<text style={{ color: '#
|
|
94
|
+
<text style={{ color: '#f1f5f9', fontSize: '20px' }}>−</text>
|
|
77
95
|
</view>
|
|
78
96
|
<view
|
|
79
97
|
bindtap={() => count.value++}
|
|
80
98
|
style={{
|
|
81
|
-
|
|
99
|
+
paddingLeft: '28px',
|
|
100
|
+
paddingRight: '28px',
|
|
101
|
+
paddingTop: '12px',
|
|
102
|
+
paddingBottom: '12px',
|
|
82
103
|
backgroundColor: '#3b82f6',
|
|
83
|
-
borderRadius: '
|
|
104
|
+
borderRadius: '12px',
|
|
84
105
|
}}
|
|
85
106
|
>
|
|
86
|
-
<text style={{ color: '#fff', fontSize: '
|
|
107
|
+
<text style={{ color: '#fff', fontSize: '20px' }}>+</text>
|
|
87
108
|
</view>
|
|
88
109
|
</view>
|
|
89
110
|
</view>
|
|
@@ -91,7 +112,8 @@ const App = component(() => {
|
|
|
91
112
|
<text style={{
|
|
92
113
|
fontSize: '12px',
|
|
93
114
|
color: '#64748b',
|
|
94
|
-
marginTop: '
|
|
115
|
+
marginTop: '40px',
|
|
116
|
+
textAlign: 'center',
|
|
95
117
|
}}>
|
|
96
118
|
Edit src/App.tsx to get started
|
|
97
119
|
</text>
|
|
@@ -4,44 +4,47 @@ const App = component(() => {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return () => (
|
|
7
|
-
<scroll-view scroll-orientation="vertical" class="h-screen">
|
|
8
|
-
<view class="flex items-center justify-center h-screen
|
|
9
|
-
{/*
|
|
10
|
-
<view class="
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
<scroll-view scroll-orientation="vertical" class="h-screen bg-slate-900">
|
|
8
|
+
<view class="flex flex-col items-center justify-center min-h-screen px-6 py-12 bg-slate-900">
|
|
9
|
+
{/* Header group */}
|
|
10
|
+
<view class="flex flex-col items-center gap-4">
|
|
11
|
+
{/* Logo */}
|
|
12
|
+
<view class="w-20 h-20 rounded-2xl bg-blue-500 flex items-center justify-center">
|
|
13
|
+
<text class="text-4xl text-white">⚡</text>
|
|
14
|
+
</view>
|
|
13
15
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
<text class="text-3xl font-bold text-slate-100 text-center">
|
|
17
|
+
{{projectName}}
|
|
18
|
+
</text>
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
20
|
+
<text class="text-sm text-slate-400 text-center max-w-[280px]">
|
|
21
|
+
Built with sigx-lynx + Tailwind CSS
|
|
22
|
+
</text>
|
|
23
|
+
</view>
|
|
21
24
|
|
|
22
25
|
{/* Counter card */}
|
|
23
|
-
<view class="mt-
|
|
24
|
-
<text class="text-
|
|
26
|
+
<view class="flex flex-col mt-10 p-6 bg-slate-800 rounded-2xl border border-slate-700 items-center gap-5 w-[280px]">
|
|
27
|
+
<text class="text-6xl font-bold text-slate-100">
|
|
25
28
|
{count.value}
|
|
26
29
|
</text>
|
|
27
30
|
|
|
28
31
|
<view class="flex flex-row gap-3">
|
|
29
32
|
<view
|
|
30
33
|
bindtap={() => count.value > 0 && count.value--}
|
|
31
|
-
class="px-
|
|
34
|
+
class="px-7 py-3 bg-slate-700 rounded-xl"
|
|
32
35
|
>
|
|
33
|
-
<text class="text-slate-
|
|
36
|
+
<text class="text-slate-100 text-xl">−</text>
|
|
34
37
|
</view>
|
|
35
38
|
<view
|
|
36
39
|
bindtap={() => count.value++}
|
|
37
|
-
class="px-
|
|
40
|
+
class="px-7 py-3 bg-blue-500 rounded-xl"
|
|
38
41
|
>
|
|
39
|
-
<text class="text-white text-
|
|
42
|
+
<text class="text-white text-xl">+</text>
|
|
40
43
|
</view>
|
|
41
44
|
</view>
|
|
42
45
|
</view>
|
|
43
46
|
|
|
44
|
-
<text class="text-xs text-slate-
|
|
47
|
+
<text class="text-xs text-slate-500 mt-10 text-center">
|
|
45
48
|
Edit src/App.tsx to get started
|
|
46
49
|
</text>
|
|
47
50
|
</view>
|