@undp/create-app 0.6.0 → 0.8.0

package/bin/generateFiles/generatePackageJson.js

@@ -27,7 +27,7 @@ export function generatePackageJson(config) {
 					"dom-to-svg": "^0.12.2",
 					"file-saver": "^2.0.5",
 					handlebars: "^4.7.8",
-					"maplibre-gl": "^5.16.0",
+					"maplibre-gl": "^6.9.0",
 					marked: "^18.0.9",
 					"math-expression-evaluator": "^2.0.7",
 					pmtiles: "^4.3.0",

package/bin/generateFiles/generateStylesCss.js

@@ -1,8 +1,12 @@
 export function generateStylesCss(dataViz) {
-  return `@import '@undp/design-system-react/style.css';${dataViz ? `
-@import '@undp/data-viz/style.css';` : ''}
+	return `
 @import 'tailwindcss';
-@config '../../tailwind.config.js';
-`
+@import '@undp/design-system-react/style.css';
+@import '@undp/design-system-react/theme.css';${
+		dataViz
+			? `
+@import '@undp/data-viz/style.css';`
+			: ""
+	}
+`;
 }
-

package/bin/templates/next/auth/app/globals.css

@@ -1,3 +1 @@
-@import "tailwindcss";
-
-@config "../tailwind.config.js";
+@import "tailwindcss";

package/bin/templates/next/basic/app/globals.css

@@ -1,3 +1 @@
-@import "tailwindcss";
-
-@config "../tailwind.config.js";
+@import "tailwindcss";

package/bin/templates/vite/basic/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/vite/basic/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/vite/query/src/styles/style.css

@@ -1,3 +1,2 @@
-@import '@undp/design-system-react/style.css';
 @import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import '@undp/design-system-react/style.css';

package/bin/templates/vite/query/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/vite/query+router/src/main.tsx

@@ -12,7 +12,7 @@ import * as TanStackQueryProvider from './integration/tanstack-query';
 import HeaderEl from './components/Header';
 import FooterEl from './components/Footer';
 import App from './App';
-import createTanStackQueryDemoRoute from './routes/queryDemo';
+import createTanStackQueryDemoRoute from './routes/queryDemo.route';
 
 import './styles/fonts.css';
 import './styles/style.css';

package/bin/templates/vite/query+router/src/routes/{queryDemo.tsx → queryDemo.lazy.tsx}

@@ -1,6 +1,5 @@
-import { createRoute } from '@tanstack/react-router';
+import { createLazyRoute } from '@tanstack/react-router';
 import { useQuery } from '@tanstack/react-query';
-import type { AnyRootRoute } from '@tanstack/react-router';
 import { Spinner } from '@undp/design-system-react/Spinner';
 import { P } from '@undp/design-system-react/Typography';
 
@@ -66,12 +65,7 @@ export function TanStackQueryDemo() {
     </>
   );
 }
-export default function createTanStackQueryDemoRoute(
-  parentRoute: AnyRootRoute,
-) {
-  return createRoute({
-    path: '/query-demo',
-    component: TanStackQueryDemo,
-    getParentRoute: () => parentRoute,
-  });
-}
+
+export const Route = createLazyRoute('/query-demo')({
+  component: QueryDemo,
+});

package/bin/templates/vite/query+router/src/routes/queryDemo.route.tsx

@@ -0,0 +1,9 @@
+import type { AnyRootRoute } from '@tanstack/react-router';
+import { createRoute } from '@tanstack/react-router';
+
+export default function createTanStackQueryDemoRoute(parentRoute: AnyRootRoute) {
+  return createRoute({
+    path: '/query-demo',
+    getParentRoute: () => parentRoute,
+  }).lazy(() => import('./queryDemo.lazy').then((d) => d.Route));
+}

package/bin/templates/vite/query+router/src/styles/style.css

@@ -1,3 +1,2 @@
-@import '@undp/design-system-react/style.css';
 @import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import '@undp/design-system-react/style.css';

package/bin/templates/vite/query+router/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/vite/router/src/main.tsx

@@ -11,7 +11,7 @@ import {
 import HeaderEl from './components/Header';
 import FooterEl from './components/Footer';
 import App from './App';
-import createAboutRoute from './routes/about';
+import createAboutRoute from './routes/about.route';
 
 import './styles/fonts.css';
 import './styles/style.css';

package/bin/templates/vite/router/src/routes/{about.tsx → about.lazy.tsx}

@@ -1,5 +1,4 @@
-import { createRoute } from '@tanstack/react-router';
-import type { AnyRootRoute } from '@tanstack/react-router';
+import { createLazyRoute } from '@tanstack/react-router';
 import { P } from '@undp/design-system-react/Typography';
 
 export function About() {
@@ -47,12 +46,7 @@ export function About() {
     </>
   );
 }
-export default function createAboutRoute(
-  parentRoute: AnyRootRoute,
-) {
-  return createRoute({
-    path: '/about',
-    component: About,
-    getParentRoute: () => parentRoute,
-  });
-}
+
+export const Route = createLazyRoute('/about')({
+  component: About,
+});

package/bin/templates/vite/router/src/routes/about.route.tsx

@@ -0,0 +1,9 @@
+import type { AnyRootRoute } from '@tanstack/react-router';
+import { createRoute } from '@tanstack/react-router';
+
+export default function createAboutRoute(parentRoute: AnyRootRoute) {
+  return createRoute({
+    path: '/about',
+    getParentRoute: () => parentRoute,
+  }).lazy(() => import('./about.lazy').then((d) => d.Route));
+}

package/bin/templates/vite/router/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/vite/router/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/viteWithLanguage/basic/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/viteWithLanguage/basic/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/viteWithLanguage/query/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/viteWithLanguage/query/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/viteWithLanguage/query+router/src/main.tsx

@@ -13,7 +13,7 @@ import * as TanStackQueryProvider from './integration/tanstack-query';
 import HeaderEl from './components/Header';
 import FooterEl from './components/Footer';
 import App from './App';
-import createTanStackQueryDemoRoute from './routes/queryDemo';
+import createTanStackQueryDemoRoute from './routes/queryDemo.route';
 import i18n from './i18n';
 import { DEFAULT_LANGUAGE, LANGUAGES } from './constants';
 

package/bin/templates/viteWithLanguage/query+router/src/routes/{queryDemo.tsx → queryDemo.lazy.tsx}

@@ -1,9 +1,7 @@
-import { createRoute } from '@tanstack/react-router';
+import { createLazyRoute } from '@tanstack/react-router';
 import { useQuery } from '@tanstack/react-query';
-import type { AnyRoute } from '@tanstack/react-router';
 import { Spinner } from '@undp/design-system-react/Spinner';
 import { P } from '@undp/design-system-react/Typography';
-import { useTranslation } from 'react-i18next';
 
 function useTodoData() {
   return useQuery({
@@ -19,7 +17,6 @@ function useTodoData() {
 
 export function TanStackQueryDemo() {
   const { data, isLoading, isError } = useTodoData();
-  const { t } = useTranslation();
 
   if (isLoading) return <Spinner size='lg' className='mx-auto my-20' />;
 
@@ -63,16 +60,12 @@ export function TanStackQueryDemo() {
         />
       </div>
       <P marginBottom='xl' className='text-center'>
-        {t('dataLoading', { count: data?.length })}
+        Data loaded successfully. {data?.length} elements in the query.
       </P>
     </>
   );
 }
 
-export default function createTanStackQueryDemoRoute(parentRoute: AnyRoute) {
-  return createRoute({
-    path: '/query-demo',
-    component: TanStackQueryDemo,
-    getParentRoute: () => parentRoute,
-  });
-}
+export const Route = createLazyRoute('/query-demo')({
+  component: QueryDemo,
+});

package/bin/templates/viteWithLanguage/query+router/src/routes/queryDemo.route.tsx

@@ -0,0 +1,9 @@
+import type { AnyRootRoute } from '@tanstack/react-router';
+import { createRoute } from '@tanstack/react-router';
+
+export default function createTanStackQueryDemoRoute(parentRoute: AnyRootRoute) {
+  return createRoute({
+    path: '/query-demo',
+    getParentRoute: () => parentRoute,
+  }).lazy(() => import('./queryDemo.lazy').then((d) => d.Route));
+}

package/bin/templates/viteWithLanguage/query+router/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/viteWithLanguage/query+router/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/bin/templates/viteWithLanguage/router/src/main.tsx

@@ -13,7 +13,7 @@ import {
 import HeaderEl from './components/Header';
 import FooterEl from './components/Footer';
 import App from './App';
-import createAboutRoute from './routes/about';
+import createAboutRoute from './routes/about.route';
 import i18n from './i18n';
 import { DEFAULT_LANGUAGE, LANGUAGES } from './constants';
 

package/bin/templates/viteWithLanguage/router/src/routes/{about.tsx → about.lazy.tsx}

@@ -1,10 +1,7 @@
-import { createRoute } from '@tanstack/react-router';
-import type { AnyRoute } from '@tanstack/react-router';
+import { createLazyRoute } from '@tanstack/react-router';
 import { P } from '@undp/design-system-react/Typography';
-import { useTranslation } from 'react-i18next';
 
 export function About() {
-  const { t } = useTranslation();
   return (
     <>
       <div className='mx-auto my-8 flex items-center justify-center gap-4'>
@@ -44,15 +41,12 @@ export function About() {
         />
       </div>
       <P marginBottom='xl' className='text-center'>
-        {t('aboutPage')}
+        To edit this page, edit the about.tsx file in the routes folder.
       </P>
     </>
   );
 }
-export default function createAboutRoute(parentRoute: AnyRoute) {
-  return createRoute({
-    path: '/about',
-    component: About,
-    getParentRoute: () => parentRoute,
-  });
-}
+
+export const Route = createLazyRoute('/about')({
+  component: About,
+});

package/bin/templates/viteWithLanguage/router/src/routes/about.route.tsx

@@ -0,0 +1,9 @@
+import type { AnyRootRoute } from '@tanstack/react-router';
+import { createRoute } from '@tanstack/react-router';
+
+export default function createAboutRoute(parentRoute: AnyRootRoute) {
+  return createRoute({
+    path: '/about',
+    getParentRoute: () => parentRoute,
+  }).lazy(() => import('./about.lazy').then((d) => d.Route));
+}

package/bin/templates/viteWithLanguage/router/src/styles/style.css

@@ -1,3 +1,3 @@
-@import '@undp/design-system-react/style.css';
-@import 'tailwindcss';
-@config '../../tailwind.config.js';
+@import "tailwindcss";
+@import "@undp/design-system-react/style.css";
+@import "@undp/design-system-react/theme.css";

package/bin/templates/viteWithLanguage/router/tsconfig.json

@@ -24,6 +24,6 @@
     }
   },
   "files": [],
-  "include": ["src", "tailwind.config.js"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@undp/create-app",
-	"version": "0.6.0",
+	"version": "0.8.0",
 	"description": "UNDP's project scaffolding tool",
 	"bin": {
 		"create-undp-app": "./bin/index.js"
 	},
 	"scripts": {
-		"dev": "node ./bin/index.js"
+		"dev": "node ./bin/index.djs"
 	},
 	"publishConfig": {
 		"access": "public"

package/bin/templates/next/auth/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/next/basic/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/vite/basic/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/vite/query/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/vite/query+router/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/vite/router/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/viteWithLanguage/basic/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/viteWithLanguage/query/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/viteWithLanguage/query+router/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};

package/bin/templates/viteWithLanguage/router/tailwind.config.js

@@ -1,7 +0,0 @@
-import * as Preset from '@undp/design-system-react/tailwind.config';
-
-/** @type {import('tailwindcss').Config} */
-
-export default {
-  presets: [Preset],
-};