gantry-web 0.1.0

package/src/zoom.ts

@@ -0,0 +1,21 @@
+// Desktop apps do not zoom. The webview inherits browser zoom gestures
+// (Ctrl+wheel, Ctrl +/-/0), which feel broken in something pretending to
+// be a native window - suppress them. createApp() installs this
+// automatically; call it yourself only when wiring React manually.
+
+export function installZoomGuard(): () => void {
+  const onWheel = (e: WheelEvent) => {
+    if (e.ctrlKey) e.preventDefault();
+  };
+  const onKey = (e: KeyboardEvent) => {
+    if (e.ctrlKey && (e.key === "+" || e.key === "-" || e.key === "=" || e.key === "0")) {
+      e.preventDefault();
+    }
+  };
+  window.addEventListener("wheel", onWheel, { passive: false });
+  window.addEventListener("keydown", onKey);
+  return () => {
+    window.removeEventListener("wheel", onWheel);
+    window.removeEventListener("keydown", onKey);
+  };
+}

package/types/index.d.ts

@@ -0,0 +1,36 @@
+// Ambient types for the module the Gantry Vite plugin generates. This
+// file keeps editors happy without the synthesized .gantry/ folder
+// existing - include it via tsconfig "types": ["gantry-web/types"].
+
+declare module "virtual:gantry-app" {
+  import type { FC, ReactNode } from "react";
+
+  export interface GantryPageModule {
+    default: FC;
+    /** export const chrome = false to hide the TitleBar on this page. */
+    chrome?: boolean;
+    /**
+     * Which layouts/ wrap this page: a name ("compact"), several nested
+     * outermost-first (["main", "compact"]), false for none, true to
+     * force "main" even on a chromeless page. Default: "main" if it
+     * exists (chromeless pages default to none).
+     */
+    layout?: boolean | string | string[];
+    /** export const route = "/custom" to override the derived route. */
+    route?: string;
+  }
+
+  export interface GantryPage {
+    key: string;
+    route: string;
+    mod: GantryPageModule;
+  }
+
+  export const pages: GantryPage[];
+  export const components: Record<string, { default: FC }>;
+  /** Layouts by short name: layouts/main/main.tsx -> "main". */
+  export const layouts: Record<string, { default: FC<{ children?: ReactNode }> }>;
+  /** The root app.tsx module (default export: CreateAppOptions), or null. */
+  export const appConfig: { default: import("gantry-web").CreateAppOptions } | null;
+  export const singlePage: boolean;
+}