[frontend] use puter.env to check environment instead of ancestorOrigins hack

Author: velzie

frontend/src/Browser.tsx

@@ -7,7 +7,7 @@ import { HistoryState } from "./History";
 import { focusOmnibox } from "./components/UrlInput";
 
 import * as tldts from "tldts";
-import { scramjet } from "./main";
+import { isPuter, scramjet } from "./main";
 import { animateDownloadFly } from "./components/Omnibox";
 import { showDownloadsPopup } from "./components/DownloadsPopup";
 export const pushTab = createDelegate<Tab>();
@@ -220,10 +220,7 @@ export class Browser extends StatefulClass {
 
 	destroyTab(tab: Tab) {
 		this.tabs = this.tabs.filter((t) => t !== tab);
-		if (
-			this.tabs.length === 0 &&
-			location.ancestorOrigins[0] === "https://puter.com"
-		) {
+		if (this.tabs.length === 0 && isPuter) {
 			puter.exit();
 		}
 

frontend/src/components/Menu.tsx

@@ -10,6 +10,7 @@ import { Checkbox } from "./Checkbox";
 import { Icon } from "./Icon";
 import type { IconifyIcon } from "@iconify/types";
 import { emToPx } from "../utils";
+import { isPuter } from "../main";
 
 export const closeMenu = createDelegate<void>();
 
@@ -206,7 +207,7 @@ export function createMenu(
 	y: number,
 	items: MenuItem[]
 ): DLElement<typeof Menu> {
-	if (location.ancestorOrigins[0] === "https://puter.com") {
+	if (isPuter) {
 		puter.ui.contextMenu({
 			items: items.map((i) =>
 				i == "-"

frontend/src/components/Omnibox.tsx

@@ -20,6 +20,7 @@ import iconInfo from "@ktibow/iconset-ion/information-circle-outline";
 import iconSettings from "@ktibow/iconset-ion/settings-outline";
 import { showDownloadsPopup } from "./DownloadsPopup";
 import type { HistoryState } from "../History";
+import { isPuter } from "../main";
 
 export const animateDownloadFly = createDelegate<void>();
 
@@ -263,7 +264,7 @@ export const Omnibox: Component<{
 							},
 							icon: iconSettings,
 						},
-						...(location.ancestorOrigins[0] === "https://puter.com"
+						...(isPuter
 							? [
 									{
 										label: "Exit",

frontend/src/main.tsx

@@ -12,6 +12,8 @@ import { css, type Component } from "dreamland/core";
 
 const { ScramjetController } = $scramjetLoadController();
 
+export const isPuter = !import.meta.env.VITE_LOCAL && puter.env == "app";
+
 const scramjetcfg: Partial<ScramjetInitConfig> = {
 	wisp: "ws://localhost:1337/",
 	files: {