create-oven 0.4.0 → 0.5.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/index.js +52 -52
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -88,14 +88,14 @@ async function main() {
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
if (args.includes('--version') || args.includes('-v')) {
|
|
91
|
-
console.log('create-oven v0.
|
|
91
|
+
console.log('create-oven v0.5.0');
|
|
92
92
|
process.exit(0);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
console.log(`
|
|
96
96
|
${c.bold}${c.cyan} ╔═══════════════════════════════════════╗
|
|
97
97
|
║ ║
|
|
98
|
-
║ 🔥 Create Oven App v0.
|
|
98
|
+
║ 🔥 Create Oven App v0.5.0 ║
|
|
99
99
|
║ ║
|
|
100
100
|
║ Next.js-style framework for Bun ║
|
|
101
101
|
║ ║
|
|
@@ -295,7 +295,7 @@ body {
|
|
|
295
295
|
const spin6 = spinner(`Creating app/layout.${ext}...`);
|
|
296
296
|
const layoutContent = useTypescript ? `import "./globals.css";
|
|
297
297
|
|
|
298
|
-
export const metadata
|
|
298
|
+
export const metadata = {
|
|
299
299
|
title: "Create Oven App",
|
|
300
300
|
description: "Generated by create-oven",
|
|
301
301
|
};
|
|
@@ -303,25 +303,24 @@ export const metadata${useTypescript ? ': { title: string; description: string }
|
|
|
303
303
|
export default function RootLayout({
|
|
304
304
|
children,
|
|
305
305
|
}: Readonly<{
|
|
306
|
-
children:
|
|
306
|
+
children: React.ReactNode;
|
|
307
307
|
}>) {
|
|
308
308
|
return (
|
|
309
|
-
\`<!DOCTYPE html>
|
|
310
309
|
<html lang="en">
|
|
311
310
|
<head>
|
|
312
|
-
<meta
|
|
311
|
+
<meta charSet="UTF-8" />
|
|
313
312
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
314
|
-
<title
|
|
315
|
-
<meta name="description" content=
|
|
313
|
+
<title>{metadata.title}</title>
|
|
314
|
+
<meta name="description" content={metadata.description} />
|
|
316
315
|
<link rel="icon" href="/favicon.ico" />
|
|
317
316
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
318
|
-
<link rel="preconnect" href="https://fonts.gstatic.com"
|
|
317
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
|
319
318
|
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono&display=swap" rel="stylesheet" />
|
|
320
319
|
</head>
|
|
321
|
-
<body
|
|
322
|
-
|
|
320
|
+
<body className="antialiased" style={{ fontFamily: "'Geist', sans-serif" }}>
|
|
321
|
+
{children}
|
|
323
322
|
</body>
|
|
324
|
-
</html
|
|
323
|
+
</html>
|
|
325
324
|
);
|
|
326
325
|
}
|
|
327
326
|
` : `import "./globals.css";
|
|
@@ -333,22 +332,21 @@ export const metadata = {
|
|
|
333
332
|
|
|
334
333
|
export default function RootLayout({ children }) {
|
|
335
334
|
return (
|
|
336
|
-
\`<!DOCTYPE html>
|
|
337
335
|
<html lang="en">
|
|
338
336
|
<head>
|
|
339
|
-
<meta
|
|
337
|
+
<meta charSet="UTF-8" />
|
|
340
338
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
341
|
-
<title
|
|
342
|
-
<meta name="description" content=
|
|
339
|
+
<title>{metadata.title}</title>
|
|
340
|
+
<meta name="description" content={metadata.description} />
|
|
343
341
|
<link rel="icon" href="/favicon.ico" />
|
|
344
342
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
345
|
-
<link rel="preconnect" href="https://fonts.gstatic.com"
|
|
343
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
|
346
344
|
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono&display=swap" rel="stylesheet" />
|
|
347
345
|
</head>
|
|
348
|
-
<body
|
|
349
|
-
|
|
346
|
+
<body className="antialiased" style={{ fontFamily: "'Geist', sans-serif" }}>
|
|
347
|
+
{children}
|
|
350
348
|
</body>
|
|
351
|
-
</html
|
|
349
|
+
</html>
|
|
352
350
|
);
|
|
353
351
|
}
|
|
354
352
|
`;
|
|
@@ -359,55 +357,55 @@ export default function RootLayout({ children }) {
|
|
|
359
357
|
const spin7 = spinner(`Creating app/page.${ext}...`);
|
|
360
358
|
const pageContent = useTailwind ? `export default function Home() {
|
|
361
359
|
return (
|
|
362
|
-
|
|
363
|
-
<main
|
|
360
|
+
<div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
|
|
361
|
+
<main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
|
|
364
362
|
<img
|
|
365
|
-
|
|
363
|
+
className="dark:invert"
|
|
366
364
|
src="/oven.svg"
|
|
367
365
|
alt="Oven logo"
|
|
368
|
-
width=
|
|
369
|
-
height=
|
|
366
|
+
width={100}
|
|
367
|
+
height={24}
|
|
370
368
|
/>
|
|
371
|
-
<div
|
|
372
|
-
<h1
|
|
369
|
+
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
|
|
370
|
+
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
|
|
373
371
|
Get started by editing app/page.${ext}
|
|
374
372
|
</h1>
|
|
375
|
-
<p
|
|
373
|
+
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
|
|
376
374
|
Looking for a starting point? Head over to the{" "}
|
|
377
375
|
<a
|
|
378
376
|
href="https://github.com/oven-ttta/oven-framework"
|
|
379
|
-
|
|
377
|
+
className="font-medium text-zinc-950 dark:text-zinc-50"
|
|
380
378
|
>
|
|
381
379
|
Documentation
|
|
382
380
|
</a>{" "}
|
|
383
381
|
or{" "}
|
|
384
382
|
<a
|
|
385
383
|
href="https://bun.sh/docs"
|
|
386
|
-
|
|
384
|
+
className="font-medium text-zinc-950 dark:text-zinc-50"
|
|
387
385
|
>
|
|
388
386
|
Bun Docs
|
|
389
387
|
</a>.
|
|
390
388
|
</p>
|
|
391
389
|
</div>
|
|
392
|
-
<div
|
|
390
|
+
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
|
|
393
391
|
<a
|
|
394
|
-
|
|
392
|
+
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
|
|
395
393
|
href="https://github.com/oven-ttta/oven-framework"
|
|
396
394
|
target="_blank"
|
|
397
395
|
rel="noopener noreferrer"
|
|
398
|
-
style=
|
|
396
|
+
style={{ background: "#171717", color: "white" }}
|
|
399
397
|
>
|
|
400
398
|
<img
|
|
401
|
-
|
|
399
|
+
className="dark:invert"
|
|
402
400
|
src="/github.svg"
|
|
403
401
|
alt="GitHub"
|
|
404
|
-
width=
|
|
405
|
-
height=
|
|
402
|
+
width={16}
|
|
403
|
+
height={16}
|
|
406
404
|
/>
|
|
407
405
|
GitHub
|
|
408
406
|
</a>
|
|
409
407
|
<a
|
|
410
|
-
|
|
408
|
+
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
|
|
411
409
|
href="https://bun.sh/docs"
|
|
412
410
|
target="_blank"
|
|
413
411
|
rel="noopener noreferrer"
|
|
@@ -416,43 +414,45 @@ export default function RootLayout({ children }) {
|
|
|
416
414
|
</a>
|
|
417
415
|
</div>
|
|
418
416
|
</main>
|
|
419
|
-
</div
|
|
417
|
+
</div>
|
|
420
418
|
);
|
|
421
419
|
}
|
|
422
420
|
` : `export default function Home() {
|
|
423
421
|
return (
|
|
424
|
-
|
|
425
|
-
<main style=
|
|
426
|
-
<div style=
|
|
427
|
-
<div style=
|
|
428
|
-
<h1 style=
|
|
422
|
+
<div style={{ display: "flex", minHeight: "100vh", alignItems: "center", justifyContent: "center", background: "#fafafa" }}>
|
|
423
|
+
<main style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "space-between", maxWidth: "48rem", padding: "8rem 4rem", background: "white" }}>
|
|
424
|
+
<div style={{ fontSize: "4rem", marginBottom: "2rem" }}>🔥</div>
|
|
425
|
+
<div style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: "1.5rem", textAlign: "center" }}>
|
|
426
|
+
<h1 style={{ fontSize: "1.875rem", fontWeight: 600, lineHeight: "2.5rem", color: "black" }}>
|
|
429
427
|
Get started by editing app/page.${ext}
|
|
430
428
|
</h1>
|
|
431
|
-
<p style=
|
|
432
|
-
Looking for a starting point? Head over to the
|
|
433
|
-
<a href="https://github.com/oven-ttta/oven-framework" style=
|
|
434
|
-
or
|
|
435
|
-
<a href="https://bun.sh/docs" style=
|
|
429
|
+
<p style={{ maxWidth: "28rem", fontSize: "1.125rem", lineHeight: "2rem", color: "#666" }}>
|
|
430
|
+
Looking for a starting point? Head over to the{" "}
|
|
431
|
+
<a href="https://github.com/oven-ttta/oven-framework" style={{ fontWeight: 500, color: "black" }}>Documentation</a>
|
|
432
|
+
{" "}or{" "}
|
|
433
|
+
<a href="https://bun.sh/docs" style={{ fontWeight: 500, color: "black" }}>Bun Docs</a>.
|
|
436
434
|
</p>
|
|
437
435
|
</div>
|
|
438
|
-
<div style=
|
|
436
|
+
<div style={{ display: "flex", gap: "1rem", marginTop: "2rem" }}>
|
|
439
437
|
<a
|
|
440
438
|
href="https://github.com/oven-ttta/oven-framework"
|
|
441
439
|
target="_blank"
|
|
442
|
-
|
|
440
|
+
rel="noopener noreferrer"
|
|
441
|
+
style={{ display: "flex", height: "3rem", alignItems: "center", justifyContent: "center", gap: "0.5rem", borderRadius: "9999px", background: "black", color: "white", padding: "0 1.5rem", textDecoration: "none" }}
|
|
443
442
|
>
|
|
444
443
|
GitHub
|
|
445
444
|
</a>
|
|
446
445
|
<a
|
|
447
446
|
href="https://bun.sh/docs"
|
|
448
447
|
target="_blank"
|
|
449
|
-
|
|
448
|
+
rel="noopener noreferrer"
|
|
449
|
+
style={{ display: "flex", height: "3rem", alignItems: "center", justifyContent: "center", borderRadius: "9999px", border: "1px solid #e5e5e5", padding: "0 1.5rem", textDecoration: "none", color: "inherit" }}
|
|
450
450
|
>
|
|
451
451
|
Bun Docs
|
|
452
452
|
</a>
|
|
453
453
|
</div>
|
|
454
454
|
</main>
|
|
455
|
-
</div
|
|
455
|
+
</div>
|
|
456
456
|
);
|
|
457
457
|
}
|
|
458
458
|
`;
|