refactor: show after render
imspace
parent
586df102a9
commit
abb46979da
|
|
@ -1,14 +1,23 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Tauri + React + TS</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
<head>
|
||||||
<div id="root"></div>
|
<meta charset="UTF-8" />
|
||||||
<script type="module" src="/src/main.tsx"></script>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
</body>
|
<link href="/src/main.css" rel="stylesheet" />
|
||||||
|
<title>Tauri + React + TS</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="root">
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024"
|
||||||
|
class="animate-spin my-2 mx-auto" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path
|
||||||
|
d="M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874c-47-47-84-101.7-109.8-162.7C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3 22.2 52.4 53.9 99.5 94.3 139.9 40.4 40.4 87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952c59.4 0 117-11.6 171.3-34.6 52.4-22.2 99.5-53.9 139.9-94.3 40.4-40.4 72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512c0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874c-47 47-101.8 83.9-162.7 109.7-63.1 26.8-130.2 40.3-199.3 40.3z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<script type="module" src="/src/main.tsx"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -13,7 +13,7 @@ edition = "2021"
|
||||||
tauri-build = { version = "1.2", features = [] }
|
tauri-build = { version = "1.2", features = [] }
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
tauri = { version = "1.2", features = ["shell-open", "shell-sidecar"] }
|
tauri = { version = "1.2", features = ["shell-open", "shell-sidecar", "window-all"] }
|
||||||
serde = { version = "1.0", features = ["derive"] }
|
serde = { version = "1.0", features = ["derive"] }
|
||||||
serde_json = "1.0"
|
serde_json = "1.0"
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,16 @@
|
||||||
],
|
],
|
||||||
"all": false,
|
"all": false,
|
||||||
"open": true
|
"open": true
|
||||||
|
},
|
||||||
|
"window": {
|
||||||
|
"all": true
|
||||||
|
},
|
||||||
|
"fs": {
|
||||||
|
"scope": [
|
||||||
|
"$APPCONFIG",
|
||||||
|
"$APPDATA",
|
||||||
|
"$APPCACHE"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"bundle": {
|
"bundle": {
|
||||||
|
|
@ -55,7 +65,8 @@
|
||||||
"resizable": true,
|
"resizable": true,
|
||||||
"title": "s3si.ts",
|
"title": "s3si.ts",
|
||||||
"width": 800,
|
"width": 800,
|
||||||
"height": 600
|
"height": 600,
|
||||||
|
"visible": false
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,13 @@
|
||||||
import {
|
import { getCurrent } from "@tauri-apps/api/window";
|
||||||
|
|
||||||
} from "@tauri-apps/api/window";
|
|
||||||
import { Routes, Route } from "react-router-dom";
|
import { Routes, Route } from "react-router-dom";
|
||||||
import { Layout } from "components/Layout";
|
import { Layout } from "components/Layout";
|
||||||
import { Home } from "pages/Home";
|
import { Home } from "pages/Home";
|
||||||
|
import { useEffect } from "react";
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
|
useEffect(() => {
|
||||||
|
getCurrent().show()
|
||||||
|
}, [])
|
||||||
return (
|
return (
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path='/' element={<Layout />}>
|
<Route path='/' element={<Layout />}>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,6 @@ import React from "react";
|
||||||
import ReactDOM from "react-dom/client";
|
import ReactDOM from "react-dom/client";
|
||||||
import { BrowserRouter } from "react-router-dom";
|
import { BrowserRouter } from "react-router-dom";
|
||||||
import App from "./App";
|
import App from "./App";
|
||||||
import "./main.css";
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
|
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
|
|
@ -11,3 +10,4 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
</React.StrictMode>
|
</React.StrictMode>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,17 @@
|
||||||
|
import { WebviewWindow } from '@tauri-apps/api/window'
|
||||||
import { Loading } from 'components/Loading'
|
import { Loading } from 'components/Loading'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
|
|
||||||
export const Home: React.FC = ({ }) => {
|
export const Home: React.FC = ({ }) => {
|
||||||
|
const onClick = () => {
|
||||||
|
const webview = new WebviewWindow('theUniqueLabel', {
|
||||||
|
url: 'https://accounts.nintendo.com/',
|
||||||
|
resizable: false,
|
||||||
|
focus: true,
|
||||||
|
})
|
||||||
|
};
|
||||||
return <>
|
return <>
|
||||||
Hello world! <Loading />
|
Hello world! <Loading />
|
||||||
|
<button onClick={onClick}>Open the window!</button>
|
||||||
</>
|
</>
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue