@batijs/cli 0.0.120 → 0.0.122

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 (20) hide show
  1. package/dist/boilerplates/@batijs/react/files/$package.json.js +12 -0
  2. package/dist/boilerplates/@batijs/react/files/$vite.config.ts.js +4 -4
  3. package/dist/boilerplates/@batijs/react/files/pages/+onPageTransitionEnd.ts +6 -0
  4. package/dist/boilerplates/@batijs/react/files/pages/+onPageTransitionStart.ts +6 -0
  5. package/dist/boilerplates/@batijs/react/types/pages/+onPageTransitionEnd.d.ts +2 -0
  6. package/dist/boilerplates/@batijs/react/types/pages/+onPageTransitionStart.d.ts +2 -0
  7. package/dist/boilerplates/@batijs/solid/files/$package.json.js +12 -0
  8. package/dist/boilerplates/@batijs/solid/files/pages/+onPageTransitionEnd.ts +6 -0
  9. package/dist/boilerplates/@batijs/solid/files/pages/+onPageTransitionStart.ts +6 -0
  10. package/dist/boilerplates/@batijs/solid/types/pages/+onPageTransitionEnd.d.ts +2 -0
  11. package/dist/boilerplates/@batijs/solid/types/pages/+onPageTransitionStart.d.ts +2 -0
  12. package/dist/boilerplates/@batijs/vue/files/$package.json.js +12 -0
  13. package/dist/boilerplates/@batijs/vue/files/layouts/LayoutDefault.vue +12 -18
  14. package/dist/boilerplates/@batijs/vue/files/pages/+onPageTransitionEnd.ts +6 -0
  15. package/dist/boilerplates/@batijs/vue/files/pages/+onPageTransitionStart.ts +6 -0
  16. package/dist/boilerplates/@batijs/vue/files/pages/star-wars/@id/+Page.vue +2 -2
  17. package/dist/boilerplates/@batijs/vue/types/pages/+onPageTransitionEnd.d.ts +2 -0
  18. package/dist/boilerplates/@batijs/vue/types/pages/+onPageTransitionStart.d.ts +2 -0
  19. package/dist/index.js +1 -1
  20. package/package.json +5 -5
@@ -83,6 +83,12 @@ var require_package = __commonJS({
83
83
  "./pages/+config.h": {
84
84
  types: "./dist/types/pages/+config.h.d.ts"
85
85
  },
86
+ "./pages/+onPageTransitionEnd": {
87
+ types: "./dist/types/pages/+onPageTransitionEnd.d.ts"
88
+ },
89
+ "./pages/+onPageTransitionStart": {
90
+ types: "./dist/types/pages/+onPageTransitionStart.d.ts"
91
+ },
86
92
  "./pages/_error/+Page": {
87
93
  types: "./dist/types/pages/_error/+Page.d.ts"
88
94
  },
@@ -125,6 +131,12 @@ var require_package = __commonJS({
125
131
  "pages/+config.h": [
126
132
  "./dist/types/pages/+config.h.d.ts"
127
133
  ],
134
+ "pages/+onPageTransitionEnd": [
135
+ "./dist/types/pages/+onPageTransitionEnd.d.ts"
136
+ ],
137
+ "pages/+onPageTransitionStart": [
138
+ "./dist/types/pages/+onPageTransitionStart.d.ts"
139
+ ],
128
140
  "pages/_error/+Page": [
129
141
  "./dist/types/pages/_error/+Page.d.ts"
130
142
  ],
@@ -2,19 +2,19 @@
2
2
  import { addVitePlugin, loadAsMagicast } from "@batijs/core";
3
3
  async function getViteConfig(props) {
4
4
  const mod = await loadAsMagicast(props);
5
- const options = props.meta.BATI.has("vercel") ? {
5
+ const vikeOptions = props.meta.BATI.has("vercel") ? {
6
6
  prerender: true
7
7
  } : {};
8
+ const reactOptions = props.meta.BATI.has("vercel") && props.meta.BATI.has("hattip") ? { jsxRuntime: "classic" } : {};
8
9
  addVitePlugin(mod, {
9
10
  from: "@vitejs/plugin-react",
10
11
  constructor: "react",
11
- // see https://github.com/vitejs/vite/discussions/5803#discussioncomment-5562200
12
- options: { jsxRuntime: "classic" }
12
+ options: reactOptions
13
13
  });
14
14
  addVitePlugin(mod, {
15
15
  from: "vike/plugin",
16
16
  constructor: "ssr",
17
- options
17
+ options: vikeOptions
18
18
  });
19
19
  return mod.generate().code;
20
20
  }
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+
3
+ export const onPageTransitionEnd: OnPageTransitionEndAsync = async () => {
4
+ console.log("Page transition end");
5
+ document.querySelector("body")!.classList.remove("page-is-transitioning");
6
+ };
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+
3
+ export const onPageTransitionStart: OnPageTransitionStartAsync = async () => {
4
+ console.log("Page transition start");
5
+ document.querySelector("body")!.classList.add("page-is-transitioning");
6
+ };
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+ export declare const onPageTransitionEnd: OnPageTransitionEndAsync;
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+ export declare const onPageTransitionStart: OnPageTransitionStartAsync;
@@ -77,6 +77,12 @@ var require_package = __commonJS({
77
77
  "./pages/+config.h": {
78
78
  types: "./dist/types/pages/+config.h.d.ts"
79
79
  },
80
+ "./pages/+onPageTransitionEnd": {
81
+ types: "./dist/types/pages/+onPageTransitionEnd.d.ts"
82
+ },
83
+ "./pages/+onPageTransitionStart": {
84
+ types: "./dist/types/pages/+onPageTransitionStart.d.ts"
85
+ },
80
86
  "./pages/_error/+Page": {
81
87
  types: "./dist/types/pages/_error/+Page.d.ts"
82
88
  },
@@ -125,6 +131,12 @@ var require_package = __commonJS({
125
131
  "pages/+config.h": [
126
132
  "./dist/types/pages/+config.h.d.ts"
127
133
  ],
134
+ "pages/+onPageTransitionEnd": [
135
+ "./dist/types/pages/+onPageTransitionEnd.d.ts"
136
+ ],
137
+ "pages/+onPageTransitionStart": [
138
+ "./dist/types/pages/+onPageTransitionStart.d.ts"
139
+ ],
128
140
  "pages/_error/+Page": [
129
141
  "./dist/types/pages/_error/+Page.d.ts"
130
142
  ],
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+
3
+ export const onPageTransitionEnd: OnPageTransitionEndAsync = async () => {
4
+ console.log("Page transition end");
5
+ document.querySelector("body")!.classList.remove("page-is-transitioning");
6
+ };
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+
3
+ export const onPageTransitionStart: OnPageTransitionStartAsync = async () => {
4
+ console.log("Page transition start");
5
+ document.querySelector("body")!.classList.add("page-is-transitioning");
6
+ };
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+ export declare const onPageTransitionEnd: OnPageTransitionEndAsync;
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+ export declare const onPageTransitionStart: OnPageTransitionStartAsync;
@@ -71,6 +71,12 @@ var require_package = __commonJS({
71
71
  "./pages/+config.h": {
72
72
  types: "./dist/types/pages/+config.h.d.ts"
73
73
  },
74
+ "./pages/+onPageTransitionEnd": {
75
+ types: "./dist/types/pages/+onPageTransitionEnd.d.ts"
76
+ },
77
+ "./pages/+onPageTransitionStart": {
78
+ types: "./dist/types/pages/+onPageTransitionStart.d.ts"
79
+ },
74
80
  "./pages/star-wars/types": {
75
81
  types: "./dist/types/pages/star-wars/types.d.ts"
76
82
  },
@@ -89,6 +95,12 @@ var require_package = __commonJS({
89
95
  "pages/+config.h": [
90
96
  "./dist/types/pages/+config.h.d.ts"
91
97
  ],
98
+ "pages/+onPageTransitionEnd": [
99
+ "./dist/types/pages/+onPageTransitionEnd.d.ts"
100
+ ],
101
+ "pages/+onPageTransitionStart": [
102
+ "./dist/types/pages/+onPageTransitionStart.d.ts"
103
+ ],
92
104
  "pages/star-wars/types": [
93
105
  "./dist/types/pages/star-wars/types.d.ts"
94
106
  ],
@@ -2,30 +2,22 @@
2
2
  <div class="layout">
3
3
  <Sidebar>
4
4
  <Logo />
5
- <Link href="/">
6
- Welcome
7
- </Link>
5
+ <Link href="/"> Welcome </Link>
8
6
  <!-- BATI.has("telefunc") -->
9
- <Link href="/todo">
10
- Todo (telefunc)
11
- </Link>
7
+ <Link href="/todo"> Todo (telefunc) </Link>
12
8
  <!-- BATI.has("trpc") -->
13
- <Link href="/todo-trpc">
14
- Todo (tRPC)
15
- </Link>
16
- <Link href="/star-wars">
17
- Data Fetching
18
- </Link>
9
+ <Link href="/todo-trpc"> Todo (tRPC) </Link>
10
+ <Link href="/star-wars"> Data Fetching </Link>
19
11
  </Sidebar>
20
12
  <Content><slot /></Content>
21
13
  </div>
22
14
  </template>
23
15
 
24
16
  <script lang="ts" setup>
25
- import Sidebar from "../components/Sidebar.vue";
26
- import Logo from "../components/Logo.vue";
27
- import Link from "../components/Link.vue";
28
17
  import Content from "../components/Content.vue";
18
+ import Link from "../components/Link.vue";
19
+ import Logo from "../components/Logo.vue";
20
+ import Sidebar from "../components/Sidebar.vue";
29
21
  </script>
30
22
 
31
23
  <style>
@@ -58,10 +50,12 @@ a {
58
50
  min-height: 100vh;
59
51
  flex-grow: 1;
60
52
  }
61
- .content {
62
- transition: opacity 0.1s ease-in;
53
+ /* Page Transition Animation */
54
+ #page-content {
55
+ opacity: 1;
56
+ transition: opacity 0.3s ease-in-out;
63
57
  }
64
- .content.page-transition {
58
+ body.page-is-transitioning #page-content {
65
59
  opacity: 0;
66
60
  }
67
61
  </style>
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+
3
+ export const onPageTransitionEnd: OnPageTransitionEndAsync = async () => {
4
+ console.log("Page transition end");
5
+ document.querySelector("body")!.classList.remove("page-is-transitioning");
6
+ };
@@ -0,0 +1,6 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+
3
+ export const onPageTransitionStart: OnPageTransitionStartAsync = async () => {
4
+ console.log("Page transition start");
5
+ document.querySelector("body")!.classList.add("page-is-transitioning");
6
+ };
@@ -9,8 +9,8 @@
9
9
 
10
10
  <script lang="ts" setup>
11
11
  defineProps({
12
- movies: {
13
- type: Array,
12
+ movie: {
13
+ type: Object,
14
14
  required: true,
15
15
  },
16
16
  })
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionEndAsync } from "vike/types";
2
+ export declare const onPageTransitionEnd: OnPageTransitionEndAsync;
@@ -0,0 +1,2 @@
1
+ import type { OnPageTransitionStartAsync } from "vike/types";
2
+ export declare const onPageTransitionStart: OnPageTransitionStartAsync;
package/dist/index.js CHANGED
@@ -576,7 +576,7 @@ Please report this issue to https://github.com/magne4000/bati`
576
576
  // package.json
577
577
  var package_default = {
578
578
  name: "@batijs/cli",
579
- version: "0.0.120",
579
+ version: "0.0.122",
580
580
  type: "module",
581
581
  scripts: {
582
582
  "check-types": "tsc --noEmit",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@batijs/cli",
3
- "version": "0.0.120",
3
+ "version": "0.0.122",
4
4
  "type": "module",
5
5
  "keywords": [],
6
6
  "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -19,12 +19,12 @@
19
19
  "tsup": "^8.0.1",
20
20
  "typescript": "^5.3.2",
21
21
  "vite": "^5.0.2",
22
- "@batijs/build": "0.0.120",
23
- "@batijs/compile": "0.0.120"
22
+ "@batijs/build": "0.0.122",
23
+ "@batijs/compile": "0.0.122"
24
24
  },
25
25
  "dependencies": {
26
- "@batijs/core": "0.0.120",
27
- "@batijs/features": "0.0.120"
26
+ "@batijs/core": "0.0.122",
27
+ "@batijs/features": "0.0.122"
28
28
  },
29
29
  "bin": "./dist/index.js",
30
30
  "exports": {