@xenide-io/the-old-ui-theme 0.7.0 → 0.9.0

package/src/suite/lib/use-lock-mobile-page-zoom.test.tsx

@@ -1,65 +0,0 @@
-import { cleanup, render } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "vitest";
-
-import { useLockMobilePageZoom } from "./use-lock-mobile-page-zoom";
-
-function Probe() {
-  useLockMobilePageZoom();
-  return null;
-}
-
-function stubMedia(matches: boolean) {
-  vi.stubGlobal(
-    "matchMedia",
-    (query: string) =>
-      ({
-        matches: query.includes("pointer: coarse") ? matches : false,
-        media: query,
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-        onchange: null,
-      }) satisfies MediaQueryList,
-  );
-}
-
-afterEach(() => {
-  cleanup();
-  vi.unstubAllGlobals();
-  document.documentElement.removeAttribute("data-suite-lock-page-zoom");
-  document.head.innerHTML = "";
-});
-
-describe("mobile page zoom lock", () => {
-  it("locks the viewport on phones and tablets", () => {
-    document.head.innerHTML =
-      '<meta name="viewport" content="width=device-width, initial-scale=1">';
-    stubMedia(true);
-
-    render(<Probe />);
-
-    expect(document.documentElement).toHaveAttribute(
-      "data-suite-lock-page-zoom",
-    );
-    expect(
-      document.querySelector('meta[name="viewport"]')?.getAttribute("content"),
-    ).toContain("user-scalable=no");
-  });
-
-  it("leaves desktop page zoom alone", () => {
-    document.head.innerHTML =
-      '<meta name="viewport" content="width=device-width, initial-scale=1">';
-    stubMedia(false);
-
-    render(<Probe />);
-
-    expect(document.documentElement).not.toHaveAttribute(
-      "data-suite-lock-page-zoom",
-    );
-    expect(
-      document.querySelector('meta[name="viewport"]')?.getAttribute("content"),
-    ).toBe("width=device-width, initial-scale=1");
-  });
-});

package/src/suite/lib/use-lock-mobile-page-zoom.ts

@@ -1,51 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-const MOBILE_PAGE_ZOOM_QUERY = "(hover: none) and (pointer: coarse)";
-const LOCKED_VIEWPORT =
-  "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover";
-
-function preventGesture(event: Event) {
-  event.preventDefault();
-}
-
-/**
- * App-like mobile chrome: no pinch/page zoom. Desktop zoom is unchanged.
- * CSS `touch-action` covers Chromium; viewport + gesture events cover iOS.
- */
-export function useLockMobilePageZoom() {
-  useEffect(() => {
-    if (typeof window.matchMedia !== "function") return;
-    const media = window.matchMedia(MOBILE_PAGE_ZOOM_QUERY);
-    const meta = document.querySelector('meta[name="viewport"]');
-    const original = meta?.getAttribute("content");
-
-    const apply = () => {
-      const lock = media.matches;
-      document.documentElement.toggleAttribute(
-        "data-suite-lock-page-zoom",
-        lock,
-      );
-      document.removeEventListener("gesturestart", preventGesture);
-      document.removeEventListener("gesturechange", preventGesture);
-      if (lock) {
-        meta?.setAttribute("content", LOCKED_VIEWPORT);
-        document.addEventListener("gesturestart", preventGesture);
-        document.addEventListener("gesturechange", preventGesture);
-        return;
-      }
-      if (original) meta?.setAttribute("content", original);
-    };
-
-    apply();
-    media.addEventListener("change", apply);
-    return () => {
-      media.removeEventListener("change", apply);
-      document.documentElement.removeAttribute("data-suite-lock-page-zoom");
-      if (original) meta?.setAttribute("content", original);
-      document.removeEventListener("gesturestart", preventGesture);
-      document.removeEventListener("gesturechange", preventGesture);
-    };
-  }, []);
-}