Deno barebone Sveltekit Desktop App - Not Found page

[siniradam]

Either I'm overlooking or it's not there. I can't find a simple SvelteKit demo,
I've tried based on what I could find on docs.

Anyways, if dist folder is in the root, (assuming) it just keep keeps adding dist folder (previous build) inside the new build.
Because original build was around 257mb, later turned into 4gb.

Then I've tried moving it to outside like below:

"output": {
	"macos": "../dist/MyApp.app"
}

Then it throws an error.

❯ deno desktop --allow-env --allow-sys .
⚠ deno desktop is experimental and subject to change
Detected Vite framework
Check .deno_desktop_entry-UFVFJH.ts
Compile .deno_desktop_entry-UFVFJH.ts to ../dist/MyApp.dylib
error: Writing deno compile executable to temporary file '../dist/MyApp.dylib.tmp-5cb37b31ddff464d'

Caused by:
    0: Including /Users/****/Projects/_playground/deno-app/svelte-app/dist
    1: No such file or directory (os error 2)

Here is the full deno.json

{
	"name": "my-app",
	"version": "1.4.0",
	"exports": "./main.ts",
	"desktop": {
		"app": {
			"name": "Svelte App",
			"icons": {
				"macos": "./icons/app.icns",
				"windows": "./icons/app.ico",
				"linux": "./icons/app.png"
			},
			"deepLinks": ["myapp"]
		},
		"backend": "webview",
		"output": {
			"macos": "../dist/MyApp.app"
		}
	},
	"unstable": ["detect-cjs", "node-globals", "unsafe-proto", "sloppy-imports"]
}

main.ts

const win = new Deno.BrowserWindow({ title: 'My App' });

vite.config.ts

const win = new Deno.BrowserWindow({ title: 'My App' });

Rest is generic SvelteKit project.

❯ deno task build  
# ...
❯ deno desktop .
⚠ deno desktop is experimental and subject to change
Detected Vite framework
Check .deno_desktop_entry-YAvYea.ts
Compile .deno_desktop_entry-YAvYea.ts to ../dist/MyApp.dylib
error: Writing deno compile executable to temporary file '../dist/MyApp.dylib.tmp-24edc41c395a38e5'

Caused by:
    0: Including /Users/****/Projects/_playground/deno-app/svelte-app/dist
    1: No such file or directory (os error 2)

Also tried without main.ts
or editing main.ts to

const port = Deno.env.get('DENO_SERVE_ADDRESS')!.split(':').pop();
const settings = new Deno.BrowserWindow();
settings.navigate(`http://127.0.0.1:${port}`);

// Deno.serve((req) => {
// 	// const url = new URL(req.url);
// 	return new Response('<h1>Hello, desktop</h1>', {
// 		headers: { 'content-type': 'text/html' }
// 	});
// });

[barry166]

deno desktop's Vite integration expects the frontend build output to exist at the project root dist/. That is the directory shown in the error:

Including .../svelte-app/dist

So don't use the same dist directory for the desktop app bundle. Keep the web build at ./dist, and put the desktop output somewhere else that is not inside that directory:

{
  "desktop": {
    "output": {
      "macos": "./desktop-dist/MyApp.app"
    }
  }
}

Then run the web build first, then package:

deno task build   # must create ./dist/index.html etc.
deno desktop --allow-env --allow-sys .

If this is a SvelteKit app, make sure the SvelteKit adapter/build is actually producing a static Vite-style dist/ folder. For a desktop shell, that usually means adapter-static with a fallback, for example pages: 'dist', assets: 'dist', fallback: 'index.html'. The ../dist attempt fails because Deno still tries to include ./dist as the app assets, but that folder is missing.