npm - @undp/create-app - Versions diffs - 0.3.0 → 0.4.0 - Mend

@undp/create-app 0.3.0 → 0.4.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.

Files changed (402) hide show

package/README.md CHANGED Viewed

@@ -52,4 +52,6 @@ After running the CLI, navigate into your project and start the dev server:
 cd my-undp-app && npm run dev
 ```
-*Please note: If you have not installed the dependencies then you might want to run `npm install` before `npm run dev`.*
+*Please note: If you have not installed the dependencies then you might want to run `npm install` before `npm run dev`.*
+*Please note: The scaffolding tool installs Proxima Nova and Sonhe Breit fonts; you can only use these fonts if you have a license or are using the app as UNDP sub-domain.*

package/bin/templates/next/auth/app/about/page.tsx CHANGED Viewed

@@ -1,51 +1,51 @@
-'use client';
-import { P } from '@undp/design-system-react/Typography';
-import Image from 'next/image';
-export default function About() {
-  return (
-    <>
-      <div className='mx-auto my-8 flex items-center justify-center gap-4'>
-        <Image
-          className='dark:invert'
-          src='/imgs/next.svg'
-          alt='Next.js logo'
-          width={100}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/Tailwind_CSS_Logo.svg'
-          alt='Tailwind logo'
-          width={40}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/Zustand-logo.svg'
-          alt='Zustand logo'
-          width={40}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/undp-logo-blue.svg'
-          alt='UNDP logo'
-          width={40}
-          height={20}
-          priority
-        />
-      </div>
-      <P marginBottom='xl' className='text-center'>
-        To edit this page, edit the page.tsx file in the about folder.
-      </P>
-    </>
-  );
-}
+'use client';
+import { P } from '@undp/design-system-react/Typography';
+import Image from 'next/image';
+export default function About() {
+  return (
+    <>
+      <div className='mx-auto my-8 flex items-center justify-center gap-4'>
+        <Image
+          className='dark:invert'
+          src='/imgs/next.svg'
+          alt='Next.js logo'
+          width={100}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/Tailwind_CSS_Logo.svg'
+          alt='Tailwind logo'
+          width={40}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/Zustand-logo.svg'
+          alt='Zustand logo'
+          width={40}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/undp-logo-blue.svg'
+          alt='UNDP logo'
+          width={40}
+          height={20}
+          priority
+        />
+      </div>
+      <P marginBottom='xl' className='text-center'>
+        To edit this page, edit the page.tsx file in the about folder.
+      </P>
+    </>
+  );
+}

package/bin/templates/next/auth/app/layout.tsx CHANGED Viewed

@@ -1,31 +1,31 @@
-import type { Metadata } from 'next';
-import { ReactNode } from 'react';
-import HeaderEl from '@/components/Header';
-import FooterEl from '@/components/Footer';
-import './globals.css';
-import '@undp/design-system-react/style.css';
-export const metadata: Metadata = {
-  title: 'My Next + UNDP app',
-  description: 'Generated by create undp app',
-};
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: ReactNode;
-}>) {
-  return (
-    <html lang='en'>
-      <body className='flex flex-col gap-0 min-h-screen'>
-        <HeaderEl />
-        <main className='grow-1 flex flex-col justify-center'>
-          <div className='flex flex-col justify-center'>{children}</div>
-        </main>
-        <FooterEl />
-      </body>
-    </html>
-  );
-}
+import type { Metadata } from 'next';
+import { ReactNode } from 'react';
+import HeaderEl from '@/components/Header';
+import FooterEl from '@/components/Footer';
+import './globals.css';
+import '@undp/design-system-react/style.css';
+export const metadata: Metadata = {
+  title: 'My Next + UNDP app',
+  description: 'Generated by create undp app',
+};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: ReactNode;
+}>) {
+  return (
+    <html lang='en'>
+      <body className='flex flex-col gap-0 min-h-screen'>
+        <HeaderEl />
+        <main className='grow-1 flex flex-col justify-center'>
+          <div className='flex flex-col justify-center'>{children}</div>
+        </main>
+        <FooterEl />
+      </body>
+    </html>
+  );
+}

package/bin/templates/next/auth/app/page.tsx CHANGED Viewed

@@ -1,75 +1,75 @@
-'use client';
-import { P } from '@undp/design-system-react/Typography';
-import { Button } from '@undp/design-system-react/Button';
-import Image from 'next/image';
-import { useCounterActions, useCounter } from '@/stores/counter';
-export default function Home() {
-  const count = useCounter();
-  const { increment, decrement } = useCounterActions();
-  return (
-    <>
-      <div className='mx-auto my-8 flex items-center justify-center gap-4'>
-        <Image
-          className='dark:invert'
-          src='/imgs/next.svg'
-          alt='Next.js logo'
-          width={100}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/Tailwind_CSS_Logo.svg'
-          alt='Tailwind logo'
-          width={40}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/Zustand-logo.svg'
-          alt='Zustand logo'
-          width={40}
-          height={20}
-          priority
-        />
-        <P marginBottom='none'>&</P>
-        <Image
-          className='dark:invert'
-          src='/imgs/undp-logo-blue.svg'
-          alt='UNDP logo'
-          width={40}
-          height={20}
-          priority
-        />
-      </div>
-      <P marginBottom='xl' className='text-center'>
-        To get started, edit the App.tsx file.{' '}
-        <span className='font-bold'>Count: {count}</span>
-      </P>
-      <div className='flex justify-center gap-4'>
-        <Button
-          variant='tertiary'
-          onClick={() => {
-            increment();
-          }}
-        >
-          Increase counter
-        </Button>
-        <Button
-          variant='tertiary'
-          onClick={() => {
-            decrement();
-          }}
-        >
-          Decrease counter
-        </Button>
-      </div>
-    </>
-  );
-}
+'use client';
+import { P } from '@undp/design-system-react/Typography';
+import { Button } from '@undp/design-system-react/Button';
+import Image from 'next/image';
+import { useCounterActions, useCounter } from '@/stores/counter';
+export default function Home() {
+  const count = useCounter();
+  const { increment, decrement } = useCounterActions();
+  return (
+    <>
+      <div className='mx-auto my-8 flex items-center justify-center gap-4'>
+        <Image
+          className='dark:invert'
+          src='/imgs/next.svg'
+          alt='Next.js logo'
+          width={100}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/Tailwind_CSS_Logo.svg'
+          alt='Tailwind logo'
+          width={40}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/Zustand-logo.svg'
+          alt='Zustand logo'
+          width={40}
+          height={20}
+          priority
+        />
+        <P marginBottom='none'>&</P>
+        <Image
+          className='dark:invert'
+          src='/imgs/undp-logo-blue.svg'
+          alt='UNDP logo'
+          width={40}
+          height={20}
+          priority
+        />
+      </div>
+      <P marginBottom='xl' className='text-center'>
+        To get started, edit the App.tsx file.{' '}
+        <span className='font-bold'>Count: {count}</span>
+      </P>
+      <div className='flex justify-center gap-4'>
+        <Button
+          variant='tertiary'
+          onClick={() => {
+            increment();
+          }}
+        >
+          Increase counter
+        </Button>
+        <Button
+          variant='tertiary'
+          onClick={() => {
+            decrement();
+          }}
+        >
+          Decrease counter
+        </Button>
+      </div>
+    </>
+  );
+}

package/bin/templates/next/auth/biome.json CHANGED Viewed

@@ -1,70 +1,70 @@
-{
-	"$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
-	"vcs": {
-		"enabled": true,
-		"clientKind": "git",
-		"useIgnoreFile": true
-	},
-	"files": {
-		"ignoreUnknown": true,
-		"includes": ["**/*.{js,jsx,ts,tsx,css}"]
-	},
-	"formatter": {
-		"enabled": true,
-		"indentStyle": "space",
-		"indentWidth": 2,
-		"lineWidth": 100,
-		"bracketSameLine": false
-	},
-	"linter": {
-		"enabled": true,
-		"rules": {
-			"recommended": true,
-			"suspicious": {
-				"noExplicitAny": "warn",
-				"noUnassignedVariables": "warn",
-				"noUnusedExpressions": "warn",
-				"noConsole": {
-					"level": "warn",
-					"options": {
-						"allow": ["assert", "error", "info", "warn"]
-					}
-				},
-				"noArrayIndexKey": "error"
-			},
-			"a11y": {
-				"useAltText": "error",
-				"useValidAnchor": "error"
-			},
-			"style": {
-				"useConst": "error",
-				"useSelfClosingElements": "error",
-				"useConsistentCurlyBraces": "error",
-				"useImportType": "warn"
-			},
-			"correctness": {
-				"noUnusedVariables": "error",
-				"noUndeclaredVariables": "error"
-			},
-			"nursery": {
-				"useSortedClasses": "error"
-			}
-		}
-	},
-	"javascript": {
-		"formatter": {
-			"quoteStyle": "single",
-			"jsxQuoteStyle": "single",
-			"semicolons": "always",
-			"trailingCommas": "all"
-		}
-	},
-	"assist": {
-		"enabled": true,
-		"actions": {
-			"source": {
-				"organizeImports": "on"
-			}
-		}
-	}
-}
+{
+	"$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true
+	},
+	"files": {
+		"ignoreUnknown": true,
+		"includes": ["**/*.{js,jsx,ts,tsx,css}"]
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "space",
+		"indentWidth": 2,
+		"lineWidth": 100,
+		"bracketSameLine": false
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"suspicious": {
+				"noExplicitAny": "warn",
+				"noUnassignedVariables": "warn",
+				"noUnusedExpressions": "warn",
+				"noConsole": {
+					"level": "warn",
+					"options": {
+						"allow": ["assert", "error", "info", "warn"]
+					}
+				},
+				"noArrayIndexKey": "error"
+			},
+			"a11y": {
+				"useAltText": "error",
+				"useValidAnchor": "error"
+			},
+			"style": {
+				"useConst": "error",
+				"useSelfClosingElements": "error",
+				"useConsistentCurlyBraces": "error",
+				"useImportType": "warn"
+			},
+			"correctness": {
+				"noUnusedVariables": "error",
+				"noUndeclaredVariables": "error"
+			},
+			"nursery": {
+				"useSortedClasses": "error"
+			}
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "single",
+			"jsxQuoteStyle": "single",
+			"semicolons": "always",
+			"trailingCommas": "all"
+		}
+	},
+	"assist": {
+		"enabled": true,
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	}
+}

package/bin/templates/next/auth/next.config.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import type { NextConfig } from 'next';
-const nextConfig: NextConfig = {
-  /* config options here */
-  env: {
-    NEXT_PUBLIC_BETTER_AUTH_URL: process.env.BETTER_AUTH_URL,
-  },
-};
-export default nextConfig;
+import type { NextConfig } from 'next';
+const nextConfig: NextConfig = {
+  /* config options here */
+  env: {
+    NEXT_PUBLIC_BETTER_AUTH_URL: process.env.BETTER_AUTH_URL,
+  },
+};
+export default nextConfig;

package/bin/templates/next/auth/postcss.config.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-const config = {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};
-export default config;
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+export default config;