# wails template
This is my wails-template i am using for the *ICT-Regiomeisterschaften 2025*. 
It uses vanilla svelte with vite in the Frontend. For styling i use Flowbyte and TailwindCSS. I have setup a pipeline to build windows and linux binaries. For windows i have a working installer.

Feel free to use this template on your own. To set it up just run ```setup.sh```. If you're not using gitea you will have to rename the ```.gitea``` folder to ```.github```, to use the pipelines. 

Enjoy :)



## Links

 - [gorm](https://gorm.io/docs/)
 - [SQLite ERD](https://www.convertcsv.com/sqlite-online.htm)
 - [Svelte5](https://svelte.dev/docs/svelte/what-are-runes)
 - [SvelteRouting](https://github.com/EmilTholin/svelte-routing)
 - [Flowbyte UI lib](https://flowbite-svelte.com/docs/pages/introduction)
 - [Tailwind](https://tailwindcss.com/docs/flex-basis)

## Fixes


## X-Compilation

for [Windows](https://github.com/wailsapp/wails/issues/1292):

```sh
sudo pacman -S mingw-w64-gcc
wails dev # to generate bindings
env GOOS=windows GOARCH=amd64 CGO_ENABLED=1 CC=x86_64-w64-mingw32-gcc CXX=x86_64-w64-mingw32-g++ CGO_CXXFLAGS="-IC:\msys64\mingw64\include" wails build -ldflags '-extldflags "-static"' -skipbindings
```

## Branches:
 - main: in memory
 - gorm-sqlite: gorm with SQLite and one to many association.

## Live Development

To run in live development mode, run `wails dev` in the project directory. This will run a Vite development
server that will provide very fast hot reload of your frontend changes. If you want to develop in a browser
and have access to your Go methods, there is also a dev server that runs on http://localhost:34115. Connect
to this in your browser, and you can call your Go code from devtools.

## Building

To build a redistributable, production mode package, use `wails build`.

## Tricks:

### Notifications:

```go
err := beeep.Notify("Title", "Content", "path/to/icon.png")
if err != nil {
  // handle error
}
```

### Inputs for date objects
```svelte
<div class="m-5">
<Label>Start</Label>
<Input
  type="datetime-local"
  value={session.Start.toISOString().slice(0, 16)}
  onchange={(e) => {
    // @ts-ignore
    session.Start = new Date(e.target.value);
  }}
  required
/>
```

### File Selector:
```go
import (
    "os"
    "github.com/wailsapp/wails/v2/pkg/runtime"
)
func (a *App) MakeFile() {
    dirname, _ := os.UserHomeDir()
	str, err := runtime.SaveFileDialog(a.ctx, runtime.SaveDialogOptions{DefaultDirectory: dirname, DefaultFilename: "filename.csv"})
	if err != nil {
		panic(err)
	}
	file, err := os.Create(str)
	if err != nil {
		return
	}
	defer file.Close()
}
```

### Radio button for bool


``` svelte
<script lang="ts">
  let isTeam: bool = $state(0)
  let _isTeam:int = $state(0)
  $effect(() => {
    if (isTeam) {
      _isTeam = 1;
    } else {
      _isTeam = 0;
    }
  });
  $effect(() => {
    if (isTeam != (_isTeam === 1)) {
      isTeam = _isTeam === 1;
    }
  });

</script>



<div class="m-5 grid grid-cols-3">
<Label>Type:</Label>
<Radio
  required
  value={0}
  bind:group={_isTeam}
>Single Player</Radio
>
<Radio required value={1} bind:group={_isTeam}>Team</Radio>
</div>

```