@undp/create-app 0.2.17 → 0.2.19

package/README.md

@@ -16,7 +16,8 @@
 - 🎨 Preconfigured for **UNDP’s Design System**  
 - ⚡️ Optional integration with **Tanstack query** for data fetching  
 - 📊 Optional integration with **@undp/data-viz** for interactive data visualization  
-- ✨ **ESLint** + **Prettier** preconfigured for consistent code style  
+- 🌐 Optional integration with **i18next** for internationalization  
+- ✨ **Biome** preconfigured for consistent code style  
 
 ---
 

package/bin/generateFiles/generatePackageJson.js

@@ -72,9 +72,11 @@ export function generatePackageJson(config) {
   const devDependencies = config.framework.includes('vite') ?  {
     "@biomejs/biome": "^2.4.12",
     "@tailwindcss/postcss": "^4.1.17",
+    "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
     "autoprefixer": "^10.4.21",
     "babel-plugin-react-compiler": "^1.0.0",
     "postcss": "^8.5.6",
@@ -87,10 +89,8 @@ export function generatePackageJson(config) {
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.46.3",
-    "vite": "^7.2.2",
-    "vite-plugin-static-copy": "^3.1.4",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@tailwindcss/vite": "^4.1.17"
+    "vite": "^8.0.13",
+    "vite-plugin-static-copy": "^4.1.0"
   } : {
     "@biomejs/biome": "^2.4.12",
     "@tailwindcss/postcss": "^4.1.17",
@@ -125,14 +125,14 @@ export function generatePackageJson(config) {
         build: 'next build',
         start: 'next start',
         clean: 'rimraf node_modules && rimraf .next && rimraf package-lock.json',
-        lint: 'npx eslint --fix && npx prettier . --write'
+        lint: "biome check . --write"
       } : {
         dev: 'vite',
         build: 'tsc && vite build',
         preview: 'vite preview',
         clean: 'rimraf node_modules && rimraf dist && rimraf package-lock.json',
         'install:build': 'npm install && tsc && vite build',
-        lint: 'npx eslint --fix && npx prettier . --write'
+        lint: "biome check . --write"
       },
     dependencies: dependencies,
     devDependencies: devDependencies

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

@@ -9,7 +9,7 @@ import './styles/style.css';
 
 const TanStackQueryProviderContext = TanStackQueryProvider.getContext();
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <StrictMode>

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

@@ -61,7 +61,7 @@ declare module '@tanstack/react-router' {
 }
 
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <StrictMode>

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

@@ -56,7 +56,7 @@ declare module '@tanstack/react-router' {
 }
 
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <StrictMode>

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

@@ -6,7 +6,7 @@ import App from './App';
 import i18n from './i18n';
 
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   ReactDOM.createRoot(rootElement).render(
     <StrictMode>
       <App />

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

@@ -11,7 +11,7 @@ import './styles/style.css';
 
 const TanStackQueryProviderContext = TanStackQueryProvider.getContext();
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   ReactDOM.createRoot(rootElement).render(
     <StrictMode>
       <I18nextProvider i18n={i18n}>

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

@@ -82,7 +82,7 @@ declare module '@tanstack/react-router' {
 }
 
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   ReactDOM.createRoot(rootElement).render(
     <StrictMode>
       <I18nextProvider i18n={i18n}>

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

@@ -78,7 +78,7 @@ declare module '@tanstack/react-router' {
 }
 
 const rootElement = document.getElementById('root');
-if (rootElement && !rootElement.innerHTML) {
+if (rootElement) {
   ReactDOM.createRoot(rootElement).render(
     <StrictMode>
       <I18nextProvider i18n={i18n}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undp/create-app",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "description": "UNDP's project scaffolding tool",
   "bin": {
     "create-undp-app": "./bin/index.js"

package/bin/templates/queryIntegrationForNext/integration/tanstack-query.tsx

@@ -1,27 +0,0 @@
-'use client';
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ReactNode, useState } from 'react';
-
-export default function TanStackQueryProvider({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  // Create client only once
-  const [queryClient] = useState(
-    () =>
-      new QueryClient({
-        defaultOptions: {
-          queries: {
-            staleTime: 1000 * 60 * 60 * 24, // how long fetched data is considered “fresh” before it becomes “stale” 🡢 24 hrs
-            gcTime: 1000 * 60 * 60 * 24, // how long inactive (unused) query data stays in memory before being deleted 🡢 24 hrs
-          },
-        },
-      }),
-  );
-
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-}