@undp/create-app 0.9.0 → 0.91.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.
- package/bin/generateFiles/generateLayoutForNext.js +16 -11
- package/bin/generateFiles/generatePackageJson.js +7 -9
- package/bin/generateFiles/generateStylesCss.js +2 -3
- package/bin/generateFiles/generateViteConfig.js +31 -19
- package/bin/generateFiles/index.js +10 -10
- package/bin/index.js +142 -101
- package/bin/templates/next/auth/app/globals.css +2 -1
- package/bin/templates/next/auth/app/layout.tsx +20 -22
- package/bin/templates/next/basic/app/globals.css +3 -1
- package/bin/templates/next/basic/app/layout.tsx +20 -23
- package/bin/templates/vite/basic/README.md +19 -7
- package/bin/templates/vite/basic/src/main.tsx +16 -7
- package/bin/templates/vite/basic/src/styles/style.css +1 -2
- package/bin/templates/vite/query/README.md +19 -7
- package/bin/templates/vite/query/src/main.tsx +20 -15
- package/bin/templates/vite/query/src/styles/style.css +2 -2
- package/bin/templates/vite/query+router/src/main.tsx +52 -53
- package/bin/templates/vite/query+router/src/styles/style.css +2 -2
- package/bin/templates/vite/router/src/main.tsx +46 -47
- package/bin/templates/vite/router/src/styles/style.css +1 -2
- package/bin/templates/viteWithLanguage/basic/src/styles/style.css +1 -2
- package/bin/templates/viteWithLanguage/query/src/styles/style.css +1 -2
- package/bin/templates/viteWithLanguage/query+router/src/main.tsx +70 -71
- package/bin/templates/viteWithLanguage/query+router/src/styles/style.css +1 -2
- package/bin/templates/viteWithLanguage/router/src/main.tsx +62 -66
- package/bin/templates/viteWithLanguage/router/src/styles/style.css +1 -2
- package/package.json +1 -1
|
@@ -1,89 +1,85 @@
|
|
|
1
|
-
import { StrictMode } from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom/client';
|
|
3
|
-
import { I18nextProvider } from 'react-i18next';
|
|
4
1
|
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} from
|
|
2
|
+
createRootRoute,
|
|
3
|
+
createRoute,
|
|
4
|
+
createRouter,
|
|
5
|
+
Outlet,
|
|
6
|
+
RouterProvider,
|
|
7
|
+
redirect,
|
|
8
|
+
} from "@tanstack/react-router";
|
|
9
|
+
import { StrictMode } from "react";
|
|
10
|
+
import ReactDOM from "react-dom/client";
|
|
11
|
+
import { I18nextProvider } from "react-i18next";
|
|
12
|
+
import App from "./App";
|
|
13
|
+
import FooterEl from "./components/Footer";
|
|
14
|
+
import HeaderEl from "./components/Header";
|
|
15
|
+
import { DEFAULT_LANGUAGE, LANGUAGES } from "./constants";
|
|
16
|
+
import i18n from "./i18n";
|
|
17
|
+
import createAboutRoute from "./routes/about.route";
|
|
12
18
|
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import App from './App';
|
|
16
|
-
import createAboutRoute from './routes/about.route';
|
|
17
|
-
import i18n from './i18n';
|
|
18
|
-
import { DEFAULT_LANGUAGE, LANGUAGES } from './constants';
|
|
19
|
-
|
|
20
|
-
import './styles/fonts.css';
|
|
21
|
-
import './styles/style.css';
|
|
19
|
+
import "./styles/fonts.css";
|
|
20
|
+
import "./styles/style.css";
|
|
22
21
|
|
|
23
22
|
const rootRoute = createRootRoute({
|
|
24
|
-
|
|
23
|
+
component: () => <Outlet />,
|
|
25
24
|
});
|
|
26
25
|
|
|
27
26
|
const localeRoute = createRoute({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
getParentRoute: () => rootRoute,
|
|
28
|
+
path: "/{-$locale}",
|
|
29
|
+
beforeLoad: async ({ params }) => {
|
|
30
|
+
const locale =
|
|
31
|
+
params.locale && LANGUAGES.map((d) => d.id).includes(params.locale)
|
|
32
|
+
? params.locale
|
|
33
|
+
: DEFAULT_LANGUAGE;
|
|
35
34
|
|
|
36
|
-
|
|
35
|
+
await i18n.changeLanguage(locale);
|
|
37
36
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
37
|
+
return { locale };
|
|
38
|
+
},
|
|
39
|
+
component: () => (
|
|
40
|
+
<div className="flex flex-col gap-0 min-h-screen">
|
|
41
|
+
<HeaderEl />
|
|
42
|
+
<main className="grow flex flex-col justify-center">
|
|
43
|
+
<div className="flex flex-col justify-center">
|
|
44
|
+
<Outlet />
|
|
45
|
+
</div>
|
|
46
|
+
</main>
|
|
47
|
+
<FooterEl />
|
|
48
|
+
</div>
|
|
49
|
+
),
|
|
51
50
|
});
|
|
52
51
|
|
|
53
52
|
const indexRoute = createRoute({
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
getParentRoute: () => localeRoute,
|
|
54
|
+
path: "/",
|
|
55
|
+
component: App,
|
|
57
56
|
});
|
|
58
57
|
|
|
59
58
|
const routeTree = rootRoute.addChildren([
|
|
60
|
-
|
|
61
|
-
indexRoute,
|
|
62
|
-
createAboutRoute(localeRoute),
|
|
63
|
-
]),
|
|
59
|
+
localeRoute.addChildren([indexRoute, createAboutRoute(localeRoute)]),
|
|
64
60
|
]);
|
|
65
61
|
|
|
66
62
|
const router = createRouter({
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
63
|
+
routeTree,
|
|
64
|
+
defaultPreload: "intent",
|
|
65
|
+
scrollRestoration: true,
|
|
66
|
+
defaultStructuralSharing: true,
|
|
67
|
+
defaultPreloadStaleTime: 0,
|
|
72
68
|
});
|
|
73
69
|
|
|
74
|
-
declare module
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
70
|
+
declare module "@tanstack/react-router" {
|
|
71
|
+
interface Register {
|
|
72
|
+
router: typeof router;
|
|
73
|
+
}
|
|
78
74
|
}
|
|
79
75
|
|
|
80
|
-
const rootElement = document.getElementById(
|
|
76
|
+
const rootElement = document.getElementById("root");
|
|
81
77
|
if (rootElement) {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
78
|
+
ReactDOM.createRoot(rootElement).render(
|
|
79
|
+
<StrictMode>
|
|
80
|
+
<I18nextProvider i18n={i18n}>
|
|
81
|
+
<RouterProvider router={router} />
|
|
82
|
+
</I18nextProvider>
|
|
83
|
+
</StrictMode>,
|
|
84
|
+
);
|
|
85
|
+
}
|