npm - @undp/create-app - Versions diffs - 0.0.1 - Mend

@undp/create-app 0.0.1

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 (41) hide show

package/bin/generateFiles.js ADDED Viewed

@@ -0,0 +1,65 @@
+import fs from 'fs';
+import chalk from 'chalk';
+import {
+  generatePackageJson,
+  generateReadme,
+  generateStyleCss,
+  copyTemplate,
+} from './generateTemplates/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.js', 'eslint.config.js', ['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.'));
+}

package/bin/generateTemplates/copyTemplate.js ADDED Viewed

@@ -0,0 +1,18 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+function getTemplatePath(filename, folders) {
+  const __filename = fileURLToPath(import.meta.url);
+  const __dirname = path.dirname(__filename);
+  return path.join(
+    __dirname,
+    ...folders,
+    filename
+  );
+}
+export function copyTemplate(destination, filename, folders) {
+  const content = fs.readFileSync(getTemplatePath(filename, folders), 'utf-8');
+  fs.writeFileSync(destination, content);
+}

package/bin/generateTemplates/generateIndexHtml.js ADDED Viewed

@@ -0,0 +1,15 @@
+export function generateIndexHtml(projectName){
+    return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/undp-logo-blue.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>`
+}

package/bin/generateTemplates/generatePackageJson.js ADDED Viewed

@@ -0,0 +1,105 @@
+import { execSync } from 'child_process';
+import chalk from 'chalk';
+function getLatestVersion(pkg) {
+  console.log(chalk.gray(`  Fetching latest version for ${pkg}`));
+  try {
+    return execSync(`npm show ${pkg} version`).toString().trim();
+  } catch {
+    return 'latest';
+  }
+}
+export function generatePackageJson(config) {
+  const DEPENDENCIES = ['@undp/design-system-react', 'react', 'react-dom']
+  if(config.installLucide) DEPENDENCIES.push('lucide-react');
+  if(config.installDataViz) DEPENDENCIES.push('@undp/data-viz');
+  if(config.installQuery) DEPENDENCIES.push('@tanstack/react-query');
+  if(config.installRouter) DEPENDENCIES.push('@tanstack/react-router');
+  const dependencies = {};
+  DEPENDENCIES.forEach((d) => {
+    const version = getLatestVersion(d)
+    dependencies[d] = version === 'latest' ? 'latest' : `^${version}`;
+  })
+  const PEER_DEPENDENCIES = config.installDataVizPeerDeps ? [
+    '@dnd-kit/core',
+    '@dnd-kit/modifiers',
+    'ajv',
+    'dom-to-svg',
+    'file-saver',
+    'handlebars',
+    'maplibre-gl',
+    'marked',
+    'math-expression-evaluator',
+    'pmtiles',
+    'react-globe.gl',
+    'three',
+  ] : [];
+  PEER_DEPENDENCIES.forEach((d) => {
+    const version = getLatestVersion(d)
+    dependencies[d] = version === 'latest' ? 'latest' : `^${version}`;
+  })
+  const DEV_DEPENDENCIES = [
+    '@eslint/config-array',
+    '@eslint/js',
+    '@nabla/vite-plugin-eslint',
+    '@tailwindcss/postcss',
+    '@tailwindcss/vite',
+    '@types/node',
+    '@types/react',
+    '@types/react-dom',
+    '@vitejs/plugin-react',
+    'autoprefixer',
+    'babel-plugin-react-compiler',
+    'eslint',
+    'eslint-config-love',
+    'eslint-config-prettier',
+    'eslint-plugin-import',
+    'eslint-plugin-jsx-a11y',
+    'eslint-plugin-n',
+    'eslint-plugin-prettier',
+    'eslint-plugin-promise',
+    'eslint-plugin-react',
+    'eslint-plugin-react-hooks',
+    'postcss',
+    'postcss-nested',
+    'prettier',
+    'rimraf',
+    'rollup-plugin-visualizer',
+    'tailwind-animate',
+    'tailwind-merge',
+    'tailwindcss',
+    'tailwindcss-animate',
+    'typescript',
+    'typescript-eslint',
+    'vite',
+    'vite-plugin-static-copy',
+  ]
+  const devDependencies = {}
+  DEV_DEPENDENCIES.forEach((d) => {
+    const version = getLatestVersion(d)
+    devDependencies[d] = version === 'latest' ? 'latest' : `^${version}`;
+  })
+  const packageJson = {
+    name: config.projectName,
+    private: true,
+    version: '0.0.0',
+    type: 'module',
+    keywords: [],
+    author: '',
+    sideEffects: [
+      '*.css'
+    ],
+    scripts: {
+      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'
+    },
+    dependencies: dependencies,
+    devDependencies: devDependencies
+  }
+  return packageJson
+}

package/bin/generateTemplates/generateReadme.js ADDED Viewed

@@ -0,0 +1,143 @@
+export function generateReadme(config){
+  return `# ${config.projectName}
+React + TypeScript + Vite project with Tailwind CSS ${config.installDataViz ? ', UNDP Design System and data viz library' : 'and UNDP Design System'}.
+This is a template to initiate project with tooling for linting and prettier and uses React Compiler.
+## Installed Libraries
+- React 19.2
+- @undp/design-system-react${config.installLucide ? '\n- lucide-react' : ''}${config.installDataViz ? '\n- @undp/data-viz' : ''}${config.installQuery ? '\n- @tanstack/react-query' : ''}${config.installRouter ? '\n- @tanstack/react-router' : ''}
+## Installation
+This project uses \`npm\`. For installation you will need to install \`node\` and \`npm\`, if you don't already have it. \`node\` and \`npm\` can be installed from [here](https://nodejs.org/en/download/).
+To install the project, simply clone the the repo and them run \`npm install\` in the project folder. You can use terminal on Mac and Command Prompt on Windows.
+This project is bootstrapped with [\`Vite\`](https://vitejs.dev/) and was created using \`npm create vite@latest\` command.
+Run the terminal or command prompt and then run the following
+\`\`\`
+git clone https://github.com/UNDP-Data/${config.projectName}.git
+cd ${config.projectName}
+npm install
+\`\`\`
+## Local Development
+To start the project locally, you can run \`npm run dev\` in the project folder in terminal or command prompt.
+This is run the app in development mode. Open [http://localhost:5173/](http://localhost:5173/) to view it in the browser.
+The page will reload if you make edits. You will also see any lint errors in the console.
+## Available Scripts
+- \`npm run dev\`: Executes \`vite\` and start the local server for local deployment.
+- \`npm run build\`: Executes \`tsc && vite build\` and builds the app for production and deployment.
+- \`npm run clean\`: Executes \`rimraf node_modules && rimraf dist && rimraf package-lock.json\` and remove node_modules folder, dist folder and package-lock.json.
+- \`npm run lint\`: Executes \`npx eslint --fix && npx prettier . --write\` and resolve all the linting and prettier errors.
+## Tooling Setup
+This project uses ESLint integrated with prettier, which verifies and formats your code so you don't have to do it manually. You should have your editor set up to display lint errors and automatically fix those which it is possible to fix. See [http://eslint.org/docs/user-guide/integrations](http://eslint.org/docs/user-guide/integrations).
+This project is build in Visual Studio Code, therefore the project is already set up to work with. Install it from [here](https://code.visualstudio.com/) and then install this [eslint plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) and you should be good to go.
+## Styling
+This project uses [Tailwind CSS](https://tailwindcss.com/) for styling.
+${
+  config.installRouter ? `## Routing
+This project uses [TanStack Router](https://tanstack.com/router). The initial setup is a code based router. Which means that the routes are defined in code (in the \`./src/main.tsx\` file).
+### Adding A Route
+To add a new route to your application just add another \`createRoute\` call to the \`./src/main.tsx\` file. The example below adds a new \`/about\`route to the root route.
+\`\`\`tsx
+const aboutRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/about",
+  component: () => <h1>About</h1>,
+});
+\`\`\`
+You will also need to add the route to the \`routeTree\` in the \`./src/main.tsx\` file.
+\`\`\`tsx
+const routeTree = rootRoute.addChildren([indexRoute, aboutRoute]);
+\`\`\`
+With this set up you should be able to navigate to \`/about\` and see the about page.
+Of course you don't need to implement the About page in the \`main.tsx\` file. You can create that component in another file and import it into the \`main.tsx\` file, then use it in the \`component\` property of the \`createRoute\` call, like so:
+\`\`\`tsx
+import About from "./components/About.tsx";
+const aboutRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/about",
+  component: About,
+});
+\`\`\`
+That is how we have the \`App\` component set up with the home page.
+For more information on the options you have when you are creating code based routes check out the [Code Based Routing](https://tanstack.com/router/latest/docs/framework/react/guide/code-based-routing) documentation.
+Now that you have two routes you can use a \`Link\` component to navigate between them.
+### Adding Links
+To use SPA (Single Page Application) navigation you will need to import the \`Link\` component from \`@tanstack/react-router\`.
+\`\`\`tsx
+import { Link } from "@tanstack/react-router";
+\`\`\`
+Then anywhere in your JSX you can use it like so:
+\`\`\`tsx
+<Link to="/about">About</Link>
+\`\`\`
+This will create a link that will navigate to the \`/about\` route.
+More information on the \`Link\` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/react/api/router/linkComponent).
+` :''
+}
+${
+  config.installQuery ? `## Query
+This project uses [TanStack Query](https://tanstack.com/query).
+` :''
+}
+## Steps to Embed
+Add the following div in the page
+\`\`\`
+<div id="root"></div>
+\`\`\`
+Apart from the mentioned \`div\` above the following \`script\` and \`link\` needs to be added to the \`head\` or in the embed code
+\`\`\`
+<link rel="dns-prefetch" href="{{Link to the Visualization}}">
+<script defer="defer" type="module" src="{{Link to the Visualization}}/index.js"></script>
+<link rel="modulepreload" crossorigin href="{{Link to the Visualization}}/react-{{hash}}.js">
+<link rel="modulepreload" crossorigin href="{{Link to the Visualization}}/undp-{{hash}}.js">
+<link rel="stylesheet" href="{{Link to the Visualization}}/style.css"></link>
+\`\`\`
+# Contact us
+Contact us at [data@undp.org](mailto:data@undp.org) if you have any feedback or questions.
+`;
+}

package/bin/generateTemplates/generateStyleCss.js ADDED Viewed

@@ -0,0 +1,6 @@
+export function generateStyleCss(installDataViz){
+  return `@import '@undp/design-system-react/style.css';
+${installDataViz ? `@import '@undp/data-viz/style.css';` : ''}
+@import 'tailwindcss';
+@config '../../tailwind.config.js';`;
+}

package/bin/generateTemplates/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+export { copyTemplate } from './copyTemplate.js';
+export { generateIndexHtml } from './generateIndexHtml.js';
+export { generatePackageJson } from './generatePackageJson.js';
+export { generateReadme } from './generateReadme.js';
+export { generateStyleCss } from './generateStyleCss.js';

package/bin/generateTemplates/templates/basic/App.txt ADDED Viewed

@@ -0,0 +1,32 @@
+import { H3 } from '@undp/design-system-react';
+import '@/styles/fonts.css';
+import '@/styles/style.css';
+import undpLogo from './assets/undp-logo-blue.svg';
+function App() {
+  return (
+    <div>
+      <div className='m-5'>
+        <div>
+          <img
+            src={undpLogo}
+            className='logo react mb-8'
+            alt='React logo'
+            width='72px'
+            style={{ marginLeft: 'auto', marginRight: 'auto' }}
+          />
+        </div>
+        <H3 className='text-center'>
+          This is template for building visualization and frontend project
+          maintained by UNDP&apos;s DAI Hub.
+          <br />
+          <br />
+          Contact us at data@undp.org if you have any feedback or questions.
+        </H3>
+      </div>
+    </div>
+  );
+}
+export default App;

package/bin/generateTemplates/templates/basic/AppWithContainer.txt ADDED Viewed

@@ -0,0 +1,32 @@
+import { H3 } from '@undp/design-system-react';
+import '@/styles/fonts.css';
+import '@/styles/style.css';
+import undpLogo from './assets/undp-logo-blue.svg';
+function App() {
+  return (
+    <div className='undp-container'>
+      <div className='m-5'>
+        <div>
+          <img
+            src={undpLogo}
+            className='logo react mb-8'
+            alt='React logo'
+            width='72px'
+            style={{ marginLeft: 'auto', marginRight: 'auto' }}
+          />
+        </div>
+        <H3 className='text-center'>
+          This is template for building visualization and frontend project
+          maintained by UNDP&apos;s DAI Hub.
+          <br />
+          <br />
+          Contact us at data@undp.org if you have any feedback or questions.
+        </H3>
+      </div>
+    </div>
+  );
+}
+export default App;

package/bin/generateTemplates/templates/basic/main.txt ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/bin/generateTemplates/templates/configFiles/.prettierrc ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "tabWidth": 2,
+  "jsxSingleQuote": true,
+  "endOfLine": "auto",
+  "bracketSpacing": true
+}

package/bin/generateTemplates/templates/configFiles/eslint.config.js ADDED Viewed

@@ -0,0 +1,97 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import importPlugin from 'eslint-plugin-import';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import { defineConfig } from 'eslint/config';
+import prettierConfig from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+export default defineConfig([
+  {
+    ignores: [
+      'node_modules/**',
+      'build/**',
+      'public/**',
+      'dist/**',
+      'storybook-static/**',
+      'dist-ssr/**',
+      'coverage/**',
+      '**/*.test.js',
+      '**/__snapshots__/**',
+    ],
+  },
+  js.configs.recommended,
+  reactHooks.configs.flat.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx,ts}'],
+    plugins: {
+      react: pluginReact,
+      'react-hooks': reactHooks,
+      import: importPlugin,
+      'jsx-a11y': jsxA11y,
+      prettier: prettierPlugin,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      // React rules
+      'react/self-closing-comp': ['error', { component: true, html: true }],
+      'react/react-in-jsx-scope': 'off',
+      'react/jsx-uses-react': 'off',
+      'react/jsx-uses-vars': 'warn',
+      'react/jsx-no-undef': 'error',
+      'react/jsx-curly-brace-presence': 'error',
+      'react/prop-types': 'off',
+      'react/require-default-props': 0,
+      'react/jsx-filename-extension': 0,
+      'react/no-array-index-key': 0,
+      'react/jsx-props-no-spreading': 0,
+      // TypeScript rules
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_' },
+      ],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      // Import rules
+      'import/order': [
+        'warn',
+        {
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            'parent',
+            'sibling',
+            'index',
+          ],
+          'newlines-between': 'always',
+        },
+      ],
+      'import/no-unresolved': 0,
+      'import/no-extraneous-dependencies': ['warn', { devDependencies: true }],
+      'import/extensions': 0,
+      'import/prefer-default-export': 0,
+      // A11y rules
+      'jsx-a11y/alt-text': 'warn',
+      'jsx-a11y/anchor-is-valid': 'warn',
+      // General rules
+      'prefer-const': 'error',
+      'no-console': ['warn', { allow: ['warn', 'error'] }],
+      'no-debugger': 'warn',
+      'no-nested-ternary': 0,
+      'prettier/prettier': 'error',
+    },
+  },
+  prettierConfig,
+]);

package/bin/generateTemplates/templates/configFiles/icon.txt ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 60.8"><style>.st0{fill:#0468b1}.st1{fill:#fff}</style><path class="st0" d="M0 30.9h14.5v14.5H0z"/><path class="st1" d="M3.7 33.2v5.7c0 3 1.5 4.1 3.5 4.1 2.1 0 3.6-1.2 3.6-4.2v-5.7H9.6v5.8c0 2.1-1 3.1-2.4 3.1-1.3 0-2.3-.9-2.3-3.1v-5.7H3.7z"/><path class="st0" d="M15.4 30.9h14.5v14.5H15.4z"/><path class="st1" d="M20.2 43v-4.1c0-1.6 0-2.8-.1-4 .5 1.1 1.1 2.2 1.8 3.2L25 43h1.3v-9.6h-1.1v4.1c0 1.5 0 2.7.2 4-.4-1-1-2-1.7-3.2l-3.1-4.9h-1.4v9.7l1-.1z"/><path class="st0" d="M15.4 46.3h14.5v14.5H15.4z"/><path class="st1" d="M25.1 49.4c-.6-.5-1.5-.8-2.8-.8-1 0-1.8.1-2.4.2v9.6h1.2v-3.9c.3.1.6.1 1 .1 1.2 0 2.3-.4 2.9-1.1.5-.5.8-1.2.8-2.1.2-.8-.1-1.5-.7-2"/><path class="st0" d="M22.3 53.6c-.4 0-.8 0-1.1-.1v-3.7c.2 0 .6-.1 1.2-.1 1.4 0 2.3.6 2.3 1.9 0 1.3-.9 2-2.4 2M0 46.3h14.5v14.5H0z"/><path class="st1" d="M10.2 49.8c-.8-.8-2.1-1.2-3.9-1.2-1 0-1.9.1-2.7.2v9.6c.6.1 1.4.1 2.3.1 1.9 0 3.4-.5 4.3-1.4.9-.9 1.4-2.2 1.4-3.7 0-1.7-.5-2.8-1.4-3.6"/><path class="st0" d="M6.2 57.4c-.5 0-1 0-1.3-.1v-7.6c.3-.1.8-.2 1.5-.2 2.7 0 3.9 1.4 3.9 3.7 0 2.7-1.5 4.3-4.1 4.2M0 0h30v30H0z"/><path class="st1" d="M25.7 15.6c-.4.6-1 1.1-1.3 1.8 0-.5.1-1.1-.1-1.5-.3-1-.6-1.9-.7-3.1v-.4c.2 1.1 1.3 1.9 1.2 3.1 0 .3-.1.6-.2.8v-.1c.2-.6.2-1.2.5-1.8.4-.8.8-1.6.6-2.6.8 1.2.6 2.7 0 3.8"/><path class="st1" d="M25.1 9.4c.7 1 .9 2.5.3 3.6-.2.5-.3 1-.4 1.5 0-.1 0-.2-.1-.3-.2-1.1-1.3-1.9-1.7-2.8-.2-.3-.2-.6-.3-1.1.4.8 1.5 1.2 1.9 2.2.2.2.1.5.2.8-.2-1-.1-1.9 0-2.8 0-.5-.1-1-.3-1.4.1-.1.2.1.4.3"/><path class="st1" d="M24.6 9.2c.2.8-.1 1.6.1 2.5-.5-.9-1.4-1.3-2.1-2-.4-.4-.6-1-.6-1.5.4.9 1.4 1.1 2 1.9.2.2.2.4.4.6-.3-.7-.5-1.5-.6-2.4l-.6-.9c.6.2 1.2 1 1.4 1.8"/><path class="st1" d="M22.5 7.3c.6.6.8 1.2 1 1.9l.1.2c-.8-.6-1.6-1.5-2.2-2.3l-.6-.7c.5.2 1.2.4 1.7.9m-11.1-.7c1.1-.6 2.4-.8 3.6-.9 3 0 5.9 1.8 7.2 4.5.8 1.6 1.1 3.8.6 5.6-.6 2.2-2.4 4.3-4.5 5.2-2.4 1.1-5.7.9-7.8-.6-2.9-1.9-4.1-5.4-3.2-8.8.5-2 2.1-4.1 4.1-5m-2.3 0c-.6.5-1 1.2-1.5 1.8-.4.4-.9.8-1.4 1.2.3-.6.3-1.2.7-1.6.5-.9 1.4-1.1 2.2-1.4"/><path class="st1" d="M5.8 8.4c.2-.4.6-.6 1.1-.7-.8.6-.7 1.5-1 2.4-.1.2-.2.6-.3.8.2-.3.4-.6.6-1 .6-.6 1.4-.9 1.7-1.7 0 1.1-.9 1.9-1.8 2.5-.4.3-.7.6-.9 1.1V11c.1-.9 0-2 .6-2.6"/><path class="st1" d="M4.3 11.5c0-1 .4-1.7.9-2.4-.6.9-.1 2.1-.2 3.1l-.1 1.1c0-.2 0-.2.1-.4.2-.9.9-1.5 1.5-2.1.2-.2.2-.3.3-.5-.1.4-.2.9-.4 1.3-.5 1-1.5 1.8-1.6 2.9.1-1-.7-1.9-.5-3"/><path class="st1" d="M3.8 12.9l.3-.9c-.2 1.2.6 2.2.9 3.2l.3 1.2c-.4-1.1.2-2.2.8-3.2.2-.2.2-.5.3-.8.1.5-.1 1.1-.2 1.6-.2.6-.4 1.4-.6 2-.2.4-.1.9 0 1.3-.4-.8-1.3-1.5-1.5-2.4-.3-.5-.5-1.3-.3-2"/><path class="st1" d="M3.7 15.3c.1 1.3 1.5 2 2.2 3.2.2.2.3.4.6.6 0-.2-.2-.2-.2-.4-.2-.5-.3-1-.2-1.5.1-.6.3-1.3.2-2 .6 1.2.4 2.8.7 4.1.1.3.2.6.4.8-1.2-.8-2.8-1.5-3.3-3.1-.4-.5-.4-1.1-.4-1.7"/><path class="st1" d="M4.5 18.3c.6 1.5 2.4 1.6 3.4 2.5.1.2.4.4.6.4-.2-.2-.6-.5-.7-.8-.6-.9-.4-2.2-.9-3.2.4.6.8 1.1 1.1 1.8.4 1 .6 2.1 1.5 2.8-1-.3-2.2-.2-3.1-.8-.9-.6-1.8-1.5-1.9-2.7"/><path class="st1" d="M6.2 21.2c1.1 1.2 2.8.8 4.2 1.1.2 0 .4.1.6.1-.2-.1-.4-.1-.6-.2-1.1-.4-1.3-1.5-1.9-2.4.8.5 1.4 1.2 2.1 1.9.5.4 1.1.6 1.8.8-.2.1-.4 0-.6.1-1.2.3-2.4.7-3.7.3-.7-.4-1.5-1-1.9-1.7"/><path class="st1" d="M20.6 23.9c-1.2.4-2.4 0-3.4-.7-.4-.2-.7-.6-1.2-.6h-.5c.9.4 1.8 1 2.5 1.8-.2.2-.3.3-.5.4-.7-.8-1.5-1.5-2.5-2-.2 0-.3.2-.5.2-.7.5-1.5 1.1-2 1.9l-.5-.5c.8-.8 1.6-1.4 2.5-1.8-.9-.3-1.5.5-2.2.9-.8.6-1.9.8-2.9.4-.6-.2-1.1-.5-1.4-1 .8.6 1.9.6 2.8.2 1.2-.5 2.4-1.1 3.8-.8.2 0 .4.2.6 0 1.1-.2 2.2-.1 3.2.4l1 .4c.9.3 1.9.2 2.8-.3-.6.6-1 1-1.6 1.1"/><path class="st1" d="M21.9 22.7c-1.4.5-2.7-.1-4-.3h-.2c.6-.2 1.2-.3 1.7-.8.7-.7 1.4-1.4 2.2-1.9-.6.8-.6 1.9-1.6 2.4-.2.2-.6.2-.8.3.4 0 .6-.2 1.1-.2 1.3-.2 2.8 0 3.7-1.1-.5.7-1.4 1.4-2.1 1.6"/><path class="st1" d="M22.6 21.3c-.6.2-1.4.2-2.1.5 1.1-1 1.1-2.5 1.8-3.6.2-.3.4-.6.7-1-.5.9-.2 2.1-.8 3-.2.4-.5.7-.8 1 .1 0 .2-.1.3-.2.9-.8 1.9-1.1 2.9-1.8.4-.3.7-.6.9-1.1-.1 1.5-1.6 2.8-2.9 3.2"/><path class="st1" d="M24.3 18.9c-.6.3-1.1.6-1.5 1.1.8-1.3.4-3.1.9-4.5l.2-.5c-.1.9.3 1.6.2 2.5 0 .6-.2 1-.5 1.5.4-.5.6-1.1 1.1-1.5.7-.6 1.4-1.4 1.5-2.3.3 1.5-.6 2.9-1.9 3.7"/><path class="st0" d="M18.3 18.8c.3-.2.6-.4.8-.6h-.2c-.2 0-.2-.2-.2-.2l-.5-.5v-.1c0 .1-.1.2-.2.2 0 .1 0 .2.1.2.2.1.4.2.4.3-.1.2-.4.3-.2.6.1 0-.1 0 0 .1m-2.8-6.5c.1.1.2 0 .2-.1.1 0 .2.1.2.2h.2c0-.3.5-.2.6-.6h-.1s-.1 0-.1-.1l.2-.2c-.4-.2-.7-.4-1.1-.5-.2 0-.3 0-.5-.1.1.2 0 .6.1.8l.2.1c.1-.2.2-.2.3-.3h.2v.3c0 .4-.3.4-.4.5m4.2 2.7c-.2.6-.4 1.1-.7 1.5-.2.2-.2.4-.4.5l.4.3v-.1s0-.1.1-.1c.2 0 .2.2.2.2 0 .2.1.2.1.4 1-1.1 1.5-2.4 1.6-3.8l.1-.1h-1.2c0 .2 0 .5-.1.7l.2.2v.2c-.2.2-.2.2-.3.1m-1-3.5c-.2-.2-.3-.5-.6-.7-.4.4-.8.8-1.1 1.2l.1.1c0-.1.1-.2.1-.2.1-.2.2 0 .4 0h.6c.2.1.2.2.3.3v.2c0 .3.2-.1.3 0 .1 0 .2 0 .2.1 0 .2.2.1.2.2s-.1.1-.1.1c0 .2-.2.2-.1.3.2 0 .2-.2.3-.3-.1-.2-.1-.4-.2-.6-.2 0-.2-.2-.3-.2-.3-.2 0-.3-.1-.5m-3.5 8.3c.3-.1.6-.1 1-.2-.1 0-.2 0-.2-.1-.2 0-.2-.2-.3-.4 0-.1 0-.2.1-.3-.1-.2-.3 0-.5-.1 0 0-.1-.1-.2-.1l.1.1v1.1m.3-3.1c.1 0 0 .2.1.2.2-.1.3.2.4 0 0-.2.2-.2.3-.2.2-.1.4-.2.4-.5-.2 0-.2.1-.2.2-.1.1-.2-.2-.2-.1v.1c-.2.2-.2-.1-.3 0v.1c-.1-.2-.2-.1-.3-.2h-.2c0 .1-.2 0-.2.1-.1 0-.1.2-.2.2-.2 0-.2.2-.3.1v.1h.2c.1-.2.3 0 .5-.1m1.1-1.5c0 .1 0 .2.1.2.2 0 .1.2.2.2s0-.1 0-.2c0-.2-.1-.2-.3-.2.1 0 .1 0 0 0 .1-.1.1-.1 0 0m-.1-5.6c-.4-.2-.8-.2-1.3-.2v1.2h.1c.6.1 1.3.3 1.8.7v.1c.2-.2.4-.5.6-.7l.2-.1h-.1c-.4-.5-.9-.8-1.3-1M9 14.1l.1.7c0 .2.2.6.2.8 0-.1 0-.2.2-.2 0-.1.1-.2 0-.2 0-.2.1-.4.2-.6.2 0 .2-.2.4-.3.1 0 .2.2.2.2-.2-.2-.2-.4-.1-.6H8.9l.1.2zm7.2 1.9c.1-.1.3-.1.3-.2-.1-.1-.1 0-.3.2-.1-.1-.1 0 0 0m2.5-2.1l.2.2c.2.1 0 .2.2.3s.2.2.2.4v-.1c.1-.2 0-.5.1-.6-.2-.1-.5-.1-.7-.2m-1.6 2.9c.2 0 .2.2.4.2.2-.1.4 0 .5-.1 0-.2.1-.2.2-.4.1.1.1.2.1.3.1-.2.2-.2.3-.4.2-.4.5-.8.6-1.2-.1 0-.2 0-.3.1-.1 0-.2.1-.4 0h-.1c0 .1-.1.2-.2.1-.1 0-.1-.1-.1-.2v.2c-.1.1-.1.2-.2.2-.1.1-.2.1-.3.2 0 .2-.2.2-.3.2h.2c.2 0 .2-.2.2-.2.1 0 .2-.1.2 0 .1.1.1.2.1.4-.1.1 0 .2-.1.4 0 .2-.2.2-.2.3-.1.1-.2.1-.2.1-.3-.2-.6-.2-1-.2 0 0-.1 0 0 .1.3-.2.4-.2.6-.1m-2.4 3.5c-1.6-.1-3-.6-4.1-1.8l-.8.8c1.2 1.1 2.7 1.8 4.3 1.9.2 0 .6 0 .8.1l-.1-.1-.1-.9zM13.1 16c.4.3.9.6 1.5.6v-.3c0-.1.2-.1.2-.1s.1-.1 0-.1-.1-.2-.1-.2.1 0 .1-.1c-.1-.1 0-.2 0-.2l.1-.1c-.2.1-.5 0-.7-.2l-.2-.2-.9.9m-.4-1.3c-.1 0-.1 0 0 0h-.2c0-.2-.2-.1-.3-.2l.3.6c.1.2.2.3.3.5.1-.2.2-.2.3-.4V15c0-.1 0-.2-.1-.2s0 .2 0 .2h-.1c-.1 0-.2-.1-.2-.2.1 0 0 0 0-.1m.8.1c0 .1-.1.2-.2.2.1-.1.2-.2.3-.2h-.1zm1.2 3.9c-1 0-1.8-.4-2.6-1 0 .1.2.2.1.2-.1.1-.2.1-.3.1-.2 0-.4.2-.6.2-.2.1-.2-.2-.4-.2 1.1 1 2.4 1.5 3.9 1.6l.1.1v-1.2l-.2.2z"/><path class="st0" d="M10.3 18.2c-.2-.1-.2-.2-.4-.4-.2 0-.2-.2-.3-.2v-.2.1c-.2.1-.2-.1-.3-.2-.2-.1-.1-.4-.3-.3-.1 0-.1-.1-.2-.1-.2 0-.2-.2-.2-.2v.1c-.2 0-.2-.2-.3-.2h-.1c-.1-.1-.2-.2-.2-.4-.2-.2-.1-.4 0-.6 0 0 .1-.1.1-.2s.2-.1.2-.1.1 0 .1.1c.1 0 .2 0 .2-.1.1-.1.2-.1.2-.1.1.1.1.2.2.2l-.1-.1c-.1-.4-.2-.8-.2-1.2V13.8H7.3c.1 1.3.4 2.4 1 3.5.2.6.7 1 1.1 1.5l.8-.8.1.2zm1.3-9.4c-.2.2-.5.4-.7.6.3.2.6.5.8.7v.1c.6-.6 1.5-1 2.3-1.2.2 0 .4-.1.6 0V7.9c-1.1 0-2 .4-3 .9m-1 4.3c0 .2 0 .4-.1.6.2-.1.3 0 .5 0-.1 0 0-.2-.1-.2 0-.1 0-.2.1-.3 0-.2.2-.2.2-.4s.2-.1.3-.2c.1 0 0-.1 0-.2.1-.1.2-.1.3-.2l.2-.2c.2 0 .2-.3.5-.3-.3-.2-.6-.6-.9-.8-.4.6-.8 1.3-1 2.2m.2 1.6c0-.1-.1-.1-.1-.2.1-.2 0-.4.2-.4-.2 0-.2.1-.4 0l.1.1c0 .2.1.5.1.8 0-.2 0-.3.1-.3m1.1 2.8z"/><path class="st0" d="M10.6 9.7l-.4.6c-.7 1-1.1 2.1-1.1 3.3h1.2v-.1c.1-1.1.5-2.2 1.3-3-.4-.3-.7-.5-1-.8zm3.3 7.5c.1-.1.2-.2.3-.2-.4.1-.6-.2-1-.3-.2-.1-.4-.2-.5-.4-.2.3-.5.6-.8.8.2 0 .2.2.3.2.6.5 1.4.7 2 .9l-.2-.1c-.2-.2-.3-.4-.4-.6.3-.1.3-.2.3-.3M11.2 14v.2c0 .2-.2 0-.2.1v.2c-.1.2.2.3.2.6.1.2 0 .3.2.5 0 .2 0 .6.2.8v.2c0 .2-.2.2-.2.2s.1 0 .1.1c.3-.4.6-.7 1.1-1.1l-.2-.2c-.2-.4-.5-.9-.6-1.4l-.1-.1c0 .2-.1.2-.1.4-.1 0-.2-.1-.2-.1s-.1-.1 0-.2h.1V14c0-.1-.1-.2 0-.2s.2.1.2.2c.1 0 .2 0 .2-.1s.1-.2 0-.2c.1-.2 0-.3 0-.5-.1-.1-.2 0-.3 0-.3.1.1.3 0 .6-.2.3-.3.1-.4.2m10.2 0c-.1 1.4-.6 2.5-1.3 3.6-.2.2-.2.4-.5.5.3.2.6.6.9.9 1.2-1.4 1.9-3 1.9-4.9V14h-1zM10.6 9.2c1.2-1.1 2.5-1.7 4.1-1.8V6.2c-1.6.1-3 .6-4.3 1.5-.2.2-.4.4-.7.6.4.2.7.5.9.9m4.1.2c-1 .1-1.9.5-2.7 1.1.3.2.6.6.8.8 0 0 0-.1.1-.1.4-.2.8-.5 1.2-.6.2 0 .4-.1.6-.1V9.4zm0 1.5c-.7.1-1.2.4-1.7.9h.1c.1.1.2.1.3.2 0 .1-.1.1-.1.2h.1c.1 0 .1 0 .1-.1.1-.1.1.1.2.1h.2c.1-.1.2 0 .2-.1.2-.2.1-.3.2-.4.1 0 0 .1 0 .2.2.1.2-.1.4 0v-1m.1 1.8c-.2.2-.3.2-.5.3-.1.1 0 .2-.2.2 0 .1-.2.2-.2.2-.1.2 0 .3-.1.5-.2.2-.2-.2-.3-.2H13.2c-.1.1-.2.2-.1.2 0 .1-.2 0-.2.2.2 0 .2 0 .4-.1h.2s.1 0 .1.1c.1 0 .1-.2.1-.2 0-.1.1-.1.2-.1s0 .1 0 .1c.2.1 0 .2-.1.3 0 .1 0 .2-.2.2v-.1c0 .1 0 .2.1.2.1-.1.1-.2.2-.2.1-.1 0-.2.1-.3.2 0 .4-.1.6.1v.2c0 .1-.1.2-.2.2v.2c-.1.2-.3.2-.5.2.2.2.6.2.9.2.2 0 .1-.2.2-.3.1-.2.3-.1.5-.2.1-.2.2-.2.2-.4-.2-.1-.2-.2-.2-.3-.1-.1-.1-.2-.2-.2v-.1c0-.1.1-.1.1-.2-.1-.1-.1-.2-.1-.2-.2 0-.2-.2-.3-.2 0-.1-.2-.1-.2-.2-.2.1-.2-.2-.4-.2v-.2c.1-.1.2 0 .2 0h-.1c-.1-.1-.2 0-.3 0 .6.2.5.2.6.3"/><path class="st0" d="M8.6 13.6v-.2c.1-1.3.5-2.4 1.2-3.4.2-.2.3-.5.6-.6l-.8-.8c-1.1 1.3-1.9 2.8-2 4.4 0 .2 0 .5-.1.7.3-.2.8-.2 1.1-.1m10.9 4.8c-.1.2-.4.4-.6.6-.2.2-.6.3-.8.7-.2.2-.2.3-.4.4-.1.2-.2.2-.4.3-.3.3-.6-.2-.8-.2l-.6.1c-.2 0-.4.1-.6 0v1.2h.1c1.9-.1 3.6-.8 5-2.1l-.9-.8v-.2zM15.2 7.3c.1-.1.1-.1.2 0v.2h.1c.9.1 1.8.3 2.5.8.2-.1.4-.2.5 0 .2-.1.2.2.4.2.1 0 .3.3.3.5 0 .1.2.2.2.2.2-.2.4-.5.6-.7l.2-.1c-1.2-1.1-2.7-1.8-4.2-2-.2 0-.6 0-.8-.1v1"/><path class="st0" d="M15.2 9c.2-.1.3 0 .5 0 .8.2 1.5.4 2.2.9-.1-.1-.2-.2-.2-.3 0-.2-.2-.2-.2-.3h.1c.2.2.2.2.3.4.1 0 .2 0 .2.1s0 .2.2.3c0 .2.3.4.3.6 0 .1.1 0 .1 0l.2.3v.2c.1 0 .2-.1.2-.1.2.1 0 .2 0 .3h.2c0 .1-.1.2-.1.2 0 .1.1.1.2.1s.1.1.1.2c.2.2-.1.4 0 .6.1.2 0 .2-.1.4 0 .2-.2.2-.2.4H19c-.1.1.1.2 0 .3h.4c-.1-.2 0-.4.1-.6s.1-.3.2-.4c0 0 .1-.1.1 0 0 .2 0 .3-.1.4.2.2.1.4.2.6h1.2v-.1c-.1-.7-.2-1.5-.5-2.1-.1 0-.2.1-.2 0 0 0-.1 0 0-.1-.2-.2-.2-.3-.4-.5-.2 0-.3-.2-.5-.2s-.1-.3-.3-.2c-.1 0-.2-.2-.2-.2 0-.2 0-.4-.2-.6-.2-.1-.2.2-.3.1-.1 0 0-.2-.1-.2 0-.1-.1-.1-.1-.2.2-.2-.2-.2-.2-.5 0-.2-.2-.2-.3-.4-.6-.2-1.2-.5-1.9-.6-.2 0-.3 0-.5-.1v.1c-.2.5-.2.8-.2 1.2"/><path class="st0" d="M19.5 9.4c.1 0 .1.2.2.2.3.2.4.5.6.6.2.3.5.6.5.9.3.8.6 1.5.6 2.5h1.2c-.1-.1 0-.2-.1-.4-.2-1.8-.9-3.3-2.1-4.6-.2.3-.5.6-.9.8z"/><path class="st1" d="M15.3 7.1c0-.1.2 0 .2 0l.6-.2c.2 0 .5 0 .6.2-.2.2-.3.2-.5.2-.3 0-.6.1-.9-.2m3.4.7c.1 0 .2.1.2.2s.1.2 0 .2c-.2.1-.2-.2-.4-.2v-.1c.1-.2.1 0 .2-.1"/></svg>

package/bin/generateTemplates/templates/configFiles/staticwebapp.config.json ADDED Viewed

@@ -0,0 +1,44 @@
+{
+  "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/generateTemplates/templates/configFiles/tailwind.config.js ADDED Viewed

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

package/bin/generateTemplates/templates/configFiles/tsconfig.json ADDED Viewed

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "allowImportingTsExtensions": true,
+    "declaration": true,
+    "declarationMap": true,
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "files": [],
+  "include": ["eslint.config.js", "src", "tailwind.config.js"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}