@undp/create-app 0.2.0 → 0.2.1

package/README.md

@@ -42,13 +42,6 @@ You don’t need to install it globally — just use **npx**:
 npx @undp/create-app my-project
 ```
 
-or install it globally
-
-```bash
-npm install -g @undp/create-app
-create-undp-app my-project
-```
-
 ---
 
 ## 📦 Getting started

package/bin/generateFiles/generatePackageJson.js

@@ -12,8 +12,6 @@ function getLatestVersion(pkg) {
 
 export function generatePackageJson(config) {
   const designSystemVer = `^${getLatestVersion('@undp/design-system-react')}`
-  const dataVizVer = `^${getLatestVersion('@undp/data-viz')}`
-  const lucideReactVer = `^${getLatestVersion('lucide-react')}`
   const dependencies = config.libraries.includes('peer') && config.libraries.includes('@undp/data-viz') ? {
     "@undp/design-system-react": designSystemVer,
     "react": "^19.2.0",
@@ -58,10 +56,12 @@ export function generatePackageJson(config) {
       break;
   }
   if (config.libraries.includes('@undp/data-viz')) {
-      dependencies['@undp/data-viz'] = dataVizVer;
+    const dataVizVer = `^${getLatestVersion('@undp/data-viz')}`
+    dependencies['@undp/data-viz'] = dataVizVer;
   }
   if (config.libraries.includes('lucide-react')) {
-      dependencies['lucide-react'] = lucideReactVer;    
+    const lucideReactVer = `^${getLatestVersion('lucide-react')}`
+    dependencies['lucide-react'] = lucideReactVer;    
   }
   const devDependencies = config.framework !== 'next-basic' && config.framework !== 'next-auth' ?  {
     "@eslint/config-array": "^0.21.1",

package/bin/generateFiles/generateStaticWebAppConfig.js

@@ -0,0 +1,47 @@
+export function generateStaticWebAppConfig() {
+  return `{
+  "globalHeaders": {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Methods": "GET, OPTIONS"
+  },
+  "routes": [
+    {
+      "route": "/react-*.js",
+      "headers": {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Cache-Control": "public, max-age=31536000, immutable"
+      }
+    },
+    {
+      "route": "/undp-*.js",
+      "headers": {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Cache-Control": "public, max-age=31536000, immutable"
+      }
+    },
+    {
+      "route": "/index.js",
+      "headers": {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Cache-Control": "no-cache"
+      }
+    },
+    {
+      "route": "/*",
+      "headers": {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Cache-Control": "no-cache"
+      }
+    }
+  ],
+  "navigationFallback": {
+    "rewrite": "/index.html",
+    "exclude": ["/assets/*", "/*.js", "/*.css", "/*.png", "/*.jpg", "/*.svg"]
+  }
+}`
+}
+

package/bin/generateFiles/index.js

@@ -1,3 +1,4 @@
 export { generatePackageJson } from './generatePackageJson.js';
 export { generateViteConfig } from './generateViteConfig.js';
 export { generateIndexHtml } from './generateIndexHtml.js';
+export { generateStaticWebAppConfig } from './generateStaticWebAppConfig.js';

package/bin/index.js

@@ -8,7 +8,12 @@ import { promptUser } from './promptUser.js';
 import fs from 'fs';
 import { fileURLToPath } from 'url';
 import { printSuccess, createFolders } from './utils/index.js';
-import { generatePackageJson, generateViteConfig,  generateIndexHtml} from './generateFiles/index.js';
+import { 
+  generatePackageJson,
+  generateViteConfig,  
+  generateIndexHtml,
+  generateStaticWebAppConfig,
+} from './generateFiles/index.js';
 
 function copyFolder(source, destination) {
   fs.cpSync(source, destination, { recursive: true, force: true });
@@ -58,6 +63,9 @@ async function main() {
   if (config.framework.includes('vite')) {
     fs.writeFileSync('vite.config.ts', generateViteConfig(config));
     fs.writeFileSync('index.html', generateIndexHtml(config));
+    if (config.addStaticWebAppConfig) {      
+      fs.writeFileSync('staticwebapp.config.json', generateStaticWebAppConfig());
+    }
   }
   fs.writeFileSync('package.json', JSON.stringify(generatePackageJson(config), null, 2));
   

package/package.json

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

package/bin/generateFiles.js

@@ -1,105 +0,0 @@
-import fs from 'fs';
-import chalk from 'chalk';
-import { 
-  generatePackageJson,
-  generateReadme,
-  generateStyleCss,
-  copyTemplate,
-  generateNextLayout,
-} from './generateFiles/index.js';
-
-export function generateFiles(config) {  
-  // Main files
-  let projectType = 'basic';
-
-  if (config.installRouter && config.installQuery) {
-    projectType = 'router+query';
-  } else if (config.installRouter) {
-    projectType = 'router';
-  } else if (config.installQuery) {
-    projectType = 'query';
-  } else {
-    projectType = 'basic';
-  }
-  copyTemplate('src/main.tsx', 'main.txt', ['templates', projectType]);
-  copyTemplate(
-    'src/App.tsx',
-    config.addPostCSSScripts && !config.installRouter ? 'AppWithContainer.txt' : 'App.txt', 
-    ['templates', projectType]
-  );
-  if (config.installRouter) {
-    copyTemplate('src/components/Header.tsx', 'Header.txt', ['templates', projectType, 'components']);
-    copyTemplate('src/components/Footer.tsx', 'Footer.txt', ['templates', projectType, 'components']);
-    if (config.installQuery) {
-      copyTemplate('src/integration/tanstack-query.tsx', 'tanstack-query.txt', ['templates', projectType, 'integration']);
-      copyTemplate('src/routes/queryDemo.tsx', 'queryDemo.txt', ['templates', projectType, 'routes']);
-    } else {
-      copyTemplate('src/routes/About.tsx', 'About.txt', ['templates', projectType, 'routes']);
-    }
-  }
-  fs.writeFileSync('src/styles/style.css', generateStyleCss(config.installDataViz));
-  copyTemplate('src/styles/fonts.css', 'fonts.css', ['templates', 'css']);
-  copyTemplate('src/assets/undp-logo-blue.svg', 'icon.txt', ['templates', 'configFiles']);
-  copyTemplate('public/undp-logo-blue.svg', 'icon.txt', ['templates', 'configFiles']);
-  console.log(chalk.green('  ✓ Created core files and base styles.'));
-
-  // Config files
-  console.log(chalk.bold.yellow('\n⚙️  Creating configuration and tooling files...'));
-  copyTemplate('eslint.config.mjs', 'eslint.config.mjs', ['templates', 'configFiles']);
-  copyTemplate('.prettierrc', '.prettierrc', ['templates', 'configFiles']);
-  copyTemplate('vite.config.ts', config.addPostCSSScripts ?  'vite.config.ts.txt' : 'viteWithoutPostCss.config.ts.txt', ['templates', 'configFiles']);
-  fs.writeFileSync('src/vite-env.d.ts', `/// <reference types="vite/client" />`);
-  copyTemplate('tsconfig.json', 'tsconfig.json', ['templates', 'configFiles']);
-  copyTemplate('tsconfig.node.json', 'tsconfig.node.json', ['templates', 'configFiles']);
-  copyTemplate('tailwind.config.js', 'tailwind.config.js', ['templates', 'configFiles']);
-  if (config.addStaticWebAppConfig) {
-    copyTemplate('staticwebapp.config.json', 'staticwebapp.config.json', ['templates', 'configFiles']);
-  }
-  copyTemplate('.gitignore', '.gitignore', ['templates', 'configFiles']);
-  fs.writeFileSync('README.md', generateReadme(config));
-  console.log(chalk.green('  ✓ Created ESLint, Prettier, Vite, TypeScript, Tailwind, and other configs.'));
-
-  // Package.json
-  console.log(chalk.bold.yellow('\n📜 Creating package.json and scripts...'));
-  fs.writeFileSync('package.json', JSON.stringify(generatePackageJson(config), null, 2));
-  console.log(chalk.green('  ✓ Created package.json.'));
-}
-
-
-export function generateNextFiles(config) {  
-  // Main files
-  copyTemplate('public/undp-logo-blue.svg', 'icon.txt', ['templates', 'configFiles']);
-  fs.writeFileSync('src/styles/style.css', generateStyleCss(config.installDataViz));
-  copyTemplate('src/styles/fonts.css', 'fonts.css', ['templates', 'css']);
-  fs.writeFileSync('src/app/layout.tsx', generateNextLayout(config.projectName));
-  copyTemplate('src/app/page.tsx', 'page.txt', ['templates', 'next']);
-  copyTemplate('src/app/head.tsx', 'head.txt', ['templates', 'next']);
-  copyTemplate('src/app/about/page.tsx', 'About.txt', ['templates', 'next', 'routes']);
-  copyTemplate('src/components/Header.tsx', 'Header.txt', ['templates', 'next', 'components']);
-  copyTemplate('src/components/Footer.tsx', 'Footer.txt', ['templates', 'next', 'components']);
-  console.log(chalk.green('  ✓ Created core files and base styles.'));
-
-  // Config files
-  console.log(chalk.bold.yellow('\n⚙️  Creating configuration and tooling files...'));
-  copyTemplate('.next/types/routes.d.ts', 'routes.d.ts.txt', ['templates', 'next']);
-  copyTemplate('.next/types/validator.ts', 'validator.ts.txt', ['templates', 'next']);
-  copyTemplate('eslint.config.mjs', 'eslint.config.mjs', ['templates', 'configFiles']);
-  copyTemplate('.prettierrc', '.prettierrc', ['templates', 'configFiles']);
-  copyTemplate('tsconfig.json', 'tsconfig.json', ['templates', 'configFiles']);
-  copyTemplate('tsconfig.node.json', 'tsconfig.node.json', ['templates', 'configFiles']);
-  copyTemplate('tailwind.config.js', 'tailwind.config.js', ['templates', 'configFiles']);
-  copyTemplate('.gitignore', '.gitignore', ['templates', 'configFiles']);
-  copyTemplate('next.config.ts', 'next.config.ts.txt', ['templates', 'next']);
-  copyTemplate('next-env.d.ts', 'next-env.d.ts.txt', ['templates', 'next']);
-  copyTemplate('postcss.config.mjs', 'postcss.config.mjs.txt', ['templates', 'next']);
-  if (config.addAuth) {
-    copyTemplate('.env.local', '.env.local', ['templates', 'configFiles']);
-  }
-  fs.writeFileSync('README.md', generateReadme(config));
-  console.log(chalk.green('  ✓ Created ESLint, Prettier, Next, TypeScript, Tailwind, and other configs.'));
-
-  // Package.json
-  console.log(chalk.bold.yellow('\n📜 Creating package.json and scripts...'));
-  fs.writeFileSync('package.json', JSON.stringify(generatePackageJson(config), null, 2));
-  console.log(chalk.green('  ✓ Created package.json.'));
-}