create-pixi-vn 1.4.0 → 1.4.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/package.json +1 -1
- package/template-react-vite-muijoy/.vscode/settings.json +10 -10
- package/template-react-vite-muijoy-ink-tauri/src/screens/settings/FullScreenSettings.tsx +6 -1
- package/template-react-vite-muijoy-ink-tauri/src/use_query/useQueryIsFullModeScreen.ts +4 -0
- package/template-react-vite-muijoy-ink-tauri/src-tauri/capabilities/default.json +1 -0
- package/template-react-vite-muijoy-ink-tauri/src-tauri/tauri.conf.json +2 -0
- package/template-react-vite-muijoy-tauri/src/screens/settings/FullScreenSettings.tsx +6 -1
- package/template-react-vite-muijoy-tauri/src/use_query/useQueryIsFullModeScreen.ts +4 -0
- package/template-react-vite-muijoy-tauri/src-tauri/capabilities/default.json +1 -0
- package/template-react-vite-muijoy-tauri/src-tauri/tauri.conf.json +2 -0
package/package.json
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
// Formatter
|
|
3
3
|
"[javascript]": {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
5
|
+
"editor.formatOnSave": true
|
|
6
6
|
},
|
|
7
7
|
"[javascriptreact]": {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
9
|
+
"editor.formatOnSave": true
|
|
10
10
|
},
|
|
11
11
|
"[typescript]": {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
13
|
+
"editor.formatOnSave": true
|
|
14
14
|
},
|
|
15
15
|
"[typescriptreact]": {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
17
|
+
"editor.formatOnSave": true
|
|
18
18
|
},
|
|
19
19
|
"[css]": {
|
|
20
20
|
"editor.defaultFormatter": "vscode.css-language-features",
|
|
21
21
|
"editor.formatOnSave": true
|
|
22
22
|
},
|
|
23
23
|
"[html]": {
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
|
25
|
+
"editor.formatOnSave": true,
|
|
26
26
|
"prettier.tabWidth": 2,
|
|
27
27
|
},
|
|
28
28
|
"prettier.jsxSingleQuote": true,
|
|
@@ -5,6 +5,9 @@ import { useQueryClient } from "@tanstack/react-query";
|
|
|
5
5
|
import { useState } from "react";
|
|
6
6
|
import { useTranslation } from "react-i18next";
|
|
7
7
|
import useQueryIsFullModeScreen, { IS_FULL_SCREEN_MODE_USE_QUEY_KEY } from "../../use_query/useQueryIsFullModeScreen";
|
|
8
|
+
import * as app from '@tauri-apps/api';
|
|
9
|
+
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
10
|
+
declare global { interface Window { __TAURI__: typeof app; } }
|
|
8
11
|
|
|
9
12
|
export default function FullScreenSettings() {
|
|
10
13
|
const { data: isFullScreenMode } = useQueryIsFullModeScreen();
|
|
@@ -27,7 +30,9 @@ export default function FullScreenSettings() {
|
|
|
27
30
|
onClick={() => {
|
|
28
31
|
setLoading(true);
|
|
29
32
|
let promise: Promise<void>;
|
|
30
|
-
if (
|
|
33
|
+
if (window.__TAURI__) {
|
|
34
|
+
promise = getCurrentWindow().setFullscreen(!isFullScreenMode);
|
|
35
|
+
} else if (isFullScreenMode) {
|
|
31
36
|
promise = document.exitFullscreen();
|
|
32
37
|
} else {
|
|
33
38
|
promise = document.documentElement.requestFullscreen();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useQuery } from "@tanstack/react-query";
|
|
2
|
+
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
2
3
|
|
|
3
4
|
export const IS_FULL_SCREEN_MODE_USE_QUEY_KEY = "is_full_screen_mode_use_quey_key";
|
|
4
5
|
|
|
@@ -6,6 +7,9 @@ export default function useQueryIsFullModeScreen() {
|
|
|
6
7
|
return useQuery({
|
|
7
8
|
queryKey: [IS_FULL_SCREEN_MODE_USE_QUEY_KEY],
|
|
8
9
|
queryFn: () => {
|
|
10
|
+
if(window.__TAURI__) {
|
|
11
|
+
return getCurrentWindow().isFullscreen();
|
|
12
|
+
}
|
|
9
13
|
return document.fullscreenElement !== null;
|
|
10
14
|
},
|
|
11
15
|
});
|
|
@@ -5,6 +5,9 @@ import { useQueryClient } from "@tanstack/react-query";
|
|
|
5
5
|
import { useState } from "react";
|
|
6
6
|
import { useTranslation } from "react-i18next";
|
|
7
7
|
import useQueryIsFullModeScreen, { IS_FULL_SCREEN_MODE_USE_QUEY_KEY } from "../../use_query/useQueryIsFullModeScreen";
|
|
8
|
+
import * as app from '@tauri-apps/api';
|
|
9
|
+
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
10
|
+
declare global { interface Window { __TAURI__: typeof app; } }
|
|
8
11
|
|
|
9
12
|
export default function FullScreenSettings() {
|
|
10
13
|
const { data: isFullScreenMode } = useQueryIsFullModeScreen();
|
|
@@ -27,7 +30,9 @@ export default function FullScreenSettings() {
|
|
|
27
30
|
onClick={() => {
|
|
28
31
|
setLoading(true);
|
|
29
32
|
let promise: Promise<void>;
|
|
30
|
-
if (
|
|
33
|
+
if (window.__TAURI__) {
|
|
34
|
+
promise = getCurrentWindow().setFullscreen(!isFullScreenMode);
|
|
35
|
+
} else if (isFullScreenMode) {
|
|
31
36
|
promise = document.exitFullscreen();
|
|
32
37
|
} else {
|
|
33
38
|
promise = document.documentElement.requestFullscreen();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useQuery } from "@tanstack/react-query";
|
|
2
|
+
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
2
3
|
|
|
3
4
|
export const IS_FULL_SCREEN_MODE_USE_QUEY_KEY = "is_full_screen_mode_use_quey_key";
|
|
4
5
|
|
|
@@ -6,6 +7,9 @@ export default function useQueryIsFullModeScreen() {
|
|
|
6
7
|
return useQuery({
|
|
7
8
|
queryKey: [IS_FULL_SCREEN_MODE_USE_QUEY_KEY],
|
|
8
9
|
queryFn: () => {
|
|
10
|
+
if(window.__TAURI__) {
|
|
11
|
+
return getCurrentWindow().isFullscreen();
|
|
12
|
+
}
|
|
9
13
|
return document.fullscreenElement !== null;
|
|
10
14
|
},
|
|
11
15
|
});
|