Install adapter-static and add a lib/components

frontend/package-lock.json

@@ -12,6 +12,7 @@
 				"@playwright/test": "^1.28.1",
 				"@skeletonlabs/skeleton": "^1.8.0",
 				"@sveltejs/adapter-auto": "^2.0.0",
+				"@sveltejs/adapter-static": "^2.0.2",
 				"@sveltejs/kit": "^1.5.0",
 				"@tailwindcss/forms": "^0.5.3",
 				"@tailwindcss/typography": "^0.5.9",
@@ -656,6 +657,15 @@
 				"@sveltejs/kit": "^1.0.0"
 			}
 		},
+		"node_modules/@sveltejs/adapter-static": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
+			"integrity": "sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==",
+			"dev": true,
+			"peerDependencies": {
+				"@sveltejs/kit": "^1.5.0"
+			}
+		},
 		"node_modules/@sveltejs/kit": {
 			"version": "1.21.0",
 			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.21.0.tgz",
@@ -4353,6 +4363,13 @@
 				"import-meta-resolve": "^3.0.0"
 			}
 		},
+		"@sveltejs/adapter-static": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.2.tgz",
+			"integrity": "sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==",
+			"dev": true,
+			"requires": {}
+		},
 		"@sveltejs/kit": {
 			"version": "1.21.0",
 			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.21.0.tgz",

frontend/package.json

@@ -18,6 +18,7 @@
 		"@playwright/test": "^1.28.1",
 		"@skeletonlabs/skeleton": "^1.8.0",
 		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-static": "^2.0.2",
 		"@sveltejs/kit": "^1.5.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.9",

frontend/package.json.md5

@@ -1 +1 @@
-2e41587a1425b5d60b0bac938bf8bf9b
+eea8ec923b0db2baba8a6a71055188e7

frontend/src/lib/components/QuizCard.svelte

@@ -0,0 +1,54 @@
+<div class="card p-4 my-3 mx-4 font-heading-token">
+    <header class="p-3">
+	<div class="flex justify-between">
+	    <div>
+		<button type="button" class="btn-icon variant-filled-primary">
+		    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
+		    </svg>
+		</button>
+		<button type="button" class="btn-icon variant-filled-error">
+		    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+			<path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
+		    </svg>
+		</button>
+	    </div>
+	    <span class="badge variant-ghost-secondary"><h1 class="text-xs">1ad25d0000…</h1></span>
+	</div>
+    </header>
+    <hr class="opacity-50" />
+    <p class="p-4">
+	Per intensità di corrente elettrica si intende
+    </p>
+    <form id="question1">
+	<div class="space-y-2 p-4">
+	    <label class="flex items-center space-x-2">
+		<input class="radio" type="radio" checked name="radio-direct" value="1" />
+		<p>La quantità di carica che scorre in un circuito per unità di tempo</p>
+	    </label>
+	    <label class="flex items-center space-x-2">
+		<input class="radio" type="radio" name="radio-direct" value="2" />
+		<p>La differenza di potenziale elettrico</p>
+	    </label>
+	    <label class="flex items-center space-x-2">
+		<input class="radio" type="radio" name="radio-direct" value="3" />
+		<p>La quantità di carica elettrica</p>
+	    </label>
+	    <label class="flex items-center space-x-2">
+		<input class="radio" type="radio" name="radio-direct" value="3" />
+		<p>L'accelerazione a cui sono sottoposti gli elettroni all'interno del circuito</p>
+	    </label>
+	</div>
+    </form>
+    <hr class="opacity-50" />
+    <footer class="p-3 flex justify-start items-center space-x-4">
+	<div class="flex-auto flex gap-1">
+	    <span class="badge chip variant-filled-tertiary">#corrente</span>
+	    <span class="badge chip variant-filled-tertiary">#quinte</span>
+	    <span class="badge chip variant-filled-tertiary">#circuiti</span>
+	</div>
+	<div class="flex-auto flex justify-end">
+	    <small>Created on {new Date().toLocaleDateString()}</small>
+	</div>
+    </footer>
+</div>

frontend/src/lib/wailsjs/go/main/App.d.ts

@@ -0,0 +1,4 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export function Greet(arg1:string):Promise<string>;

frontend/src/lib/wailsjs/go/main/App.js

@@ -0,0 +1,7 @@
+// @ts-check
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+export function Greet(arg1) {
+  return window['go']['main']['App']['Greet'](arg1);
+}

frontend/src/lib/wailsjs/runtime/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@wailsapp/runtime",
+  "version": "2.0.0",
+  "description": "Wails Javascript runtime library",
+  "main": "runtime.js",
+  "types": "runtime.d.ts",
+  "scripts": {
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wailsapp/wails.git"
+  },
+  "keywords": [
+    "Wails",
+    "Javascript",
+    "Go"
+  ],
+  "author": "Lea Anthony <lea.anthony@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/wailsapp/wails/issues"
+  },
+  "homepage": "https://github.com/wailsapp/wails#readme"
+}

frontend/src/lib/wailsjs/runtime/runtime.d.ts

@@ -0,0 +1,235 @@
+/*
+ _       __      _ __
+| |     / /___ _(_) /____
+| | /| / / __ `/ / / ___/
+| |/ |/ / /_/ / / (__  )
+|__/|__/\__,_/_/_/____/
+The electron alternative for Go
+(c) Lea Anthony 2019-present
+*/
+
+export interface Position {
+    x: number;
+    y: number;
+}
+
+export interface Size {
+    w: number;
+    h: number;
+}
+
+export interface Screen {
+    isCurrent: boolean;
+    isPrimary: boolean;
+    width : number
+    height : number
+}
+
+// Environment information such as platform, buildtype, ...
+export interface EnvironmentInfo {
+    buildType: string;
+    platform: string;
+    arch: string;
+}
+
+// [EventsEmit](https://wails.io/docs/reference/runtime/events#eventsemit)
+// emits the given event. Optional data may be passed with the event.
+// This will trigger any event listeners.
+export function EventsEmit(eventName: string, ...data: any): void;
+
+// [EventsOn](https://wails.io/docs/reference/runtime/events#eventson) sets up a listener for the given event name.
+export function EventsOn(eventName: string, callback: (...data: any) => void): () => void;
+
+// [EventsOnMultiple](https://wails.io/docs/reference/runtime/events#eventsonmultiple)
+// sets up a listener for the given event name, but will only trigger a given number times.
+export function EventsOnMultiple(eventName: string, callback: (...data: any) => void, maxCallbacks: number): () => void;
+
+// [EventsOnce](https://wails.io/docs/reference/runtime/events#eventsonce)
+// sets up a listener for the given event name, but will only trigger once.
+export function EventsOnce(eventName: string, callback: (...data: any) => void): () => void;
+
+// [EventsOff](https://wails.io/docs/reference/runtime/events#eventsoff)
+// unregisters the listener for the given event name.
+export function EventsOff(eventName: string, ...additionalEventNames: string[]): void;
+
+// [EventsOffAll](https://wails.io/docs/reference/runtime/events#eventsoffall)
+// unregisters all listeners.
+export function EventsOffAll(): void;
+
+// [LogPrint](https://wails.io/docs/reference/runtime/log#logprint)
+// logs the given message as a raw message
+export function LogPrint(message: string): void;
+
+// [LogTrace](https://wails.io/docs/reference/runtime/log#logtrace)
+// logs the given message at the `trace` log level.
+export function LogTrace(message: string): void;
+
+// [LogDebug](https://wails.io/docs/reference/runtime/log#logdebug)
+// logs the given message at the `debug` log level.
+export function LogDebug(message: string): void;
+
+// [LogError](https://wails.io/docs/reference/runtime/log#logerror)
+// logs the given message at the `error` log level.
+export function LogError(message: string): void;
+
+// [LogFatal](https://wails.io/docs/reference/runtime/log#logfatal)
+// logs the given message at the `fatal` log level.
+// The application will quit after calling this method.
+export function LogFatal(message: string): void;
+
+// [LogInfo](https://wails.io/docs/reference/runtime/log#loginfo)
+// logs the given message at the `info` log level.
+export function LogInfo(message: string): void;
+
+// [LogWarning](https://wails.io/docs/reference/runtime/log#logwarning)
+// logs the given message at the `warning` log level.
+export function LogWarning(message: string): void;
+
+// [WindowReload](https://wails.io/docs/reference/runtime/window#windowreload)
+// Forces a reload by the main application as well as connected browsers.
+export function WindowReload(): void;
+
+// [WindowReloadApp](https://wails.io/docs/reference/runtime/window#windowreloadapp)
+// Reloads the application frontend.
+export function WindowReloadApp(): void;
+
+// [WindowSetAlwaysOnTop](https://wails.io/docs/reference/runtime/window#windowsetalwaysontop)
+// Sets the window AlwaysOnTop or not on top.
+export function WindowSetAlwaysOnTop(b: boolean): void;
+
+// [WindowSetSystemDefaultTheme](https://wails.io/docs/next/reference/runtime/window#windowsetsystemdefaulttheme)
+// *Windows only*
+// Sets window theme to system default (dark/light).
+export function WindowSetSystemDefaultTheme(): void;
+
+// [WindowSetLightTheme](https://wails.io/docs/next/reference/runtime/window#windowsetlighttheme)
+// *Windows only*
+// Sets window to light theme.
+export function WindowSetLightTheme(): void;
+
+// [WindowSetDarkTheme](https://wails.io/docs/next/reference/runtime/window#windowsetdarktheme)
+// *Windows only*
+// Sets window to dark theme.
+export function WindowSetDarkTheme(): void;
+
+// [WindowCenter](https://wails.io/docs/reference/runtime/window#windowcenter)
+// Centers the window on the monitor the window is currently on.
+export function WindowCenter(): void;
+
+// [WindowSetTitle](https://wails.io/docs/reference/runtime/window#windowsettitle)
+// Sets the text in the window title bar.
+export function WindowSetTitle(title: string): void;
+
+// [WindowFullscreen](https://wails.io/docs/reference/runtime/window#windowfullscreen)
+// Makes the window full screen.
+export function WindowFullscreen(): void;
+
+// [WindowUnfullscreen](https://wails.io/docs/reference/runtime/window#windowunfullscreen)
+// Restores the previous window dimensions and position prior to full screen.
+export function WindowUnfullscreen(): void;
+
+// [WindowIsFullscreen](https://wails.io/docs/reference/runtime/window#windowisfullscreen)
+// Returns the state of the window, i.e. whether the window is in full screen mode or not.
+export function WindowIsFullscreen(): Promise<boolean>;
+
+// [WindowSetSize](https://wails.io/docs/reference/runtime/window#windowsetsize)
+// Sets the width and height of the window.
+export function WindowSetSize(width: number, height: number): Promise<Size>;
+
+// [WindowGetSize](https://wails.io/docs/reference/runtime/window#windowgetsize)
+// Gets the width and height of the window.
+export function WindowGetSize(): Promise<Size>;
+
+// [WindowSetMaxSize](https://wails.io/docs/reference/runtime/window#windowsetmaxsize)
+// Sets the maximum window size. Will resize the window if the window is currently larger than the given dimensions.
+// Setting a size of 0,0 will disable this constraint.
+export function WindowSetMaxSize(width: number, height: number): void;
+
+// [WindowSetMinSize](https://wails.io/docs/reference/runtime/window#windowsetminsize)
+// Sets the minimum window size. Will resize the window if the window is currently smaller than the given dimensions.
+// Setting a size of 0,0 will disable this constraint.
+export function WindowSetMinSize(width: number, height: number): void;
+
+// [WindowSetPosition](https://wails.io/docs/reference/runtime/window#windowsetposition)
+// Sets the window position relative to the monitor the window is currently on.
+export function WindowSetPosition(x: number, y: number): void;
+
+// [WindowGetPosition](https://wails.io/docs/reference/runtime/window#windowgetposition)
+// Gets the window position relative to the monitor the window is currently on.
+export function WindowGetPosition(): Promise<Position>;
+
+// [WindowHide](https://wails.io/docs/reference/runtime/window#windowhide)
+// Hides the window.
+export function WindowHide(): void;
+
+// [WindowShow](https://wails.io/docs/reference/runtime/window#windowshow)
+// Shows the window, if it is currently hidden.
+export function WindowShow(): void;
+
+// [WindowMaximise](https://wails.io/docs/reference/runtime/window#windowmaximise)
+// Maximises the window to fill the screen.
+export function WindowMaximise(): void;
+
+// [WindowToggleMaximise](https://wails.io/docs/reference/runtime/window#windowtogglemaximise)
+// Toggles between Maximised and UnMaximised.
+export function WindowToggleMaximise(): void;
+
+// [WindowUnmaximise](https://wails.io/docs/reference/runtime/window#windowunmaximise)
+// Restores the window to the dimensions and position prior to maximising.
+export function WindowUnmaximise(): void;
+
+// [WindowIsMaximised](https://wails.io/docs/reference/runtime/window#windowismaximised)
+// Returns the state of the window, i.e. whether the window is maximised or not.
+export function WindowIsMaximised(): Promise<boolean>;
+
+// [WindowMinimise](https://wails.io/docs/reference/runtime/window#windowminimise)
+// Minimises the window.
+export function WindowMinimise(): void;
+
+// [WindowUnminimise](https://wails.io/docs/reference/runtime/window#windowunminimise)
+// Restores the window to the dimensions and position prior to minimising.
+export function WindowUnminimise(): void;
+
+// [WindowIsMinimised](https://wails.io/docs/reference/runtime/window#windowisminimised)
+// Returns the state of the window, i.e. whether the window is minimised or not.
+export function WindowIsMinimised(): Promise<boolean>;
+
+// [WindowIsNormal](https://wails.io/docs/reference/runtime/window#windowisnormal)
+// Returns the state of the window, i.e. whether the window is normal or not.
+export function WindowIsNormal(): Promise<boolean>;
+
+// [WindowSetBackgroundColour](https://wails.io/docs/reference/runtime/window#windowsetbackgroundcolour)
+// 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;
+
+// [Environment](https://wails.io/docs/reference/runtime/intro#environment)
+// Returns information about the environment
+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;
+
+// [ClipboardGetText](https://wails.io/docs/reference/runtime/clipboard#clipboardgettext)
+// Returns the current text stored on clipboard
+export function ClipboardGetText(): Promise<string>;
+
+// [ClipboardSetText](https://wails.io/docs/reference/runtime/clipboard#clipboardsettext)
+// Sets a text on the clipboard
+export function ClipboardSetText(text: string): Promise<boolean>;

frontend/src/lib/wailsjs/runtime/runtime.js

@@ -0,0 +1,202 @@
+/*
+ _       __      _ __
+| |     / /___ _(_) /____
+| | /| / / __ `/ / / ___/
+| |/ |/ / /_/ / / (__  )
+|__/|__/\__,_/_/_/____/
+The electron alternative for Go
+(c) Lea Anthony 2019-present
+*/
+
+export function LogPrint(message) {
+    window.runtime.LogPrint(message);
+}
+
+export function LogTrace(message) {
+    window.runtime.LogTrace(message);
+}
+
+export function LogDebug(message) {
+    window.runtime.LogDebug(message);
+}
+
+export function LogInfo(message) {
+    window.runtime.LogInfo(message);
+}
+
+export function LogWarning(message) {
+    window.runtime.LogWarning(message);
+}
+
+export function LogError(message) {
+    window.runtime.LogError(message);
+}
+
+export function LogFatal(message) {
+    window.runtime.LogFatal(message);
+}
+
+export function EventsOnMultiple(eventName, callback, maxCallbacks) {
+    return window.runtime.EventsOnMultiple(eventName, callback, maxCallbacks);
+}
+
+export function EventsOn(eventName, callback) {
+    return EventsOnMultiple(eventName, callback, -1);
+}
+
+export function EventsOff(eventName, ...additionalEventNames) {
+    return window.runtime.EventsOff(eventName, ...additionalEventNames);
+}
+
+export function EventsOnce(eventName, callback) {
+    return EventsOnMultiple(eventName, callback, 1);
+}
+
+export function EventsEmit(eventName) {
+    let args = [eventName].slice.call(arguments);
+    return window.runtime.EventsEmit.apply(null, args);
+}
+
+export function WindowReload() {
+    window.runtime.WindowReload();
+}
+
+export function WindowReloadApp() {
+    window.runtime.WindowReloadApp();
+}
+
+export function WindowSetAlwaysOnTop(b) {
+    window.runtime.WindowSetAlwaysOnTop(b);
+}
+
+export function WindowSetSystemDefaultTheme() {
+    window.runtime.WindowSetSystemDefaultTheme();
+}
+
+export function WindowSetLightTheme() {
+    window.runtime.WindowSetLightTheme();
+}
+
+export function WindowSetDarkTheme() {
+    window.runtime.WindowSetDarkTheme();
+}
+
+export function WindowCenter() {
+    window.runtime.WindowCenter();
+}
+
+export function WindowSetTitle(title) {
+    window.runtime.WindowSetTitle(title);
+}
+
+export function WindowFullscreen() {
+    window.runtime.WindowFullscreen();
+}
+
+export function WindowUnfullscreen() {
+    window.runtime.WindowUnfullscreen();
+}
+
+export function WindowIsFullscreen() {
+    return window.runtime.WindowIsFullscreen();
+}
+
+export function WindowGetSize() {
+    return window.runtime.WindowGetSize();
+}
+
+export function WindowSetSize(width, height) {
+    window.runtime.WindowSetSize(width, height);
+}
+
+export function WindowSetMaxSize(width, height) {
+    window.runtime.WindowSetMaxSize(width, height);
+}
+
+export function WindowSetMinSize(width, height) {
+    window.runtime.WindowSetMinSize(width, height);
+}
+
+export function WindowSetPosition(x, y) {
+    window.runtime.WindowSetPosition(x, y);
+}
+
+export function WindowGetPosition() {
+    return window.runtime.WindowGetPosition();
+}
+
+export function WindowHide() {
+    window.runtime.WindowHide();
+}
+
+export function WindowShow() {
+    window.runtime.WindowShow();
+}
+
+export function WindowMaximise() {
+    window.runtime.WindowMaximise();
+}
+
+export function WindowToggleMaximise() {
+    window.runtime.WindowToggleMaximise();
+}
+
+export function WindowUnmaximise() {
+    window.runtime.WindowUnmaximise();
+}
+
+export function WindowIsMaximised() {
+    return window.runtime.WindowIsMaximised();
+}
+
+export function WindowMinimise() {
+    window.runtime.WindowMinimise();
+}
+
+export function WindowUnminimise() {
+    window.runtime.WindowUnminimise();
+}
+
+export function WindowSetBackgroundColour(R, G, B, A) {
+    window.runtime.WindowSetBackgroundColour(R, G, B, A);
+}
+
+export function ScreenGetAll() {
+    return window.runtime.ScreenGetAll();
+}
+
+export function WindowIsMinimised() {
+    return window.runtime.WindowIsMinimised();
+}
+
+export function WindowIsNormal() {
+    return window.runtime.WindowIsNormal();
+}
+
+export function BrowserOpenURL(url) {
+    window.runtime.BrowserOpenURL(url);
+}
+
+export function Environment() {
+    return window.runtime.Environment();
+}
+
+export function Quit() {
+    window.runtime.Quit();
+}
+
+export function Hide() {
+    window.runtime.Hide();
+}
+
+export function Show() {
+    window.runtime.Show();
+}
+
+export function ClipboardGetText() {
+    return window.runtime.ClipboardGetText();
+}
+
+export function ClipboardSetText(text) {
+    return window.runtime.ClipboardSetText(text);
+}

frontend/src/routes/+page.svelte

@@ -1,4 +1,6 @@
-<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
+<script lang="ts">
+ import QuizCard  from "$lib/components/QuizCard.svelte"
+</script>
 
 <div class="h-full flex flex-col">
 
@@ -10,158 +12,7 @@
 	<span>Add a new quiz</span>
     </button>
 
-    <div class="card p-4 my-3 mx-4 font-heading-token">
+    <QuizCard />
-	<header class="p-3">
-	    <div class="flex justify-between">
-		<div>
-		    <button type="button" class="btn-icon variant-filled-primary">
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-			    <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
-			</svg>
-		    </button>
-		    <button type="button" class="btn-icon variant-filled-error">
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-			    <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
-			</svg>
-		    </button>
-		</div>
-		<span class="badge variant-ghost-secondary"><h1 class="text-xs">1ad25d0000…</h1></span>
-	    </div>
-	</header>
-	<hr class="opacity-50" />
-	<p class="p-4">
-	    Per intensità di corrente elettrica si intende
-	</p>
-	<form id="question1">
-	    <div class="space-y-2 p-4">
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" checked name="radio-direct" value="1" />
-		    <p>La quantità di carica che scorre in un circuito per unità di tempo</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="2" />
-		    <p>La differenza di potenziale elettrico</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>La quantità di carica elettrica</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>L'accelerazione a cui sono sottoposti gli elettroni all'interno del circuito</p>
-		</label>
-	    </div>
-	</form>
-	<hr class="opacity-50" />
-	<footer class="p-3 flex justify-start items-center space-x-4">
-	    <div class="flex-auto flex gap-1">
-		<span class="badge chip variant-filled-tertiary">#corrente</span>
-		<span class="badge chip variant-filled-tertiary">#quinte</span>
-		<span class="badge chip variant-filled-tertiary">#circuiti</span>
-	    </div>
-	    <div class="flex-auto flex justify-end">
-		<small>Created on {new Date().toLocaleDateString()}</small>
-	    </div>
-	</footer>
-    </div>
-
-    <div class="card p-4 m-4 font-heading-token">
-	<header class="p-3">
-	    <div class="flex justify-between">
-		<div>
-		    <button type="button" class="btn-icon variant-filled-primary">
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-			    <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
-			</svg>
-		    </button>
-		    <button type="button" class="btn-icon variant-filled-error">
-			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-			    <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
-			</svg>
-		    </button>
-		</div>
-		<span class="badge variant-ghost-secondary"><h1 class="text-xs">1ad25d0000…</h1></span>
-	    </div>
-	</header>
-	<hr class="opacity-50" />
-	<p class="p-4">
-	    Affinché in un circuito possa circolare corrente continua, il generatore di tensione
-	</p>
-	<form id="question_2">
-	    <div class="space-y-2 p-4">
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" checked name="radio-direct" value="1" />
-		    <p>Fornisce una potenza pari a quella dissipata per effetto Joule</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="2" />
-		    <p>Fornisce una potenza minore a quella dissipata per effetto Joule</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>Rallenta le cariche elettriche</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>Dev'essere spento</p>
-		</label>
-	    </div>
-	</form>
-	
-	<hr class="opacity-50" />
-	
-	<footer class="p-3 flex justify-start items-center space-x-4">
-	    <div class="flex-auto flex gap-1">
-		<span class="badge chip variant-filled-tertiary">#corrente</span>
-		<span class="badge chip variant-filled-tertiary">#quinte</span>
-		<span class="badge chip variant-filled-tertiary">#circuiti</span>
-	    </div>
-	    <div class="flex-auto flex justify-end">
-		<small>Created on {new Date().toLocaleDateString()}</small>
-	    </div>
-	    
-	</footer>
-    </div>
-
-    <div class="card p-4 m-4 font-heading-token">
-	<header class="p-3 flex justify-end">
-	    <span class="badge variant-ghost-secondary"><h1 class="text-xs">1ad25d0000…</h1></span>
-	</header>
-	<hr class="opacity-50" />
-	<p class="p-4">
-	    Affinché in un circuito possa circolare corrente continua, il generatore di tensione
-	</p>
-	<form id="question_2">
-	    <div class="space-y-2 p-4">
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" checked name="radio-direct" value="1" />
-		    <p>Fornisce una potenza pari a quella dissipata per effetto Joule</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="2" />
-		    <p>Fornisce una potenza minore a quella dissipata per effetto Joule</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>Rallenta le cariche elettriche</p>
-		</label>
-		<label class="flex items-center space-x-2">
-		    <input class="radio" type="radio" name="radio-direct" value="3" />
-		    <p>Dev'essere spento</p>
-		</label>
-	    </div>
-	</form>
-	<footer class="p-3 flex justify-start items-center space-x-4">
-	    <div class="flex-auto flex gap-1">
-		<span class="badge chip variant-filled-tertiary">#corrente</span>
-		<span class="badge chip variant-filled-tertiary">#quinte</span>
-		<span class="badge chip variant-filled-tertiary">#circuiti</span>
-	    </div>
-	    <div class="flex-auto flex justify-end">
-		<small>Created on {new Date().toLocaleDateString()}</small>
-	    </div>
-	</footer>
-    </div>
     
 </div>
 

frontend/svelte.config.js

@@ -1,4 +1,5 @@
-import adapter from '@sveltejs/adapter-auto';
+// export default config;
+import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/kit/vite';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -13,7 +14,9 @@ const config = {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
+	    adapter: adapter({
+		fallback: 'index.html'
+	    })
 	}
 };
 export default config;

frontend/tsconfig.json

@@ -8,7 +8,15 @@
 	"resolveJsonModule": true,
 	"skipLibCheck": true,
 	"sourceMap": true,
-		"strict": true
+	"strict": true,
+	"paths": {
+	    // Overwrites the defaults and $lib is required for svelte-kit.
+	    "$lib": ["./src/lib"],
+	    "$lib/*": ["./src/lib/*"],
+	    
+	    // Adds the ability to import from the `frontend/` folder.
+	    "@/*": ["./*"]
+	}
     }
     // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
     //

frontend/vite.config.ts

@@ -1,7 +1,22 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vitest/config';
+import path from 'path'
 
 export default defineConfig({
+    server: {
+	fs: {
+	    // Allow serving files from the frontend project root
+	    allow: ['.'],
+	},
+    },
+    resolve: {
+	alias: {
+	    // This alias finishes the ability to reference our
+	    // frontend/ with `@path/to/file`.
+	    //
+	    '@': path.resolve(__dirname, './'), 
+	},
+    },
     plugins: [sveltekit()],
     test: {
 	include: ['src/**/*.{test,spec}.{js,ts}']

main.go

@@ -8,9 +8,12 @@ import (
 	"github.com/wailsapp/wails/v2/pkg/options/assetserver"
 )
 
-//go:embed all:frontend/dist
+//go:embed all:frontend/build
 var assets embed.FS
 
+// //go:embed all:frontend/dist
+// var assets embed.FS
+
 func main() {
 	// Create an instance of the app structure
 	app := NewApp()

wails.json

@@ -6,6 +6,7 @@
     "frontend:build": "npm run build",
     "frontend:dev:watcher": "npm run dev",
     "frontend:dev:serverUrl": "auto",
+    "wailsjsdir": "./frontend/src/lib",
     "author": {
 	"name": "andrea",
 	"email": "posta@andreafazzi.eu"