@undp/create-app 0.2.1 → 0.2.2

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

@@ -1,73 +0,0 @@
-import { createRoute } 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 { H6, P } from '@undp/design-system-react/Typography';
-
-function useTodoData() {
-  return useQuery({
-    queryKey: ['todos'],
-    queryFn: () =>
-      Promise.resolve([
-        { id: 1, name: 'Alice' },
-        { id: 2, name: 'Bob' },
-        { id: 3, name: 'Charlie' },
-      ]),
-  });
-}
-
-export function TanStackQueryDemo() {
-  const { data, isLoading, isError } = useTodoData();
-
-  if (isLoading) return <Spinner size='lg' className='my-20 m-auto' />;
-
-  if (isError) return <>Error</>;
-  return (
-    <>
-      <div className='flex gap-4 items-center justify-center my-8 mx-auto'>
-        <img
-          src='./imgs/Vitejs-logo.svg'
-          alt='vite logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-        <P marginBottom='none'>&</P>
-        <img
-          src='./imgs/Tailwind_CSS_Logo.svg'
-          alt='tailwind logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-        <P marginBottom='none'>&</P>
-        <img
-          src='./imgs/logo-color-600.png'
-          alt='tanstack logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-        <P marginBottom='none'>&</P>
-        <img
-          src='./imgs/undp-logo-blue.svg'
-          alt='UNDP logo'
-          width='72px'
-          style={{ marginLeft: 'auto', marginRight: 'auto' }}
-        />
-      </div>
-      <H6 marginBottom='xl' className='text-center'>
-        Data loaded successfully
-        <br />
-        <br />
-        {data?.length} elements in the query
-      </H6>
-    </>
-  );
-}
-export default function createTanStackQueryDemoRoute(
-  parentRoute: AnyRootRoute,
-) {
-  return createRoute({
-    path: '/query-demo',
-    component: TanStackQueryDemo,
-    getParentRoute: () => parentRoute,
-  });
-}

package/bin/templates/vite/withoutDataViz/router/src/styles/fonts.css

@@ -1,213 +0,0 @@
-@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/vite/withoutDataViz/router/src/vite-env.d.ts

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

package/bin/templates/vite/withoutDataViz/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/withoutDataViz/router/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "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/vite/withoutDataViz/router/tsconfig.node.json

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

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

@@ -1,75 +0,0 @@
-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(),
-        {
-          postcssPlugin: 'move-media-queries-last', // If you want to reorder media queries to the end
-          OnceExit(root) {
-            const mediaQueries = [];
-
-            // Collect all media queries
-            root.walkAtRules('media', mediaRule => {
-              mediaQueries.push(mediaRule.clone());
-              mediaRule.remove();
-            });
-
-            // Append them at the end
-            mediaQueries.forEach(mediaQuery => {
-              root.append(mediaQuery);
-            });
-          },
-        },
-      ],
-    },
-  },
-  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') } },
-});