@digilogiclabs/create-saas-app 1.6.5 → 1.6.7
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/dist/.tsbuildinfo +1 -1
- package/dist/templates/mobile/base/template/package.json +1 -1
- package/dist/templates/web/base/template/package.json +1 -1
- package/dist/templates/web/base/template/src/app/dashboard/page.tsx +22 -7
- package/dist/templates/web/base/template/src/app/page.tsx +14 -2
- package/dist/templates/web/ui-auth/template/package.json +2 -2
- package/dist/templates/web/ui-auth/template/src/app/page.tsx +18 -6
- package/dist/templates/web/ui-auth-payments/template/package.json +2 -2
- package/dist/templates/web/ui-auth-payments/template/src/app/checkout/page.tsx +13 -3
- package/dist/templates/web/ui-auth-payments/template/src/app/page.tsx +18 -6
- package/dist/templates/web/ui-auth-payments-audio/template/package.json +2 -2
- package/dist/templates/web/ui-auth-payments-audio/template/src/app/page.tsx +16 -4
- package/dist/templates/web/ui-auth-payments-video/template/package.json +2 -2
- package/dist/templates/web/ui-auth-payments-video/template/src/app/page.tsx +16 -4
- package/package.json +1 -1
- package/src/templates/mobile/base/template/package.json +1 -1
- package/src/templates/web/base/template/package.json +1 -1
- package/src/templates/web/base/template/src/app/dashboard/page.tsx +22 -7
- package/src/templates/web/base/template/src/app/page.tsx +14 -2
- package/src/templates/web/ui-auth/template/package.json +2 -2
- package/src/templates/web/ui-auth/template/src/app/page.tsx +18 -6
- package/src/templates/web/ui-auth-payments/template/package.json +2 -2
- package/src/templates/web/ui-auth-payments/template/src/app/checkout/page.tsx +13 -3
- package/src/templates/web/ui-auth-payments/template/src/app/page.tsx +18 -6
- package/src/templates/web/ui-auth-payments-audio/template/package.json +2 -2
- package/src/templates/web/ui-auth-payments-audio/template/src/app/page.tsx +16 -4
- package/src/templates/web/ui-auth-payments-video/template/package.json +2 -2
- package/src/templates/web/ui-auth-payments-video/template/src/app/page.tsx +16 -4
|
@@ -25,9 +25,21 @@ export default function Home() {
|
|
|
25
25
|
const projectName = "{{titleCaseName}}"
|
|
26
26
|
const projectDescription = "{{description}}"
|
|
27
27
|
|
|
28
|
+
const gridConfig = {
|
|
29
|
+
columns_1_2: { base: 1, md: 2 },
|
|
30
|
+
columns_1_3: { base: 1, md: 3 },
|
|
31
|
+
columns_1_sm2: { base: 1, sm: 2 },
|
|
32
|
+
columns_1_sm2_md3: { base: 1, sm: 2, md: 3 },
|
|
33
|
+
columns_1_sm2_md4: { base: 1, sm: 2, md: 4 },
|
|
34
|
+
columns_2: { base: 2 },
|
|
35
|
+
columns_2_md3: { base: 2, md: 3 },
|
|
36
|
+
columns_2_2: { base: 2 },
|
|
37
|
+
columns_2_md4: { base: 2, md: 4 }
|
|
38
|
+
}
|
|
39
|
+
|
|
28
40
|
const heroConfig = {
|
|
29
41
|
badge: {
|
|
30
|
-
text: "UI Package v0.13.
|
|
42
|
+
text: "UI Package v0.13.1 + Auth v1.0.0 - Cross-Device Ready",
|
|
31
43
|
variant: "secondary" as const,
|
|
32
44
|
icon: CheckCircle
|
|
33
45
|
},
|
|
@@ -126,7 +138,7 @@ export default function Home() {
|
|
|
126
138
|
{/* Component Showcase */}
|
|
127
139
|
<NetworkAwareContent
|
|
128
140
|
showOnSlow={
|
|
129
|
-
<ResponsiveGrid columns={
|
|
141
|
+
<ResponsiveGrid columns={gridConfig.columns_1_sm2} gap="lg" className="mb-16">
|
|
130
142
|
<SwipeableCard
|
|
131
143
|
rightActions={[
|
|
132
144
|
{
|
|
@@ -146,7 +158,7 @@ export default function Home() {
|
|
|
146
158
|
</div>
|
|
147
159
|
<h3 className="text-lg font-semibold mb-2">Mobile-First UI</h3>
|
|
148
160
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
149
|
-
Touch-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
161
|
+
Touch-optimized components from @digilogiclabs/saas-factory-ui v0.13.1
|
|
150
162
|
</p>
|
|
151
163
|
</Card>
|
|
152
164
|
</SwipeableCard>
|
|
@@ -177,7 +189,7 @@ export default function Home() {
|
|
|
177
189
|
</ResponsiveGrid>
|
|
178
190
|
}
|
|
179
191
|
>
|
|
180
|
-
<ResponsiveGrid columns={
|
|
192
|
+
<ResponsiveGrid columns={gridConfig.columns_1_sm2_md3} gap="lg" className="mb-16">
|
|
181
193
|
<SwipeableCard
|
|
182
194
|
rightActions={[
|
|
183
195
|
{
|
|
@@ -197,7 +209,7 @@ export default function Home() {
|
|
|
197
209
|
</div>
|
|
198
210
|
<h3 className="text-lg font-semibold mb-2">Touch UI Components</h3>
|
|
199
211
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
200
|
-
Mobile-first buttons, cards, and gestures from @digilogiclabs/saas-factory-ui v0.13.
|
|
212
|
+
Mobile-first buttons, cards, and gestures from @digilogiclabs/saas-factory-ui v0.13.1
|
|
201
213
|
</p>
|
|
202
214
|
</Card>
|
|
203
215
|
</SwipeableCard>
|
|
@@ -268,7 +280,7 @@ export default function Home() {
|
|
|
268
280
|
</div>
|
|
269
281
|
<div className="text-center">
|
|
270
282
|
<p className="text-sm text-gray-500">
|
|
271
|
-
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
283
|
+
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.1 + auth v1.0.0
|
|
272
284
|
</p>
|
|
273
285
|
</div>
|
|
274
286
|
</Card>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "{{packageName}}",
|
|
3
3
|
"version": "0.1.0",
|
|
4
|
-
"description": "{{description}} (with UI Package v0.13.
|
|
4
|
+
"description": "{{description}} (with UI Package v0.13.1 + Auth v1.0.0 + Payments)",
|
|
5
5
|
"private": true,
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "next dev",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"next": "^15.0.0",
|
|
18
18
|
"react": "^19.0.0",
|
|
19
19
|
"react-dom": "^19.0.0",
|
|
20
|
-
"@digilogiclabs/saas-factory-ui": "^0.13.
|
|
20
|
+
"@digilogiclabs/saas-factory-ui": "^0.13.1",
|
|
21
21
|
"@digilogiclabs/saas-factory-auth": "^1.0.0",
|
|
22
22
|
"@digilogiclabs/saas-factory-payments": "^1.0.0",
|
|
23
23
|
"stripe": "^14.0.0",
|
|
@@ -63,6 +63,16 @@ export default function CheckoutPage() {
|
|
|
63
63
|
stripePriceId: 'price_enterprise_monthly'
|
|
64
64
|
}
|
|
65
65
|
];
|
|
66
|
+
const gridConfig = {
|
|
67
|
+
columns_1_2: { base: 1, md: 2 },
|
|
68
|
+
columns_1_3: { base: 1, md: 3 },
|
|
69
|
+
columns_1_sm2: { base: 1, sm: 2 },
|
|
70
|
+
columns_1_sm2_md3: { base: 1, sm: 2, md: 3 },
|
|
71
|
+
columns_1_sm2_md4: { base: 1, sm: 2, md: 4 },
|
|
72
|
+
columns_2: { base: 2 },
|
|
73
|
+
columns_2_md3: { base: 2, md: 3 }
|
|
74
|
+
};
|
|
75
|
+
|
|
66
76
|
|
|
67
77
|
return (
|
|
68
78
|
<PageTransition type="slide" direction="up" duration={350}>
|
|
@@ -102,7 +112,7 @@ export default function CheckoutPage() {
|
|
|
102
112
|
{/* Subscription Plans */}
|
|
103
113
|
<NetworkAwareContent
|
|
104
114
|
showOnSlow={
|
|
105
|
-
<ResponsiveGrid columns={
|
|
115
|
+
<ResponsiveGrid columns={gridConfig.columns_1_2} gap="lg" className="mb-8">
|
|
106
116
|
{plans.slice(0, 2).map((plan) => (
|
|
107
117
|
<Card key={plan.id} className={`p-6 relative ${plan.popular ? 'ring-2 ring-blue-500' : ''}`}>
|
|
108
118
|
{plan.popular && (
|
|
@@ -140,7 +150,7 @@ export default function CheckoutPage() {
|
|
|
140
150
|
</ResponsiveGrid>
|
|
141
151
|
}
|
|
142
152
|
>
|
|
143
|
-
<ResponsiveGrid columns={
|
|
153
|
+
<ResponsiveGrid columns={gridConfig.columns_1_3} gap="lg" className="mb-8">
|
|
144
154
|
{plans.map((plan) => (
|
|
145
155
|
<SwipeableCard
|
|
146
156
|
key={plan.id}
|
|
@@ -249,7 +259,7 @@ export default function CheckoutPage() {
|
|
|
249
259
|
hapticFeedback={true}
|
|
250
260
|
/>
|
|
251
261
|
</div>
|
|
252
|
-
<ResponsiveGrid columns={
|
|
262
|
+
<ResponsiveGrid columns={gridConfig.columns_2} gap="md">
|
|
253
263
|
<div>
|
|
254
264
|
<label className="block text-sm font-medium mb-2">Expiry Date</label>
|
|
255
265
|
<TouchInput
|
|
@@ -29,9 +29,21 @@ export default function Home() {
|
|
|
29
29
|
const projectName = "{{titleCaseName}}"
|
|
30
30
|
const projectDescription = "{{description}}"
|
|
31
31
|
|
|
32
|
+
const gridConfig = {
|
|
33
|
+
columns_1_2: { base: 1, md: 2 },
|
|
34
|
+
columns_1_3: { base: 1, md: 3 },
|
|
35
|
+
columns_1_sm2: { base: 1, sm: 2 },
|
|
36
|
+
columns_1_sm2_md3: { base: 1, sm: 2, md: 3 },
|
|
37
|
+
columns_1_sm2_md4: { base: 1, sm: 2, md: 4 },
|
|
38
|
+
columns_2: { base: 2 },
|
|
39
|
+
columns_2_md3: { base: 2, md: 3 },
|
|
40
|
+
columns_2_2: { base: 2 },
|
|
41
|
+
columns_2_md4: { base: 2, md: 4 }
|
|
42
|
+
}
|
|
43
|
+
|
|
32
44
|
const heroConfig = {
|
|
33
45
|
badge: {
|
|
34
|
-
text: "UI Package v0.13.
|
|
46
|
+
text: "UI Package v0.13.1 + Auth v1.0.0 + Payments - Mobile-First Ready",
|
|
35
47
|
variant: "secondary" as const,
|
|
36
48
|
icon: CheckCircle
|
|
37
49
|
},
|
|
@@ -145,7 +157,7 @@ export default function Home() {
|
|
|
145
157
|
{/* Component Showcase */}
|
|
146
158
|
<NetworkAwareContent
|
|
147
159
|
showOnSlow={
|
|
148
|
-
<ResponsiveGrid columns={
|
|
160
|
+
<ResponsiveGrid columns={gridConfig.columns_1_2} gap="lg" className="mb-16">
|
|
149
161
|
<SwipeableCard
|
|
150
162
|
rightActions={[
|
|
151
163
|
{
|
|
@@ -165,7 +177,7 @@ export default function Home() {
|
|
|
165
177
|
</div>
|
|
166
178
|
<h3 className="text-lg font-semibold mb-2">Mobile-First UI</h3>
|
|
167
179
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
168
|
-
Touch-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
180
|
+
Touch-optimized components from @digilogiclabs/saas-factory-ui v0.13.1
|
|
169
181
|
</p>
|
|
170
182
|
</Card>
|
|
171
183
|
</SwipeableCard>
|
|
@@ -196,7 +208,7 @@ export default function Home() {
|
|
|
196
208
|
</ResponsiveGrid>
|
|
197
209
|
}
|
|
198
210
|
>
|
|
199
|
-
<ResponsiveGrid columns={
|
|
211
|
+
<ResponsiveGrid columns={gridConfig.columns_1_sm2_md4} gap="lg" className="mb-16">
|
|
200
212
|
<SwipeableCard
|
|
201
213
|
rightActions={[
|
|
202
214
|
{
|
|
@@ -216,7 +228,7 @@ export default function Home() {
|
|
|
216
228
|
</div>
|
|
217
229
|
<h3 className="text-lg font-semibold mb-2">Mobile UI Components</h3>
|
|
218
230
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
219
|
-
Touch-optimized buttons, cards, and gestures from @digilogiclabs/saas-factory-ui v0.13.
|
|
231
|
+
Touch-optimized buttons, cards, and gestures from @digilogiclabs/saas-factory-ui v0.13.1
|
|
220
232
|
</p>
|
|
221
233
|
</Card>
|
|
222
234
|
</SwipeableCard>
|
|
@@ -311,7 +323,7 @@ export default function Home() {
|
|
|
311
323
|
</div>
|
|
312
324
|
<div className="text-center">
|
|
313
325
|
<p className="text-sm text-gray-500">
|
|
314
|
-
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
326
|
+
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.1 + auth v1.0.0 + payments v1.0.0
|
|
315
327
|
</p>
|
|
316
328
|
</div>
|
|
317
329
|
</Card>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "{{packageName}}",
|
|
3
3
|
"version": "0.1.0",
|
|
4
|
-
"description": "{{description}} - Audio Player App (with UI Package v0.13.
|
|
4
|
+
"description": "{{description}} - Audio Player App (with UI Package v0.13.1 + Auth v1.0.0 + Payments)",
|
|
5
5
|
"private": true,
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "next dev",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"next": "^15.0.0",
|
|
18
18
|
"react": "^19.0.0",
|
|
19
19
|
"react-dom": "^19.0.0",
|
|
20
|
-
"@digilogiclabs/saas-factory-ui": "^0.13.
|
|
20
|
+
"@digilogiclabs/saas-factory-ui": "^0.13.1",
|
|
21
21
|
"@digilogiclabs/saas-factory-auth": "^1.0.0",
|
|
22
22
|
"@digilogiclabs/saas-factory-payments": "^1.0.0",
|
|
23
23
|
"stripe": "^14.0.0",
|
|
@@ -29,9 +29,21 @@ export default function Home() {
|
|
|
29
29
|
const projectName = "{{titleCaseName}}"
|
|
30
30
|
const projectDescription = "{{description}}"
|
|
31
31
|
|
|
32
|
+
const gridConfig = {
|
|
33
|
+
columns_1_2: { base: 1, md: 2 },
|
|
34
|
+
columns_1_3: { base: 1, md: 3 },
|
|
35
|
+
columns_1_sm2: { base: 1, sm: 2 },
|
|
36
|
+
columns_1_sm2_md3: { base: 1, sm: 2, md: 3 },
|
|
37
|
+
columns_1_sm2_md4: { base: 1, sm: 2, md: 4 },
|
|
38
|
+
columns_2: { base: 2 },
|
|
39
|
+
columns_2_md3: { base: 2, md: 3 },
|
|
40
|
+
columns_2_2: { base: 2 },
|
|
41
|
+
columns_2_md4: { base: 2, md: 4 }
|
|
42
|
+
}
|
|
43
|
+
|
|
32
44
|
const heroConfig = {
|
|
33
45
|
badge: {
|
|
34
|
-
text: "Audio Player App - UI Package v0.13.
|
|
46
|
+
text: "Audio Player App - UI Package v0.13.1 + Auth v1.0.0 + Payments Integrated Successfully",
|
|
35
47
|
variant: "secondary" as const,
|
|
36
48
|
icon: CheckCircle
|
|
37
49
|
},
|
|
@@ -256,14 +268,14 @@ export default function Home() {
|
|
|
256
268
|
</NetworkAwareContent>
|
|
257
269
|
|
|
258
270
|
{/* Component Showcase */}
|
|
259
|
-
<ResponsiveGrid columns={
|
|
271
|
+
<ResponsiveGrid columns={gridConfig.columns_1_sm2_md4} gap="lg" className="mb-16">
|
|
260
272
|
<Card className="text-center p-6">
|
|
261
273
|
<div className="mx-auto w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center mb-4">
|
|
262
274
|
<Zap className="h-6 w-6 text-blue-600 dark:text-blue-400" />
|
|
263
275
|
</div>
|
|
264
276
|
<h3 className="text-lg font-semibold mb-2">Mobile Audio UI</h3>
|
|
265
277
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
266
|
-
Touch-friendly Audio Player with haptic feedback from @digilogiclabs/saas-factory-ui v0.13.
|
|
278
|
+
Touch-friendly Audio Player with haptic feedback from @digilogiclabs/saas-factory-ui v0.13.1
|
|
267
279
|
</p>
|
|
268
280
|
</Card>
|
|
269
281
|
|
|
@@ -316,7 +328,7 @@ export default function Home() {
|
|
|
316
328
|
</div>
|
|
317
329
|
<div className="text-center">
|
|
318
330
|
<p className="text-sm text-gray-500">
|
|
319
|
-
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
331
|
+
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.1 + auth v1.0.0 + payments
|
|
320
332
|
</p>
|
|
321
333
|
</div>
|
|
322
334
|
</Card>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "{{packageName}}",
|
|
3
3
|
"version": "0.1.0",
|
|
4
|
-
"description": "{{description}} - Video Player App (with UI Package v0.13.
|
|
4
|
+
"description": "{{description}} - Video Player App (with UI Package v0.13.1 + Auth v1.0.0 + Payments)",
|
|
5
5
|
"private": true,
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "next dev",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"next": "^15.0.0",
|
|
18
18
|
"react": "^19.0.0",
|
|
19
19
|
"react-dom": "^19.0.0",
|
|
20
|
-
"@digilogiclabs/saas-factory-ui": "^0.13.
|
|
20
|
+
"@digilogiclabs/saas-factory-ui": "^0.13.1",
|
|
21
21
|
"@digilogiclabs/saas-factory-auth": "^1.0.0",
|
|
22
22
|
"@digilogiclabs/saas-factory-payments": "^1.0.0",
|
|
23
23
|
"stripe": "^14.0.0",
|
|
@@ -30,9 +30,21 @@ export default function Home() {
|
|
|
30
30
|
const projectName = "{{titleCaseName}}"
|
|
31
31
|
const projectDescription = "{{description}}"
|
|
32
32
|
|
|
33
|
+
const gridConfig = {
|
|
34
|
+
columns_1_2: { base: 1, md: 2 },
|
|
35
|
+
columns_1_3: { base: 1, md: 3 },
|
|
36
|
+
columns_1_sm2: { base: 1, sm: 2 },
|
|
37
|
+
columns_1_sm2_md3: { base: 1, sm: 2, md: 3 },
|
|
38
|
+
columns_1_sm2_md4: { base: 1, sm: 2, md: 4 },
|
|
39
|
+
columns_2: { base: 2 },
|
|
40
|
+
columns_2_md3: { base: 2, md: 3 },
|
|
41
|
+
columns_2_2: { base: 2 },
|
|
42
|
+
columns_2_md4: { base: 2, md: 4 }
|
|
43
|
+
}
|
|
44
|
+
|
|
33
45
|
const heroConfig = {
|
|
34
46
|
badge: {
|
|
35
|
-
text: "Video Player App - UI Package v0.13.
|
|
47
|
+
text: "Video Player App - UI Package v0.13.1 + Auth v1.0.0 + Payments Integrated Successfully",
|
|
36
48
|
variant: "secondary" as const,
|
|
37
49
|
icon: CheckCircle
|
|
38
50
|
},
|
|
@@ -297,14 +309,14 @@ export default function Home() {
|
|
|
297
309
|
</NetworkAwareContent>
|
|
298
310
|
|
|
299
311
|
{/* Component Showcase */}
|
|
300
|
-
<ResponsiveGrid columns={
|
|
312
|
+
<ResponsiveGrid columns={gridConfig.columns_1_sm2_md4} gap="lg" className="mb-16">
|
|
301
313
|
<Card className="text-center p-6">
|
|
302
314
|
<div className="mx-auto w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center mb-4">
|
|
303
315
|
<Zap className="h-6 w-6 text-blue-600 dark:text-blue-400" />
|
|
304
316
|
</div>
|
|
305
317
|
<h3 className="text-lg font-semibold mb-2">Mobile Video UI</h3>
|
|
306
318
|
<p className="text-sm text-gray-600 dark:text-gray-300">
|
|
307
|
-
Touch-optimized Video Player with gesture controls from @digilogiclabs/saas-factory-ui v0.13.
|
|
319
|
+
Touch-optimized Video Player with gesture controls from @digilogiclabs/saas-factory-ui v0.13.1
|
|
308
320
|
</p>
|
|
309
321
|
</Card>
|
|
310
322
|
|
|
@@ -357,7 +369,7 @@ export default function Home() {
|
|
|
357
369
|
</div>
|
|
358
370
|
<div className="text-center">
|
|
359
371
|
<p className="text-sm text-gray-500">
|
|
360
|
-
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.
|
|
372
|
+
All mobile-optimized components from @digilogiclabs/saas-factory-ui v0.13.1 + auth v1.0.0 + payments
|
|
361
373
|
</p>
|
|
362
374
|
</div>
|
|
363
375
|
</Card>
|