create-nextly-app 0.0.2-alpha.56 → 0.0.2-alpha.57

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-nextly-app",
3
- "version": "0.0.2-alpha.56",
3
+ "version": "0.0.2-alpha.57",
4
4
  "description": "CLI to scaffold Nextly in your Next.js project",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -42,12 +42,12 @@
42
42
  "typescript": "^5.9.3",
43
43
  "vite-tsconfig-paths": "^5.1.4",
44
44
  "vitest": "^4.1.0",
45
- "@nextlyhq/eslint-config": "0.0.2-alpha.56",
46
- "@nextlyhq/tsconfig": "0.0.2-alpha.56",
47
- "@nextlyhq/telemetry": "0.0.2-alpha.56"
45
+ "@nextlyhq/eslint-config": "0.0.2-alpha.57",
46
+ "@nextlyhq/telemetry": "0.0.2-alpha.57",
47
+ "@nextlyhq/tsconfig": "0.0.2-alpha.57"
48
48
  },
49
49
  "engines": {
50
- "node": ">=20.0.0"
50
+ "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
51
51
  },
52
52
  "keywords": [
53
53
  "nextly",
@@ -8,8 +8,11 @@
8
8
  @theme inline {
9
9
  --color-background: var(--background);
10
10
  --color-foreground: var(--foreground);
11
- --font-sans: var(--font-geist-sans);
12
- --font-mono: var(--font-geist-mono);
11
+ /* Fallback arguments, not a trailing family list: an unresolved var() with no
12
+ fallback invalidates the whole declaration rather than falling through to
13
+ what comes after the closing paren. */
14
+ --font-sans: var(--font-geist, ui-sans-serif), system-ui, sans-serif;
15
+ --font-mono: var(--font-geist-mono, ui-monospace), monospace;
13
16
  }
14
17
 
15
18
  @media (prefers-color-scheme: dark) {
@@ -2,8 +2,14 @@ import type { Metadata } from "next";
2
2
  import { Geist, Geist_Mono } from "next/font/google";
3
3
  import "./globals.css";
4
4
 
5
+ /**
6
+ * Named `--font-geist` rather than `--font-geist-sans` because that is the
7
+ * variable the admin theme reads. `next/font` self-hosts the face and exposes it
8
+ * only through this variable, so a name the theme does not know leaves the admin
9
+ * falling back to the system sans while the app's own pages render in Geist.
10
+ */
5
11
  const geistSans = Geist({
6
- variable: "--font-geist-sans",
12
+ variable: "--font-geist",
7
13
  subsets: ["latin"],
8
14
  });
9
15
 
@@ -32,12 +38,16 @@ export default function RootLayout({
32
38
  children: React.ReactNode;
33
39
  }>) {
34
40
  return (
35
- <html lang="en" suppressHydrationWarning>
36
- <body
37
- className={`${geistSans.variable} ${geistMono.variable} antialiased`}
38
- >
39
- {children}
40
- </body>
41
+ // The font variables belong on <html>: the admin theme declares --font-sans
42
+ // in a non-inline @theme, which emits it into :root and resolves the
43
+ // reference THERE. A variable exposed lower down, on <body>, is invisible to
44
+ // that declaration however it is spelled.
45
+ <html
46
+ lang="en"
47
+ className={`${geistSans.variable} ${geistMono.variable}`}
48
+ suppressHydrationWarning
49
+ >
50
+ <body className="antialiased">{children}</body>
41
51
  </html>
42
52
  );
43
53
  }
@@ -67,7 +67,11 @@ body {
67
67
  }
68
68
 
69
69
  .font-display {
70
- font-family: var(--font-display), ui-sans-serif, system-ui, sans-serif;
70
+ /* The generic families are the var()'s fallback argument rather than a list
71
+ after it: an unresolved var() with no fallback invalidates the whole
72
+ declaration, so the element would inherit its parent's face instead of
73
+ falling through to these. */
74
+ font-family: var(--font-display, ui-sans-serif), system-ui, sans-serif;
71
75
  }
72
76
 
73
77
  .btn-primary {