Preact templates for vite 3 (#1770)

v2/cmd/wails/internal/commands/initialise/templates/generate/assets/preact-ts/frontend/src/app.tsx

@@ -1,4 +1,4 @@
-import './App.css'
+import './app.css'
 import logo from "./assets/images/logo-universal.png"
 import {Greet} from "../wailsjs/go/main/App";
 import {useState} from "preact/hooks";

v2/cmd/wails/internal/commands/initialise/templates/generate/assets/preact/frontend/src/app.jsx

@@ -1,5 +1,5 @@
-import './App.css'
-import logo from "./assets/images/logo-universal.png"
+import './app.css';
+import logo from "./assets/images/logo-universal.png";
 import {Greet} from "../wailsjs/go/main/App";
 import {useState} from "preact/hooks";
 

v2/cmd/wails/internal/commands/initialise/templates/generate/assets/preact/frontend/src/main.jsx

@@ -1,14 +1,5 @@
-import React from 'react'
-import { createRoot } from 'react-dom/client'
-import './style.css'
-import App from './App'
+import {render} from 'preact';
+import {App} from './app';
+import './style.css';
 
-const container = document.getElementById('root')
-
-const root = createRoot(container)
-
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-)
+render(<App/>, document.getElementById('app'));

v2/cmd/wails/internal/commands/initialise/templates/templates/preact-ts/frontend/package.json

@@ -2,17 +2,18 @@
   "name": "frontend",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "preact": "^10.5.15"
+    "preact": "^10.10.1"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.1.5",
-    "typescript": "^4.5.4",
-    "vite": "^2.9.9"
+    "@preact/preset-vite": "^2.3.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.0.7"
   }
 }

v2/cmd/wails/internal/commands/initialise/templates/templates/preact-ts/frontend/tsconfig.node.json

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

v2/cmd/wails/internal/commands/initialise/templates/templates/preact-ts/frontend/wailsjs/runtime/runtime.d.ts

@@ -18,6 +18,13 @@ export interface Size {
     h: number;
 }
 
+export interface Screen {
+    isCurrent: boolean;
+    isPrimary: boolean;
+    width: number
+    height: number
+}
+
 // Environment information such as platform, buildtype, ...
 export interface EnvironmentInfo {
     buildType: string;
@@ -171,6 +178,10 @@ export function WindowUnminimise(): void;
 // Sets the background colour of the window to the given RGBA colour definition. This colour will show through for all transparent pixels.
 export function WindowSetBackgroundColour(R: number, G: number, B: number, A: number): void;
 
+// [ScreenGetAll](https://wails.io/docs/reference/runtime/window#screengetall)
+// Gets the all screens. Call this anew each time you want to refresh data from the underlying windowing system.
+export function ScreenGetAll(): Promise<Screen[]>;
+
 // [BrowserOpenURL](https://wails.io/docs/reference/runtime/browser#browseropenurl)
 // Opens the given URL in the system browser.
 export function BrowserOpenURL(url: string): void;
@@ -182,3 +193,11 @@ export function Environment(): Promise<EnvironmentInfo>;
 // [Quit](https://wails.io/docs/reference/runtime/intro#quit)
 // Quits the application.
 export function Quit(): void;
+
+// [Hide](https://wails.io/docs/reference/runtime/intro#hide)
+// Hides the application.
+export function Hide(): void;
+
+// [Show](https://wails.io/docs/reference/runtime/intro#show)
+// Shows the application.
+export function Show(): void;

v2/cmd/wails/internal/commands/initialise/templates/templates/preact-ts/frontend/wailsjs/runtime/runtime.js

@@ -149,6 +149,10 @@ export function WindowSetBackgroundColour(R, G, B, A) {
     window.runtime.WindowSetBackgroundColour(R, G, B, A);
 }
 
+export function ScreenGetAll() {
+    return window.runtime.ScreenGetAll();
+}
+
 export function BrowserOpenURL(url) {
     window.runtime.BrowserOpenURL(url);
 }
@@ -161,6 +165,10 @@ export function Quit() {
     window.runtime.Quit();
 }
 
-export function ScreenGetAll() {
-    return window.runtime.ScreenGetAll();
-}
+export function Hide() {
+    window.runtime.Hide();
+}
+
+export function Show() {
+    window.runtime.Show();
+}

v2/cmd/wails/internal/commands/initialise/templates/templates/preact/frontend/package.json

@@ -2,16 +2,17 @@
   "name": "frontend",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "preact": "^10.5.15"
+    "preact": "^10.10.1"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.1.5",
-    "vite": "^2.9.9"
+    "@preact/preset-vite": "^2.3.0",
+    "vite": "^3.0.7"
   }
 }

v2/cmd/wails/internal/commands/initialise/templates/templates/preact/frontend/src/assets/preact.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" class="iconify iconify--logos" width="27.68"
+     height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 296">
+    <path fill="#673AB8" d="m128 0l128 73.9v147.8l-128 73.9L0 221.7V73.9z"></path>
+    <path fill="#FFF"
+          d="M34.865 220.478c17.016 21.78 71.095 5.185 122.15-34.704c51.055-39.888 80.24-88.345 63.224-110.126c-17.017-21.78-71.095-5.184-122.15 34.704c-51.055 39.89-80.24 88.346-63.224 110.126Zm7.27-5.68c-5.644-7.222-3.178-21.402 7.573-39.253c11.322-18.797 30.541-39.548 54.06-57.923c23.52-18.375 48.303-32.004 69.281-38.442c19.922-6.113 34.277-5.075 39.92 2.148c5.644 7.223 3.178 21.403-7.573 39.254c-11.322 18.797-30.541 39.547-54.06 57.923c-23.52 18.375-48.304 32.004-69.281 38.441c-19.922 6.114-34.277 5.076-39.92-2.147Z"></path>
+    <path fill="#FFF"
+          d="M220.239 220.478c17.017-21.78-12.169-70.237-63.224-110.126C105.96 70.464 51.88 53.868 34.865 75.648c-17.017 21.78 12.169 70.238 63.224 110.126c51.055 39.889 105.133 56.485 122.15 34.704Zm-7.27-5.68c-5.643 7.224-19.998 8.262-39.92 2.148c-20.978-6.437-45.761-20.066-69.28-38.441c-23.52-18.376-42.74-39.126-54.06-57.923c-10.752-17.851-13.218-32.03-7.575-39.254c5.644-7.223 19.999-8.261 39.92-2.148c20.978 6.438 45.762 20.067 69.281 38.442c23.52 18.375 42.739 39.126 54.06 57.923c10.752 17.85 13.218 32.03 7.574 39.254Z"></path>
+    <path fill="#FFF"
+          d="M127.552 167.667c10.827 0 19.603-8.777 19.603-19.604c0-10.826-8.776-19.603-19.603-19.603c-10.827 0-19.604 8.777-19.604 19.603c0 10.827 8.777 19.604 19.604 19.604Z"></path>
+</svg>

v2/cmd/wails/internal/commands/initialise/templates/templates/preact/frontend/wailsjs/runtime/runtime.d.ts

@@ -18,6 +18,13 @@ export interface Size {
     h: number;
 }
 
+export interface Screen {
+    isCurrent: boolean;
+    isPrimary: boolean;
+    width: number
+    height: number
+}
+
 // Environment information such as platform, buildtype, ...
 export interface EnvironmentInfo {
     buildType: string;
@@ -171,6 +178,10 @@ export function WindowUnminimise(): void;
 // Sets the background colour of the window to the given RGBA colour definition. This colour will show through for all transparent pixels.
 export function WindowSetBackgroundColour(R: number, G: number, B: number, A: number): void;
 
+// [ScreenGetAll](https://wails.io/docs/reference/runtime/window#screengetall)
+// Gets the all screens. Call this anew each time you want to refresh data from the underlying windowing system.
+export function ScreenGetAll(): Promise<Screen[]>;
+
 // [BrowserOpenURL](https://wails.io/docs/reference/runtime/browser#browseropenurl)
 // Opens the given URL in the system browser.
 export function BrowserOpenURL(url: string): void;
@@ -182,3 +193,11 @@ export function Environment(): Promise<EnvironmentInfo>;
 // [Quit](https://wails.io/docs/reference/runtime/intro#quit)
 // Quits the application.
 export function Quit(): void;
+
+// [Hide](https://wails.io/docs/reference/runtime/intro#hide)
+// Hides the application.
+export function Hide(): void;
+
+// [Show](https://wails.io/docs/reference/runtime/intro#show)
+// Shows the application.
+export function Show(): void;

v2/cmd/wails/internal/commands/initialise/templates/templates/preact/frontend/wailsjs/runtime/runtime.js

@@ -149,6 +149,10 @@ export function WindowSetBackgroundColour(R, G, B, A) {
     window.runtime.WindowSetBackgroundColour(R, G, B, A);
 }
 
+export function ScreenGetAll() {
+    return window.runtime.ScreenGetAll();
+}
+
 export function BrowserOpenURL(url) {
     window.runtime.BrowserOpenURL(url);
 }
@@ -161,6 +165,10 @@ export function Quit() {
     window.runtime.Quit();
 }
 
-export function ScreenGetAll() {
-    return window.runtime.ScreenGetAll();
-}
+export function Hide() {
+    window.runtime.Hide();
+}
+
+export function Show() {
+    window.runtime.Show();
+}