@undp/create-app 0.2.13 → 0.2.15

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

@@ -0,0 +1,213 @@
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 100;
+  src: url('./fonts/proximanova-thin-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 100;
+  src: url('./fonts/proximanova-thinit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 200;
+  src: url('./fonts/proximanova-light-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 200 300;
+  src: url('./fonts/proximanova-lightit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/proximanova-regular-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 400;
+  src: url('./fonts/proximanova-regularit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 500;
+  src: url('./fonts/proximanova-medium-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 500;
+  src: url('./fonts/proximanova-mediumit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 600;
+  src: url('./fonts/proximanova-semibold-webfont-2.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 600;
+  src: url('./fonts/proximanova-semiboldit-webfont-2.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 700;
+  src: url('./fonts/proximanova-bold-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 700;
+  src: url('./fonts/proximanova-boldit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 800;
+  src: url('./fonts/proximanova-extrabold-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 800;
+  src: url('./fonts/proximanova-extraboldit-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: normal;
+  font-weight: 900;
+  src: url('./fonts/proximanova-black-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'ProximaNova';
+  font-style: italic;
+  font-weight: 900;
+  src: url('./fonts/proximanova-blackit-webfont.woff2') format('woff2');
+}
+
+/* SohneBreit */
+@font-face {
+  font-display: swap;
+  font-family: 'SohneBreit';
+  font-style: normal;
+  font-weight: 100 700;
+  src: url('./fonts/soehne-breit-web-dreiviertelfett.woff2') format('woff2');
+  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+2070-209F;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'SohneBreit';
+  font-style: italic;
+  font-weight: 100 700;
+  src: url('./fonts/soehne-breit-web-dreiviertelfett-kursiv.woff2')
+    format('woff2');
+  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+2070-209F;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'SohneBreit';
+  font-style: normal;
+  font-weight: 800 900;
+  src: url('./fonts/soehne-breit-web-fett.woff2') format('woff2');
+  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+2070-209F;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'SohneBreit';
+  font-style: italic;
+  font-weight: 800 900;
+  src: url('./fonts/soehne-breit-web-fett-kursiv.woff2') format('woff2');
+  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: normal;
+  font-weight: 100 300;
+  src: url('./fonts/UNBangla-Thin.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: italic;
+  font-weight: 100 300;
+  src: url('./fonts/UNBangla-ThinItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: normal;
+  font-weight: 400;
+  src: url('./fonts/UNBangla-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: italic;
+  font-weight: 400;
+  src: url('./fonts/UNBangla-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: normal;
+  font-weight: 500 900;
+  src: url('./fonts/UNBangla-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'UNBangla';
+  font-style: italic;
+  font-weight: 500 900;
+  src: url('./fonts/UNBangla-BoldItalic.woff2') format('woff2');
+}

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

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

package/bin/templates/viteWithLanguage/router/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

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

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

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

@@ -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.mjs", "src", "tailwind.config.js"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

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

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/bin/templates/viteWithLanguage/router/vite.config.ts

@@ -0,0 +1,58 @@
+import path from 'path';
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import eslint from '@nabla/vite-plugin-eslint';
+import { visualizer } from 'rollup-plugin-visualizer';
+import postcssNested from 'postcss-nested';
+import tailwindcss from '@tailwindcss/postcss';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: ['babel-plugin-react-compiler'],
+      },
+    }),
+    eslint(),
+    visualizer({ filename: 'stats.html', open: true }),
+    viteStaticCopy({
+      targets: [{ src: 'staticwebapp.config.json', dest: '' }],
+    }),
+  ],
+  css: {
+    postcss: {
+      plugins: [
+        postcssNested(),
+        tailwindcss(),
+      ],
+    },
+  },
+  build: {
+    manifest: true,
+    cssCodeSplit: false,
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes('node_modules/react')) return 'react';
+          if (id.includes('@undp/design-system-react')) return 'undp';
+          if (id.includes('@undp/data-viz')) return 'undp';
+        },
+        chunkFileNames: '[name]-[hash].js',
+        assetFileNames: '[name].[ext]',
+        entryFileNames: '[name].js',
+      },
+      treeshake: true,
+    },
+  },
+  server: {
+    cors: {
+      origin: '*',
+      methods: ['GET'],
+      preflightContinue: false,
+      optionsSuccessStatus: 204,
+    },
+  },
+  resolve: { alias: { '@': path.resolve(__dirname, './src') } },
+});

package/package.json

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

package/bin/templates/next/auth/.prettierrc

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

package/bin/templates/next/auth/eslint.config.mjs

@@ -1,103 +0,0 @@
-import nextVitals from 'eslint-config-next/core-web-vitals';
-import nextTs from 'eslint-config-next/typescript';
-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 { 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__/**',
-      '.next/**',
-      'out/**',
-      'next-env.d.ts',
-    ],
-  },
-  ...nextVitals,
-  ...nextTs,
-  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,
-      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,
-      'import/no-anonymous-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/templates/next/basic/.prettierrc

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

package/bin/templates/next/basic/eslint.config.mjs

@@ -1,103 +0,0 @@
-import nextVitals from 'eslint-config-next/core-web-vitals';
-import nextTs from 'eslint-config-next/typescript';
-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 { 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__/**',
-      '.next/**',
-      'out/**',
-      'next-env.d.ts',
-    ],
-  },
-  ...nextVitals,
-  ...nextTs,
-  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,
-      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,
-      'import/no-anonymous-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/templates/vite/basic/.prettierrc

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

package/bin/templates/vite/basic/eslint.config.mjs

@@ -1,97 +0,0 @@
-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/templates/vite/query/.prettierrc

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